Difference between revisions of "User:Spacekadt/mycetodessei.css"
From Mushpedia
(font spacing and whitespace because it still seems crazy cramped) |
|||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | /* | + | /* Things to play with: |
| − | - fix | + | - 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 */ | /* main content background */ | ||
| − | div#content, #content table, div#footer { background: #f2eff4 | + | div#content, #content table, div#footer { background: #f2eff4; } /* grey */ |
/* hover for right menu - light blue */ | /* hover for right menu - light blue */ | ||
| Line 20: | Line 51: | ||
#p-navigation, #p-search, #p-cactions, #p-personal, #p-tb { | #p-navigation, #p-search, #p-cactions, #p-personal, #p-tb { | ||
background: #e3e2e4; | background: #e3e2e4; | ||
| − | + | opacity: .97; | |
| − | opacity: . | + | |
} | } | ||
| Line 27: | Line 57: | ||
.pBody { | .pBody { | ||
background: #f2eff4; | background: #f2eff4; | ||
| − | |||
| − | |||
border:1px solid #f2eff4; | border:1px solid #f2eff4; | ||
border-radius: 0 0 10px 10px; } | border-radius: 0 0 10px 10px; } | ||
/* right column nav bg */ | /* right column nav bg */ | ||
| − | + | #p-personal .pBody, #p-cactions .pBody { | |
| − | #p-personal .pBody, #p-cactions .pBody { background: #f2eff4; | + | 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 code */ | ||
| Line 41: | Line 77: | ||
margin: 1em 0; | margin: 1em 0; | ||
background-color: #f2eff4; | background-color: #f2eff4; | ||
| − | |||
border: 1px #000 solid; | border: 1px #000 solid; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
| Line 56: | Line 91: | ||
table.wikitable > * > tr > th { | table.wikitable > * > tr > th { | ||
background: #e3e2e4; | background: #e3e2e4; | ||
| − | |||
text-align: center; | text-align: center; | ||
color: #000; | color: #000; | ||
| Line 63: | Line 97: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* additional bg areas */ | /* additional bg areas */ | ||
| Line 74: | Line 103: | ||
} | } | ||
#pagehistory li.selected { | #pagehistory li.selected { | ||
| − | background-color: # | + | background-color: #f2eff4 !IMPORTANT; |
border: 1px dashed #aaa; | border: 1px dashed #aaa; | ||
} | } | ||
| Line 93: | Line 122: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
/* category listings */ | /* category listings */ | ||
#catlinks { | #catlinks { | ||
| − | background: # | + | background: #e3e2e4; |
| − | + | ||
} | } | ||
| Line 106: | Line 131: | ||
.mw-notification { | .mw-notification { | ||
border: solid 1px #ddd; | border: solid 1px #ddd; | ||
| − | background-color: # | + | background-color: #e3e2e4 !IMPORTANT; |
} | } | ||
| Line 113: | Line 138: | ||
#preferences { | #preferences { | ||
background-color: #f2eff4; | background-color: #f2eff4; | ||
| − | |||
} | } | ||
.prefsection table, .prefsection legend { | .prefsection table, .prefsection legend { | ||
| Line 124: | Line 148: | ||
margin: 1px -1px 1px 1px; | margin: 1px -1px 1px 1px; | ||
padding: 0px 0 0px 0; | padding: 0px 0 0px 0; | ||
| − | border: 1px solid # | + | border: 1px solid #000; |
} | } | ||
#preftoc li.selected { | #preftoc li.selected { | ||
background-color: #f2eff4; | background-color: #f2eff4; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* logo change */ | /* logo change */ | ||
| Line 150: | Line 169: | ||
div.noarticletext { | div.noarticletext { | ||
background: #f2eff4; | background: #f2eff4; | ||
| − | |||
} | } | ||
| Line 156: | Line 174: | ||
/* column tweaks */ | /* column tweaks */ | ||
.frontpage_column { | .frontpage_column { | ||
| − | width: | + | width: 14.5%; |
display: block; | display: block; | ||
padding: 1%; | padding: 1%; | ||
| − | box-sizing: | + | box-sizing: inherit; |
float: left; | float: left; | ||
word-wrap: break-word; | word-wrap: break-word; | ||
| Line 169: | Line 187: | ||
div#userloginForm, div#userlogin { | div#userloginForm, div#userlogin { | ||
background-color: #f2eff4 !important; | background-color: #f2eff4 !important; | ||
| − | border: 1px solid rgba( | + | border: 1px solid rgba(0,0,0,.3); |
clear: both; | clear: both; | ||
float: left; | float: left; | ||
| Line 182: | Line 200: | ||
div#userlogin .captcha, div#userloginForm .captcha { | div#userlogin .captcha, div#userloginForm .captcha { | ||
background-color: #f2eff4; | background-color: #f2eff4; | ||
| − | border: 1px solid rgba( | + | border: 1px solid rgba(0,0,0, 0.3); |
padding: 1.5em 2em; | 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 */ | /* Everything below this line should stay here and NOT go into the internal skin file */ | ||
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; }