Foreground.css: Difference between revisions
From Mark Twain in the German Language Press
Created page with "body { background: #fff2e6; color: #222; font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-style:normal; font-weight:normal; text-align: justify; line-height:1.5; margin:0; padding:0; position:relative } →Add fixed page background for main pages, category pages, and file pages: .ns-0, .ns-6, .ns-14 { background: url("images/d/d6/MT-splash.jpg"); background-attachment: fixed; background-position: center; } .ns-0 #page-cont..." |
mNo edit summary |
||
| (18 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* ##### All CSS here will be loaded for users of the Foreground skin ##### */ | |||
/* ##### STYLING FOR BASIC PAGE ##### */ | |||
body { | body { | ||
background: #fff2e6; | background: #fff2e6; | ||
color: #222; | color: #222; | ||
font-family: | font-family:Helvetica,Roboto,Arial,sans-serif; /*Uncomment only one of the font-family lines*/ | ||
/* font-family: Georgia, Times, serif;*/ | |||
font-style:normal; | font-style:normal; | ||
font-weight:normal; | font-weight:normal; | ||
| Line 10: | Line 13: | ||
padding:0; | padding:0; | ||
position:relative | position:relative | ||
} | |||
#page-content > .row { | |||
background: #fff2e6; | |||
padding: 2em; | |||
} | } | ||
/* | /* ##### ADD BACKGROUND IMAGE FOR NAMESPACES "MAIN", "CATEGORY", and "FILE" ##### */ | ||
.ns-0, | .ns-0, | ||
.ns-6, | .ns-6, | ||
.ns-14 { | .ns-14 { | ||
background: url("images/d/d6/MT-splash.jpg") | background: fixed no-repeat center / cover url("images/d/d6/MT-splash.jpg"); | ||
} | } | ||
/* ##### CREATE GAP BETWEEN PAGE BODY AND CATEGORY LINKS AT THE BOTTOM ##### */ | |||
.catlinks { | |||
. | margin: 50px 0 0; | ||
} | } | ||
/* | /* ##### STYLING FOR FOOTER #####*/ | ||
#footer ul { | #footer ul { | ||
font-size: 85%; | font-size: 85%; | ||
| Line 37: | Line 40: | ||
} | } | ||
/* | /* ##### STYLING FOR TABLE OF CONTENTS .toc ##### */ | ||
.toc { | |||
background-color: transparent !important; | |||
border: none !important; | |||
} | |||
.toc .toctitle { | |||
text-align: left; | |||
} | |||
.toc h2 { | |||
font-size: 1.5em; | |||
} | |||
/* ##### STYLING FOR BLOCKQUOTES ##### */ | |||
blockquote { | |||
border-left: 5px solid #ccc; | |||
margin: 1em 0; | |||
padding: 0.7em 1.25em; | |||
} | |||
blockquote, | |||
blockquote p { | |||
color: #222; | |||
} | |||
/* ##### STYLING FOR .wikitables TABLE TO FIT COLOR SCHEME ##### */ | |||
table.wikitable > * > tr > td, | table.wikitable > * > tr > td, | ||
table.wikitable > * > tr > th { | table.wikitable > * > tr > th { | ||
| Line 43: | Line 69: | ||
border: 1px solid #fff2e6; | border: 1px solid #fff2e6; | ||
text-align: left; | text-align: left; | ||
} | |||
/* ##### STYLING FOR FOREGROUND "TAB" FUNCTIONALITY */ | |||
.tabs .tab-title > a { | |||
background-color: #e7e7e7; | |||
margin: 0 5px; | |||
border-radius: 3px; | |||
} | |||
.tabs .tab-title.active > a { | |||
color: inherit; | |||
background-color: #e7e7e7; | |||
font-weight: bold; | |||
} | } | ||
Latest revision as of 08:34, 24 September 2025
/* ##### All CSS here will be loaded for users of the Foreground skin ##### */
/* ##### STYLING FOR BASIC PAGE ##### */
body {
background: #fff2e6;
color: #222;
font-family:Helvetica,Roboto,Arial,sans-serif; /*Uncomment only one of the font-family lines*/
/* font-family: Georgia, Times, serif;*/
font-style:normal;
font-weight:normal;
text-align: justify;
line-height:1.5;
margin:0;
padding:0;
position:relative
}
#page-content > .row {
background: #fff2e6;
padding: 2em;
}
/* ##### ADD BACKGROUND IMAGE FOR NAMESPACES "MAIN", "CATEGORY", and "FILE" ##### */
.ns-0,
.ns-6,
.ns-14 {
background: fixed no-repeat center / cover url("images/d/d6/MT-splash.jpg");
}
/* ##### CREATE GAP BETWEEN PAGE BODY AND CATEGORY LINKS AT THE BOTTOM ##### */
.catlinks {
margin: 50px 0 0;
}
/* ##### STYLING FOR FOOTER #####*/
#footer ul {
font-size: 85%;
text-align: left !important;
}
#footer-right-icons li {
margin: 0;
}
/* ##### STYLING FOR TABLE OF CONTENTS .toc ##### */
.toc {
background-color: transparent !important;
border: none !important;
}
.toc .toctitle {
text-align: left;
}
.toc h2 {
font-size: 1.5em;
}
/* ##### STYLING FOR BLOCKQUOTES ##### */
blockquote {
border-left: 5px solid #ccc;
margin: 1em 0;
padding: 0.7em 1.25em;
}
blockquote,
blockquote p {
color: #222;
}
/* ##### STYLING FOR .wikitables TABLE TO FIT COLOR SCHEME ##### */
table.wikitable > * > tr > td,
table.wikitable > * > tr > th {
background: #fff2e6;
border: 1px solid #fff2e6;
text-align: left;
}
/* ##### STYLING FOR FOREGROUND "TAB" FUNCTIONALITY */
.tabs .tab-title > a {
background-color: #e7e7e7;
margin: 0 5px;
border-radius: 3px;
}
.tabs .tab-title.active > a {
color: inherit;
background-color: #e7e7e7;
font-weight: bold;
}