Difference between revisions of "User:Spacekadt/mycetodessei.css"
From Mushpedia
(changed non-existent link color) |
(font spacing and whitespace because it still seems crazy cramped) |
||
| (26 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | /* | + | /* Things to play with: |
| − | + | - fix sitenotice (no padding, off center) | |
| − | + | */ | |
| − | + | ||
| − | /* | + | /* nav box headers */ |
| − | + | .portlet h3 { | |
| + | background: transparent; | ||
| + | padding: 0 1em 0 .5em; | ||
| + | display: inline; | ||
| + | height: 1em; | ||
| + | text-transform: lowercase; | ||
| + | font-size: 120%; | ||
| + | font-weight: bold; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| − | /* | + | /* moving nav down a little */ |
| − | + | .holygrail .col3 { | |
| − | + | float: left; | |
| + | float: right; | ||
| + | width: 160px; | ||
| + | margin-right: 20px; | ||
| + | margin-top: 50px; | ||
| + | position: relative; | ||
| + | left: 50%; | ||
} | } | ||
| − | + | ||
| − | + | .holygrail .col2 { | |
| + | float: left; | ||
| + | float: right; | ||
| + | width: 160px; | ||
| + | margin-top: 50px; | ||
| + | position: relative; | ||
| + | right: 0; | ||
} | } | ||
| − | /* | + | |
| − | + | /* main content background */ | |
| − | + | div#content, #content table, div#footer { background: #f2eff4; } /* grey */ | |
| − | + | ||
| − | + | /* hover for right menu - light blue */ | |
| − | } */ | + | #p-personal li a:hover, #p-cactions li a:hover { |
| − | /* | + | color: #fff; |
| − | + | background:#62a7ec; | |
| − | + | text-decoration:none; | |
| − | #p-personal li | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | a | + | a:hover { |
| − | + | background: #62a7ec; | |
} | } | ||
| − | + | ||
| − | color: # | + | /* nav box headers */ |
| + | #p-navigation, #p-search, #p-cactions, #p-personal, #p-tb { | ||
| + | background: #e3e2e4; | ||
| + | opacity: .97; | ||
| + | } | ||
| + | |||
| + | /* left column nav bg */ | ||
| + | .pBody { | ||
| + | background: #f2eff4; | ||
| + | border:1px solid #f2eff4; | ||
| + | border-radius: 0 0 10px 10px; } | ||
| + | |||
| + | /* right column nav bg */ | ||
| + | #p-personal .pBody, #p-cactions .pBody { | ||
| + | background: #f2eff4; | ||
| + | font-size: 95%; | ||
| + | line-height: normal; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* right column visited links */ | ||
| + | #p-cactions a:visited, #p-personal a:visited { | ||
| + | color: #5a3696; | ||
} | } | ||
| − | /* | + | /* table code */ |
| − | . | + | table.wikitable { |
| − | color: # | + | margin: 1em 0; |
| + | background-color: #f2eff4; | ||
| + | border: 1px #000 solid; | ||
| + | border-collapse: collapse; | ||
| + | color: #000; | ||
} | } | ||
| − | . | + | table.wikitable > tr > th, |
| − | color: # | + | table.wikitable > tr > td, |
| + | table.wikitable > * > tr > th, | ||
| + | table.wikitable > * > tr > td { | ||
| + | border: 1px #000 solid; | ||
| + | padding: 0.2em; | ||
| + | } | ||
| + | table.wikitable > tr > th, | ||
| + | table.wikitable > * > tr > th { | ||
| + | background: #e3e2e4; | ||
| + | text-align: center; | ||
| + | color: #000; | ||
| + | } | ||
| + | table.wikitable > caption { | ||
| + | font-weight: bold; | ||
} | } | ||
| − | /* | + | /* additional bg areas */ |
| − | . | + | table.mw_metadata td { |
| − | + | background-color: #f2eff4; | |
} | } | ||
| − | . | + | #pagehistory li.selected { |
| − | + | background-color: #f2eff4 !IMPORTANT; | |
| + | border: 1px dashed #aaa; | ||
} | } | ||
| + | ul#filetoc { | ||
| + | background-color: #f2eff4; | ||
| + | } | ||
| + | table.mw_metadata th { | ||
| + | background-color: #f2eff4; | ||
| + | } | ||
| + | |||
| + | /* thumbnail borders */ | ||
| + | .thumbinner { | ||
| + | border: 1px solid #f2eff4 !IMPORTANT; | ||
| + | padding: 3px !important; | ||
| + | background-color: #f2eff4 !IMPORTANT; | ||
| + | font-size: 94%; | ||
| + | text-align: center; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | /* category listings */ | ||
| + | #catlinks { | ||
| + | background: #e3e2e4; | ||
| + | } | ||
| + | |||
| + | /* watch notification pop up */ | ||
| + | .mw-notification { | ||
| + | border: solid 1px #ddd; | ||
| + | background-color: #e3e2e4 !IMPORTANT; | ||
| + | } | ||
| + | |||
| + | /* preferences bg color */ | ||
| + | |||
| + | #preferences { | ||
| + | background-color: #f2eff4; | ||
| + | } | ||
| + | .prefsection table, .prefsection legend { | ||
| + | background-color: #f2eff4; | ||
| + | } | ||
| + | #preftoc a, #preftoc a:active { | ||
| + | background-color: #f2eff4; | ||
| + | } | ||
| + | #preftoc li { | ||
| + | margin: 1px -1px 1px 1px; | ||
| + | padding: 0px 0 0px 0; | ||
| + | border: 1px solid #000; | ||
| + | } | ||
| + | #preftoc li.selected { | ||
| + | background-color: #f2eff4; | ||
| + | } | ||
| + | |||
| + | /* logo change */ | ||
| + | #p-logo { position: relative; text-align: center; width: 100%; height: 125px; overflow: hidden; margin: 0; } | ||
| + | #p-logo a, #p-logo a:hover { | ||
| + | margin: 10px auto; | ||
| + | background-position: 50% center !important; | ||
| + | height: 100px; | ||
| + | width: 600px; | ||
| + | background-image: url("http://www.mushpedia.com/skins/common/images/myco_logo.png"); | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* new article box */ | ||
| + | div.noarticletext { | ||
| + | background: #f2eff4; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* column tweaks */ | ||
| + | .frontpage_column { | ||
| + | width: 14.5%; | ||
| + | display: block; | ||
| + | padding: 1%; | ||
| + | box-sizing: inherit; | ||
| + | float: left; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .frontpage_column h4 { padding: 0; } | ||
| + | |||
| + | |||
| + | /* login page */ | ||
| + | div#userloginForm, div#userlogin { | ||
| + | background-color: #f2eff4 !important; | ||
| + | border: 1px solid rgba(0,0,0,.3); | ||
| + | clear: both; | ||
| + | float: left; | ||
| + | margin: 0 3em 1em 0; | ||
| + | padding: 1.5em 2em; | ||
| + | } | ||
| + | div#userloginForm table, div#userlogin table { | ||
| + | background-color: #f2eff4 !important; | ||
| + | } | ||
| + | |||
| + | /* registration page */ | ||
| + | div#userlogin .captcha, div#userloginForm .captcha { | ||
| + | background-color: #f2eff4; | ||
| + | border: 1px solid rgba(0,0,0, 0.3); | ||
| + | padding: 1.5em 2em; | ||
| + | } | ||
| + | |||
| + | /* playing with font */ | ||
| + | body { font-family: Tahoma; letter-spacing:.02em; } | ||
| + | |||
| + | /* whitespace */ | ||
| + | dd { | ||
| + | line-height: 1.5em; | ||
| + | margin-bottom: .75em; | ||
| + | } | ||
| + | ul { | ||
| + | line-height: 1.75em; | ||
| + | list-style-type: square; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Everything below this line should stay here and NOT go into the internal skin file */ | ||
| + | |||
| + | /* fixing some text issues */ | ||
| + | .skill-level a, .skill-level-mush a { | ||
| + | color: #FFF !important; | ||
| + | font-size: 0.95em; | ||
| + | font-weight: bold; | ||
| + | font-family: "Days One", "Segoe UI", "Lucida Grande", "Trebuchet MS", Arial, "lucida sans unicode", sans-serif; | ||
| + | text-shadow: 0px 0px 1px #000; | ||
| + | } | ||
| + | |||
| + | .mush-status-kept, .mush-status-lost, .mush-status-only, .mush-status-none { color: black; } | ||
Latest revision as of 00:41, 3 March 2014
/* Things to play with:
- fix sitenotice (no padding, off center)
*/
/* nav box headers */
.portlet h3 {
background: transparent;
padding: 0 1em 0 .5em;
display: inline;
height: 1em;
text-transform: lowercase;
font-size: 120%;
font-weight: bold;
white-space: nowrap;
}
/* moving nav down a little */
.holygrail .col3 {
float: left;
float: right;
width: 160px;
margin-right: 20px;
margin-top: 50px;
position: relative;
left: 50%;
}
.holygrail .col2 {
float: left;
float: right;
width: 160px;
margin-top: 50px;
position: relative;
right: 0;
}
/* main content background */
div#content, #content table, div#footer { background: #f2eff4; } /* grey */
/* hover for right menu - light blue */
#p-personal li a:hover, #p-cactions li a:hover {
color: #fff;
background:#62a7ec;
text-decoration:none;
}
a:hover {
background: #62a7ec;
}
/* nav box headers */
#p-navigation, #p-search, #p-cactions, #p-personal, #p-tb {
background: #e3e2e4;
opacity: .97;
}
/* left column nav bg */
.pBody {
background: #f2eff4;
border:1px solid #f2eff4;
border-radius: 0 0 10px 10px; }
/* right column nav bg */
#p-personal .pBody, #p-cactions .pBody {
background: #f2eff4;
font-size: 95%;
line-height: normal;
}
/* right column visited links */
#p-cactions a:visited, #p-personal a:visited {
color: #5a3696;
}
/* table code */
table.wikitable {
margin: 1em 0;
background-color: #f2eff4;
border: 1px #000 solid;
border-collapse: collapse;
color: #000;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
border: 1px #000 solid;
padding: 0.2em;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th {
background: #e3e2e4;
text-align: center;
color: #000;
}
table.wikitable > caption {
font-weight: bold;
}
/* additional bg areas */
table.mw_metadata td {
background-color: #f2eff4;
}
#pagehistory li.selected {
background-color: #f2eff4 !IMPORTANT;
border: 1px dashed #aaa;
}
ul#filetoc {
background-color: #f2eff4;
}
table.mw_metadata th {
background-color: #f2eff4;
}
/* thumbnail borders */
.thumbinner {
border: 1px solid #f2eff4 !IMPORTANT;
padding: 3px !important;
background-color: #f2eff4 !IMPORTANT;
font-size: 94%;
text-align: center;
overflow: hidden;
}
/* category listings */
#catlinks {
background: #e3e2e4;
}
/* watch notification pop up */
.mw-notification {
border: solid 1px #ddd;
background-color: #e3e2e4 !IMPORTANT;
}
/* preferences bg color */
#preferences {
background-color: #f2eff4;
}
.prefsection table, .prefsection legend {
background-color: #f2eff4;
}
#preftoc a, #preftoc a:active {
background-color: #f2eff4;
}
#preftoc li {
margin: 1px -1px 1px 1px;
padding: 0px 0 0px 0;
border: 1px solid #000;
}
#preftoc li.selected {
background-color: #f2eff4;
}
/* logo change */
#p-logo { position: relative; text-align: center; width: 100%; height: 125px; overflow: hidden; margin: 0; }
#p-logo a, #p-logo a:hover {
margin: 10px auto;
background-position: 50% center !important;
height: 100px;
width: 600px;
background-image: url("http://www.mushpedia.com/skins/common/images/myco_logo.png");
background-color: transparent;
}
/* new article box */
div.noarticletext {
background: #f2eff4;
}
/* column tweaks */
.frontpage_column {
width: 14.5%;
display: block;
padding: 1%;
box-sizing: inherit;
float: left;
word-wrap: break-word;
}
.frontpage_column h4 { padding: 0; }
/* login page */
div#userloginForm, div#userlogin {
background-color: #f2eff4 !important;
border: 1px solid rgba(0,0,0,.3);
clear: both;
float: left;
margin: 0 3em 1em 0;
padding: 1.5em 2em;
}
div#userloginForm table, div#userlogin table {
background-color: #f2eff4 !important;
}
/* registration page */
div#userlogin .captcha, div#userloginForm .captcha {
background-color: #f2eff4;
border: 1px solid rgba(0,0,0, 0.3);
padding: 1.5em 2em;
}
/* playing with font */
body { font-family: Tahoma; letter-spacing:.02em; }
/* whitespace */
dd {
line-height: 1.5em;
margin-bottom: .75em;
}
ul {
line-height: 1.75em;
list-style-type: square;
}
/* Everything below this line should stay here and NOT go into the internal skin file */
/* fixing some text issues */
.skill-level a, .skill-level-mush a {
color: #FFF !important;
font-size: 0.95em;
font-weight: bold;
font-family: "Days One", "Segoe UI", "Lucida Grande", "Trebuchet MS", Arial, "lucida sans unicode", sans-serif;
text-shadow: 0px 0px 1px #000;
}
.mush-status-kept, .mush-status-lost, .mush-status-only, .mush-status-none { color: black; }