MediaWiki:Common.css: Difference between revisions
From CSDMS
No edit summary |
No edit summary Tag: Manual revert |
||
(23 intermediate revisions by the same user not shown) | |||
Line 1,226: | Line 1,226: | ||
} | } | ||
/*to correct for TOC, nav bar overlay*/ | /*to correct for TOC, nav bar overlay*/ | ||
.mw-headline[id]::before { | /*.mw-headline[id]::before { | ||
display: block; | display: block; | ||
content: " "; | content: " "; | ||
margin-top: | margin-top: -32px; | ||
height: | height: 32px; | ||
visibility: hidden; | visibility: hidden; | ||
} | }*/ | ||
/*.layout-fixedhead h1 > span.mw-headline::before, .layout-stickyhead h1 > span.mw-headline::before, .layout-clean h1 > span.mw-headline::before, | /*.layout-fixedhead h1 > span.mw-headline::before, .layout-stickyhead h1 > span.mw-headline::before, .layout-clean h1 > span.mw-headline::before, | ||
.layout-fixedhead h2 > span.mw-headline::before, .layout-stickyhead h2 > span.mw-headline::before, .layout-clean h2 > span.mw-headline::before, | .layout-fixedhead h2 > span.mw-headline::before, .layout-stickyhead h2 > span.mw-headline::before, .layout-clean h2 > span.mw-headline::before, | ||
Line 1,290: | Line 1,290: | ||
.select2-search__field { | .select2-search__field { | ||
width: auto !important; | width: auto !important; | ||
} | |||
/*fix for URLs that break table width */ | |||
pre { | |||
white-space: pre-line; | |||
width: 100%; | |||
} | |||
/*fix URLs that break out divs */ | |||
.dont-break-out { | |||
/* These are technically the same, but use both */ | |||
overflow-wrap: break-word; | |||
word-wrap: break-word; | |||
-ms-word-break: break-all; | |||
/* This is the dangerous one in WebKit, as it breaks things wherever */ | |||
word-break: break-all; | |||
/* Instead use this non-standard one: */ | |||
word-break: break-word; | |||
/* Adds a hyphen where the word breaks, if supported (No Blink) */ | |||
-ms-hyphens: auto; | |||
-moz-hyphens: auto; | |||
-webkit-hyphens: auto; | |||
hyphens: auto; | |||
} | } |
Revision as of 13:51, 25 September 2024
@import url("/mediawiki/index.php?title=MediaWiki:Common.css/Hoverbox.css&action=raw&ctype=text/css") screen;
body.action-view h1.firstHeading, body.action-submit h1.firstHeading { display: none; } //removes the first heading (pagetitle) of every page!!
div.FrontPageStats-header {
height: 1.6em;
background-color: #E8E8E8;
padding: 4px;
}
div.FrontPageStats-header {
margin: 0;
padding: 0px;
border: 1px solid #aaa;
text-align: center;
font-size: 95%;
}
div.FrontPageStats-content {
background-color: #f4f4f4;
}
body{
/* Fix for unwanted scrolling behavior CHROME */
overflow-anchor: none;
}
.button_orange{
border-radius: 15px;
background-color: #FFD033;
padding:6px;
width: 200px;
height: 50px;
font-weight: bold;
font-size: 15px;
}
/* BEGIN Main Page carousel code */
.jcarousel {
position: relative;
overflow: hidden;
}
.jcarousel-wrapper {
max-width: 682px;
margin: 0;
position: relative;
}
.jcarousel .jcarousel-list {
width: 2000em;
position: relative;
margin: 0;
padding: 0;
}
.jcarousel .jcarousel-item {
float: left;
}
.jcarousel-item img {
display: block;
max-width: 98%;
height: auto !important;
}
.jcarousel-control-prev,
.jcarousel-control-next {
position: absolute;
top: 45%;
width: 30px;
height: 30px;
text-align: center;
background: #fff;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
}
.jcarousel-control-prev {
left: -6px;
}
.jcarousel-control-next {
right: -1px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
opacity: .5;
cursor: default;
}
.jcarousel-pagination {
position: absolute;
bottom: 10px;
left: 15px;
}
.jcarousel-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
line-height: 14px;
min-width: 14px;
background: #fff;
color: #4E443C;
border-radius: 14px;
padding: 3px;
text-align: center;
margin-right: 2px;
opacity: .75;
}
.jcarousel-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.banner-image {
position: relative;
overflow: hidden;
max-width: 676px;
height: auto;
margin-bottom: .6em;
}
.banner-image img {
max-width: 100%;
height: auto;
width: auto\9;
}
.banner-box-wide {
width: 100%
}
.banner-box-left,
.banner-box-right,
.banner-box-center {
padding: 8px 7px;
background: rgb(16,16,16);
background: rgba(0,0,0,0.6);
border-radius: 4px;
width: 40%;
}
.banner-box-left {
left: 3%;
text-align: left;
}
.banner-box-right {
right: 3%;
text-align: right;
}
.banner-box-center {
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
position: absolute;
top: 25%;
}
.banner-box-2 {
position: absolute;
z-index: 0;
margin-top: 2em;
min-width: 20em;
}
.banner-box-2 .quote {
font-size: 80%;
line-height: 1.2em;
}
/* END Main Page carousel code */
div#ak-dismissable-notice {
float:left;
border: 1px solid black;
width: 950px;
height:80px;
border-spacing: 0;
}
div#ak-dismissable-notice-container{
float:left;
width:850px;
height:80px;
display: table;
#position: relative;
overflow: hidden;
}
div#ak-dismissable-notice-message-header{
float:left;
width:230px;
padding-left: 0px;
color: white;
background-color: #666633;
#position: relative;
#top: -50%;
height:80px;
}
div#ak-dismissable-notice-message{
float:right;
padding-left: 0px;
text-align: left;
width:570px;
#position: relative;
#top: -50%;
}
div#ak-dismissable-notice-dismiss{
float:right;
width:50px;
padding-top:22px;
}
.demo-30-percent-width {
width:30%;
clear:both;
}
.frontpage-header{
font-family:Georgia, serif;
font-size:1.25em;
font-style:italic;
}
.module-head {
font-family:serif font Baskerville;
font-size:1.85em;
font-style:italic;
padding: 0 0 0 0.2em;
}
.module-head hr {
background: #000000;
width: 965px;
height: 0px;
padding: 0 0 0 0.0em;
Margin: 5px 0 10px;
}
.module-content{
padding: 0 0 0 0.5em;
}
/*didn't work*/
td.border {
border: 1px #000000 solid;
background: #bbb;
text-align: center;
padding: 5px;
border-spacing:2em 0.25em;
}
span.remove_this_tag {
color: #989898;
font-style: italic;
}
span.checkboxSpan {
width: 200px;
display: block;
}
table.datetable {
padding-left: 10px;
padding-right: 30px;
border: 1px #aaa solid;
}
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* hide arrows on selected external links */
.plainlinksneverexpand a {
background:none !important;
padding:0 !important;
}
/*
This is the CSS for all skins (for all users) on MediaWiki.org.
SECTIONS:
1. Indication of namespaces
2. Color classes for content
3. Special pages
4. Main page styling
5. Sidebar external links
6. Extension:Matrix stuff
7. Wikitables, infobox templates, warnings, and other such stylings
8. Some other small things
*/
/***** 1. INDICATION OF NAMESPACES *****/
/* Pseudo NS Special (light grey) */
/*.ns--2 #content { background: #f4f4f4; }
.ns--2 div.thumb { border-color: #f4f4f4; } */
/* NS Project + Project_talk (light sky blue) */
/*.ns-4 #content, .ns-5 #content { background: #f8fcff; }
.ns-4 div.thumb, .ns-5 div.thumb { border-color: #f8fcff; } */
/* NS MediaWiki + MediaWiki_talk (light grey) */
/*.ns-8 #content, .ns-9 #content { background: #f4f4f4; }
.ns-8 div.thumb, .ns-9 div.thumb { border-color: #f4f4f4; } */
/* NS Manual + Manual_talk (light bluish violet) */
/*.ns-100 #content, .ns-101 #content { background: #f3f3ff; }
.ns-100 div.thumb, .ns-101 div.thumb { border-color: #f3f3ff; } */
/***** 2. COLOR CLASSES FOR CONTENT *****/
/* Border colors */
.borderc1 { border-color: #e9e9e9; border-width: thin; } /* light grey */
.borderc2 { border-color: #aaaaaa; border-width: thin; } /* grey (as toc) */
.borderc3 { border-color: #777777; border-width: thin; } /* dark grey */
.borderc4 { border-color: #000000; border-width: thin; } /* black */
.borderc5 { border-color: #c00000; border-width: thin; } /* red */
.borderc6 { border-color: #025e9d; border-width: thin; } /* blue */
.borderc7 { border-color: #008040; border-width: thin; } /* green */
.borderc8 { border-color: #ffcc00; border-width: thin; } /* yellow */
/* Background colors */
.backgroundc1 { background-color: #ffffff; } /* white */
.backgroundc2 { background-color: #f9f9f9; } /* light grey (as toc) */
.backgroundc3 { background-color: #eeeeee; } /* light grey (headers) */
.backgroundc4 { background-color: #e0e0e0; } /* more grey */
.backgroundc5 { background-color: #d2d2d2; } /* more grey */
.backgroundc6 { background-color: #b7b7b7; } /* more grey */
.backgroundc7 { background-color: #a3a3a3; } /* darker grey */
.backgroundc8 { background-color: #444455; } /* very dark grey */
/***** 3. SPECIAL PAGES *****/
/* Marking redirects */
.allpagesredirect, .watchlistredir, .redirect-in-category { font-style: italic; }
/* Coloured edit size numbers on watchlist/recentchanges */
.mw-plusminus-pos { color: #006400; } /* darkgreen */
.mw-plusminus-neg { color: #8b0000; } /* darkred */
/* Consistent special page navigation */
.sp-cached {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Clock%20and%20warning.svg/20px-Clock%20and%20warning.svg);
background-position: 5px 3px;
background-repeat: no-repeat;
padding: 4px 0 4px 30px;
font-style: italic;
color: #606000;
margin: 0.3em 0;
border: 1px solid #eeee80;
background-color: #ffffe0;
}
.SpecialPageInfo {
background-color: #f9f9f9;
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);
background-position: 0.8em 0.5em;
background-repeat: no-repeat;
padding: 0.3em 0.5em 0.3em 5.0em;
border-color: #025e9d;
border-width: 1px;
border-style: solid;
border-bottom-width: medium;
margin-bottom: 1em;
}
#searchresulttext {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Exquisite-kfind.png/45px-Exquisite-kfind.png);
}
.mw-viewprevnext {
display: block;
border: 1px solid #cccccc;
background-color: #f9f9f2;
padding: 0.2em 0.4em;
}
/* Special:Statistics */
.StatsTable {
background: transparent;
width: 75%;
}
.StatsTable th {
vertical-align: middle;
text-align: center;
width: 50px;
}
.StatsTable th, .StatsTable td {
background-color: #ffffff;
padding: 0.5em 1em;
border: 1px solid #ccccdd;
margin: 0.4em;
}
.StatsTable tr {
background-color: #ffffff;
}
/* Special:Search (more whitespace) */
.page-Special_Search #search {
padding: 1em 0 2em 0;
}
.page-Special_Search #powersearch {
border: 1px solid #cccccc;
padding: 0.5em 0.5em;
}
.page-Special_Search #powersearch-namespaces {
padding-left: 1em;
margin: 0.7em 0;
}
.page-Special_Search #powersearch-namespaces label {
white-space: nowrap;
min-width: 8.4em;
display: block;
float: left;
}
.page-Special_Search br { clear: left; } /* Clear search button, but not check-boxes */
/***** 4. MAIN PAGE STYLING *****/
#mainpage_topbox {
background: #f9f9f9;
padding: 0px;
border: 1px solid #aaaaaa;
margin: 0.2em 10px 10px;
}
.mainpage_boxtitle, .mainpage_hubtitle, #mainpage_pagetitle {
font-size: 105%;
padding: 0.4em;
background-color: #eeeeee;
border-bottom: 1px solid #aaaaaa;
}
.mainpage_boxtitle {
line-height: 120%;
}
#mainpage_pagetitle {
color: #cf7606;
font-size: 200% !important;
}
#mainpage_sitelinks {
padding: 0.2em;
text-align: center;
background-color: white;
}
.mainpage_hubtitle {
text-align: center;
}
.mainpage_boxcontents, .mainpage_boxcontents_small {
background: #ffffff;
padding:0.2em 0.4em;
}
.mainpage_boxcontents_small {
font-size: 95%;
}
.mainpage_hubbox, #mainpage_newscell, #mainpage_downloadcell {
padding: 0;
border: 1px solid #aaaaaa;
}
.mainpage_hubbox {
margin-bottom: 0;
}
#mainpage_newscell {
margin-bottom: 15px;
margin-top: 0 !important;
}
#mainpage_newscell .mainpage_boxtitle {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);
background-repeat: no-repeat;
background-position: 99% 0.3em;
padding-right: 25px;
}
#mainpage_downloadcell {
width: 17em;
margin-bottom: 5px;
}
#mainpage_downloadcell .mainpage_boxtitle {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);
background-repeat: no-repeat;
background-position: 96% 0.33em;
padding-right: 25px;
}
#mainpage_mwtitle { color: #005288; } /* The words 'MediaWiki.org' in the title. */
/*The "mainpage" class is added to the body with javascript for the main page in all */
/*languages, so we can style things that apppear on the main page and also elsewhere.*/
.mainpage #lastmod,
.mainpage #siteSub,
.mainpage h1.firstHeading {
display: none !important;
}
.mainpage #content {
padding-top: 1em;
}
/***** 5. SIDEBAR EXTERNAL LINKS *****/
#n-browse-cvs a, #n-phpdoc a, #n-Mailing-list a {
background: url(/skins-1.5/monobook/external.png) center right no-repeat;
padding-right: 13px;
color: #3366bb;
}
/***** 6. PRETTIFY [[Extension Matrix]] *****/
.xm-table {
border: 1px solid #666666;
background-color: white;
}
.xm-table td, .xm-table th {
vertical-align: top;
text-align: left;
border: none;
background-color: #EEEEEE;
}
.xm-table th, .xm-name { font-weight: bold; }
.xm-status-unknown,
.xm-type-unknown { color:#888888; }
.xm-status-experimental { color: red; }
.xm-status-beta { color: blue; }
.xm-status-stable { color: green; }
.xm-name, .xm-status,
.xm-type, .xm-version,
.xm-updated { white-space: nowrap; }
.xm-updated { font-size:80%; }
.xm-alert { background-color: yellow; }
td.xm-blank { background-color: inherit; }
td.xm-updated { background-color: inherit; }
td.xm-description { background-color: inherit; font-style: italic; }
th.xm-blank,
th.xm-updated,
th.xm-description {
background-color: inherit;
padding-bottom: 0.6ex;
border-bottom: 1px solid #666666;
}
/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/
/* Wikitable (Prettytable) class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #F9F9F9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
empty-cells: show;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaaaaa solid;
padding: 0.2em 0.4em;
}
table.wikitable td, table.prettytable td {
background-color: #F0F0F0;
}
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
background: #8da7d6;
text-align: left;
}
table.wikitable td.hl1, table.wikitable th.hl1,
table.prettytable td.hl1, table.wikitable th.hl1 {
background: #c5d8fc;
text-align: center;
}
table.wikitable td.hl2, table.wikitable th.hl2,
table.prettytable td.hl2, table.wikitable th.hl2 {
background: #a7c1f2;
text-align: center;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
/* General purpose "pretty (data) tables" */
table.datatable { background-color: transparent; }
table.datatable th, table.datatable td { padding: 4px; }
table.datatable th { text-align: left; background-color: #999999; }
table.datatable tr { background-color: #cccccc; }
table.datatable tr:hover { background-color: #ffffcc; }
/* SideBox styling */
div.sideBox {
position: relative;
float: right;
background: white;
margin-left: 1em;
border: 1px solid gray;
padding: 0.3em;
width: 200px;
overflow: hidden;
clear: right;
}
div.sideBox dl { padding: 0; margin: 0 0 0.3em 0; font-size: 96%; }
div.sideBox dl dt { background: none; margin: 0.4em 0 0 0; }
div.sideBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #f3f3f3; }
/* Extension infobox styling */
.ext-infobox {
border: 2px solid #aaaaaa;
width: 272px;
float: right;
margin: 0 0 0.5em 0.5em;
border-collapse: collapse;
background-color: white;
}
.ext-infobox td {
border: 2px none #aaaaaa;
padding: 0.2em 0.5em;
border-bottom: 1px solid #f0f0f0 !important;
}
.ext-header {
background-color: #aaaaaa;
color: white;
text-align: left;
}
.ext-header td { padding-top: 0.5em; }
.ext-header img { padding: 0 0.2em 0 0.5em; }
.ext-status-unstable, .ext-status-unstable td { border-color: #990000; }
.ext-status-unstable .ext-header { background-color: #990000; color: #ffff00; }
.ext-status-experimental, .ext-status-experimental td { border-color: #cc6600; }
.ext-status-experimental .ext-header { background-color: #cc6600; }
.ext-status-beta, .ext-status-beta td { border-color: #000099; }
.ext-status-beta .ext-header { background-color: #000099; }
.ext-status-stable, .ext-status-stable td { border-color: #009900; }
.ext-status-stable .ext-header { background-color: #009900; }
/* Cute little "tip" boxes */
div.tip {
padding: 4px;
margin-top: 4px;
margin-bottom: 4px;
min-height: 30px; /* IE users will hate this... */
}
div.tip-info {
border: 1px solid #cc9933;
background-color: #cccc99;
}
div.tip-gotcha {
border: 1px solid #cc0000;
background-color: #cc6666;
}
/* Language template */
.LanguageLinks { margin-top: 0.5em; }
.LanguageLinks table {
clear: both;
border: 1px solid #aaaaaa;
border-collapse: collapse;
padding: 0.2em;
margin: 0;
font-size: 85%;
margin: 0 1px;
}
.LanguageLinks span { white-space: nowrap; }
/* Version box on [[Manual:Downloading MediaWiki]] */
#DownloadVersionBox {
border: 2px solid black;
border-collapse: collapse;
margin: auto;
width: 50%;
color: black;
}
#DownloadVersionBox td {
border: 2px solid black;
padding: 20px;
}
/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */
.majorwarning {
background: yellow;
padding: 0.3em;
text-align: center;
font-size: 125%;
border: 2px solid red;
}
/* Page headings used throughout the wiki (though not very much at the time of writing…) */
.page-notice, .page-warning {
border-width: 1px;
border-style: solid;
padding: 0.3em 0.5em;
margin-bottom: 1em;
width: 95%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/* Informative notices at the top of pages (blue) */
.page-notice {
background-color: #f9f9f9;
border-color: #025e9d;
text-align: left;
}
/* Warning information at the top of pages (red) */
.page-warning {
background-color: #ffffff;
border-color: #c51919;
border-width: 2px;
}
.pw-head { color: #c51919; font-weight: bold; }
/* Used in Template:Notice */
.block-note {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
background-position: top left;
background-repeat: no-repeat;
}
/*
Using block-contents in the hope that it can apply to all block-level warning templates,
with different images applied as backgrounds to the wrapping DIV.
*/
.block-contents {
display: block;
padding-left: 20px;
}
/* Template documentation ([[Template:Documentation]]) */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 5px;
}
/***** 8. SOME OTHER SMALL THINGS *****/
/* Give a bit of space to the TOC */
#toc { margin: 1em 0; }
/* make the list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 100%; }
.references-small { font-size: 90%;}
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/* Printing of thumbnails (bug 1583) */
div.tright { clear: right; }
/* extra buttons for edit dialog (from commons:MediaWiki:Common.css) */
.my-buttons { padding: 0.5em; }
.my-buttons a {
color: black;
background-color: #ccddee !important;
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
border: thin #006699 outset;
padding: 0 0.1em 0.1em 0.1em;
}
.my-buttons a:hover, .my-buttons a:active {
background-color: #bbccdd;
border-style: inset;
}
/* from [[User:Splarka/Help:Linked images]] */
.imagelink_wikilogo a {
width: 135px;
height: 135px;
display: block;
text-decoration: none;
background-image: url("http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png")
}
/**** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow ****/
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small { /* For the "small=yes" option. */
clear: right;
float: right;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left { /* For the "small=left" option. */
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
table.collapsed tr.collapsable {
display: none;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
/* extra buttons for edit dialog (from commons:MediaWiki:Common.css) */
.my-buttons {
padding: .5em;
}
.my-buttons a {
color: black;
background-color: #cde !important;
font-weight: bold;
font-size: .9em;
text-decoration: none;
border: thin #069 outset;
padding: 0 .1em .1em;
}
.my-buttons a:hover, .my-buttons a:active {
background-color: #bcd;
border-style: inset;
}
/* from [[User:Splarka/Help:Linked images]] */
.imagelink_wikilogo a {
width: 135px;
height: 135px;
display: block;
text-decoration: none;
background-image: url("http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png");
}
/**** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow ****/
table.mbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #aaa; /* Default "notice" gray */
background: #f9f9f9;
}
table.mbox-wide {
margin: 4px 0;
}
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small { /* For the "small=yes" option. */
clear: right;
float: right;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left { /* For the "small=left" option. */
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
/* These are the same colours as the enwiki
'cmbox' styles; just with different names. */
table.mbox-critical {
border: 4px solid #b22222; /* Red */
background: #FFDBDB; /* Pink */
}
table.mbox-important {
background: #FFDBDB; /* Red */
}
table.mbox-warning {
background: #FFE7CE; /* Orange */
}
table.mbox-caution {
background: #FFF9DB; /* Yellow */
}
table.mbox-notice {
background: #D8E8FF; /* Blue */
}
table.mbox-move {
background: #E4D8FF; /* Purple */
}
table.mbox-protection {
background: #EFEFE1; /* Gray-gold */
}
/* Set width for checkbox used in forms */
span.checkboxSpan {
width: 420px;
display: block;
float: left;
}
/*
* OpenSearch ajax suggestions
*/
.os-suggest {
z-index:3000;
}
label.checkboxLabel {
width: 100%;
display: block;
float: left;
}
label.radioButtonItem {
width: 100%;
display: block;
float: left;
}
/* Hide category links at bottom of pages */
.catlinks { display: none; }
.spacer {
margin-top: 20px; /* define margin as you see fit */
}
.hovereffect {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.hovereffect .overlay {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
/*.hovereffect img {
display: block;
position: relative;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}*/
/*.hovereffect:hover img {
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
filter: grayscale(1) blur(3px);
-webkit-filter: grayscale(1) blur(3px);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}*/
.hovereffect h2 {
text-transform: uppercase;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.6);
}
.hovereffect .info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
border: 1px solid #fff;
margin: 50px 0 0 0;
background-color: transparent;
}
.hovereffect .info:hover {
box-shadow: 0 0 5px #fff;
}
.hovereffect .info, .hovereffect h2 {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
opacity: 0;
filter: alpha(opacity=0);
color: #fff;
text-transform: uppercase;
}
.hovereffect:hover .info, .hovereffect:hover h2 {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
img.grayscale:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
/*REMOVE PADDING*/
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
/* ENABLES TO INCLUDE A MESSAGE ON A PAGE IF JAVASCRIPT IS NOT ENABLED IN AN USERS BROWSER */
.client-js .nojs {display:none;}
/* Remove white space content header */
.contentHeader {
margin: 0em 0 0em !important;
border-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* Remove margins completely*/
/*.row {
margin-right: -28px !important;
margin-left: -28px !important;
}*/
/* SET MAX WIDTH TO REMOVE LINES FOR PHONE*/
@media (max-width: 650px) {
.hidden-mobile {
display: none;
}
}
@media (min-width: 650px) {
.showing-mobile {
display: none;
}
}
@media (max-width: 939px) {
.hidden-tabled {
display: none;
}
}
@media (min-width: 939px) {
.showing-tabled {
display: none;
}
}
/* remove padding between bootstrap columns */
.no-gutter > [class*='col-'] {
padding-right:0 !important;
padding-left:0 !important;
}
/* FOR FRONTPAGE IMAGES */
.hovereffect_AK {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.hovereffect_AK .overlay_AK {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.hovereffect_AK img {
display: block;
position: relative;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}
.hovereffect_AK:hover img {
display: block;
position: relative;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(0%);
}
.hovereffect_AK_logo {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.hovereffect_AK_logo .overlay_AK {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.hovereffect_AK_logo img {
display: block;
position: relative;
}
.hovereffect_AK_logo:hover img {
display: block;
position: relative;
}
.hovereffect_AK h2 {
text-decoration: none;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 1px;
background: rgba(0, 0, 0, 0.6);
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
}
.hovereffect_AK .overlay_AK1 {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.hovereffect_AK_logo .overlay_AK1 {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}
/*to correct for TOC, nav bar overlay*/
/*.mw-headline[id]::before {
display: block;
content: " ";
margin-top: -32px;
height: 32px;
visibility: hidden;
}*/
/*.layout-fixedhead h1 > span.mw-headline::before, .layout-stickyhead h1 > span.mw-headline::before, .layout-clean h1 > span.mw-headline::before,
.layout-fixedhead h2 > span.mw-headline::before, .layout-stickyhead h2 > span.mw-headline::before, .layout-clean h2 > span.mw-headline::before,
.layout-fixedhead h3 > span.mw-headline::before, .layout-stickyhead h3 > span.mw-headline::before, .layout-clean h3 > span.mw-headline::before,
.layout-fixedhead h4 > span.mw-headline::before, .layout-stickyhead h4 > span.mw-headline::before, .layout-clean h4 > span.mw-headline::before,
.layout-fixedhead h5 > span.mw-headline::before, .layout-stickyhead h5 > span.mw-headline::before, .layout-clean h5 > span.mw-headline::before,
.layout-fixedhead h6 > span.mw-headline::before, .layout-stickyhead h6 > span.mw-headline::before, .layout-clean h6 > span.mw-headline::before {
content: "";
display: inline-block;
height: 50px;
margin-top: -50px;
}*/
/*alternating color rows*/
.row .row-striped:nth-of-type(odd){
background-color: #efefef;
}
.row .row-striped:nth-of-type(even){
background-color: #ffffff;
}
/*fixed element*/
.container1 {
/*display: flex;
justify-content: space-around;
align-items: flex-start;
border: 2px dashed rgba(114, 186, 94, 0.35);
height: auto;
background: rgba(114, 186, 94, 0.05);*/
}
.pirate {
position: -webkit-sticky;
position: sticky;
top: 3.5rem;
background-color: rgba(211, 211, 211, 1);
z-index: 1;
}
.police {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.doctor {
position: -webkit-sticky;
position: sticky;
bottom: 1rem;
align-self: flex-end;
}
/*fix for model fileter tool. See file "ext.srf.filtered.value-filter.less" in: /data/web/htdocs/csdms/mediawiki-1.12.4/extensions/SemanticResultFormats/formats/filtered/resources/css*/
.select2-search__field {
width: auto !important;
}
/*fix for URLs that break table width */
pre {
white-space: pre-line;
width: 100%;
}
/*fix URLs that break out divs */
.dont-break-out {
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}