MediaWiki:Monobook.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
m (Reverted edits by BladeBronson (talk) to last version by Greenpickle)
m (fixes/optimisations)
Line 11: Line 11:
/*That crazy box*/
/*That crazy box*/
.editsimilar {
.editsimilar {
     background: #ccffcc;
     background: #cfc;
     border: 2px outset #00bb00;
     border: 2px outset #0b0;
     -moz-border-radius-topleft: 40px;
     -moz-border-radius-topleft: 40px;
     -moz-border-radius-bottom right: 40px;
     -moz-border-radius-bottom right: 40px;
Line 19: Line 19:
/*OGG player*/
/*OGG player*/
.ogg-player-options {
.ogg-player-options {
     border: 2px outset #00bb00;
     border: 2px outset #0b0;
     -moz-border-radius-topleft: 50px;
     -moz-border-radius-topleft: 50px;
     -moz-border-radius-bottom right: 100px;
     -moz-border-radius-bottom right: 100px;
Line 28: Line 28:
     background: #ccffcc;
     background: #ccffcc;
     font-weight: bold;
     font-weight: bold;
     margin: 20px 0px 10px 0px;
     margin: 20px 0 10px 0;
     padding: 5px 10px;
     padding: 5px 10px;
     vertical-align: middle;
     vertical-align: middle;
     border: 2px outset #00bb00;
     border: 2px outset #0b0;
     -moz-border-radius-bottomright: 15px;
     -moz-border-radius-bottomright: 15px;
     -moz-border-radius-topleft: 15px;
     -moz-border-radius-topleft: 15px;
Line 37: Line 37:


/*Background*/
/*Background*/
body
body {
{
    background-image: url(http://images.wikia.com/pikmin/images/3/37/White_and_Purple_Pikmin.jpg);
background-image: url(http://images.wikia.com/pikmin/images/3/37/White_and_Purple_Pikmin.jpg);
    background-repeat: no-repeat;
background-repeat: no-repeat;
    background-position: right;
background-position: right;
    background-attachment: fixed;
background-attachment: fixed;
}
}


Line 59: Line 58:
div.tright {
div.tright {
   border: none;
   border: none;
   margin: 5px 0px 5px 10px;
   margin: 5px 0 5px 10px;
}
}
div.tleft {
div.tleft {
   border: none;
   border: none;
   margin: 5px 15px 5px 0px;
   margin: 5px 15px 5px 0;
}
}


Line 72: Line 71:
.portlet h5 {
.portlet h5 {
     text-transform: uppercase;
     text-transform: uppercase;
     color: #ffffff;
     color: #fff;
     background: #005500;
     background: #050;
     border: 2px outset #00bb00;
     border: 2px outset #0b0;
     padding: 1px 0px 3px 10px;
     padding: 1px 0 3px 10px;
     font-weight: bold;
     font-weight: bold;
     display: block;
     display: block;
Line 83: Line 82:
}
}
.pBody {
.pBody {
     background: #ccffcc;
     background: #cfc;
     border: 2px outset #00bb00;
     border: 2px outset #0b0;
     padding-left: 0px;
     padding-left: 0;
     margin: 2px 30px 0px 10px;
     margin: 2px 30px 0 10px;
     -moz-border-radius-topleft: 2.0em;
     -moz-border-radius-topleft: 2.0em;
     -moz-border-radius-bottomright: 2.0em;
     -moz-border-radius-bottomright: 2.0em;
Line 95: Line 94:


/*Search*/
/*Search*/
input.searchButton {
input[type="submit"] {
    margin-top: 2px;
    margin-bottom: 1px;
    padding: 0px 0px 0px 0px;
     cursor: pointer;
     cursor: pointer;
     background: #ccffcc;
     background: #cfc;
     border: 2px outset #00bb00;
     border: 2px outset #0b0;
}
}
input.searchButton:hover {
input:hover {
     background: #ffffff;
     background: #fff;
}
}
#searchInput {
#searchInput {
     width: 89px;
     width: 89px;
     background: #ffffff;
     background: #fff;
}
}
#p-search .pBody {
#p-search .pBody {
Line 116: Line 112:
/*Tabs*/
/*Tabs*/
#p-cactions li {
#p-cactions li {
     border: 2px outset #00bb00;
     border: 2px outset #0b0;
     border-bottom: 1px solid #ffffff;
     border-bottom: 1px solid #fff;
}
}
#p-cactions li a {
#p-cactions li a {
Line 130: Line 126:
/*ToC*/
/*ToC*/
#toc {
#toc {
     background: #ccffcc;
     background: #cfc;
     -moz-border-radius-topleft: 60px;
     -moz-border-radius-topleft: 60px;
     -moz-border-radius-bottomright: 40px;
     -moz-border-radius-bottomright: 40px;
     border: 2px outset #00bb00;
     border: 2px outset #0b0;
}
}


Line 143: Line 139:
}
}
#p-search .pBody:hover {
#p-search .pBody:hover {
     background: #ffffff;
     background: #fff;
}
}
#p-tb .pBody:hover,
#p-tb .pBody:hover,
Line 152: Line 148:
#p-cactions li.selected,
#p-cactions li.selected,
#p-cactions li.selected a {
#p-cactions li.selected a {
     background: #ffffff;
     background: #fff;
     opacity: 0.85;
     opacity: 0.85;
}
}
.portlet h5:hover {
.portlet h5:hover {
     background: none;
     background: none;
     color: #007700;
     color: #070;
}
}


