MediaWiki:Monobook.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
No edit summary
(a few changes, mostly making the code more compact though)
Line 1: Line 1:
/* CSS placed here will affect users of the Monobook skin */
/* Don't display some stuff on the main page */
/* Don't display some stuff on the main page */
body.page-Main_Page #lastmod,  
body.page-Main_Page #lastmod,  
Line 9: Line 7:
}
}


/*That crazy box*/
.editsimilar {
.editsimilar {
     background: #cfc;
     background: #cfc;
Line 23: Line 20:
/*Watchlist edit message*/
/*Watchlist edit message*/
.usermessage {
.usermessage {
     background: #ccffcc;
     background: #cfc;
     font-weight: bold;
     font-weight: bold;
     margin: 20px 0 10px 0;
     margin: 20px 0 10px 0;
Line 38: Line 35:


/*Content area*/
/*Content area*/
#footer {
#footer {background: none;}
    background: none;
ul li {list-style-image: url(http://images4.wikia.nocookie.net/pikmin/images/7/7a/Bullet.png);}
}
ul li {
    list-style-image: url(http://images4.wikia.nocookie.net/pikmin/images/7/7a/Bullet.png);
}
#toc {
#toc {
     background: #cfc;
     background: #cfc;
Line 54: Line 47:
     border: 2px outset #0b0;
     border: 2px outset #0b0;
}
}
#toc li {
#toc li {list-style: none;}
    list-style: none;
body {background: url(http://images4.wikia.nocookie.net/pikmin/images/3/3f/BG.png) no-repeat right fixed;}
}
body {
    background-image: url(http://images4.wikia.nocookie.net/pikmin/images/3/3f/BG.png);
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: fixed;
}
#content {
#content {
     border: 2px outset #0b0 !important;
     border: 2px outset #0b0 !important;
Line 70: Line 56:
     background: url(http://images4.wikia.nocookie.net/pikmin/images/6/67/BG_contentarea.png) right fixed no-repeat;
     background: url(http://images4.wikia.nocookie.net/pikmin/images/6/67/BG_contentarea.png) right fixed no-repeat;
}
}
table, td {
table, td {background: none;}
    background: none;
div.thumb {border: none;}
}
div.thumb {
  border: none;
}
div.tright {
div.tright {
   border: none;
   border: none;
Line 98: Line 80:


/*Sidebar*/
/*Sidebar*/
.portlet {
.portlet {width: 150px;}
    width: 150px;
}
.portlet h5 {
.portlet h5 {
     text-transform: uppercase;
     text-transform: uppercase;
Line 129: Line 109:
     -moz-border-radius-bottomright: 25px;
     -moz-border-radius-bottomright: 25px;
}
}
.portlet ul {
.portlet ul {list-style-type: none;}
    list-style-type: none;
}


/*Search*/
/*Search*/
input[type="submit"],
#p-search input["type=submit"] {padding: 0;}
input[type="button"] {
input[type="submit"]:hover,
    color: #000;
input[type="button"]:hover {
    cursor: pointer;
    background: #cfc;
    border: 2px outset #0b0;
}
#p-search input["type=submit"] {
    padding: 0;
}
input[type="submit"]:hover {
     background: none;
     background: none;
}
}
#searchInput {
#searchInput {width: 100px;}
    width: 100px;
#p-search .pBody {padding: 4px 6px 5px 6px;}
}
#p-search .pBody {
    padding: 4px 6px 5px 6px;
}
#searchGoButton,
#searchGoButton,
#mw-searchButton {
#mw-searchButton {padding: 0 4px;}
    padding: 0 4px;
}


/*Tabs*/
/*Tabs*/
#p-cactions .pBody:hover {
#p-cactions .pBody:hover {opacity: 1;}
    opacity: 1;
#p-cactions li:hover {opacity: 0.8;}
}
#p-cactions li:hover {
    opacity: 0.8;
}
#p-cactions li {
#p-cactions li {
     border: 2px outset #0b0;
     border: 2px outset #0b0;
Line 188: Line 148:
.usermessage:hover,
.usermessage:hover,
#toc:hover,
#toc:hover,
#catlinks:hover {
#catlinks:hover {background: none;}
    background: none;
}
.portlet .pBody:hover,
.portlet .pBody:hover,
.portlet h5:hover {
.portlet h5:hover {
Line 196: Line 154:
     opacity: 0.85;
     opacity: 0.85;
}
}
.portlet h5:hover {
.portlet h5:hover {color: #050;}
    color: #050;
}


/*Input boxes*/
/*Input boxes*/
input {
input[type="submit"],
input[type="button"] {
    color: #000;
    cursor: pointer;
    background: #cfc;
    border: 2px outset #0b0;
}
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"] {
     border-top-left-radius: 15px;
     border-top-left-radius: 15px;
     border-bottom-right-radius: 15px;
     border-bottom-right-radius: 15px;
Line 210: Line 176:
     border: 2px inset #0b0;
     border: 2px inset #0b0;
     padding-left: 3px;
     padding-left: 3px;
}
select {
    border: 2px inset #0b0;
}
}
input[type="text"],
input[type="text"],
input[type="password"] {
input[type="password"] {height: 16px;}
    height: 16px;
}
textarea {
textarea {
     border: 2px inset #0b0;
     border: 2px inset #0b0;
Line 231: Line 192:
#bodyContent a.extiw,
#bodyContent a.extiw,
#bodyContent a.external {
#bodyContent a.external {
     color: #008800;
     color: #080;
}
}
a:visited,
a:visited,
#bodyContent a.extiw:visited,
#bodyContent a.extiw:visited,
#bodyContent a.external:visited {
#bodyContent a.external:visited {
     color: #008844;
     color: #084;
}
}
a:hover,
a:hover,
Line 242: Line 203:
#bodyContent a.extiw:hover,
#bodyContent a.extiw:hover,
#bodyContent a.external:hover {
#bodyContent a.external:hover {
     color: #00bb00;
     color: #0b0;
}
}
a:visited:hover,
a:visited:hover,
#bodyContent a.extiw:visited:hover,
#bodyContent a.extiw:visited:hover,
#bodyContent a.external:visited:hover {
#bodyContent a.external:visited:hover {
     color: #00bb44;
     color: #0b4;
}
}
a.new:link,
a.new:link,
Line 255: Line 216:
#p-personal li a.new:visited,
#p-personal li a.new:visited,
#p-cactions .new a:visited {
#p-cactions .new a:visited {
     color: #bbbb00;
     color: #bb0;
}
#bodyContent a.external {
    background-image: url(http://images.wikia.com/pikmin/images/4/44/External.png);
}
#p-personal li a:hover {
    background: none;
}
}
#bodyContent a.external {background-image: url(http://images.wikia.com/pikmin/images/4/44/External.png);}
#p-personal li a:hover {background: none;}


