MediaWiki:Common.css
From The Official Visionaire Studio: Adventure Game Engine Wiki
/* CSS placed here will be applied to all skins */
.toc, #toc { display: none; } /* kill content boxes */
/*.new {color: rgba(255, 255, 255, 0.2) !important;}*/
/* standard link colors */
.mw-body a:link { color: rgba(255, 255, 255, 0.5); } /* normal unvisited links */
.mw-body a:link:visited { color: rgba(255, 255, 255, 0.8); } /* visited links */
.mw-body a:link:active { color: rgba(255, 255, 255, 0.9); } /* active links */
.mw-body a:link.new { color: rgba(255, 255, 255, 0.2) !important; } /* new links */
.mw-body a:link.interwiki { color: rgba(255, 255, 255, 0.8); } /* interwiki links */
.mw-body a:link.external { color: rgba(255, 255, 255, 0.8); } /* external links */
.mw-body a:link.stub { color: rgba(255, 255, 255, 0.8); } /* hovered links */
.mw-body a:link, a:link {color: rgba(255, 255, 255, 0.8)}
.mw-body a:visited, a:visited {color: rgba(255, 255, 255, 0.8)}
.mw-body a:hover, a:hover {color: rgba(255, 255, 255, 0.9)}
.mw-body a:active, a:active {color: rgba(255, 255, 255, 0.9)}
body {
/* color: rgba(255, 255, 255, 0.7); */
/* fallback */
background-color: #663366;
background: url(images/linear_bg_2.png);
background-repeat: repeat-x;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#663366), to(#8c6673));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #663366, #8c6673);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #663366, #8c6673);
/* IE 10 */ background: -ms-linear-gradient(top, #663366, #8c6673);
/* Opera 11.10+ */ background: -o-linear-gradient(top, #663366, #8c6673);
}
.grad {
/* fallback */
background-color: #663366;
background-image: url(images/radial_bg.png);
background-position: center center;
background-repeat: no-repeat;
/* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#663366), to(#8c6673));
/* Safari 5.1+, Chrome 10+ */
background: -webkit-radial-gradient(circle, #663366, #8c6673);
/* Firefox 3.6+ */ background: -moz-radial-gradient(circle, #663366, #8c6673);
/* IE 10 */ background: -ms-radial-gradient(circle, #663366, #8c6673);
/* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}
#content {
background-color: #cfb590;
padding-bottom: 10px;
/* fallback */
background-color: #8C6673;
background: url(images/linear_bg_2.png);
background-repeat: repeat-x;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8C6673), to(#B39980));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #8C6673, #B39980);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #8C6673, #B39980);
/* IE 10 */ background: -ms-linear-gradient(top, #8C6673, #B39980);
/* Opera 11.10+ */ background: -o-linear-gradient(top, #8C6673, #B39980);
-webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.75);
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
table, table.wikitable, table.prettytable {
margin: 1em 1em 1em 0;
background: rgba(86, 67, 52, 0.2);
/*border-collapse: collapse;*/
border: 0px solid white;
-webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.75);
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
table th, table td, table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
padding: 5px;
border: 0px solid white;
}
table th, table.wikitable th,
table.prettytable th {
background: rgba(86, 67, 52, 0.2);
/*border-bottom: 1px dashed rgba(118, 55, 149, 0.3);*/
border: 0px solid white;
text-align: left;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
border: 0px #aaa solid;
}
/*
table.wikitable > tr > th, table.wikitable > * > tr > th, {
background: rgba(86, 67, 52, 0.2);
}
*/
/* let's create the various font styles */
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.underline {
text-decoration: underline;
}
.strike {
text-decoration: line-through;
}
.medium {
font-size: 15px;
}
.large {
font-size: 18px;
}
/* now let's create the colors */
.red {
color: red;
}
.blue {
color: blue;
}
.green {
color: green;
}
.orange {
color: orange;
}
.yellow {
color: yellow;
}
.pink {
color: pink;
}
.grey {
color: grey;
}
.darkgrey {
color: darkgrey;
}
/* misc styles */
.alt-bg {
background: #ebebeb;
width: 100%;
}
.tbl-ds {
background: #f5f5f5;
border: 1px dashed darkgrey;
width: 100%;
}
.tbl-alt {
background: #ebebeb;
/*border: 1px dashed darkgrey;*/
width: 100%;
}
.gruen {
/*background: #B8FF94;*/
background: rgba(86, 67, 52, 0.2);
width: 100%;
}
.scriptable {
background: #66FF33;
}