Benutzer:Mweinelt/monobook.css: Unterschied zwischen den Versionen
imported>Mweinelt (Die Seite wurde geleert.) |
imported>Mweinelt |
||
Zeile 1: | Zeile 1: | ||
+ | /* | ||
+ | <pre><!-- Testweise von Florian K übernommen --> | ||
+ | */ | ||
+ | #siteNotice { | ||
+ | padding-left: 4px; | ||
+ | font-style: italic; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-image: url(/graphics/background_monobook.gif); | ||
+ | background-repeat: repeat; | ||
+ | background-color: #333333; | ||
+ | } | ||
+ | |||
+ | #content, #footer { | ||
+ | background-color: #333333; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .pBody { | ||
+ | background-color: #333333; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | height: 100px !important; | ||
+ | } | ||
+ | |||
+ | #column-one { padding-top: 140px !important; } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { color: #FFCC00; } | ||
+ | a { color: #00CCFF; } | ||
+ | a:visited { color: #0066FF; } | ||
+ | a:hover { text-decoration: underline; } | ||
+ | a.new { color: red; } | ||
+ | #bodyContent a.extiw, #bodyContent a.extiw:active { color: #00CCFF; } | ||
+ | #bodyContent a.extiw:visited { color: #0066FF; } | ||
+ | #bodyContent a.external { color: #00CCFF; } | ||
+ | #bodyContent a.external:visited { color: #0066FF; } | ||
+ | |||
+ | /* | ||
+ | ** keep the whitespace in front of the ^=, hides rule from konqueror | ||
+ | ** this is css3, the validator doesn't like it when validating as css2 | ||
+ | */ | ||
+ | #bodyContent a[href ^="http://"], | ||
+ | #bodyContent a[href ^="gopher://"] { | ||
+ | background: url("/graphics/link_external.gif") center right no-repeat; | ||
+ | } | ||
+ | #bodyContent a[href ^="https://"], | ||
+ | .link-https { | ||
+ | background: url("/graphics/link_secure.gif") center right no-repeat; | ||
+ | padding-right: 16px; | ||
+ | } | ||
+ | #bodyContent a[href ^="mailto:"], | ||
+ | .link-mailto { | ||
+ | background: url("/graphics/link_mail.gif") center right no-repeat; | ||
+ | } | ||
+ | #bodyContent a[href ^="news://"], | ||
+ | #bodyContent a[href ^="nntp://"] { | ||
+ | background: url("/graphics/link_news.gif") center right no-repeat; | ||
+ | padding-right: 15px !important; | ||
+ | } | ||
+ | #bodyContent a[href ^="ftp://"], | ||
+ | .link-ftp { | ||
+ | background: url("/graphics/link_ftp.gif") center right no-repeat; | ||
+ | padding-right: 14px !important; | ||
+ | } | ||
+ | #bodyContent a[href ^="irc://"], | ||
+ | #bodyContent a[href ^="aim://"], | ||
+ | #bodyContent a[href ^="ichat://"], | ||
+ | .link-irc { | ||
+ | background: url("/graphics/link_chat.gif") center right no-repeat; | ||
+ | } | ||
+ | #bodyContent a[href ^="itms://"] { | ||
+ | background: url("/graphics/link_itms.gif") center right no-repeat; | ||
+ | padding-right: 14px !important; | ||
+ | } | ||
+ | #bodyContent a.extiw, #bodyContent a.extiw:active { | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #bodyContent div.noicon a { | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .selected { | ||
+ | background-color: #333333; | ||
+ | color: #FFFFFF; | ||
+ | border-color: #CCCCCC; | ||
+ | } | ||
+ | |||
+ | #p-cactions ul li a { | ||
+ | background-color: #333333; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | pre { | ||
+ | background-color: transparent; | ||
+ | color: inherit; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #footer { | ||
+ | border-top: 1px solid #aaaaaa; | ||
+ | border-bottom: 1px solid #aaaaaa; | ||
+ | min-height: 39px; | ||
+ | } | ||
+ | |||
+ | #p-personal { | ||
+ | background-color: transparent; | ||
+ | color: #00CCFF; | ||
+ | } | ||
+ | |||
+ | #p-personal a { | ||
+ | color: #00CCFF !important; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #p-personal a:hover { background-color: transparent !important; } | ||
+ | |||
+ | #pagehistory li { border: 1px solid #333333; } | ||
+ | |||
+ | #pagehistory li.selected { | ||
+ | background-color: #222222; | ||
+ | border: 1px dashed #aaaaaa; | ||
+ | } | ||
+ | |||
+ | table.diff { background: #222222; } | ||
+ | td.diff-otitle { background: #282828; } | ||
+ | td.diff-ntitle { background: #282828; } | ||
+ | |||
+ | td.diff-addedline { | ||
+ | font-size: smaller; | ||
+ | background-color: #000033; | ||
+ | } | ||
+ | |||
+ | td.diff-deletedline { | ||
+ | font-size: smaller; | ||
+ | background-color: #330000; | ||
+ | } | ||
+ | |||
+ | td.diff-context { | ||
+ | background: #282828; | ||
+ | font-size: smaller; | ||
+ | } | ||
+ | |||
+ | table.grey, table.wiki-sidebar, table.browser { | ||
+ | border: 1px inset #999999; | ||
+ | background-color: #2A2A2A; | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | table.grey td { | ||
+ | border: 1px outset #2A2A2A; | ||
+ | } | ||
+ | |||
+ | table.grey tr th, table.grey thead tr th { | ||
+ | color: inherit; | ||
+ | background-color: #660000; | ||
+ | border: 1px outset #660000; | ||
+ | text-align: left; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | th { | ||
+ | text-align: left; | ||
+ | color: #FFCC00; | ||
+ | background-color: inherit; | ||
+ | font-size: 106.25%; | ||
+ | } | ||
+ | |||
+ | td.odd { | ||
+ | background-color: #222222; | ||
+ | border: 1px outset #222222; | ||
+ | } | ||
+ | td.even { | ||
+ | border: 1px outset #333333; | ||
+ | background-color: #333333; | ||
+ | } | ||
+ | table.wiki-sidebar { | ||
+ | float: right; | ||
+ | margin-left: 5px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | table.wiki-sidebar td { | ||
+ | line-height: 130%; | ||
+ | } | ||
+ | table.wiki-sidebar td.odd { | ||
+ | width: 35%; | ||
+ | font-weight: bold; | ||
+ | text-align: right; | ||
+ | } | ||
+ | table.browser { | ||
+ | width: 100%; | ||
+ | } | ||
+ | table.browser td { | ||
+ | text-align: center; | ||
+ | width: 33%; | ||
+ | background: #2A2A2A; | ||
+ | border: 1px outset #2A2A2A; | ||
+ | line-height: 130%; | ||
+ | } | ||
+ | table.browser td.topic { | ||
+ | background-color: #222222; | ||
+ | border: 1px outset #222222; | ||
+ | } | ||
+ | |||
+ | span.diffchange { color: red; } | ||
+ | tr[bgcolor] td { color: black; } | ||
+ | |||
+ | #siteSub { | ||
+ | display: block !important; | ||
+ | margin-top: -5px; | ||
+ | font-size: smaller; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | color: #AAAAAA; | ||
+ | } | ||
+ | |||
+ | table.mainpage { | ||
+ | width: 100%; | ||
+ | background-color: #282828; | ||
+ | /*background-image: url(/graphics/tableborder.png);*/ | ||
+ | border: 1px inset #666666; | ||
+ | } | ||
+ | |||
+ | table.mainpage tr td, table.mainpage tr th { | ||
+ | padding: 4px; | ||
+ | width: 33%; | ||
+ | } | ||
+ | |||
+ | table.mainpage tr th { | ||
+ | background: #660000; | ||
+ | text-align: center; | ||
+ | font-size: 1.2em; | ||
+ | } | ||
+ | |||
+ | /*table.mainpage tr td ul li { | ||
+ | margin-left: -2.0em; | ||
+ | }*/ | ||
+ | |||
+ | caption { | ||
+ | color: #FFCC00; | ||
+ | font-size: 1.2em; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | div.header-notice, div.warning { | ||
+ | width: 85%; | ||
+ | margin: 1.0em auto 0.5em auto; | ||
+ | padding: 5px; | ||
+ | text-align: left; | ||
+ | -moz-border-radius: 5px; | ||
+ | border: 1px inset #999999; | ||
+ | background-color: #2A2A2A; | ||
+ | color: #FFFFFF; | ||
+ | line-height: 120%; | ||
+ | } | ||
+ | |||
+ | div.warning { | ||
+ | color: red !important; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | div.notice, div.usermessage { | ||
+ | width: 65%; | ||
+ | margin: 1.0em auto 0.5em auto; | ||
+ | padding: 5px; | ||
+ | text-align: center; | ||
+ | border-style: dashed; | ||
+ | border-width: 2px; | ||
+ | border-color: red; | ||
+ | background-color: #2A2A2A; | ||
+ | color: #FFFFFF; | ||
+ | line-height: 120%; | ||
+ | } | ||
+ | |||
+ | div.header-notice#fa { | ||
+ | width: auto; | ||
+ | font-size: inherit !important; | ||
+ | } | ||
+ | |||
+ | div.notice p, div.header-notice p, div.warning p { | ||
+ | line-height: 120% !important; | ||
+ | } | ||
+ | |||
+ | .floatright, .floatright span, .floatright a.image, .floatleft, .floatleft span, .floatleft a.image { | ||
+ | background-color: transparent !important; | ||
+ | border-color: transparent !important; | ||
+ | } | ||
+ | .thumb, .tright, .tleft { | ||
+ | border: 1px inset #999999 !important; | ||
+ | background-color: #2A2A2A !important; | ||
+ | } | ||
+ | |||
+ | div.thumb div a img { border: none; } | ||
+ | |||
+ | div.thumb div { background-color: #2A2A2A !important; } | ||
+ | table, td, tr { | ||
+ | background-color: transparent; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | td, th { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | div.fullImage { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #toc { | ||
+ | background-color: #2A2A2A; | ||
+ | border: 1px inset #999999; | ||
+ | } | ||
+ | |||
+ | #toc #toctitle { background-color: transparent; } | ||
+ | |||
+ | legend { | ||
+ | background-color: #2A2A2A; | ||
+ | border: 1px solid #2f6fab; | ||
+ | color: #FFCC00; | ||
+ | } | ||
+ | |||
+ | fieldset { background-color: #2A2A2A; } | ||
+ | |||
+ | #preftoc li { | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | } | ||
+ | |||
+ | #preftoc li a { color: #00CCFF; } | ||
+ | |||
+ | #preftoc li.selected { | ||
+ | border: 1px; | ||
+ | background-color: #2A2A2A; | ||
+ | } | ||
+ | |||
+ | ol ol { list-style-type: lower-latin; } | ||
+ | |||
+ | ol ol ol { list-style-type: lower-roman; } | ||
+ | |||
+ | li#pt-userpage { | ||
+ | background: url("/graphics/user.gif") top left no-repeat !important; | ||
+ | background-repeat: no-repeat; | ||
+ | background-color: transparent !important; | ||
+ | padding-left: 20px; | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
+ | /* bottom tab styling (not for IE currently) */ | ||
+ | #mytabs { | ||
+ | margin: -0.3em 0 0 11.5em; | ||
+ | white-space:nowrap; | ||
+ | line-height: 1.1em; | ||
+ | overflow: visible; | ||
+ | border-collapse: collapse; | ||
+ | padding: 0 0 0 1em; | ||
+ | list-style: none; | ||
+ | font-size: 95%; | ||
+ | } | ||
+ | #mytabs .hiddenStructure { display: none; } | ||
+ | #mytabs li { | ||
+ | display: inline; | ||
+ | border: 1px solid #aaaaaa; | ||
+ | border-top: none; | ||
+ | padding: 0.1em 0 0 0; | ||
+ | margin: 0 0.3em 0 0; | ||
+ | overflow: visible; | ||
+ | background: White; | ||
+ | } | ||
+ | #mytabs li.selected { | ||
+ | border-color: #fabd23; | ||
+ | padding: 0.2em 0 0 0; | ||
+ | } | ||
+ | #mytabs li a { | ||
+ | background-color: White; | ||
+ | color: #005189; | ||
+ | border: none; | ||
+ | padding: 0.3em 0.8em 0 0.8em; | ||
+ | text-decoration: none; | ||
+ | text-transform: lowercase; | ||
+ | position: relative; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #mytabs li.selected a { z-index: 3; } | ||
+ | #mytabs .new a { color:#ba0000; } | ||
+ | #mytabs li a:hover { | ||
+ | z-index: 3; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #mytabs h5 { display: none; } | ||
+ | #mytabs li.istalk { margin-right: 0; } | ||
+ | #mytabs li.istalk a { padding-right: 0.5em; } | ||
+ | #mytabs-ca-addsection a { | ||
+ | padding-left: 0.4em; | ||
+ | padding-right: 0.4em; | ||
+ | } | ||
+ | /* offsets to distinguish the tab groups */ | ||
+ | li#mytabs-ca-talk { margin-right: 1.6em; } | ||
+ | li#mytabs-ca-watch { margin-left: 1.6em; } | ||
+ | |||
+ | /* remove comment tags if bottom tabs should be rounded as well in moz */ | ||
+ | #mytabs li, #mytabs li a { | ||
+ | -moz-border-radius-bottomleft: 1em; | ||
+ | -moz-border-radius-bottomright: 1em; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | </pre> | ||
+ | */ |
Version vom 27. Mai 2007, 09:04 Uhr
/*
<pre><!-- Testweise von Florian K übernommen -->
*/
#siteNotice {
padding-left: 4px;
font-style: italic;
text-align: center;
}
body {
background-image: url(/graphics/background_monobook.gif);
background-repeat: repeat;
background-color: #333333;
}
#content, #footer {
background-color: #333333;
color: #FFFFFF;
}
.pBody {
background-color: #333333;
color: #FFFFFF;
}
#p-logo {
height: 100px !important;
}
#column-one { padding-top: 140px !important; }
h1, h2, h3, h4, h5, h6 { color: #FFCC00; }
a { color: #00CCFF; }
a:visited { color: #0066FF; }
a:hover { text-decoration: underline; }
a.new { color: red; }
#bodyContent a.extiw, #bodyContent a.extiw:active { color: #00CCFF; }
#bodyContent a.extiw:visited { color: #0066FF; }
#bodyContent a.external { color: #00CCFF; }
#bodyContent a.external:visited { color: #0066FF; }
/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#bodyContent a[href ^="http://"],
#bodyContent a[href ^="gopher://"] {
background: url("/graphics/link_external.gif") center right no-repeat;
}
#bodyContent a[href ^="https://"],
.link-https {
background: url("/graphics/link_secure.gif") center right no-repeat;
padding-right: 16px;
}
#bodyContent a[href ^="mailto:"],
.link-mailto {
background: url("/graphics/link_mail.gif") center right no-repeat;
}
#bodyContent a[href ^="news://"],
#bodyContent a[href ^="nntp://"] {
background: url("/graphics/link_news.gif") center right no-repeat;
padding-right: 15px !important;
}
#bodyContent a[href ^="ftp://"],
.link-ftp {
background: url("/graphics/link_ftp.gif") center right no-repeat;
padding-right: 14px !important;
}
#bodyContent a[href ^="irc://"],
#bodyContent a[href ^="aim://"],
#bodyContent a[href ^="ichat://"],
.link-irc {
background: url("/graphics/link_chat.gif") center right no-repeat;
}
#bodyContent a[href ^="itms://"] {
background: url("/graphics/link_itms.gif") center right no-repeat;
padding-right: 14px !important;
}
#bodyContent a.extiw, #bodyContent a.extiw:active {
background: none;
padding: 0;
}
#bodyContent div.noicon a {
background: none;
padding: 0;
}
.selected {
background-color: #333333;
color: #FFFFFF;
border-color: #CCCCCC;
}
#p-cactions ul li a {
background-color: #333333;
color: #FFFFFF;
}
pre {
background-color: transparent;
color: inherit;
border: none;
}
code {
background-color: transparent;
}
#footer {
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
min-height: 39px;
}
#p-personal {
background-color: transparent;
color: #00CCFF;
}
#p-personal a {
color: #00CCFF !important;
background-color: transparent;
}
#p-personal a:hover { background-color: transparent !important; }
#pagehistory li { border: 1px solid #333333; }
#pagehistory li.selected {
background-color: #222222;
border: 1px dashed #aaaaaa;
}
table.diff { background: #222222; }
td.diff-otitle { background: #282828; }
td.diff-ntitle { background: #282828; }
td.diff-addedline {
font-size: smaller;
background-color: #000033;
}
td.diff-deletedline {
font-size: smaller;
background-color: #330000;
}
td.diff-context {
background: #282828;
font-size: smaller;
}
table.grey, table.wiki-sidebar, table.browser {
border: 1px inset #999999;
background-color: #2A2A2A;
color: inherit;
}
table.grey td {
border: 1px outset #2A2A2A;
}
table.grey tr th, table.grey thead tr th {
color: inherit;
background-color: #660000;
border: 1px outset #660000;
text-align: left;
font-weight: bold;
}
th {
text-align: left;
color: #FFCC00;
background-color: inherit;
font-size: 106.25%;
}
td.odd {
background-color: #222222;
border: 1px outset #222222;
}
td.even {
border: 1px outset #333333;
background-color: #333333;
}
table.wiki-sidebar {
float: right;
margin-left: 5px;
width: 200px;
}
table.wiki-sidebar td {
line-height: 130%;
}
table.wiki-sidebar td.odd {
width: 35%;
font-weight: bold;
text-align: right;
}
table.browser {
width: 100%;
}
table.browser td {
text-align: center;
width: 33%;
background: #2A2A2A;
border: 1px outset #2A2A2A;
line-height: 130%;
}
table.browser td.topic {
background-color: #222222;
border: 1px outset #222222;
}
span.diffchange { color: red; }
tr[bgcolor] td { color: black; }
#siteSub {
display: block !important;
margin-top: -5px;
font-size: smaller;
color: white;
}
#contentSub {
color: #AAAAAA;
}
table.mainpage {
width: 100%;
background-color: #282828;
/*background-image: url(/graphics/tableborder.png);*/
border: 1px inset #666666;
}
table.mainpage tr td, table.mainpage tr th {
padding: 4px;
width: 33%;
}
table.mainpage tr th {
background: #660000;
text-align: center;
font-size: 1.2em;
}
/*table.mainpage tr td ul li {
margin-left: -2.0em;
}*/
caption {
color: #FFCC00;
font-size: 1.2em;
text-decoration: underline;
}
div.header-notice, div.warning {
width: 85%;
margin: 1.0em auto 0.5em auto;
padding: 5px;
text-align: left;
-moz-border-radius: 5px;
border: 1px inset #999999;
background-color: #2A2A2A;
color: #FFFFFF;
line-height: 120%;
}
div.warning {
color: red !important;
font-weight: bold;
}
div.notice, div.usermessage {
width: 65%;
margin: 1.0em auto 0.5em auto;
padding: 5px;
text-align: center;
border-style: dashed;
border-width: 2px;
border-color: red;
background-color: #2A2A2A;
color: #FFFFFF;
line-height: 120%;
}
div.header-notice#fa {
width: auto;
font-size: inherit !important;
}
div.notice p, div.header-notice p, div.warning p {
line-height: 120% !important;
}
.floatright, .floatright span, .floatright a.image, .floatleft, .floatleft span, .floatleft a.image {
background-color: transparent !important;
border-color: transparent !important;
}
.thumb, .tright, .tleft {
border: 1px inset #999999 !important;
background-color: #2A2A2A !important;
}
div.thumb div a img { border: none; }
div.thumb div { background-color: #2A2A2A !important; }
table, td, tr {
background-color: transparent;
color: #FFFFFF;
}
td, th {
vertical-align: top;
}
div.fullImage {
text-align: center;
}
#toc {
background-color: #2A2A2A;
border: 1px inset #999999;
}
#toc #toctitle { background-color: transparent; }
legend {
background-color: #2A2A2A;
border: 1px solid #2f6fab;
color: #FFCC00;
}
fieldset { background-color: #2A2A2A; }
#preftoc li {
background-color: transparent;
border: 0px;
}
#preftoc li a { color: #00CCFF; }
#preftoc li.selected {
border: 1px;
background-color: #2A2A2A;
}
ol ol { list-style-type: lower-latin; }
ol ol ol { list-style-type: lower-roman; }
li#pt-userpage {
background: url("/graphics/user.gif") top left no-repeat !important;
background-repeat: no-repeat;
background-color: transparent !important;
padding-left: 20px;
text-transform: none;
}
/* bottom tab styling (not for IE currently) */
#mytabs {
margin: -0.3em 0 0 11.5em;
white-space:nowrap;
line-height: 1.1em;
overflow: visible;
border-collapse: collapse;
padding: 0 0 0 1em;
list-style: none;
font-size: 95%;
}
#mytabs .hiddenStructure { display: none; }
#mytabs li {
display: inline;
border: 1px solid #aaaaaa;
border-top: none;
padding: 0.1em 0 0 0;
margin: 0 0.3em 0 0;
overflow: visible;
background: White;
}
#mytabs li.selected {
border-color: #fabd23;
padding: 0.2em 0 0 0;
}
#mytabs li a {
background-color: White;
color: #005189;
border: none;
padding: 0.3em 0.8em 0 0.8em;
text-decoration: none;
text-transform: lowercase;
position: relative;
margin: 0;
}
#mytabs li.selected a { z-index: 3; }
#mytabs .new a { color:#ba0000; }
#mytabs li a:hover {
z-index: 3;
text-decoration: none;
}
#mytabs h5 { display: none; }
#mytabs li.istalk { margin-right: 0; }
#mytabs li.istalk a { padding-right: 0.5em; }
#mytabs-ca-addsection a {
padding-left: 0.4em;
padding-right: 0.4em;
}
/* offsets to distinguish the tab groups */
li#mytabs-ca-talk { margin-right: 1.6em; }
li#mytabs-ca-watch { margin-left: 1.6em; }
/* remove comment tags if bottom tabs should be rounded as well in moz */
#mytabs li, #mytabs li a {
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomright: 1em;
}
/*
</pre>
*/