MediaWiki:Common.css

From CSDMS

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
@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;

}
Retrieved from "https://csdms.colorado.edu/csdms_wiki/index.php?title=MediaWiki:Common.css&oldid=346033"