Actions

MediaWiki

Difference between revisions of "Foreground.css"

From SibleyBirds

(Created page with "CSS placed here will be applied to the Foreground skin: Remove small "From Sibley Birds" tagline in Foreground skin: #tagline { display: none; } .tocnumber { dis...")
 
 
Line 31: Line 31:
  
 
#toctitle {
 
#toctitle {
     font-size: 0.8em !important;
+
     font-size: 0.6em !important;
 
     background: #cdd9e4;
 
     background: #cdd9e4;
 
     padding-top: 0.4em;
 
     padding-top: 0.4em;

Latest revision as of 04:50, 19 April 2017

/* CSS placed here will be applied to the Foreground skin */

/* Remove small "From Sibley Birds" tagline in Foreground skin */
#tagline {
	display: none;
}
 
.tocnumber { display: none; }

/* Force foreground to use wider space below p */
p {
  margin-bottom: 1em;
}

/* color for Foreground skin small screen navbar */
h1 {
    font-size: 1.5em;
    background: #507296;
}

/* In Foreground skin h2 is used for page title and contents headings */
h2.title {
    font-size: 1.3em;
    background: #cdd9e4;
    font-weight: normal;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.2em;
    padding-right: 0;
}

#toctitle {
    font-size: 0.6em !important;
    background: #cdd9e4;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 0.2em;
    padding-right: 0;
}

h2 {
    font-size: 1.8em; 
}

h3 {
    font-size: 1.5em !important;
}

h4 {
    font-size: 1.3em !important;
}

/* Custom Foreground wide navbar colors */
.top-bar,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
   background: #476685;
   color: #ffffff;
}

/* In foreground skin a vertical divider in menubar on wide screens */
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
  border-color: #507296;
}

/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
    background: #507296;
}

/* Slightly lighter color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: #8aa5c1;
}