MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 10: | Line 10: | ||
.page-Epic_Path #contentSub { display: none } | .page-Epic_Path #contentSub { display: none } | ||
#section-content | |||
{ | |||
width: 71.875%; /* 650/960 */ | |||
max-width: 960px; | |||
text-align: left; | |||
margin: 0px auto; /*auto centers the container */ | |||
padding: 3.84615384615385%; /* 25/650 */ | |||
} | |||
.columns | .columns | ||
{ | { |
Revision as of 22:33, 2 May 2016
/* CSS placed here will be applied to all skins */
/* removes header on main page */
body.page-Epic_Path.action-view h1.firstHeading, body.page-Epic_Path.action-submit h1.firstHeading { display: none; }
/* removes bottom border of h2 on main page */
body.page-Epic_Path.action-view h2, body.page-Epic_Path.action-submit h2 { color: #584500; font-size: 1.5em; padding: 2px; padding-top: 30px; border-bottom-style: none; clear: both; }
/* removes redirected from main page message from main page */
.page-Epic_Path #contentSub { display: none }
#section-content
{
width: 71.875%; /* 650/960 */
max-width: 960px;
text-align: left;
margin: 0px auto; /*auto centers the container */
padding: 3.84615384615385%; /* 25/650 */
}
.columns
{
-moz-column-width: 11.5em; /* Firefox */
-webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
column-width: 11.5em;
}
/*remove standard list and bullet formatting from ul*/
.columns ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
/* correct webkit/chrome uneven margin on the first column*/
.columns ul li:first-child
{
margin-top:0px;
}
h1 {
color: #584500;
font-size: 2em;
padding: 2px;
border-bottom-color: #584500;
}
h2 {
color: #584500;
font-size: 1.5em;
padding: 2px;
padding-top: 30px;
border-bottom-style: solid;
border-bottom-color: #584500;
}
h3 {
color: #584500;
font-size: 1.25em;
padding: 2px;
padding-top: 30px;
}
h4 {
color: #584500;
padding: 2px;
padding-top: 30px;
}
h5 {
color: #584500;
padding: 2px;
padding-top: 30px;
}
/* Main content panel */
#content {
background-color: #F2ECCE;
}
/* Top of screen */
#mw-head-base {
background-color: #FFFBE6;
}
/* Logo Space */
#p-logo {
background-color: #FFFBE6;
}
/* Sidebar */
#mw-panel {
background-color: #FFFBE6;
}
/* Bottom of screen */
#footer {
background-color: #FFFBE6;
}
/* Categories pane */
#catlinks {
background-color: #FFFBE6;
}
/* Everywhere else */
body {
background-color: #FFFBE6;
}
/* Mobile-Friendly Two Column Display (Full Page)*/
.page-2column-left {
float: left;
width: 48%;
}
.page-2column-right {
float: right;
width: 48%;
}
@media only screen and (max-width: 850px) {
/* Decouple the columns on narrow screens */
.page-2column-left,
.page-2column-right {
float: inherit;
width: inherit;
}
}
/* Mobile-Friendly Two Column Display (Section Lists)*/
.section-2column-left {
float: left;
width: 48%;
margin-left: 2px;
margin-right: 2px;
}
.section-2column-right {
float: right;
width: 48%;
margin-left: 2px;
margin-right: 2px;
}
@media only screen and (max-width: 575px) {
/* Decouple the columns on narrow screens */
.section-2column-left,
.section-2column-right {
float: inherit;
width: inherit;
}
}
/* Mobile-Friendly Three Column Display */
#section1 {
float: left;
width: 32%;
margin-left: 2px;
margin-right: 2px;
}
#section2 {
float: left;
width: 32%;
margin-left: 2px;
margin-right: 2px;
}
#section3 {
float: left;
width: 32%;
margin-left: 2px;
margin-right: 2px;
}
@media only screen and (max-width: 600px) {
/* Decouple the columns on narrow screens */
#section1,
#section2,
#section3 {
float: inherit;
width: inherit;
}
}
.clear {
clear: left;
height: 1px;
margin-top: -1px;
}
/* Bestiary Header Formatting */
h1.bestiary {
border-bottom-style: none;
}
h2.bestiary_main {
color: #584500;
font-size: 2.5em;
padding: 2px;
border-bottom-style: solid;
border-bottom-color: #584500;
}
h2.bestiary {
color: #584500;
font-size: 1.5em;
font-weight: bold;
padding: 2px;
padding-top: 30px;
border-bottom-style: none;
}