Difference between revisions of "MediaWiki:Mycetodessei.css"

From Mushpedia
Jump to: navigation, search
m
(fucking thing works when I play with css in the console but not here :()
 
(42 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* Current Issues:
+
/* Things to play with:
need more contrast between link and text color. maybe use unvisited link color as regular link and
+
- fix sitenotice (no padding, off center)
    make unvisited slightly darker than current
+
 
*/
 
*/
  
/* default text color */
+
/* nav box headers */
div#content {
+
.portlet h3 {
color: #eae9ec;
+
background: transparent;
}
+
padding: 0 1em 0 .5em;
/* changing headers to new font color */
+
display: inline;
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 .title { font-weight: bold; color:#eae9ec; }  
+
height: 1em;
 +
text-transform: lowercase;
 +
font-size: 120%;
 +
font-weight: bold;
 +
white-space: nowrap;
 +
}
  
 +
/* moving nov 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 */
 
/* nav box headers */
 
#p-navigation, #p-search, #p-cactions, #p-personal, #p-tb {
 
#p-navigation, #p-search, #p-cactions, #p-personal, #p-tb {
background: #2d2341;
+
background: #e3e2e4;  
background: rgba( 45, 35, 65, .95);
+
opacity: .95;  
+
 
}   
 
}   
  
 
/* left column nav bg  */
 
/* left column nav bg  */
.pBody { background: #161120; opacity: .9; background: rgba(22, 17, 32, 0.9); border:1px solid #161120; border-radius: 0 0 10px 10px; }  
+
.pBody {  
 
+
background: #f2eff4;  
/* main content dark */
+
border:1px solid #f2eff4;  
div#content, #content table, div#footer { background: #161120; background: rgba( 22, 17, 32, .95); }
+
border-radius: 0 0 10px 10px; }  
 
+
/* thumbnail borders */
+
div.thumbinner {
+
border: none;
+
border-radius: 4px;
+
padding: 3px;
+
background-color: #161120;
+
font-size: 94%;
+
text-align: center;
+
overflow: hidden;
+
}
+
 
+
  
 
/* right column nav bg */
 
/* right column nav bg */
 
#p-personal h3, #p-cactions h3 { display: inline; }
 
#p-personal h3, #p-cactions h3 { display: inline; }
#p-personal .pBody, #p-cactions .pBody { background: #161120; background: rgba(22, 17, 32, 0.9); font-size: 95%; line-height: normal; }   
+
#p-personal .pBody, #p-cactions .pBody {  
 +
background: #f2eff4;  
 +
font-size: 95%;  
 +
line-height: normal;  
 +
}   
  
/* page history fix */
 
#pagehistory li.selected {
 
background-color: #211a31 !IMPORTANT;
 
border: 1px dashed #aaa;
 
}
 
/* Colored watchlist and recent changes numbers */
 
.mw-plusminus-pos {
 
color: #00b100; /* green */
 
}
 
.mw-plusminus-neg {
 
color: #d80000; /* red */
 
}
 
  
/* Links */
+
/* right column visited links */
a, #p-cactions a, #p-personal a {
+
#p-cactions a:visited, #p-personal a:visited {
color: #caa0e6 !IMPORTANT;
+
color: #5a3696;
 
}
 
}
a:visited, #p-cactions a:visited, #p-personal a:visited {
 
color: #e0c8f0 !IMPORTANT;
 
}
 
/* a:active {
 
color: #faa700;
 
} */
 
/* a:hover, a:focus {
 
text-decoration: underline;
 
} */
 
/* a.stub {
 
color: #772233;
 
} */
 
#p-personal li.selected a, #p-cactions li.selected a  {
 
    background: #d9d3f8;
 
    background: rgba(217, 211, 248, 0.9);
 
    color: #2d2341 !IMPORTANT;
 
    border-radius: 5px;
 
}
 
a.new, #p-cactions a.new, #p-personal a.new {
 
color: #ff0000 !IMPORTANT;
 
}
 
a.new:visited, #p-cactions a.new:visited, #p-personal a.new:visited {
 
color: #e95585 !IMPORTANT;
 
}
 
 
/* External links */
 
.mw-body a.external {
 
color: #cbd2e9 !IMPORTANT;
 
}
 
.mw-body a.external:visited {
 
color: #95a3d2 !IMPORTANT; /* bug 3112  */
 
}
 
 
  
 
/* table code */
 
/* table code */
 
