Difference between revisions of "MediaWiki:Common.css"
From MansunWiki
(Created page with "→CSS placed here will be applied to all skins: →BEGIN: Main Page CSS: →Banner Styling: →Added 26-06-15: .banner-image { position: relative; overflow:...") |
|||
Line 8: | Line 8: | ||
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
− | max-width: | + | max-width: 800px; |
height: auto; | height: auto; | ||
margin-bottom: .6em; | margin-bottom: .6em; | ||
Line 76: | Line 76: | ||
width: auto\9; /* ie8 */ | width: auto\9; /* ie8 */ | ||
} | } | ||
+ | |||
+ | .mf-mobile-only { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
/* END: Main Page CSS */ | /* END: Main Page CSS */ |
Revision as of 00:18, 26 June 2015
/* CSS placed here will be applied to all skins */
/* BEGIN: Main Page CSS */
/* Banner Styling */
/* Added 26-06-15 */
.banner-image {
position: relative;
overflow: hidden;
max-width: 800px;
height: auto;
margin-bottom: .6em;
}
.banner-image img {
max-width: 100%;
height: auto;
width: auto\9;
}
.banner-box-wide {
width: 80%
}
.banner-box-left,
.banner-box-right {
padding: 8px 7px;
background: rgb(16,16,16);
background: rgba(0,0,0,0.3);
border-radius: 4px;
width: 40%;
}
.banner-box-left {
left: 3%;
text-align: left;
}
.banner-box-right {
right: 3%;
text-align: right;
}
.mainpage-shadowbox {
color: white;
background: rgb(16,16,16);
background: rgba(0,0,0,0.3);
border-radius: 4px;
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
color: white;
border:none;
font-family: sans-serif;
line-height: 1.2em;
margin:0;
}
.mainpage-shadowbox h2 {
font-size: 190%;
}
.mainpage-shadowbox h3 {
font-size: 150%;
padding: 0;
}
#mainpage-maplinks a, .mainpage-shadowbox a {
color: white;
font-weight: bold;
}
.banner-box-2 {
position: absolute;
z-index: 2;
margin-top: 2em;
min-width: 20em;
}
.banner-box-2 .quote {
font-size: 80%;
line-height: 1.2em;
}
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
.mf-mobile-only {
display: none;
}
/* END: Main Page CSS */