| Line 2: |
Line 2: |
| | /* new message notification (a red background with white text/links */ | | /* new message notification (a red background with white text/links */ |
| | .usermessage { | | .usermessage { |
| − | background-color: #cc1c1c;
| + | background-color: #cc1c1c; |
| − | border: 1px solid #222222;
| + | border: 1px solid #222222; |
| − | color: #FFFFFF;
| + | color: #FFFFFF; |
| − | font-weight: bold;
| + | font-weight: bold; |
| − | margin: 2em 0em 1em 0em;
| + | margin: 2em 0em 1em 0em; |
| − | padding: 0.5em 1em 0.5em 1em;
| + | padding: 0.5em 1em 0.5em 1em; |
| − | vertical-align: middle;
| + | vertical-align: middle; |
| − | }
| |
| − | .usermessage a, .usermessage a:visited {color:#D7B435;}
| |
| − | | |
| − | /*#p-logo {
| |
| − | background: url('') no-repeat;
| |
| − | display: none
| |
| − | position:absolute; /*needed to use z-index */
| |
| − | top: 8;
| |
| − | left: 100;
| |
| − | right: 65;
| |
| − | height: 0;
| |
| − | width: 0;
| |
| − | padding: 0 0 150px 150px;
| |
| − | overflow: hidden;*/
| |
| | } | | } |
| − | h1.firstHeading {background-color: #06399f; color:#FEFEFE;padding 3px;border:1px solid #696B2E;text-align: center; margin-top: 0.5em;padding-bottom:0.4em;}
| + | .usermessage a, .usermessage a:visited { |
| − | | + | color:#D7B435; |
| − | /* Colors of links */
| |
| − | a { color: #003399; } | |
| − | a:visited { color: #8800CC; }
| |
| − | a:active, a.new { color: #CC1100; }
| |
| − | a.interwiki, a.external { color: #0044CC; }
| |
| − | a.stub { color: #CC8100; }
| |
| − | #bodyContent a.external { color: #0044CC; }
| |
| − | | |
| − | #p-navigation h5, #p-search h5, #p-tb h5 {color:#06399f;padding:1px 10em 1px 1em;margin:0 3px 0.5em 0;font-size:125%;text-align:left;}
| |
| − | | |
| − | #content, #mytabs li a, #p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a {background-color: #EBF1FA;}
| |
| − | #content div.thumb {border-color: #EBF1FA;}
| |
| − | | |
| − | /*#content, #footer {
| |
| − | -moz-border-radius-topleft: 4px;
| |
| − | -moz-border-radius-bottomleft: 4px;
| |
| − | }*/
| |
| − | | |
| − | /*div.pBody {
| |
| − | -moz-border-radius-topright: 4px;
| |
| − | -moz-border-radius-bottomright: 4px;
| |
| − | }*/
| |
| − | | |
| − | /* Dotted borders on pre look ugly, replace with a solid one */
| |
| − | #bodyContent pre {
| |
| − | border: 1px solid #aaa;
| |
| | } | | } |
| | | | |
| − | /* suppress the person icon by your username */ | + | /* Page titles */ |
| − | li#pt-userpage { background: none }
| + | h1.firstHeading { |
| − | | + | background-color: #06399f; |
| − | | + | color: #FEFEFE; |
| − | /* Avoid offpage text */
| + | padding: 5px; |
| − | | + | border: 1px solid #696B2E; |
| − | /* Eliminate yellow colour everywhere in borders */
| + | text-align: center; |
| − | #p-cactions li.selected {
| + | margin-top: 5px; |
| − | border-color: #aaa;
| |
| − | }
| |
| − | /* Make the footer not 100% wide, but as wide as the content box, and change it from the annoying yellow colour */
| |
| − | #footer { | |
| − | border-top: 1px solid #aaa;
| |
| − | border-bottom: 1px solid #aaa;
| |
| − | border-left: 1px solid #aaa;
| |
| − | margin: 0.6em 0em 1em 155px;
| |
| | } | | } |
| | | | |
| − | #nav {
| + | /* Colors of links */ |
| − | float: left;
| + | a { |
| − | width: 750px;
| + | color: #003399; |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | list-style: none;
| |
| − | font-size: 82%;
| |
| − | border-top: 1px solid #64A6F3;
| |
| − | border-bottom: 3px solid #134783;
| |
| − | background-color: #1447ad;
| |
| − | }
| |
| − | #nav li {
| |
| − | float: left;
| |
| − | margin: 0;
| |
| − | padding: 0 1px 0 0;
| |
| − | list-style: none;
| |
| − | background-color: #fff;
| |
| − | }
| |
| − | #nav a {
| |
| − | float: left;
| |
| − | padding: 7px 13px;
| |
| − | text-decoration: none;
| |
| − | border-bottom: none;
| |
| − | color: #fff;
| |
| − | }
| |
| − | #nav a:hover, #nav a.active {
| |
| − | color: #fff;
| |
| − | background: #235C9D;
| |
| − | }
| |
| − | #nav a.active {
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | li#t-home a {
| |
| − | margin-left: 25px;
| |
| − | background-color: #1447ad;
| |
| − | }
| |
| − | | |
| − | /* Nice borders for (almost) all boxes */ | |
| − | input[type="radio"],
| |
| − | input[type="checkbox"] { border:none; }
| |
| − | input[type="text"], input[type="submit"], textarea {
| |
| − | border: 1px solid #aaa !important;
| |
| − | }
| |
| − | | |
| − | /* make round corners for the rest */
| |
| − | /*input[type="text"], input[type="submit"], textarea, pre, #toc {
| |
| − | -moz-border-radius: 5px;
| |
| − | }*/
| |
| − | | |
| − | /*
| |
| − | ** Diff rendering
| |
| − | */
| |
| − | table.diff { background:white; }
| |
| − | td.diff-otitle { background:#ffffff; }
| |
| − | td.diff-ntitle { background:#ffffff; }
| |
| − | td.diff-addedline {
| |
| − | background: #C5CC00;
| |
| − | color: #333333;
| |
| − | font-size: 95%;
| |
| | } | | } |
| − | td.diff-deletedline {
| + | a:visited { |
| − | background: #CC1100;
| + | color: #8800CC; |
| − | color: #FFFFFF;
| |
| − | font-size: 95%;
| |
| | } | | } |
| − | td.diff-context {
| + | a:active, a.new { |
| − | background:#CCCCCC
| + | color: #CC1100; |
| − | color: #708090;
| |
| − | font-size: 95%;
| |
| − | }
| |
| − | span.diffchange { color: #00008b; }
| |
| − | | |
| − | | |
| − | /* this is the ul contained in the portlet */
| |
| − | #p-tb ul, #p-tb li, #p-tb li a, #p-navigation ul, #p-navigation li, #p-navigation li a, #p-personal ul, #p-personal li, #p-personal li a {color: #003399;}
| |
| − | | |
| − | | |
| − | /*
| |
| − | ** the page-related actions- page/talk, edit etc
| |
| − | */
| |
| − | #p-cactions {
| |
| − |
| |
| − | position:absolute;
| |
| − | top: 1.3em;
| |
| − | left: 11.5em;
| |
| − | margin: 0;
| |
| − | white-space:nowrap;
| |
| − | width: 76%;
| |
| − | line-height: 1.1em;
| |
| − | overflow: visible;
| |
| − | background: none;
| |
| − | border-collapse: collapse;
| |
| − | padding-left: 1em;
| |
| − | list-style: none;
| |
| − | font-size: 95%;
| |
| | } | | } |
| − | #p-cactions .hiddenStructure { display: none; }
| + | a.interwiki, a.external { |
| − | #p-cactions ul { | + | color: #0044CC; |
| − | list-style: none;
| |
| | } | | } |
| − | #p-cactions li {
| + | a.stub { |
| − | display: inline;
| + | color: #CC8100; |
| − | border: 1px solid #aaaaaa;
| |
| − | border-bottom: none;
| |
| − | padding: 0 0 0.1em 0;
| |
| − | margin: 0 0.3em 0 0;
| |
| − | overflow: visible;
| |
| − | background: none;
| |
| | } | | } |
| − | #p-cactions li.selected { | + | #bodyContent a.external { |
| − | border-color: #aaa;
| + | color: #0044CC; |
| − | background:#DCDCDC;
| |
| − | padding: 0 0 0.2em 0;
| |
| | } | | } |
| | | | |
| − | #p-cactions li#ca-nstab-main {background-color:#d4d2d2;} | + | /* Titles of left-side menu */ |
| − | #p-cactions li a { | + | #p-navigation h5, #p-search h5, #p-tb h5 { |
| − | background-color: none;
| + | color: #06399f; |
| − | color: #000000;
| + | padding: 0 0 1px 1em; |
| − | border: none;
| + | margin: 0 3px 0.5em 0; |
| − | padding: 0 0.8em 0.3em 0.8em;
| + | font-size: 125%; |
| − | text-decoration: none;
| + | text-align: left; |
| − | text-transform: lowercase;
| |
| − | position: relative;
| |
| − | z-index: 0;
| |
| − | margin: 0;
| |
| − | }
| |
| − | #p-cactions .selected a { z-index: 3; }
| |
| − | #p-cactions .new a { color: #b22222; }
| |
| − | #p-cactions li a:hover {
| |
| − | z-index: 3;
| |
| − | text-decoration: none;
| |
| | } | | } |
| − | #p-cactions h5 { display: none; }
| |
| − | #p-cactions li.istalk { margin-right: 0; }
| |
| − | #p-cactions li.istalk a { padding-right: 0.5em; }
| |
| − | #p-cactions #ca-addsection a {
| |
| − | padding-left: 0.4em;
| |
| − | padding-right: 0.4em;
| |
| | | | |
| | + | /* Background of tab-links, pages, etc. */ |
| | + | #content, #mytabs li a, #p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a { |
| | + | background-color: #EBF1FA; |
| | } | | } |
| − |
| |
| | | | |
| | /* make a few corners round, only supported by moz/firefox/other gecko browsers for now */ | | /* make a few corners round, only supported by moz/firefox/other gecko browsers for now */ |
| | #p-cactions ul li, #p-cactions ul li a { | | #p-cactions ul li, #p-cactions ul li a { |
| − | -moz-border-radius-topleft: 1em;
| + | -moz-border-radius-topleft: 1em; |
| − | -moz-border-radius-topright: 1em;
| + | -moz-border-radius-topright: 1em; |
| | } | | } |
| | #content { | | #content { |
| − | -moz-border-radius-topleft: 1em;
| + | -moz-border-radius-topleft: 1em; |
| − | -moz-border-radius-bottomleft: 1em;
| + | -moz-border-radius-bottomleft: 1em; |
| | } | | } |
| | div.pBody { | | div.pBody { |
| − | -moz-border-radius-topright: 1em;
| + | -moz-border-radius-topright: 1em; |
| − | -moz-border-radius-bottomright: 1em;
| + | -moz-border-radius-bottomright: 1em; |
| | } | | } |
| − |
| |
| | /* same following the css3 draft specs, any browsers supporting this? */ | | /* same following the css3 draft specs, any browsers supporting this? */ |
| | #p-cactions ul li, #p-cactions ul li a { | | #p-cactions ul li, #p-cactions ul li a { |
| − | border-radius-topleft: 1em;
| + | border-radius-topleft: 1em; |
| − | border-radius-topright: 1em;
| + | border-radius-topright: 1em; |
| | } | | } |
| | #content { | | #content { |
| − | border-radius-topleft: 1em;
| + | border-radius-topleft: 1em; |
| − | border-radius-bottomleft: 1em;
| + | border-radius-bottomleft: 1em; |
| | } | | } |
| | div.pBody { | | div.pBody { |
| − | border-radius-topright: 1em;
| + | border-radius-topright: 1em; |
| − | border-radius-bottomright: 1em;
| + | border-radius-bottomright: 1em; |
| | } | | } |
| | </pre> | | </pre> |