#new_edit_page_preview_notice {display: none;}
#new_edit_page_preview_notice {display: none;}
#wikiPreview>*:first-child {display: block;}
#wikiPreview>*:first-child {display: block;}
#editform {margin-top: 15px;}
#editform {margin-top: 15px;}

Revision as of 14:17, July 17, 2009

/* Don't display some stuff on the main page */
body.page-Main_Page #lastmod, 
body.page-Main_Page #siteSub, 
body.page-Main_Page #contentSub, 
body.page-Main_Page h1.firstHeading {
    display: none !important;
}

.editsimilar {
    background: #cfc;
    border: 2px outset #0b0;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomright: 40px;
}

/*Watchlist edit message*/
.usermessage {
    background: #cfc;
    font-weight: bold;
    margin: 20px 0 10px 0;
    padding: 5px 10px;
    vertical-align: middle;
    border: 2px outset #0b0;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
}

/*Content area*/
#footer {background: none;}
ul li {list-style-image: url(http://images4.wikia.nocookie.net/pikmin/images/7/7a/Bullet.png);}
#toc {
    background: #cfc;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 40px;
    -webkit-border-top-left-radius: 60px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-bottomright: 40px;
    border: 2px outset #0b0;
}
#toc li {list-style: none;}
body {background: url(http://images4.wikia.nocookie.net/pikmin/images/3/3f/BG.png) no-repeat right fixed;}
#content {
    border: 2px outset #0b0 !important;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 20px;
    background: url(http://images4.wikia.nocookie.net/pikmin/images/6/67/BG_contentarea.png) right fixed no-repeat;
}
table, td {background: none;}
div.thumb {border: none;}
div.tright {
   border: none;
   margin: 5px 0 5px 10px;
}
div.tleft {
   border: none;
   margin: 5px 15px 5px 0;
}
#catlinks {
   border: 2px outset #0b0;
   background: #ccffcc;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
   -moz-border-radius-topleft: 30px;
   -moz-border-radius-bottomright: 30px;
    padding-bottom: 0;
    padding-top: 0;
}

/*Sidebar*/
.portlet {width: 150px;}
.portlet h5 {
    text-transform: uppercase;
    color: #fff;
    background: #050;
    border: 2px outset #0b0;
    padding: 1px 0 3px 10px;
    font-weight: bold;
    display: block;
    border-top-left-radius: 11px;
    border-bottom-right-radius: 11px;
    -webkit-border-top-left-radius: 11px;
    -webkit-border-bottom-right-radius: 11px;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-bottomright: 11px;

}
.pBody {
    background: #cfc;
    border: 2px outset #0b0;
    padding-left: 0;
    margin: 2px 20px 0 5px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomright: 25px;
}
.portlet ul {list-style-type: none;}

/*Search*/
#p-search input["type=submit"] {padding: 0;}
input[type="submit"]:hover,
input[type="button"]:hover {
    background: none;
}
#searchInput {width: 100px;}
#p-search .pBody {padding: 4px 6px 5px 6px;}
#searchGoButton,
#mw-searchButton {padding: 0 4px;}

/*Tabs*/
#p-cactions .pBody:hover {opacity: 1;}
#p-cactions li:hover {opacity: 0.8;}
#p-cactions li {
    border: 2px outset #0b0;
    border-bottom: 1px solid #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
}
#p-cactions li a {
    border: none;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
}

