MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will | /* 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 } | |||
h1 { | |||
color: #584500; | |||
font-size: 2em; | |||
border-bottom-style: solid; | |||
border-bottom-color: #584500; | |||
} | |||
h2 { | |||
color: #584500; | |||
font-size: 1.5em; | |||
padding: 2.5em 0.2em 0.2em 0.2em; | |||
margin-bottom: 0.2em; | |||
border-bottom-style: solid; | |||
border-bottom-color: #584500; | |||
} | |||
h3 { | |||
color: #584500; | |||
font-size: 1.25em; | |||
padding: 1.5em 0.2em 0.2em 0.2em; | |||
} | |||
h4 { | |||
color: #584500; | |||
padding: 1.0em 0.2em 0.2em 0.2em; | |||
} | |||
h5 { | |||
color: #584500; | |||
padding: 0.75em 0.2em 0.2em 0.2em; | |||
} | |||
h6 { | |||
color: #000000; | |||
padding: 0.2em 0.2em 0.2em 0.2em; | |||
} | |||
/* Give a bit of space to the TOC */ | |||
#toc { | |||
margin: 1em 0; | |||
} | |||
/* | |||
* Allow limiting of which header levels are shown in a TOC; | |||
* <div class="toclimit-3">, for instance, will limit to | |||
* showing ==headings== and ===headings=== but no further. | |||
* Used in [[Template:TOC]] | |||
*/ | |||
.toclimit-2 .toclevel-1 ul, | |||
.toclimit-3 .toclevel-2 ul, | |||
.toclimit-4 .toclevel-3 ul, | |||
.toclimit-5 .toclevel-4 ul, | |||
.toclimit-6 .toclevel-5 ul, | |||
.toclimit-7 .toclevel-6 ul { | |||
display: none; | |||
} | |||
/* Table Formatting - Standard */ | |||
.ep-default th, .ep-default td { | |||
border: 1px solid #584500; | |||
padding: 5px; | |||
} | |||
.ep-default tr {background-color: #EBE7D2;} | |||
.ep-default tr:nth-child(even) {background-color: #FFFBE6;} | |||
.ep-default th { | |||
background-color: #DEB887; | |||
color: #000; | |||
font-size: 110%; | |||
} | |||
/* Table Formatting - No Default Header Colors */ | |||
.ep-default2 th, .ep-default2 td { | |||
border: 1px solid #584500; | |||
padding: 5px; | |||
} | |||
.ep-default2 tr {background-color: #EBE7D2;} | |||
.ep-default2 tr:nth-child(even) {background-color: #FFFBE6;} | |||
.ep-default2 th { | |||
font-size: 110%; | |||
} | |||
/* Background Colors */ | |||
/* Main content panel */ | /* Main content panel */ | ||
#content { | #content { | ||
background-color: #F2ECCE; | background-color: #F2ECCE; | ||
} | } | ||
/* | /* Logo Space */ | ||
# | #p-logo { | ||
background-color: #FFFBE6; | background-color: #FFFBE6; | ||
margin-left: -6px; | |||
width: 130px; | |||
} | |||
#p-logo a, | |||
#p-logo a:hover { | |||
display: block; | |||
text-decoration: none; | |||
} | } | ||
/* | /* Top of screen */ | ||
# | #mw-head { | ||
background-color: #FFFBE6; | background-color: #FFFBE6; | ||
} | } | ||
Line 30: | Line 139: | ||
background-color: #FFFBE6; | background-color: #FFFBE6; | ||
} | } | ||
#mw-page-base { | |||
background-color: #FFFBE6; | |||
} | |||
/* Everywhere else */ | /* Everywhere else */ | ||
body { | body { | ||
Line 35: | Line 149: | ||
} | } | ||
/* 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; | |||
} | |||
} | |||
/* Responsive Columns on Main Page */ | |||
.section-content { | |||
box-sizing: border-box; | |||
} | |||
.columns { | |||
-moz-column-width: 16em; /* Firefox */ | |||
-webkit-column-width: 16em; /* webkit, Safari, Chrome */ | |||
column-width: 16em; | |||
margin-right: 2px; | |||
} | |||
.columns ul { | |||
white-space: nowrap; | |||
} | } | ||
.clear { | |||
clear: left; | |||
height: 1px; | |||
margin-top: -1px; | |||
} | } | ||
/* Bestiary Header Formatting */ | |||
h2.bestiary_main { | |||
color: #584500; | color: #584500; | ||
font-size: 2.5em; | |||
padding: 2px; | |||
text-align: center; | |||
border-bottom-style: solid; | |||
border-bottom-color: #584500; | |||
} | } | ||
h2.bestiary { | |||
color: #584500; | color: #584500; | ||
font-size: 1.5em; | |||
font-weight: bold; | |||
padding: 2px; | |||
padding-top: 30px; | |||
border-bottom-style: none; | |||
} | } | ||
h3.bestiary { | |||
color: # | color: #000000; | ||
font-size: 1.1em; | |||
font-weight: bold; | |||
padding-top: 20px; | |||
padding-left: -2px; | |||
border-bottom-style: none; | |||
} | } |
Revision as of 13:56, 14 June 2017
/* 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 }
h1 {
color: #584500;
font-size: 2em;
border-bottom-style: solid;
border-bottom-color: #584500;
}
h2 {
color: #584500;
font-size: 1.5em;
padding: 2.5em 0.2em 0.2em 0.2em;
margin-bottom: 0.2em;
border-bottom-style: solid;
border-bottom-color: #584500;
}
h3 {
color: #584500;
font-size: 1.25em;
padding: 1.5em 0.2em 0.2em 0.2em;
}
h4 {
color: #584500;
padding: 1.0em 0.2em 0.2em 0.2em;
}
h5 {
color: #584500;
padding: 0.75em 0.2em 0.2em 0.2em;
}
h6 {
color: #000000;
padding: 0.2em 0.2em 0.2em 0.2em;
}
/* Give a bit of space to the TOC */
#toc {
margin: 1em 0;
}
/*
* Allow limiting of which header levels are shown in a TOC;
* <div class="toclimit-3">, for instance, will limit to
* showing ==headings== and ===headings=== but no further.
* Used in [[Template:TOC]]
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* Table Formatting - Standard */
.ep-default th, .ep-default td {
border: 1px solid #584500;
padding: 5px;
}
.ep-default tr {background-color: #EBE7D2;}
.ep-default tr:nth-child(even) {background-color: #FFFBE6;}
.ep-default th {
background-color: #DEB887;
color: #000;
font-size: 110%;
}
/* Table Formatting - No Default Header Colors */
.ep-default2 th, .ep-default2 td {
border: 1px solid #584500;
padding: 5px;
}
.ep-default2 tr {background-color: #EBE7D2;}
.ep-default2 tr:nth-child(even) {background-color: #FFFBE6;}
.ep-default2 th {
font-size: 110%;
}
/* Background Colors */
/* Main content panel */
#content {
background-color: #F2ECCE;
}
/* Logo Space */
#p-logo {
background-color: #FFFBE6;
margin-left: -6px;
width: 130px;
}
#p-logo a,
#p-logo a:hover {
display: block;
text-decoration: none;
}
/* Top of screen */
#mw-head {
background-color: #FFFBE6;
}
/* Sidebar */
#mw-panel {
background-color: #FFFBE6;
}
/* Bottom of screen */
#footer {
background-color: #FFFBE6;
}
/* Categories pane */
#catlinks {
background-color: #FFFBE6;
}
#mw-page-base {
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;
}
}
/* Responsive Columns on Main Page */
.section-content {
box-sizing: border-box;
}
.columns {
-moz-column-width: 16em; /* Firefox */
-webkit-column-width: 16em; /* webkit, Safari, Chrome */
column-width: 16em;
margin-right: 2px;
}
.columns ul {
white-space: nowrap;
}
.clear {
clear: left;
height: 1px;
margin-top: -1px;
}
/* Bestiary Header Formatting */
h2.bestiary_main {
color: #584500;
font-size: 2.5em;
padding: 2px;
text-align: center;
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;
}
h3.bestiary {
color: #000000;
font-size: 1.1em;
font-weight: bold;
padding-top: 20px;
padding-left: -2px;
border-bottom-style: none;
}