Line 164: Line 160:
     -moz-border-radius-topleft: 20px;
     -moz-border-radius-topleft: 20px;
     -moz-border-radius-bottomright: 20px;
     -moz-border-radius-bottomright: 20px;
     border: 2px inset #00bb00;
     border: 2px inset #0b0;
     padding-left: 3px;
     padding-left: 3px;
}
}
select {
select {
     border: 2px inset #00bb00;
     border: 2px inset #0b0;
}
}
input[type="text"],
input[type="text"],
Line 175: Line 171:
}
}
textarea {
textarea {
     border: 2px inset #00bb00;
     border: 2px inset #0b0;
     -moz-border-radius-topleft: 40px;
     -moz-border-radius-topleft: 40px;
     -moz-border-radius-bottomright: 40px;
     -moz-border-radius-bottomright: 40px;
     padding: 8px 5px 16px 8px;
     padding: 8px 5px 16px 8px;
     background: none;
     background: none;
}
#wpSave,
#wpPreview,
#wpDiff,
#tUpload {
    background: #ccffcc;
    border: 2px outset #00bb00;
}
}


/*Content area*/
/*Content area*/
#content {
#content {
     border: 2px outset #00bb00;
     border: 2px outset #0b0;
     -moz-border-radius: 20px;
     -moz-border-radius: 20px;
}
}
Line 235: Line 224:
}
}
#catlinks {
#catlinks {
   border: 2px outset #00bb00;
   border: 2px outset #0b0;
   background: #ccffcc;
   background: #ccffcc;
   -moz-border-radius-topleft: 30px;
   -moz-border-radius-topleft: 30px;
   -moz-border-radius-bottomright: 30px;
   -moz-border-radius-bottomright: 30px;
     padding-bottom: 0px;
     padding-bottom: 0;
     padding-top: 0px;
     padding-top: 0;
}
}


/* TabbyBox */
/* TabbyBox */
#tabbyHead a {
#tabbyHead a {
     padding: 0px 10px 0px 10px;
     padding: 0 10px;
     background-color: #ccffcc;
     background-color: #cfc;
     -moz-border-radius-topleft: 15px;
     -moz-border-radius-topleft: 15px;
     -moz-border-radius-bottomright: 15px;
     -moz-border-radius-bottomright: 15px;
     color: #006600;
     color: #060;
     font-size: 150%;
     font-size: 150%;
}
}
#tabbyHead a.selected {
#tabbyHead a.selected {
     border: 2px solid #00bb00;
     border: 2px solid #0b0;
     background: #ffffff;
     background: #ffffff;
}
}

