User:Wayward/User monobookcss
From Wikipedia, the free encyclopedia
/*
*/
/* ################################### */
/* Start of requirements for menu tabs */
#p-cactions #ca-edit-0 a {
padding-left: 0.4em;
padding-right: 0.4em;
}
#p-cactions a {
filter: alpha(opacity=75);
}
#p-cactions a:hover, #p-cactions .selected a {
filter: none;
}
#p-cactions li
{
position: relative;
float: left;
}
.tabmenu ul
{
display: none;
z-index: 2;
position: relative;
top: -2px;
border-top: 1px solid #aaaaaa;
padding: 0px;
margin: 0px;
background: #FFFFF0;
background-color: #FFFFF0;
clear:both;
}
/* Menu tab IDs. If you add a new menu, you need to add its ID here too */
#afda ul li, #dbm ul li, #mystatus ul li, #talkm ul li, #protect ul li
{
float: none;
border: 1px solid #aaaaaa;
border-top: none;
text-align: center;
background: #F8FCFF;
background-color: #FFFFF0;
clear:both;
display: block;
}
.tabmenu:hover ul
{
display: block;
}
.tabmenu a
{
padding: 0pt 0.8em !important;
background: #F8FCFF;
background-color: #FFFFF0;
}
.tabmenu ul a:hover
{
font-weight: bold;
}
/* End of requirements for menu tabs */
/* ################################# */
/*
* Skin name: Milky
* Author: Ævar Arnfjörð Bjarmason
* Reference: http://en.wikipedia.org/style/monobook/main.css
* To include in your CSS: http://en.wikipedia.org/w/wiki.phtml?title=User:%C6var_Arnfj%F6r%F0_Bjarmason/monobook.css&action=raw&ctype=text/css
*/
/* remove the ugly, recently reinstated link underlines
#BodyContent a { text-decoration: none; }
#BodyContent a:hover { text-decoration: none; }*/
a { text-decoration: none;}
a:hover { text-decoration: none;}
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now, i reduced this from 1em to 4px to make it very illnoticable */
#p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
.ns-1 * #content,
.ns-3 * #content,
.ns-5 * #content,
.ns-7 * #content,
.ns-9 * #content,
.ns-11 * #content,
.ns-13 * #content,
.ns-15 * #content,
.ns-101 * #content,
.ns-1 * #mytabs li,
.ns-3 * #mytabs li,
.ns-5 * #mytabs li,
.ns-7 * #mytabs li,
.ns-9 * #mytabs li,
.ns-11 * #mytabs li,
.ns-13 * #mytabs li,
.ns-15 * #mytabs li,
.ns-101 * #mytabs li {
background: #FFFFF0;
}
.ns-1 * #mytabs li a,
.ns-3 * #mytabs li a,
.ns-5 * #mytabs li a,
.ns-7 * #mytabs li a,
.ns-9 * #mytabs li a,
.ns-11 * #mytabs li a,
.ns-13 * #mytabs li a,
.ns-15 * #mytabs li a,
.ns-101 * #mytabs li a,
.ns-1 * #p-cactions li a,
.ns-3 * #p-cactions li a,
.ns-5 * #p-cactions li a,
.ns-7 * #p-cactions li a,
.ns-9 * #p-cactions li a,
.ns-11 * #p-cactions li a,
.ns-13 * #p-cactions li a,
.ns-15 * #p-cactions li a,
.ns-101 * #p-cactions li a {
background-color: #FFFFF0;
}
.ns-1 * #content div.thumb,
.ns-3 * #content div.thumb,
.ns-5 * #content div.thumb,
.ns-7 * #content div.thumb,
.ns-9 * #content div.thumb,
.ns-11 * #content div.thumb,
.ns-13 * #content div.thumb,
.ns-15 * #content div.thumb,
.ns-101 * #content div.thumb {
border-color: #FFFFF0;
}
/*
** Diff rendering
*/
table.diff { background:white; }
td.diff-otitle { background:#ffffff; }
td.diff-ntitle { background:#ffffff; }
td.diff-addedline {
background: #f5f5f5;
color: #4169e1;
font-size: 100%;
}
td.diff-deletedline {
background: #f5f5f5;
color: #b22222;
font-size: 100%;
}
td.diff-context {
background:#e6e6fa;
color: #708090;
font-size: 100%;
}
span.diffchange { color: #00008b; }
}
#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;
}
li#pt-userpage { background: none }
/* Eliminate yellow colour everywhere in borders */
#p-cactions li.selected {
border-color: #999;
}
/* 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;
}
/* Dont need this copyright notice on every page */
/*li#f-copyright,
li#f-lastmod,
#editpage-copywarn { display: none; }*/
.portlet li, #BodyContent li {
/*list-style-image: url("/style/monobook/bullet.gif");*/
list-style-type: square;
list-style-image: url("http://en.wikipedia.org/upload/6/69/AAAAAA_Bullet.png");
}
.portlet li:hover, #BodyContent li:hover {
list-style-type: square;
list-style-image: url("http://en.wikipedia.org/upload/4/44/000000_Bullet.png");
}
.portlet a {text-decoration: none; color: #666 !important;}
.portlet a:hover {text-decoration: none; color: #000 !important;}
/* Make borders a little better */
#searchInput {
border: 1px solid #aaa;
background-color: #eee;
}
/* Mozilla.org-like input box focus */
#p-search input:focus, #p-search input:hover {
background-color: #fff;
}
#searchInput {
border-top: 1px inset;
border-left: 1px inset;
border-right: 10px inset;
}
/* 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"], textarea, pre, #toc {
-moz-border-radius: 2px;
}
input[type="submit"] {
-moz-border-radius: 5px !important;
border: 1px solid #000;
height: 18px;
font-size: 10px;
}
#utcdate
{
text-transform: capitalize;
}
/* user notification thing */
.usermessage {
background-color: #b0c4de;
border: 1px solid #7b68ee;
color: #696969;
font-weight: bold;
margin: 2em 0em 1em 0em;
padding: 0.5em 1em;
vertical-align: middle;
}
/* The 'Edit summary' box is way to crammed in the textarea box by default */
textarea { margin-bottom: 4px; }
input[type="submit"] {color: #aaa !important;}
input[type="submit"]:hover, input[type="submit"]:focus {color: #000 !important;}
#p-cactions li a {color: #aaa;}
#p-cactions li a:hover {color: #000;}
#p-cactions li.selected a {color: #000 !important;}
#p-cactions li.new a {color: #ba0000 !important;}
#footer {display:none;}
.printfooter {display:none;}