/*Hover*/
.usermessage:hover,
#toc:hover,
#catlinks:hover {background: none;}
.portlet .pBody:hover,
.portlet h5:hover {
    background: #fff;
    opacity: 0.85;
}
.portlet h5:hover {color: #050;}

/*Input boxes*/
input[type="submit"],
input[type="button"] {
    color: #000;
    cursor: pointer;
    background: #cfc;
    border: 2px outset #0b0;
}
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"] {
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    border: 2px inset #0b0;
    padding-left: 3px;
}
input[type="text"],
input[type="password"] {height: 16px;}
textarea {
    border: 2px inset #0b0;
    background: none;
    padding: 0;
    margin-bottom: 3px;
}

/*Links*/
a,
#p-personal li a,
#p-cactions li a,
#bodyContent a.extiw,
#bodyContent a.external {
    color: #080;
}
a:visited,
#bodyContent a.extiw:visited,
#bodyContent a.external:visited {
    color: #084;
}
a:hover,
#p-personal li a:hover,
#bodyContent a.extiw:hover,
#bodyContent a.external:hover {
    color: #0b0;
}
a:visited:hover,
#bodyContent a.extiw:visited:hover,
#bodyContent a.external:visited:hover {
    color: #0b4;
}
a.new:link,
a.new:visited,
#p-personal li a.new,
#p-cactions .new a,
#p-personal li a.new:visited,
#p-cactions .new a:visited {
    color: #bb0;
}
#bodyContent a.external {background-image: url(http://images.wikia.com/pikmin/images/4/44/External.png);}
#p-personal li a:hover {background: none;}

#new_edit_page_preview_notice {display: none;}
#wikiPreview>*:first-child {display: block;}
#editform {margin-top: 15px;}