MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 130: | Line 130: | ||
overflow: hidden; | overflow: hidden; | ||
margin-bottom: 2px; | margin-bottom: 2px; | ||
} | } | ||
#section1 { | #section1 { |
Revision as of 21:00, 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 }
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: 800px) {
/* 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: 450px) {
/* Decouple the columns on narrow screens */
.section-2column-left,
.section-2column-right {
float: inherit;
width: inherit;
}
}
/* Mobile-Friendly Three Column Display */
#wrap {
float: left;
width: 99%;
border: 1px solid #f00;
padding: 1em; background-color: #ff9;
overflow: hidden;
margin-bottom: 2px;
}
#section1 {
float: left;
width: 30%;
background-color: #ccf;
margin-left: 2px;
margin-right: 2px;
}
#section2 {
float: left;
width: 30%;
background-color: #fcc;
margin-left: 2px;
margin-right: 2px;
}
#section3 {
float: left;
width: 30%;
background-color: #cfc;
margin-left: 2px;
margin-right: 2px;
}
@media only screen and (max-width: 768px) {
/* 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;
}