Gebruiker:Southparkfan/monobook.css: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
(Versie 280786 van Southparkfan (overleg) ongedaan gemaakt.) |
(Testje) |
||
Regel 1: | Regel 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* If you copy this, please include the following line: */ | /* If you copy this, please include the following line: */ | ||
Regel 29: | Regel 4: | ||
/* Thank you. */ | /* Thank you. */ | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
/* Orange "You have new messages" changed */ | /* Orange "You have new messages" changed */ | ||
.usermessage { | .usermessage { | ||
− | + | background: url('http://upload.wikimedia.org/wikipedia/commons/c/ca/360%C2%B0_Panorama_vom_Ahrensfelder_Berg.jpg') repeat-x center; | |
− | + | border: 1px solid silver; | |
− | + | color: #5A3696; | |
− | + | font-weight: bold; | |
− | + | margin: 2em 0em 1em 0em; | |
− | + | padding: 0.5em 1em; | |
− | + | vertical-align: middle; | |
− | |||
} | } | ||
Regel 72: | Regel 42: | ||
position: relative; | position: relative; | ||
float: left; | float: left; | ||
− | border-radius: .5em; | + | -moz-border-radius-topleft: .5em; |
+ | -moz-border-radius-topright: .5em; | ||
} | } | ||
Regel 87: | Regel 58: | ||
/* Miscellaneous Corner-rounding */ | /* Miscellaneous Corner-rounding */ | ||
div.pBody { | div.pBody { | ||
− | border-radius: | + | -moz-border-radius-topright:0.5em; |
+ | -moz-border-radius-bottomright:0.5em; | ||
} | } | ||
#content { | #content { | ||
− | border-radius: 0.75em | + | -moz-border-radius-topleft: 0.75em; |
+ | -moz-border-radius-bottomleft: 0.75em; | ||
} | } | ||
#footer { | #footer { | ||
− | border-radius: 6px; | + | -moz-border-radius: 6px; |
border:1px solid #fabd23; | border:1px solid #fabd23; | ||
} | } | ||
Regel 132: | Regel 105: | ||
#protectedpagewarning { | #protectedpagewarning { | ||
− | border-radius:.5em; | + | -moz-border-radius:.5em; |
margin: 0 0 1em; | margin: 0 0 1em; | ||
padding: .6em .6em; | padding: .6em .6em; | ||
Regel 147: | Regel 120: | ||
/* Get RID of that annoying fund raiser advert */ | /* Get RID of that annoying fund raiser advert */ | ||
− | + | #siteNotice { | |
+ | display | ||
+ | } | ||
+ | |||
/* Admin tools link fixer */ | /* Admin tools link fixer */ | ||
#adminbarlinks a:visited { | #adminbarlinks a:visited { | ||
Regel 166: | Regel 142: | ||
input[type="radio"], | input[type="radio"], | ||
input[type="checkbox"] { border:none; } | input[type="checkbox"] { border:none; } | ||
− | input[type="submit | + | input[type="submit"] { |
border: 1px solid #aaa !important; | border: 1px solid #aaa !important; | ||
background-color: #f9f9f9 !important; | background-color: #f9f9f9 !important; | ||
} | } | ||
/* make round corners for the rest */ | /* make round corners for the rest */ | ||
− | input[type="submit"] | + | input[type="submit"] { |
− | border-radius: 2px !important; | + | -moz-border-radius-topleft: 2px !important; |
+ | -moz-border-radius-topright: 2px !important; | ||
+ | -moz-border-radius-bottomleft: 2px; | ||
+ | -moz-border-radius-bottomright: 2px; | ||
} | } | ||
− | input[type="submit | + | input[type="submit"] {color: #aaa !important;} |
− | + | input[type="submit"]:hover, input[type="submit"]:focus {background-color: #fff !important; color: #000 !important; cursor: pointer !important;} | |
− | input[type="submit"]:hover, input[ | ||
/* For use with my monobook */ | /* For use with my monobook */ | ||
Regel 185: | Regel 163: | ||
/* Prettify the headers of the quickbar (left-hand column of boxes) */ | /* Prettify the headers of the quickbar (left-hand column of boxes) */ | ||
− | #p-navigation h5, #p-interaction h5, #p-search h5, #p-tb h5, #p-navclone h5, #p-lang h5, #p-informatie_en_hulp h5, #p-wijzigingen h5, #p-handigelinks | + | #p-navigation h5, #p-interaction h5, #p-search h5, #p-tb h5, #p-navclone h5, #p-lang h5, #p-informatie_en_hulp h5, #p-wijzigingen h5, #p-handigelinks h5 { |
display: inline; | display: inline; | ||
height: 1em; | height: 1em; | ||
Regel 197: | Regel 175: | ||
text-transform: lowercase; | text-transform: lowercase; | ||
background: white; | background: white; | ||
− | border-radius: | + | -moz-border-radius-topright:1em |
} | } | ||
− | #p-navigation, #p-interaction, #p-search, #p-tb, #p-navclone, #p-lang, #p-informatie_en_hulp, #p-wijzigingen, #p-handigelinks | + | #p-navigation, #p-interaction, #p-search, #p-tb, #p-navclone, #p-lang, #p-informatie_en_hulp, #p-wijzigingen, #p-handigelinks { |
padding-top: 2px; | padding-top: 2px; | ||
} | } | ||
Regel 213: | Regel 191: | ||
body{ background-image:none; !important } | body{ background-image:none; !important } | ||
.pBody{background-color:#E2EFFF;} | .pBody{background-color:#E2EFFF;} | ||
− | + | #footer{ background-color:#E2EFFF ; } | |
/*</pre> | /*</pre> | ||
Regel 271: | Regel 249: | ||
border: 0.15em solid #000000; | border: 0.15em solid #000000; | ||
border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff; /* 5 3 3 5 */ | border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff; /* 5 3 3 5 */ | ||
− | border-radius: .5em .5em 0em 0em; | + | border-radius-topleft: .5em; |
+ | border-radius-topright: .5em; | ||
+ | -moz-border-radius: .5em .5em 0em 0em; | ||
cursor:pointer; | cursor:pointer; | ||
display: inline; | display: inline; | ||
Regel 296: | Regel 276: | ||
border: 0.15em solid #000000; | border: 0.15em solid #000000; | ||
border-color: #b090e0 #7050a0 #9070c0 #b090e0; /* 3 1 2 3 */ | border-color: #b090e0 #7050a0 #9070c0 #b090e0; /* 3 1 2 3 */ | ||
− | border-radius: .5em .5em 0em 0em; | + | border-radius-topleft: .5em; |
+ | border-radius-topright: .5em; | ||
+ | -moz-border-radius: .5em .5em 0em 0em; | ||
cursor: default; | cursor: default; | ||
display: inline; | display: inline; | ||
Regel 317: | Regel 299: | ||
border: 0.2em solid #9070c0; /* 2 */ | border: 0.2em solid #9070c0; /* 2 */ | ||
border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */ | border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */ | ||
− | border-radius: 0em .5em .5em 0em; | + | -moz-border-radius: 0em .5em .5em 0em; |
+ | border-radius-topright: .5em; | ||
+ | border-radius-bottomright: .5em; | ||
padding: 1em; | padding: 1em; | ||
position: static; /* Si hi posem relative falla amb MSIE */} | position: static; /* Si hi posem relative falla amb MSIE */} | ||
Regel 522: | Regel 506: | ||
.dossier { | .dossier { | ||
display:none | display:none | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
/*</pre>*/ | /*</pre>*/ |
Versie van 1 sep 2013 17:53
/* If you copy this, please include the following line: */
/* Stolen from [[User:Animum/monobook.css]] */
/* Thank you. */
/* Orange "You have new messages" changed */
.usermessage {
background: url('http://upload.wikimedia.org/wikipedia/commons/c/ca/360%C2%B0_Panorama_vom_Ahrensfelder_Berg.jpg') repeat-x center;
border: 1px solid silver;
color: #5A3696;
font-weight: bold;
margin: 2em 0em 1em 0em;
padding: 0.5em 1em;
vertical-align: middle;
}
.usermessage a {
color:#5A3696
}
/* "From Wikipedia, the free encyclopedia" modification */
#siteSub {
font-family:Trebuchet MS;
font-size: 95%;
}
/* Text alignment */
body.mediawiki {
text-align: left;
}
/* Tab rounding */
#p-cactions ul
{
overflow:visible;
}
#p-cactions li
{
border: 2px solid lightgrey;
position: relative;
float: left;
-moz-border-radius-topleft: .5em;
-moz-border-radius-topright: .5em;
}
/* Get rid of the border in the page title */
.firstHeading {
border-bottom:none;
}
/* Replace dotted borders on pre with a solid one. */
#bodyContent pre {
border: 1px solid #aaa;
}
/* Miscellaneous Corner-rounding */
div.pBody {
-moz-border-radius-topright:0.5em;
-moz-border-radius-bottomright:0.5em;
}
#content {
-moz-border-radius-topleft: 0.75em;
-moz-border-radius-bottomleft: 0.75em;
}
#footer {
-moz-border-radius: 6px;
border:1px solid #fabd23;
}
/* Link customization */
#bodyContent a:active { font-weight: normal; }
#bodyContent a.interwiki, a.external { color: #002bb8; background:none; }}
#bodyContent a.text { background: display; }
/* Some editing screen modifications */
#editpage-copywarn3, #editpage-copywarn2, #editpage-copywarn {
display: none;
}
input#wpSummary {
width: 50%;
margin-top: 12px;
}
.editHelp {
margin-top:1.25em;
margin-bottom:6px;
}
#wpSave, #wpPreview {
margin-right:1px;
}
#previewnote {
text-decoration: blink;
}
#toolbar {
display:
}
#protectedpagewarning {
-moz-border-radius:.5em;
margin: 0 0 1em;
padding: .6em .6em;
vertical-align: middle;
border: solid #aaaaaa 1px;
font-size:91%;
background-color:#ffffff;
color:#000000;
}
#longpagewarning {
display:none
}
/* Get RID of that annoying fund raiser advert */
#siteNotice {
display
}
/* Admin tools link fixer */
#adminbarlinks a:visited {
color:#002BB8
}
/* Patrolled pages fixer */
.patrollink {
display:none
}
li.not-patrolled {
background-color:transparent
}
/* THIS LAST BIT IS STOLEN FROM AZATOTH'S MONOBOOK.CSS */
/* Nice borders for (almost) all boxes */
input[type="radio"],
input[type="checkbox"] { border:none; }
input[type="submit"] {
border: 1px solid #aaa !important;
background-color: #f9f9f9 !important;
}
/* make round corners for the rest */
input[type="submit"] {
-moz-border-radius-topleft: 2px !important;
-moz-border-radius-topright: 2px !important;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
}
input[type="submit"] {color: #aaa !important;}
input[type="submit"]:hover, input[type="submit"]:focus {background-color: #fff !important; color: #000 !important; cursor: pointer !important;}
/* For use with my monobook */
.ns-0 * .tabmenu ul li {
background: white !important;
}
/* Prettify the headers of the quickbar (left-hand column of boxes) */
#p-navigation h5, #p-interaction h5, #p-search h5, #p-tb h5, #p-navclone h5, #p-lang h5, #p-informatie_en_hulp h5, #p-wijzigingen h5, #p-handigelinks h5 {
display: inline;
height: 1em;
font-size: 91%;
font-weight: normal;
white-space: nowrap;
border-color:#aaa;
border-width:1px;
border-style: solid solid none solid;
padding: 0 1em 1px 1em;
text-transform: lowercase;
background: white;
-moz-border-radius-topright:1em
}
#p-navigation, #p-interaction, #p-search, #p-tb, #p-navclone, #p-lang, #p-informatie_en_hulp, #p-wijzigingen, #p-handigelinks {
padding-top: 2px;
}
/* Diff screen changes */
del.diffchange.diffchange-inline, ins.diffchange.diffchange-inline { border:none; }
/* Space for testing below */
body { background-color: #E2EFFF; }
body{ background-image:none; !important }
.pBody{background-color:#E2EFFF;}
#footer{ background-color:#E2EFFF ; }
/*</pre>
== Tabelfuncties ==
=== Prettytable en wikitable===
Maakt een tabel met grijze achtergrond en lijnen, met een donkergrijze kop.
<pre>*/
.prettytable, .prettytable table, .wikitable, .wikitable table
{
border: 1px solid #aaa;
border-collapse: collapse;
font-size: 95%;
margin: 1em 0;
background: #f9f9f9;
}
.prettytable table, .wikitable table
{
margin: 0;
}
.prettytable td, table.prettytable th, .wikitable td, table.wikitable th
{
border: 1px solid #aaa;
padding: 4px;
}
.prettytable th, .wikitable th
{
background-color: #ddd;
}
.contributionscores-wrapper { }
.contributionscores-title { background-color: #aaaaaa; margin-bottom: 0px; padding-left: .4em; }
.contributionscores .header { background-color: #cccccc; border-bottom: 1px solid #999999; font-weight: bold; }
.contributionscores .odd { background-color: #eeeeee; }
.contributionscores .header td { padding-left: .2em; padding-right: .2em; }
.contributionscores .content { padding-left: .2em; padding-right: .2em; }
body.page-Hoofdpagina h1.firstHeading { display: none; }
/*</pre>
/**********
Nodig voor metaboxes van ca-wikipedia. Zie ca.wikipedia.org/wiki/Portada voor een voorbeeld.
Translated and imported by Sumurai8. Contact me at the dutch wikipedia for help with this stylesheets
*********/
/* Standaard (Tons) kleuren; 1; 7050a0 2; 9070c0 3; b090e0 4; d0b0ff 5; f0d0ff */
.mbBut {
background-color: #d0b0ff; /* 4 */
border: 0.15em solid #000000;
border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff; /* 5 3 3 5 */
border-radius-topleft: .5em;
border-radius-topright: .5em;
-moz-border-radius: .5em .5em 0em 0em;
cursor:pointer;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.3em 0.2em 0.3em;
position: relative;}
.mbBut a,
.mbBut strong {
background: none !important;
color:#7050a0 !important; /* 1 */
font-size: 90%;
font-weight: bold;
padding: 0 !important;
text-decoration: none !important;}
.mbBut a:hover,
.mbBut strong:hover {
color: black !important;
text-decoration: underline !important;}
.mbButSel {
background-color: #9070c0; /* 2 */
border: 0.15em solid #000000;
border-color: #b090e0 #7050a0 #9070c0 #b090e0; /* 3 1 2 3 */
border-radius-topleft: .5em;
border-radius-topright: .5em;
-moz-border-radius: .5em .5em 0em 0em;
cursor: default;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.3em 0.2em 0.3em;
position: relative;
color:white;}
.mbButSel a {
background: none !important;
color:white !important;
cursor: default;
font-size: 90%;
font-weight: bold;
padding: 0 !important;
text-decoration: none !important;}
.mbContent {
background-color: #f8f8ff;
border: 0.2em solid #9070c0; /* 2 */
border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */
-moz-border-radius: 0em .5em .5em 0em;
border-radius-topright: .5em;
border-radius-bottomright: .5em;
padding: 1em;
position: static; /* Si hi posem relative falla amb MSIE */}
.mbTab {
background-color: #f8f8ff;
border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */ ;
}
/* Configuratie voor Groen: 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
.mbGreen .mbBut {
background-color: #a5e085; /* 4 */
border-color: #c0f090 #90d060 #75c045 #c0f090; /* 5 3 2 5 */}
.mbGreen .mbBut a,
.mbGreen .mbBut strong {
color:#60b030 !important; /* 1 */
font-size:90%}
.mbGreen .mbBut a:hover,
.mbGreen .mbBut strong:hover {
color: black !important;
text-decoration: underline;}
.mbGreen .mbButSel {
background-color: #75c045; /* 2 */
border-color: #90d060 #60b030 #75c045 #90d060; /* 3 1 2 3 */}
.mbGreen .mbContent {
background-color: #f5fffa;
border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
.mbGreen .mbTab {
background-color: #f5fffa;
border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
/* Configuratie voor Rood: 1;CC0000 2;FF0000 3;FF8888 4;FFAAAA 5;FFCCCC */
.mbRed .mbBut {
background-color: #FFAAAA; /* 4 */
border-color: #FFCCCC #FF8888 #FF0000 #FFCCCC; /* 5 3 2 5 */}
.mbRed .mbBut a,
.mbRed .mbBut strong {
color:#CC0000 !important; /* 1 */
font-size:90%}
.mbRed .mbBut a:hover
.mbRed .mbBut strong:hover {
color: black !important;
text-decoration: underline;}
.mbRed .mbButSel {
background-color: #FF0000; /* 2 */
border-color: #FF8888 #CC0000 #FF0000 #FF8888; /* 3 1 2 3 */}
.mbRed .mbContent {
background-color: #fffafa;
border-color: #FF0000 #CC0000 #CC0000 #FF0000; /* 2 1 1 2 */}
.mbRed .mbTab {
background-color: #fffafa;
border-color: #CC0000 #FF0000 #FF0000 #CC0000; /* 1 3 3 1 */}
/* Configuratie voor Blauw: 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
.mbBlue .mbBut {
background-color: #a7c1e6; /* 4 */
border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9; /* 5 3 2 5 */}
.mbBlue .mbBut a,
.mbBlue .mbBut strong {
color:#3379de !important; /* 1 */
font-size:90%}
.mbBlue .mbBut a:hover
.mbBlue .mbBut strong:hover {
color: black !important;
text-decoration: underline;}
.mbBlue .mbButSel {
background-color: #5b8dd6; /* 2 */
border-color: #88abde #3379de #5b8dd6 #88abde; /* 3 1 2 3 */}
.mbBlue .mbContent {
background-color: #f0f8ff;
border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
.mbBlue .mbTab {
background-color: #f0f8ff;
border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
/* Configuratie voor Geel: 1;ffd813 2;ffe147 3;ffe977 4;fff1a4 5;fef4bc */
.mbYellow .mbBut {
background-color: #fff1a4; /* 4 */
border-color: #fef4bc #ffe977 #ffe147 #fef4bc; /* 5 3 2 5 */}
.mbYellow .mbBut a,
.mbYellow .mbBut strong {
color:#ffd813 !important; /* 1 */
font-size:90%}
.mbYellow .mbBut a:hover
.mbYellow .mbBut strong:hover {
color: black !important;
text-decoration: underline;}
.mbYellow .mbButSel {
background-color: #ffe147; /* 2 */
border-color: #ffe977 #ffd813 #ffe147 #ffe977; /* 3 1 2 3 */}
.mbYellow .mbContent {
background-color: #fffce8;
border-color: #ffe147 #ffd813 #ffd813 #ffe147; /* 2 1 1 2 */}
.mbYellow .mbTab {
background-color: #fffce8;
border-color: #ffd813 #88abde #88abde #ffd813; /* 1 3 3 1 */}
/* Configuratie voor Oranje: 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
.mbOrange .mbBut {
background-color: #ffbd7f; /* 4 */
border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4; /* 5 3 2 5 */}
.mbOrange .mbBut a,
.mbOrange .mbBut strong {
color:#ff820e !important; /* 1 */
font-size:90%}
.mbOrange .mbBut a:hover
.mbOrange .mbBut strong:hover {
color: black !important;
text-decoration: underline;}
.mbOrange .mbButSel {
background-color: #ff9d42; /* 2 */
border-color: #ffac5d #ff820e #ff9d42 #ffac5d; /* 3 1 2 3 */}
.mbOrange .mbContent {
background-color: #ffeedd; /* 6 */
border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
.mbOrange .mbTab {
background-color: #ffeedd; /* 6 */
border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
/* Tot hier de stylesheet voor metaboxes...
Een nieuwe kleur kan toegevoegd worden door een moderator. Zoek eerst zelf
6 kleuren uit, daarna kunnen ze volgens het schema hierboven worden ingevoegd.
Noot: De kleur komt erin te staan als: .mbKleur
Noot: Voeg de kleur in als: Kleur
Noot: De kleur moet in het engels (!!!) */
/*</pre>
== In- en uitklapfunctie ==
Wordt o.a. gebruikt in [[Sjabloon:Toggletext]].
<pre>*/
div.UitklapFrame {
clear: both;
margin: 0;
padding: 0;
border: 1px solid #aaa;
border-collapse: collapse;
background-color:#f9f9f9;
font-size: 95%;
}
div.UitklapFrameNoClear {
margin: 0;
padding: 0;
border: 1px solid #aaa;
border-collapse: collapse;
background-color:#f9f9f9;
font-size: 95%;
}
div.UitklapFrame div.UitklapHead {
padding: 0 .5em;
text-align: center;
font-weight: bold;
background-color: #ddd;
}
div.UitklapFrame div.UitklapContent {
padding: 5px;
}
div.UitklapEind {
clear: both;
}
div.UitklapEindNoClear {
}
a.UitklapToggle {
font-size: x-small;
float:right;
padding: 0 .5em;
}
.dossier {
display:none
}
/*</pre>*/