From The Mana World
 
(small test)
 
(58 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* Fix styling issue */
h1, h2, h3, h4, h5, h6 { color: #332100; }


body, div, p, td, li, h1, h2, h3, h4 {
/* use of url() is forbidden inline, so they must go here */
    font-family: sans-serif;
.fancy-border { border-image-slice: 20; border-image-width: 20px; border-image-repeat: round; border-image-outset: 15px; border-image-source: url('/images/4/46/Border.png'); padding: 1rem; }
}


div#content {
/* Add the word Legacy in the sidebar on Legacy namespace pages */
    background-color: #e1d6cf;
.ns-108 #p-Game-label::after { content: ' Legacy'; }
}


body, div#mw-page-base, div#mw-head-base, div#footer {
/* Fix weird issues with framed images inside a spoiler tag, and other spoiler issues */
    background-image: none;
.mw-collapsible { clear: both; }
    background-color: transparent;
.tleft { background: none; }
    margin-bottom: 60px;
.mw-collapsible-content { display: none; }
.mw-collapsible-content::after {
  content: "";
  clear: both;
  display: table;
}
}


div#mw-head {
/* Add margin to spoiler toggle button */
    background-color: transparent;
.mw-collapsible-toggle { margin-left: 1em; }
    background-image: url(images/2/22/Main_Logo_2014.png);
    background-repeat: no-repeat;
    height: 204px;
}


div#left-navigation {
/* Media queries can't be inline, so they must go here too */
    margin-top: 112px;
.grid-2-columns {
    margin-left: 60px;
display: grid;
grid-template-columns: 1fr;
}
}


div#right-navigation {
@media only screen and (min-width: 900px) {
    margin-top: 152px;
.grid-2-columns {
    right: 100px;
grid-template-columns: 1fr 1fr;
    float:left;
}
}
div#p-personal {
    position: relative;
    float: left;
    min-width: 526px;
}
div#p-search {
    position: absolute;
    top: 0px;
}
div#footer {
    margin-left: 190px;
    background-color: transparent;
    max-width: 85%;
}
body {
    background-color: #eeeeee;
}
body.mediawiki {
    min-height: 875px;
    min-width: 875px
    margin-left:auto;
    margin-right:auto;
    max-width: 100%;
}
h1#firstHeading.firstHeading {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: #f2ebe7;
    padding-left: 50px;
    border: 1px solid black;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
div#content.mw-body {
    border: 1px solid black;
    background-color: #e1d6cf;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin-left: 180px;
    margin-top: 25px;
    margin-right: 25px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
div#mw-panel div.portal div.body, div#mw-panel div.portal h5 {
    position: relative;
    top: 50px;
}
div#mw-panel div.portal div.body {
    padding-top:10px;
    padding-bottom:7px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-image: none;
    background-color: #cba083;
}
div.vectorTabs span {
    background-image: none;
}
div#p-namespaces.vectorTabs, div#p-views.vectorTabs {
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-image: none;
    background-color: #cba083;
    padding: 5px 5px 5px 5px;
    border: 1px solid black;
}
div.vectorTabs li a {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    width: auto;
    border: 1px solid #cba083;
    text-decoration: none;
    color: black;
    font-style: normal;
    font-weight: bold;
    color: #2f2e32;
    padding: 5px 5px 0px 5px;
    background-image: transparent;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* Setting a background color fixes a strange hover issue with IE 7 */
    background-color: #cba083;
}
div#mw-panel li a {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 110px;
    border: 1px solid #cba083;
    text-decoration: none;
    padding: 5px 5px 5px 20px;
    color: black;
    font-style: normal;
    font-weight: bold;
    color: #2f2e32;
    background-image: transparent;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* Setting a background color fixes a strange hover issue with IE 7 */
    background-color: #cba083;
}
div.vectorMenu h5 a {
    background-image: none;
    border: 1px solid black;
    height: 29px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
div.vectorMenu {
    background-color: #cba083;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
#p-logo a {
    margin-top: 20px;
    padding-bottom: 30px;
    padding-right: 40px;
}
div#mw-panel div.portal div.body ul li a:visited {
    color: rgb(60,0,0);
}
div#mw-panel div.portal div.body ul li a {
    text-decoration: none;
    color: rgb(100,10,10);
}
div.vectorTabs li a:hover, div#mw-panel li a:hover {
    border: 1px solid #78584c;
    background-color: #dbbba4;
    background-image: transparent;
}
div.vectorTabs, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected {
    background-image: none;
    background-color: transparent;
}
div#mw-panel {
    width: auto;
    padding-top: 2px;
    background-color: transparent;
}
div.body {
    border-style:solid;
    border-width:1px;
}
}

Latest revision as of 18:05, 10 July 2020

/* Fix styling issue */
h1, h2, h3, h4, h5, h6 { color: #332100; }

/* use of url() is forbidden inline, so they must go here */
.fancy-border { border-image-slice: 20; border-image-width: 20px; border-image-repeat: round; border-image-outset: 15px; border-image-source: url('/images/4/46/Border.png'); padding: 1rem; }

/* Add the word Legacy in the sidebar on Legacy namespace pages */
.ns-108 #p-Game-label::after { content: ' Legacy'; }

/* Fix weird issues with framed images inside a spoiler tag, and other spoiler issues */
.mw-collapsible { clear: both; }
.tleft { background: none; }
.mw-collapsible-content { display: none; }
.mw-collapsible-content::after {
  content: "";
  clear: both;
  display: table;
}

/* Add margin to spoiler toggle button */
.mw-collapsible-toggle { margin-left: 1em; }

/* Media queries can't be inline, so they must go here too */
.grid-2-columns {
display: grid;
grid-template-columns: 1fr;
}

@media only screen and (min-width: 900px) {
.grid-2-columns {
grid-template-columns: 1fr 1fr;
}
}