Difference between revisions of "MediaWiki:Common.css"

From The Official Visionaire Studio: Adventure Game Engine Wiki
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 
 
 
/* main theme edits here */
 
 
 
body {
 
background-color: #83c0f0;
 
        background-image:none;
 
}
 
 
div, li {
 
font-family: sans-serif;
 
font-size: 11px;
 
}
 
 
div, input {
 
color: #28465c;
 
}
 
 
h1 {
 
color: #597e9a;
 
background-color: #e9f5ff;
 
padding: 0.3em 0.5em 0.3em 0.5em;
 
font-size: 1.75em;
 
border-bottom: 1px solid #d7e8f7;
 
margin: 0;
 
}
 
 
h2 {
 
padding-bottom: 0.3em;
 
border-bottom: 1px solid #dae8f2;
 
font-size: 1.4em;
 
}
 
 
h3 {
 
font-size: 1em;
 
font-variant: small-caps;
 
}
 
 
h1, h2, h3 {
 
color: #597e9a;
 
}
 
 
a {
 
text-decoration: none;
 
color: #597e9a;
 
background: none;
 
}
 
 
/* .toc, #toc { display: none; } */
 
 
/*
 
a:visited {
 
color: #5a3696;
 
}
 
*/
 
a:active {
 
color: #000;
 
}
 
a:hover {
 
text-decoration: underline;
 
}
 
a.stub {
 
color: #772233;
 
}
 
 
/*
 
a.new:visited, #p-personal a.new:visited {
 
color: #a55858;
 
}
 
*/
 
 
h1 .editsection { font-size: 0.5em; opacity: 0.2; }
 
h1 .editsection:hover { opacity: 1; }
 
 
h2 .editsection { font-size: 0.5em; opacity: 0.2; }
 
h2 .editsection:hover { opacity: 1; }
 
 
h3 .editsection { font-size: 0.5em; opacity: 0.2; font-variant: normal; }
 
h3 .editsection:hover { opacity: 1; }
 
 
.visualClear {
 
clear: both;
 
}
 
 
#column-content {
 
width: 100%;
 
float: right;
 
margin: 0 0 .6em -163px;
 
padding: 0;
 
}
 
#content {
 
margin: 0 20px 20px 163px;
 
padding: 0;
 
position: relative;
 
}
 
#column-one {
 
padding-top: 140px;
 
}
 
#bodyContent {
 
    background: none repeat scroll 0% 0% #F8FCFF;
 
        background-color: #F8FCFF;
 
        background-image: none;
 
        background-repeat: repeat;
 
        background-attachment: scroll;
 
        background-position: 0% 0%;
 
        background-clip: border-box;
 
        background-origin: padding-box;
 
        background-size: auto auto;
 
    padding: 0.3em 1.3em 1.3em;
 
    min-height: 55em;
 
    border-radius: 0px 0px 5px 5px;
 
}
 
 
.printfooter {
 
display: none;
 
}
 
 
 
/*
 
** general portlet styles (elements in the quickbar)
 
*/
 
.portlet {
 
border: none;
 
margin: 0 0 10px;
 
padding: 0;
 
float: none;
 
width: 130px;
 
overflow: hidden;
 
        display: block;
 
}
 
.portlet h4 {
 
font-size: 1.25em;
 
font-weight: bold;
 
white-space: nowrap;
 
color: #638cad;
 
}
 
.portlet h5 {
 
background: transparent;
 
display: inline;
 
text-transform: capitalize;
 
font-weight: normal;
 
white-space: nowrap;
 
font-size: 1em;
 
font-weight: bold;
 
color: #638cad;
 
margin-left: 5px;
 
}
 
.portlet h6 {
 
background: #ffae2e;
 
border: 1px solid #fff;
 
border-style: solid solid none solid;
 
padding: 0 1em 0 1em;
 
text-transform: lowercase;
 
display: block;
 
font-size: 1em;
 
height: 1.2em;
 
font-weight: normal;
 
white-space: nowrap;
 
}
 