Revision as of 14:42, October 7, 2008

/* CSS placed here will affect users of the Monobook skin */

/* 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;
}

/*That crazy box*/
.editsimilar {
    background: #cfc;
    border: 2px outset #0b0;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottom right: 40px;
}

/*OGG player*/
.ogg-player-options {
    border: 2px outset #0b0;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottom right: 100px;
}

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

/*Background*/
body {
    background-image: url(http://images.wikia.com/pikmin/images/3/37/White_and_Purple_Pikmin.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: fixed;
}

#content {
    background-image: url(http://images.wikia.com/pikmin/images/1/1f/Background.jpg);
    background-position: right;
    background-attachment: fixed;
    background-repeat: 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;
}

/*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;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;

}
.pBody {
    background: #cfc;
    border: 2px outset #0b0;
    padding-left: 0;
    margin: 2px 30px 0 10px;
    -moz-border-radius-topleft: 2.0em;
    -moz-border-radius-bottomright: 2.0em;
}
.portlet ul {
    list-style-type: none;
}

/*Search*/
input[type="submit"] {
    cursor: pointer;
    background: #cfc;
    border: 2px outset #0b0;
}
input:hover {
    background: #fff;
}
#searchInput {
    width: 89px;
    background: #fff;
}
#p-search .pBody {
    padding: 0.5em 0.5em 0.5em 0.5em;
}

/*Tabs*/
#p-cactions li {
    border: 2px outset #0b0;
    border-bottom: 1px solid #fff;
}
#p-cactions li a {
    border: none;
}
#p-cactions li,
#p-cactions li a {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
}

/*ToC*/
#toc {
    background: #cfc;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-bottomright: 40px;
    border: 2px outset #0b0;
}

/*Hover*/
.usermessage:hover,
#toc:hover,
#catlinks:hover {
    background: none;
}
#p-search .pBody:hover {
    background: #fff;
}
#p-tb .pBody:hover,
#p-wikicities-nav .pBody:hover,
#p-navigation .pBody:hover,
#p-cactions li,
#p-cactions li a,
#p-cactions li.selected,
#p-cactions li.selected a {
    background: #fff;
    opacity: 0.85;
}
.portlet h5:hover {
    background: none;
    color: #070;
}

/*Input boxes*/
input {
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border: 2px inset #0b0;
    padding-left: 3px;
}
select {
    border: 2px inset #0b0;
}
input[type="text"],
input[type="password"] {
    height: 16px;
}
textarea {
    border: 2px inset #0b0;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomright: 40px;
    padding: 8px 5px 16px 8px;
    background: none;
}

/*Content area*/
#content {
    border: 2px outset #0b0;
    -moz-border-radius: 20px;
}
#footer {
    background: none;
}

/*Links*/
a,
#p-personal li a,
#p-cactions li a,
#bodyContent a.extiw,
#bodyContent a.external {
    color: #008800;
}

a:visited,
#bodyContent a.extiw:visited,
#bodyContent a.external:visited {
    color: #008844;
}
a:hover,
#p-personal li a:hover,
#bodyContent a.extiw:hover,
#bodyContent a.external:hover {
    color: #00bb00;
}
a:visited:hover,
#bodyContent a.extiw:visited:hover,
#bodyContent a.external:visited:hover {
    color: #00bb44;
}
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: #bbbb00;
}
#bodyContent a.external {
    background-image: url(http://images.wikia.com/pikmin/images/4/44/External.png);
}
#catlinks {
   border: 2px outset #0b0;
   background: #ccffcc;
   -moz-border-radius-topleft: 30px;
   -moz-border-radius-bottomright: 30px;
    padding-bottom: 0;
    padding-top: 0;
}

/* TabbyBox */
#tabbyHead a {
    padding: 0 10px;
    background-color: #cfc;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    color: #060;
    font-size: 150%;
}
#tabbyHead a.selected {
    border: 2px solid #0b0;
    background: #ffffff;
}
#tabbyHead p {
    margin: 1px;
}
#tabbyHead {
    position: relative;
    left: 50px;
}