MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 89: | Line 89: | ||
width: 48%; | width: 48%; | ||
} | } | ||
@media only screen and (max-width: | @media only screen and (max-width: 800px) { | ||
/* Decouple the columns on narrow screens */ | /* Decouple the columns on narrow screens */ | ||
.page-2column-left, | .page-2column-left, | ||
Line 111: | Line 111: | ||
margin-right: 2px; | margin-right: 2px; | ||
} | } | ||
@media only screen and (max-width: | @media only screen and (max-width: 450px) { | ||
/* Decouple the columns on narrow screens */ | /* Decouple the columns on narrow screens */ | ||
.section-2column-left, | .section-2column-left, |
Revision as of 17:45, 28 April 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;
}
h2 {
color: #584500;
font-size: 1.5em;
padding: 2px;
padding-top: 30px;
border-bottom-style: solid;
border-bottom-color: Black;
}
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 */
.section-3column-left {
float: left;
width: 32%;
margin-left: 2px;
margin-right: 2px;
}
.section-3column-middle {
float: left;
width: 32%;
margin-left: 2px;
margin-right: 2px;
}
.section-3column-right {
float: right;
width: 32%;
margin-left: 2px;
margin-right: 2px;
}
@media only screen and (max-width: 768px) {
/* Decouple the columns on narrow screens */
.section-3column-left,
.section-3column-middle,
.section-3column-right {
float: inherit;
width: inherit;
}
}