.pBody {
 
font-size: 0.8em;
 
background-color: #7ab3de;
 
border-radius: 5px;
 
padding: 1em;
 
margin-top: .25em;
 
margin-left:10px;
 
margin-right:10px;
 
}
 
.portlet h1,
 
.portlet h2,
 
.portlet h3,
 
.portlet h4 {
 
margin: 0;
 
padding: 0;
 
}
 
.portlet ul {
 
list-style-type: none;
 
        list-style-image: none;
 
padding: 0px;
 
margin: 0px;
 
}
 
.portlet li {
 
padding: 0;
 
margin: 0;
 
        list-style-type: none;
 
}
 
 
.portlet a, .portlet a.new {
 
color: #dfedf8;
 
}
 
 
.portlet a:hover {
 
color: #fff;
 
}
 
/*
 
#p-personal a.new {
 
color: white;
 
}
 
*/
 
 
/*
 
** the page-related actions- page/talk, edit etc
 
*/
 
#p-cactions {
 
white-space: nowrap;
 
background-color: none;
 
list-style: none;
 
border-radius: 5px 5px 0 0;
 
/*border-bottom: 1px solid #fff;*/
 
overflow: visible;
 
width: auto;
 
margin-right: 50px;
 
margin-top: -15px;
 
}
 
#p-cactions ul {
 
list-style: none;
 
padding: 0.8em;
 
margin: 0px;
 
}
 
#p-cactions li {
 
display: inline;
 
margin: 0 .3em 0 0;
 
        border: none;
 
}
 
 
#p-cactions li.selected {
 
}
 
 
#p-cactions li a {
 
background-color: #597e9a;
 
color: #eef7ff;
 
text-decoration: none;
 
font-size: 10px;
 
padding: 0.3em 1em 0.3em 1em;
 
border-radius: 3px;
 
font-weight: bold;
 
}
 
#p-cactions li.selected a {
 
background-color: #e658a0;
 
}
 
#p-cactions .new a {
 
color: #white;
 
opacity: 0.7;
 
}
 
#p-cactions li a:hover {
 
text-decoration: none;
 
background-color: #7caf45;
 
}
 
 
#p-cactions h5 {
 
display: none;
 
}
 
 
#p-cactions li.istalk {
 
margin-right: 0;
 
}
 
#p-cactions li.istalk a {
 
padding-right: .5em;
 
}
 
#p-cactions #ca-addsection a {
 
padding-left: .4em;
 
padding-right: .4em;
 
}
 
 
/*
 
** Logo properties
 
*/
 
 
/*
 
#p-logo {
 
top: 0;
 
left: 0;
 
position: absolute;
 
z-index: 3;
 
height: 155px;
 
width: 12em;
 
overflow: visible;
 
}
 
#p-logo h5 {
 
display: none;
 
}
 
#p-logo a,
 
#p-logo a:hover {
 
display: block;
 
height: 155px;
 
width: 12.2em;
 
background-repeat: no-repeat;
 
background-position: 35% 50% !important;
 
text-decoration: none;
 
}
 
*/
 
 
/*
 
** Search portlet
 
*/
 
#p-search {
 
}
 
 
input.searchButton {
 
margin-top: 1px;
 
font-size: 95%;
 
}
 
#searchGoButton {
 
padding-left: .5em;
 
padding-right: .5em;
 
font-weight: bold;
 
}
 
#searchInput {
 
width: 100px;
 
margin: 0 0 3px;
 
font-size: 95%;
 
border: 1px solid white;
 
}
 
#p-search .pBody {
 
text-align: left;
 
}
 
#p-search #searchform
 
{
 
margin: 0;
 
}
 
 
 
#p-search #searchform div div {
 
margin-top: .4em;
 
font-size: 95%;
 
}
 
 
/*
 
** footer
 
*/
 
