User:MikeX/monobook.css
Appearance
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
The accompanying .js page for this skin is at User:MikeX/monobook.js. |
#p-lang {display: none;}
/* Stickiness */
#p-tb, #p-search, #p-nav {position: fixed; opacity: 0.6;}
#p-tb:hover, #p-search:hover, #p-nav:hover {opacity: 0.9;}
#p-search {top: 300px;}
#p-tb {bottom:30px; z-index: 2; }
#mytabs li, #mytabs li a {
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomright: 1em;
}
/*
fonten
*/
input[type="submit"] {font-family: Verdana;}
pBody > li {font-family: Verdana;}
div#p-tb {font-family: Verdana;}
div#p-nav {font-family: Verdana;}
li#f-about:after {content: " -- Now with 100% more beef!";}
/*
Curvy edit boxen
*/
textarea[name="wpTextbox1"] {
-moz-border-radius: 1em !important;
}
/*
Cap section heading links in portlet
*/
div.portlet > h5 {text-transform: capitalize;}
/*
Fix the bloody inconsistant headings
*/
h3,h4,h5 {font-weight: normal; border-bottom: 1px solid grey}
h3#siteSub {border-bottom: none;}
#p-personal a:link {
background: lightblue;
}
b#npov_pic {display: none;}
/* Use nice font */
#content {font-family: Verdana, Arial, sans-serif;}
/* Hide silly message
#fundraising {display: none;} */
/* Section 4: Bottom tabs layout
Thanks, Lupo!*/
#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: #0014a6;
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; }
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
}
#content {
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
}
div.pBody {
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
}
/* same following the css3 draft specs, any browsers supporting this? */
#p-cactions ul li, #p-cactions ul li a {
border-radius-topleft: 1em;
border-radius-topright: 1em;
}
#content {
border-radius-topleft: 1em;
border-radius-bottomleft: 1em;
}
div.pBody {
border-radius-topright: 1em;
border-radius-bottomright: 1em;
}
/* Gets rid of the border on the left of the nav boxes in rounders. Doesn't
look so good in non-roundness. */
div.pBody {
border-left:none;
}
/* Make the personal toolbar have roundness */
#p-personal ul {
/* ooooh transparency */
opacity:.6;
-moz-border-radius-bottomleft:1em;
border-color:rgb(250, 189, 35);
border-width:1px;
border-style:solid;
background:#F8FCFF;
/* if it weren't for this, that tool bar would stretch itself across the entire screen. */
float:right;
padding:0;
padding-bottom:.3em;
padding-right:3px;
border-top:none;
border-right:none;
margin:0;
/* my background code - use your own if you want (16*16px) */
background-image:url("http://upload.wikimedia.org/wikipedia/en/archive/1/16/20051013032606%21Thetorpedodogwiki.png");
background-repeat:no-repeat;
/* overrides 3px p-r that's above */
padding-right:20px;
background-position:right center;
}
#p-personal a {
padding:.5em;
margin:0;
}
#p-personal li {
margin:0;
border-right:1px solid white;
}