MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* This is the CSS for all skins (for all users

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 9. Remove Discussion/Talk Pages from Certain Pages 10. Other custom stuff - include semantic map formatting

• /Tlx|

/**

* 1. INDICATION OF NAMESPACES
* -------------------------------------------------
*/

/* Pseudo NS Special (light grey) */ .ns--2 #content { background-color: #fffffff } .ns--2 div.thumb { border-color: #f4f4f4; }

/* NS Project + Project_talk (light sky blue) */ .ns-4 #content, .ns-5 #content { background-color: #ffffff; } .ns-4 div.thumb, .ns-5 div.thumb { border-color: #f8fcff; }

/* NS MediaWiki + MediaWiki_talk (light grey) */ .ns-8 #content, .ns-9 #content { background-color: #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-color: #f3f3ff; } .ns-100 div.thumb, .ns-101 div.thumb { border-color: #f3f3ff; }

/* NS Help (but NOT Help_talk) (blue border and Public Domain icon) */ .ns-12 #content { border: 1px solid #3d54ac; /*midnight blue */ border-right: none;

      border-top:none;

background-color: #FFFFFF; background-repeat: no-repeat; background-position: right top; } .ns-12 #bodyContent { background-color:#ffffff; background-repeat: no-repeat; background-position: right 5em; }

/**

* 2. COLOR CLASSES FOR CONTENT
* -------------------------------------------------
*/

/* Border colors */ .borderc1 { border-color: #e9e9e9; border-width: thin; } .borderc2 { border-color: #aaaaaa; border-width: thin; } .borderc3 { border-color: #777777; border-width: thin; } .borderc4 { border-color: #000000; border-width: thin; } .borderc5 { border-color: #c00000; border-width: thin; } .borderc6 { border-color: #025e9d; border-width: thin; } .borderc7 { border-color: #008040; border-width: thin; } .borderc8 { border-color: #ffcc00; border-width: thin; } /* Used by: Template:Welcome. */

/* Background colors */ .backgroundc1 { background-color: #ffffff; } /* Used by: Template:Welcome. */ .backgroundc2 { background-color: #f9f9f9; } .backgroundc3 { background-color: #eeeeee; } .backgroundc4 { background-color: #e0e0e0; } .backgroundc5 { background-color: #d2d2d2; } .backgroundc6 { background-color: #b7b7b7; } .backgroundc7 { background-color: #a3a3a3; } .backgroundc8 { background-color: #444455; }

/**

* 3. SPECIAL PAGES
* -------------------------------------------------
*/

/* Consistent special page navigation */ .SpecialPageInfo { background-color: #f9f9f9; background-image: url(//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; }

.mw-viewprevnext { display: block; border: 1px solid #cccccc; background-color: #f9f9f2; padding: 0.2em 0.4em; }

/**

* 4. MAIN PAGE STYLING
* -------------------------------------------------
*/

1. mainpage_topbox {

background: #f9f9f9; padding: 0px; border: 1px solid #aaaaaa; margin: 0.2em 10px 10px; } .mainpage_boxtitle, .mainpage_hubtitle,

1. mainpage_pagetitle {

font-size: 105%; padding: 0.4em; background-color: #eeeeee; border-bottom: 1px solid #aaaaaa; } .mainpage_boxtitle { line-height: 120%; }

1. mainpage_pagetitle {

color: #cf7606; font-size: 200% !important; }

1. 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,

1. mainpage_newscell,
2. mainpage_downloadcell,
3. mainpage_opportunitiescell,
4. mainpage_featuredpagescell {

padding: 0; border: 1px solid #aaaaaa; } .mainpage_hubbox { margin-bottom: 0; }

1. mainpage_newscell {

margin-bottom: 15px; margin-top: 0 !important; }

1. mainpage_newscell .mainpage_boxtitle {

background-image: url(//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; }

1. mainpage_downloadcell {

width: 17em; margin-bottom: 5px; }

1. mainpage_downloadcell .mainpage_boxtitle {

background-image: url(//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; }

1. mainpage_opportunitiescell {

max-width: 25em; margin-bottom: 15px; margin-top: 0 !important; }

1. mainpage_opportunitiescell .mainpage_boxtitle {

background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/63/User-online.svg/20px-User-online.svg.png); background-repeat: no-repeat; background-position: 98% 0.15em; padding-right: 25px; }

1. mainpage_featuredpagescell {

max-width: 25em; margin-bottom: 15px; margin-top: 0 !important; }

1. mainpage_featuredpagescell .mainpage_boxtitle {

background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Note_icon.svg/20px-Note_icon.svg.png); background-repeat: no-repeat; background-position: 98% 0.15em; padding-right: 25px; }

1. mainpage_columns-container{

width:95%; height:100%; margin-left:auto; margin-right:auto; clear:both; border-color:#C00; border-width: 1px; overflow:auto }

1. mainpage_column1 {

width:48%; height:100%; background-color:#fff; float:left; margin-right: 1%; margin-left:1%; clear:none; }

1. mainpage_column2{

width:48%; height:100%; background-color:#fff; float:right; clear:none; margin-right: 1%; }

/* The words 'MediaWiki.org' in the title. */

1. mainpage_mwtitle {

color: #005288; }

/**

* 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; }

.mainpage_boxcontents ul li:first-child { list-style: none; border-bottom: 1px solid #AAA; margin-bottom: 0.5em; margin-left: -1.5em; text-align: center; }

/**

* 5. SIDEBAR EXTERNAL LINKS
* -------------------------------------------------
*/

1. n-blog-text a,
2. n-browse-svn a,
3. n-Statistics-for-SVN a,
4. n-phpdoc a,
5. n-svn-statistics a {

background: url(//upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png) center right no-repeat; padding-right: 13px; color: #3366bb; }

/**

* 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS
* -------------------------------------------------
*/

/* Custom h* styles (blue headings) */ .wikitable td.hl3, .wikitable th.hl3 { background-color: #8da7d6; } .wikitable td.hl1, .wikitable th.hl1 { background: #c5d8fc; } .wikitable td.hl2, .wikitable th.hl2 { background: #a7c1f2; }

/**

* Make entire table valign=top,
* To replace the |valign=top| on every cell.
*/

.vatop tr, tr.vatop, .vatop td, .vatop th { vertical-align: top; }

/* 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, ol.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: #ff4500; } .ext-status-experimental .ext-header { background-color: #ff4500; } .ext-status-beta, .ext-status-beta td { border-color: #ffba01; } .ext-status-beta .ext-header { background-color: #ffba01; } .ext-status-stable, .ext-status-stable td { border-color: #32cd32; } .ext-status-stable .ext-header { background-color: #32cd32; } .ext-status-magic, .ext-status-magic td { border-color: #fe57a1; } .ext-status-magic .ext-header {

color: #000;
background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;

} .ext-status-magic .ext-header img {

visibility: hidden;
padding-right: 1em;

}

/* Version box on Manual:Downloading MediaWiki */

1. DownloadVersionBox {

border: 2px solid black; border-collapse: collapse; margin: auto; width: 50%; color: black; }

1. 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(//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; }

/* Default style for navigation boxes */ table.navbox { /* Navbox container style */ border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ } .navbox th, .navbox-title, .navbox-abovebelow { text-align: center; /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } th.navbox-group { /* Group style */ white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background: #fdfdfd; } .navbox-list { /* Must match background color */ border-color: #fdfdfd; } .navbox th, .navbox-title { /* Level 1 color */ background: #ccccff; } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { /* Level 2 color */ background: #ddddff; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { /* Level 3 color */ background: #e6e6ff; } .navbox-even { /* Even row striping */ background: #f7f7f7; } .navbox-odd { /* Odd row striping */ background: transparent; } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { /* Adjust hlist padding in navboxes */ padding: 0.125em 0; } .navbox .hlist dd, .navbox .hlist dt, .navbox .hlist li { /* Nowrap list items in navboxes */ white-space: nowrap; /* IE < 8 no-wraps entire list, so disable it */ white-space: normal !ie; } .navbox .hlist dd dl, .navbox .hlist dt dl, .navbox .hlist li ol, .navbox .hlist li ul { /* But allow parent list items to be wrapped */ white-space: normal; } ol + table.navbox, ul + table.navbox { /* Prevent lists from clinging to navboxes */ margin-top: 0.5em; }

/* Default styling for Navbar template */ .navbar { display: inline; font-size: 88%; font-weight: normal; } .navbar ul { display: inline; white-space: nowrap; } .navbar li { word-spacing: -0.125em; }

/* Navbar styling when nested in navbox */ .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; width: 6em; } /* Allow people to optionally wrap lines in source listings */ div.wrapPreLines pre { white-space: pre-wrap; }

/**

* 8. SOME OTHER SMALL THINGS
* -------------------------------------------------
*/

/* Added by Elisabeth */

.checkboxLabel{

  width: 300px;
  float: left;

} .radioButtonItem{

  width: 100%; 
  float: left;

} .wikiEditor-ui { /* Fix the wikiEditor so it just wraps the textareas*/

  width: auto;}

table.NSPDtable {

 width: 200px;}

.NSPDtable .checkboxLabel {

  width: 150px;

}

input[type="submit"]#wpSave{ /* Bold save button on forms */

  font-weight: bold;
}

input#searchGoButton{ /* Hide 'Go' button in main search */

  display: none;

}

div.drilldown-filter-values {

   padding: 10px;

}

div.drilldown-filter-values a{

  width: 46%;
  display: inline-block;

}

div.drilldown-filters{

 padding-bottom: 10px

}

div.drilldown-filter-label{

 clear: both

}

/* To reformat the tabs in the transcluded drilldown form on the browse cases page */ div.drilldownTransclude ul#drilldown-categories-tabs li.category a {

   padding: 3px 4px;

}

div.drilldownTransclude ul#drilldown-categories-tabs {

  border-bottom: 1px solid #999999;
  list-style: none outside none;
  margin: 1em  0;
  padding: 0 5px;

}

div.drilldownTransclude ul#drilldown-categories-tabs li.category {

  -moz-border-bottom-colors: none;
   -moz-border-image: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background: none repeat scroll 0 0 #E9E9E9;
   border-color: #AAAAAA #AAAAAA -moz-use-text-color;
   border-style: solid solid none;
   border-width: 1px 1px medium;
   display: inline;
   font-size: smaller;
   margin: 0 2px;
   padding: 3px 0;}

div.drilldownTransclude ul#drilldown-categories-tabs li.selected {

   -moz-border-bottom-colors: none;
   -moz-border-image: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background: none repeat scroll 0 0 white;
   border-color: #999999 #999999 white;
   border-style: solid;
   border-width: 1px;
   padding: 3px 4px;

}

/* Show the 'References' Header only when there are actually footnotes */ ol.references:before {

  content: "References";
  font-size: 170%;
  color: black;
  margin: 3em 0 0 -2em;

} .notes ol.references:before{ content: "Notes"}

ol.references { padding-top: 15px;}

ol.references[group=note]:before{ content:"Notes";}

.expSectionHeader {

  cursor: pointer;
  background-repeat:no-repeat;
  background-position: left center;
  padding-left: 25px;

}

.ASI .open {background-image: url(/wiki/skins/common/images/open_arrow.png);}

.ASI .closed {background-image: url(/wiki/skins/common/images/closed_arrow.png);} div#CaseReviewBoxes + div, div#CaseReviewBoxes + p, div#CaseReviewBoxes + h1, div#CaseReviewBoxes + h2 {

 clear: left;

}

.alertBox {

  float: left; 
  border: 1px solid black;
  background-color: #d8e8ff;
  height: 36px; 
  font-size: 10px;
  line-height:12px;
  text-align: center;
  padding: 0px 2px 0px 0px;
  margin: 5px 2px 2px 2px;
  max-width:500px;
  min-width:36px;
  }

.alertBox .expSectionHeader {

  padding: 2px 2px; 
  float: left;

}

/* Hide 'none' radio button in Key Questions section of form */ .Questions .radioButtonItem:first-child {display: none}

/* Customize Search Page */ div.search-types, fieldset#mw-searchoptions{ display: none}

.section-right-box{clear: right;}

/* -- End of Elisabeth's changes -- */

/* Give a bit of space to the TOC */

1. toc {

margin: 1em 0;

       clear: left;

}

/**

* Allow limiting of which header levels are shown in a TOC;

*

, for instance, will limit to

* showing ==headings== and ===headings=== but no further.
* Used in Template:TOCright
*/

.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; }

/* 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; }

/**

* Styling for links generated by MediaWiki:Edittools
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
* @updated 2012-02-29
*/

.mw-charinsert-buttons { margin-top: 10px; border: 1px solid #aaaaaa; padding: 1px; text-align: center; font-size: 110%; } .mw-charinsert-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; } .mw-charinsert-buttons a:hover, .mw-charinsert-buttons a:active { background-color: #bcd; border-style: inset; } .client-js .mw-edittools-section { display: inline; } .client-js .mw-edittools-section input[type="button"] { font-size: 0.9em; padding-left: 1px; padding-right: 1px; margin-left: 1px; }

/* from User:Splarka/Help:Linked images */ .imagelink_wikilogo a { width: 135px; height: 135px; display: block; text-decoration: none; background-image: url(//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; /* 0.9em left/right */ padding: 0.25em 0.9em; /* Make all mboxes the same width regardless of text length */ width: 100%; } /* The left image cell */ td.mbox-image { border: none; /* 0.9em left, 0px right */ padding: 2px 0 2px 0.9em; text-align: center; } /* The right image cell */ td.mbox-imageright { border: none; /* 0px left, 0.9em right */ padding: 2px 0.9em 2px 0; text-align: center; } /* An empty narrow cell */ td.mbox-empty-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.
*/

/* For the "small=yes" option. */ body.mediawiki table.mbox-small { clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } /* For the "small=left" option. */ body.mediawiki table.mbox-small-left { 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 { /* Red */ border: 4px solid #b22222; /* Pink */ background: #FFDBDB; } table.mbox-important { /* Red */ background: #FFDBDB; } table.mbox-warning { /* Orange */ background: #FFE7CE; } table.mbox-caution { /* Yellow */ background: #FFF9DB; } table.mbox-notice { /* Blue */ background: #D8E8FF; } table.mbox-move { /* Purple */ background: #E4D8FF; } table.mbox-protection { /* Gray-gold */ background: #EFEFE1; } table.mbox-license { /* Dark gray */ border: 3px solid #88a; /* Light gray */ background: #f7f8ff; }

/**

* Infoboxes
*/

.infobox { float: right; clear: right; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; border: 1px solid #AAA; background: #F9F9F9; color: black; }

.infobox td, .infobox th { vertical-align: top; }

.infobox caption { margin-left: inherit; font-size: larger; }

.infobox.bordered { border-collapse: collapse; }

.infobox.bordered td, .infobox.bordered th { border: 1px solid #AAA; }

.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/**

* Apparently the namespaces parameter
* for inputbox forces a checkbox.
* Let's hide it in the API sidebar
*/

.mw-inputbox-hideapicheck label[for="mw-inputbox-ns104"],

1. mw-inputbox-ns104 {

display: none; }

/** Testing for code review **/ div.mw-wordcloud { width: 100%; text-align: justify; }

.mw-wordcloud-size-1 { color: #222; font-size: 2.4em; } .mw-wordcloud-size-2 { color: #333; font-size: 2.2em; } .mw-wordcloud-size-3 { color: #444; font-size: 2.0em; } .mw-wordcloud-size-4 { color: #555; font-size: 1.8em; } .mw-wordcloud-size-5 { color: #666; font-size: 1.6em; } .mw-wordcloud-size-6 { color: #777; font-size: 1.4em; } .mw-wordcloud-size-7 { color: #888; font-size: 1.2em; } .mw-wordcloud-size-8 { color: #999; font-size: 1em; } .mw-wordcloud-size-9 { color: #aaa; font-size: 0.8em; letter-spacing: 3px; } .mw-wordcloud-size-10, .mw-wordcloud-size-0 { color: #bbb; font-size: 0.8em; }

/* Styling for related links and disambiguation links */ .rellink, .dablink { font-style: italic; margin-bottom: 0.5em; padding-left: 2em; }

/* @todo FIXME: document me :) */

1. signuptopbox li {

float: left; list-style: none; font-family: sans-serif; }

1. signuptopbox li {

color: #3ca7d4; background: #c2e1f9; line-height: 2.8em; margin-right: .25em; padding-right: .5em; }

1. signuptopbox li.pr-active,
2. signuptopbox li.pr-active div {

color: #67ca36; background: #d4f9c2; border-color: #fff #fff #fff #67ca36; }

1. signuptopbox li div {

width: 0; height: 0; border-color: #fff #fff #fff #3CA7D4; border-style: solid; border-width: 1.4em .3em 1.4em 1.4em; float: left; }

1. signuptopbox li span.pr-number {

display: block; width: 1.8em; line-height: 1.8em; background: #3ca7d4; color: #c2e1f9; text-align: center; margin: .5em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-weight: 600; float: left; }

1. signuptopbox li.pr-active span.pr-number {

background: #67ca36; color: #d4f9c2; }

1. signuptopbox li span {

float: left; }

1. signuptopbox li.pr-spacer {

padding: 0; }

/* BREADCRUMB CODE */

.breadcrumb { list-style: none; overflow: hidden; font: 14px Helvetica, Arial, sans-serif; } .breadcrumb li { float: left; margin-bottom: 0; } .breadcrumb li a { color: white; text-decoration: none; padding: 10px 0 10px 45px; position: relative; display: block; float: left; }

.breadcrumb li a:after { content: " "; display: block; width: 0; height: 0; /* Go big on the size, and let overflow hide */ border-top: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; }

.breadcrumb li a:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 31px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; }

.breadcrumb li:first-child a { padding-left: 20px; }

.currentcrumb a { background: #069; }

.currentcrumb a:after { border-left: 30px solid #069; }

.currentcrumb a:hover, .prevcrumb a:hover, .nextcrumb a:hover { background: #002d44; }

.currentcrumb a:hover:after, .prevcrumb a:hover:after, .nextcrumb a:hover:after { border-left-color: #002d44 !important; }

.prevcrumb a { background: #396; }

.prevcrumb a:after { border-left: 30px solid #396; }

.nextcrumb a { background: #999; }

.nextcrumb a:after { border-left: 30px solid #999; }

/* To facilitate rtl translations */

1. bodyContent .table-RTL a {

background: none; padding-right: 0; }

1. bodyContent .table-RTL ul {

margin-right: 10px; display: table; }

/* Fix annoying bug where the "date" column in the LQT sometimes

* is two rows because of the date being too long even through there is
* enough space (otherwise the browser makes it's own decision on where to cut)
*/

.lqt_toc th:nth-child(3), .lqt_toc td:nth-child(3) { white-space: nowrap; }

.persian { font-family: Tahoma; }

/**

* Fix so <syntaxhighlight> tags and .css and .js pages get normal text size.
* bugzilla:26204
*/

div.mw-geshi div, div.mw-geshi div pre, span.mw-geshi, pre.source-css, pre.source-javascript { font-family: monospace, "Courier New" !important; }

/**

* Manual:Database_layout
*/

.mwmanual-dbview-box img { opacity: 0.5; } .mwmanual-dbview-box:hover img { opacity: 0.8; } .mwmanual-dbview-link { background: rgb(198, 212, 235); background: hsla(217, 48%, 85%, 0.8); border: 1px solid #0645AD; border-radius: 4px; padding: 10px 5px; text-align: center; font-weight: bold; } .mwmanual-dbview-box:hover .mwmanual-dbview-link { background: hsla(215, 46%, 95%, 0.8); } .mwmanual-dbview-link:hover { background: hsla(215, 46%, 95%, 0.9); }

/**

* 9. REMOVING Talk Page from certain pages
*/

body.page-Main_Page li#ca-talk { display: none !important; } body.page-Browse_Cases li#ca-talk { display: none !important; } body.page-Form_Case_Study li#ca-talk { display: none !important; }

/** format form checkboxes*/ label.checkboxLabel { max-width: 300px; display: block; float: left; }

10. other stuff /** remove mediawiki icon from footer **/

1. footer-poweredbyico { display: none; }

/**format citations to look Wikipedia-esque **/ ol.references { font-size: 90%; } ol.references > li:target { background-color: #ddeeff; } sup.reference:target { background-color: #ddeeff; } </includeonly>

/** maps - Semantic Maps handles most of the details**/

1. map_google3_1

{ max-width:800px; !important min-width:200px; }

1. fancybox-content {

        height: 500px !important;
        overflow: scroll !important;

}

.files { width: 400px; background-color: rgb(224, 224, 241); border: 1px dashed rgb(175,175,206); padding: 0.5em; }

.files h4 { display: inline; border-right: 15px; }

.files p { display: inline; }

.files span { margin-right: 10px; }

/**

* info boxes for help sections when asterisks appear.
*/

.additional-info-box { vertical-align:top; padding-left:25px; padding-top:2px; padding-bottom:2px; padding-right:25px; margin-left:10px; background-color: #eeeeee; border-color: #dddddd; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width:90%; color:#444444; background-image:url('//aquapedia.waterdiplomacy.org/wiki/images/c/ca/Help-asterisk-explained.png'); background-repeat:no-repeat; background-position:left top; }

.section-fact-box { float:right; min-width:350px; max-width:60%; background-color:#f2f3f8; /* changed from #F4F2F9 */ padding:8px; border-style: solid; border-color:#ccc; border-width: 1px; position:relative; -moz-border-radius: 5px; border-radius: 5px; margin:5px 3px 3px 10px; }

.propertydesc { font-size:80%; color:#333; } /*used on Property Pages for SMW req'dstuff */

span.smwttactiveinline { /* colored anchors */ color: #0f006f; text-decoration: none; } /* overrides mustard yellow color used for quantities in SMW */

/* =============================================================================

  FURTHER RESULTS LINK - Make visible and match production site
  ============================================================================= */

.smw-template-furtherresults {

   display: block !important;
   visibility: visible !important;
   margin: 20px 0 !important;
   padding: 10px 0 !important;
   font-size: 16px !important;
   font-weight: bold !important;
   text-align: left !important;
   border-top: 1px solid #a2a9b1 !important;
   border-bottom: 1px solid #a2a9b1 !important;
   background-color: #f8f9fa !important;

}

.smw-template-furtherresults a {

   display: inline !important;
   visibility: visible !important;
   color: #0645ad !important;
   text-decoration: none !important;
   font-weight: bold !important;
   font-size: 16px !important;

}

.smw-template-furtherresults a:hover {

   text-decoration: underline !important;

}