#footer {
 
background-color: #e5f1fa;
 
margin: .6em 0 1em 0;
 
/*padding: .4em 0 1.2em 0;*/
 
padding: 0.2em;
 
text-align: center;
 
border-radius: 5px;
 
font-size: 0.75em;
 
}
 
 
#footer li {
 
display: inline;
 
margin: 0 1.3em;
 
}
 
/*
 
#f-poweredbyico, #f-copyrightico {
 
margin: 2px 2px
 
}
 
#f-poweredbyico {
 
float: right;
 
height: 1%;
 
}
 
#f-copyrightico {
 
float: left;
 
height: 1%;
 
}
 
 
*/
 
 
.catlinks {
 
border: 1px solid #aaa;
 
background-color: #f9f9f9;
 
padding: 5px;
 
margin-top: 0.3em;
 
clear: both;
 
background-color: #e5f1fa;
 
border: 1px solid #d5e3ee;
 
}
 
 
/**
 
* Source code.
 
**/
 
 
.mw-geshi {
 
padding: 3px 7px 3px 7px;
 
background-color: #e5f1fa;
 
border: 1px solid #d5e3ee;
 
border-radius: 3px;
 
}
 
 
/* GESHI */
 
 
.lua {
 
font-family: monospace;
 
list-style-type: decimal;
 
list-style-position: outside;
 
font-size: 12px;
 
}
 
.lua .li1 {
 
color: #0d8bca;
 
border-left: 1px solid #d1d9fd;
 
background: #f1f9fd;
 
}
 
 
.lua .de1 {
 
font-family: monospace;
 
color: #333;
 
margin: 0 0 0 0;
 
}
 
 
.lua .kw1 {
 
color: #0d8bca;
 
font-weight: bold;
 
}
 
 
.lua .co1, .lua .coMULTI {
 
color: #888;
 
font-weight: normal;
 
}
 
 
.lua .nu0 {
 
color: red;
 
}
 
 
.lua .sy0 {
 
color: #555;
 
}
 
 
.lua .st0 {
 
color: #008000;
 
}
 
 
.lua .br0 {
 
color: #555;
 
}
 
 
#mw-pages { display: none; }
 
 
.gamelistitem {
 
background-color: #e5f1fa;
 
border-bottom: 1px solid #d5e3ee;
 
padding: 5px;
 
clear: both;
 
}
 
 
.gamelistitem .thumb {
 
float: left;
 
width: 161px;
 
height: 100px;
 
}
 
 
.gamelistitem .thumb p {
 
margin: 0 0 0 0 !important;
 
color: #e5f1fa;
 
}
 
 
.gamelistitem .data {
 
float: left;
 
padding: 0;
 
margin-left: 7px;
 
}
 
 
.gamelistitem .data {
 
float: left;
 
padding: 0;
 
margin-left: 7px;
 
}
 
 
.gamelistitem .data .name {
 
margin-bottom: 5px;
 
}
 
.gamelistitem .data .property {}
 
.gamelistitem .data .property .name {
 
margin-right: 7px;
 
font-weight: bold;
 
}
 
.gamelistitem .data .top {}
 
.gamelistitem .data .bottom {}
 
 
.gamelistitem .data .description {
 
margin-top: 5px;
 
}
 
.gamelistitem .data {}
 
 
/*
 
.i18n {
 
text-align: center;
 
margin-bottom: 1em;
 
border: 1px solid #D5E3EE;
 
background-color: #E5F1FA;
 
padding: 3px;
 
position: relative;
 
border-radius: 3px;
 
}
 
 
.i18n span {
 
position: absolute;
 
right: 2px;
 
bottom: 2px;
 
}
 
*/
 
 
/* end */
 
 
  
  

Revision as of 16:30, 18 August 2014

/* CSS placed here will be applied to all skins */



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

.scriptable {
background: #66FF33;
}