table.wikitable {
 
table.wikitable {
 
margin: 1em 0;
 
margin: 1em 0;
background-color: #2d2341;
+
background-color: #f2eff4;  
background: rgba(45, 35, 65, .95);
+
border: 1px #000 solid;
border: 1px #aaa solid;
+
 
border-collapse: collapse;
 
border-collapse: collapse;
color: #eae9ec;
+
color: #000;
 
}
 
}
 
table.wikitable > tr > th,
 
table.wikitable > tr > th,
Line 104: Line 85:
 
table.wikitable > * > tr > th,
 
table.wikitable > * > tr > th,
 
table.wikitable > * > tr > td {
 
table.wikitable > * > tr > td {
border: 1px #aaa solid;
+
border: 1px #000 solid;
 
padding: 0.2em;
 
padding: 0.2em;
 
}
 
}
 
table.wikitable > tr > th,
 
table.wikitable > tr > th,
 
table.wikitable > * > tr > th {
 
table.wikitable > * > tr > th {
background: #0d0a13;
+
background: #e3e2e4;
background: rgba( 13, 10, 19, .95);
+
 
text-align: center;
 
text-align: center;
color: #eae9ec;
+
color: #000;
 
}
 
}
 
table.wikitable > caption {
 
table.wikitable > caption {
 
font-weight: bold;
 
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 */
 
/* category listings */
 
#catlinks {
 
#catlinks {
   background: #211a31;
+
   background: #e3e2e4;
  background: rgba ( 33, 26, 49, .95);
+
 
}
 
}
  
Line 127: Line 131:
 
.mw-notification {
 
.mw-notification {
 
border: solid 1px #ddd;
 
border: solid 1px #ddd;
background-color: #211a31 !IMPORTANT;
+
background-color: #e3e2e4 !IMPORTANT;
 
}
 
}
  
Line 133: Line 137:
  
 
#preferences {
 
#preferences {
background-color: #161120;
+
background-color: #f2eff4;
background-color: rgba( 22, 17, 32, .1);
+
 
}
 
}
 
.prefsection table, .prefsection legend {
 
.prefsection table, .prefsection legend {
background-color: #161120;
+
background-color: #f2eff4;
 
}
 
}
 
#preftoc a, #preftoc a:active {
 
#preftoc a, #preftoc a:active {
background-color: #161120;
+
background-color: #f2eff4;
 
}
 
}
 
#preftoc li {
 
#preftoc li {
 
margin: 1px -1px 1px 1px;
 
margin: 1px -1px 1px 1px;
 
padding: 0px 0 0px 0;
 
padding: 0px 0 0px 0;
border: 1px solid #fff;
+
border: 1px solid #000;
 
}
 
}
 
#preftoc li.selected {
 
#preftoc li.selected {
background-color: #161120;
+
background-color: #f2eff4;
 
}
 
}
  
/* diff comparison text color change */
+
/* logo change */
td.diff-deletedline .diffchange {
+
#p-logo { position: relative; text-align: center; width: 100%; height: 125px; overflow: hidden; margin: 0; }
background: #feeec8;
+
#p-logo a, #p-logo a:hover {
color: black;
+
  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;
 
}
 
}
td.diff-addedline .diffchange {
+
 
background: #d8ecff;
+
 
color: black;
+
/* new article box */
 +
div.noarticletext {
 +
background: #f2eff4;
 
}
 
}
  
/* hover for right menu */
+
 
#p-personal li a:hover, #p-cactions li a:hover {
+
/* column tweaks */
background:#369;
+
.frontpage_column {
text-decoration:none;
+
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;
 +
}
  
/* logo change */
+
 
#p-logo { position: relative; text-align: center; width: 100%; height: 200px; overflow: hidden; margin: 0; }
+
 
#p-logo a, #p-logo a:hover {  
+
/* Everything below this line should stay here and NOT go into the internal skin file */
  margin: 10px auto;
+
 
  background-position: 50% center !important;  
+
/* fixing some text issues */
  height: 215px;  
+
.skill-level a, .skill-level-mush a {
  width: 600px;  
+
color: #FFF !important;
  background-image: url("http://www.mushpedia.com/skins/common/images/temp%20logo.png");
+
font-size: 0.95em;
  background-color: transparent;
+
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 01:52, 1 May 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 nov 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; 
}  

/* left column nav bg   */
.pBody { 
background: #f2eff4; 
border:1px solid #f2eff4; 
border-radius: 0 0 10px 10px; } 

/* right column nav bg */
#p-personal h3, #p-cactions h3 { display: inline; }
#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;
}



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