|
|
| (13 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| | | | |
| − | /* BEGIN: Main Page CSS */ | + | /* End of 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 */
| + | |
