Foreground.css: Difference between revisions
From Mark Twain in the German Language Press
mNo edit summary |
mNo edit summary |
||
| Line 4: | Line 4: | ||
background: #fff2e6; | background: #fff2e6; | ||
color: #222; | color: #222; | ||
font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; | /* font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;*/ | ||
font-family: Georgia, Times, serif; | |||
font-style:normal; | font-style:normal; | ||
font-weight:normal; | font-weight:normal; | ||
Revision as of 08:31, 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 Neue",Helvetica,Roboto,Arial,sans-serif;*/
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;
}