MediaWiki:Common.css

/***** CSS for skin components, including components added in Vector.php */

body {min-width:844px; position:relative; background:#fff url(/img/map.jpg) no-repeat 85px 85px; font:400 17px/150% "lucida sans unicode","lucida grande",arial,sans-serif;}


 * 1) mw-page-base {background:transparent none; height:7em;}
 * 2) mw-head-base {background:transparent none;}
 * 3) p-logo a {height:110px;}


 * 1) mw-head {min-width:844px; position:relative; border-bottom:solid 1px #8a2003; background:rgba(255,255,255,0.5); box-shadow:inset 0 0 44px #ddd;}
 * 2) mw-head h1 {width:317px; height:56px; margin:35px 0 15px 165px; padding:0; border:none; background:transparent url(/img/tp_net.png) no-repeat;}
 * 3) mw-head h1 a {display:block; width:317px; height:41px;}
 * 4) mw-head h1 span {display:none;}
 * 5) mw-head div#hdtag {float:right; margin-top:20px; padding:15px; color:#666; font-size:13px;}
 * 6) mw-head div#hdtag a {text-decoration:none; font-size:21px;}
 * 7) mw-head a#icct {display:inline-block; padding:0 4px; background:transparent url(/img/icct.png) no-repeat 50% 2px;}
 * 8) mw-head a#dnet {display:inline-block; padding:0 0 0 4px; background:transparent url(/img/dnet.png) no-repeat 50% 7px;}
 * 9) mw-head a#icct span, #mw-head a#dnet span {visibility:hidden;}

form#searchform {padding:10px 15px; border:solid 1px #999; border-radius:6px; background:#fff none; box-shadow:inset 0 0 17px #ccc;}


 * 1) left-navigation, .vectorTabs, .vectorMenu, #p-personal {opacity:0.5; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s;}
 * 2) mw-head:hover #left-navigation, #mw-head:hover .vectorTabs, #mw-head:hover .vectorMenu, #mw-head:hover #p-personal {opacity:1;}


 * 1) left-navigation a, #right-navigation a, #p-personal a {color:#669 !important;}
 * 2) left-navigation .selected a, #right-navigation .selected a, #p-personal a.new {color:#900 !important;}


 * 1) p-personal {font-size:0.95em;}
 * 2) left-navigation, #right-navigation {top:auto; bottom:0; height:1.5em; overflow:visible;}
 * 3) right-navigation {float:none; position:absolute; right:25px;}
 * 4) p-search form, #p-search input {margin-top:0;}

div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected {background:transparent none; line-height:1.125em;} div.vectorTabs li a, div.vectorMenu h5 a, div.vectorMenu li a {font-size:0.7em;} div.vectorTabs, div.vectorTabs span, div.vectorMenu h5 a {background:transparent none;} div.vectorTabs a, div.vectorMenu a, div.vectorMenu h5 a {height:1.5em; padding-top:2px !important; padding-bottom:2px !important;}

/***** CSS for the sidebar*/ div#mw-panel {padding-top:0; font-size:0.95em;} div#mw-panel div#p-{display:none;} div#mw-panel div.portal h5 {padding: 0 0.25em 0 20px; border-bottom:solid 1px #8a2003; font-size:0.85em; text-shadow:1px 1px 3px #999;} div#mw-panel div.portal div.body {margin: 0 0 0 20px; background:transparent none; padding:0;}

/***** CSS for content */ div#content {margin-top:2em; margin-right:1em; margin-bottom:2em; border:solid 1px #999; border-radius:10px; background:rgba(255,255,255,0.5); box-shadow:inset 0 0 44px #ddd;}

div#content h3 {font-weight:400;}

.lft {text-align:left !important;}

/* figures */ .figure {margin:2em 0; color:#033; text-align:center;} .figure img {margin:10px 0; max-width:90%; height:auto;} .figure img+img {margin-left:10px;} .figure p {margin:0.5em 5em 0;} .figure p.fNote {margin:0.2em 5em 0; font-style:italic; font-size:0.9em;}

table#toc {border-collapse:separate; border-radius:10px;} table#toc td {padding:2px 4px;}

/* data tables */ table.data {border-collapse:collapse; min-width:50%; margin:1em auto 1.5em; border:solid 1px #399;; line-height:normal;} table.data th, table.data td {border:solid 1px #ccc; padding:3px 6px;} table.data th {color:#fff; background:#669;} table.data td {color:#000; background:#f5f5f5;} table.data td.hi, table.data *.hi td {color:inherit; background-color:#eee;} /* highlight */ table.data td.tUnit, table.data *.tUnit td {color:#fff; background:#669; font-style:italic; text-align:center;} table.data td.tNote {background:#eee; text-align:left; font-size:0.9em;} table.data td.tNote li {margin:0.15em 0;} table.data caption {margin:1em auto;} /* centering */ .s1 td:first-child, .c1 td, .c2 td+td, .c3 td:not(:nth-child(-n+2)), .e1 td:last-child, .e2 td:nth-last-child(-n+2), .e3 td:nth-last-child(-n+3), .e4 td:nth-last-child(-n+4), .e5 td:nth-last-child(-n+5), .e6 td:nth-last-child(-n+6), .e7 td:nth-last-child(-n+7) {text-align:center;} .t1 td:last-child, .t2 td:nth-last-child(-n+2) {text-align:left;} /* width */ .w100 {width:100%;} .w90 {width:90%;} .w80 {width:80%;} .w70 {width:70%;} .w60 {width:60%;} .w50 {width:50%;}

/* make the list of references look smaller and highlight clicked reference in blue */ ol.references { font-size: 80%; } .references-small { font-size: 70%;} ol.references > li:target { background-color: #ddeeff; } sup.reference:target { background-color: #ddeeff; }

.info-box {margin:1em 5%; padding:15px 15px 15px 100px; border:solid 1px #999; border-radius:8px; background:#f5f5f5 url(/img/brush.png) no-repeat 30px 50%; box-shadow:inset 0 0 22px #ccc;} .info-box:hover {color:#900;}

/***** MW standard components within #content */
 * 1) mw-fr-revisiontag {margin-top:2px;}

.CategoryTreeTag {float:right; margin:20px 0 20px 20px; padding:7px 13px 13px; background:#fff; border:solid 1px #999; border-radius:8px; box-shadow:inset 0 0 44px #ddd; font-size:0.875em;} .CategoryTreeTag:before {content:"Categories"; padding-bottom:4px; font-weight:700;}


 * 1) catlinks {padding:5px 15px; background:#fff; border-radius:8px; box-shadow:inset 0 0 33px #eee; font-size:0.95em;}


 * .flaggedrevs_reviewform {border-color:#999; border-radius:10px;}

/***** CSS for footer */ div#footer {background-image:none;}