MediaWiki: Foreground.css: Difference between revisions

Revision as of 02:18, 16 February 2015

/* Make default text size smaller */
body {
  font-size: 90%;
  font-family: "proxima-nova",'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
}

.row {
width: initial;
margin-left: 20px;
margin-right: 20px;
margin-top: 0;
margin-bottom: 0;
max-width: initial;
}

p {
 margin-top: 0.2em;
 margin-bottom: 0.41803398875em;
}

#mw-content-text ul,ol {
margin: 0 1.25em .5em 1.25em;
}

/* Fix the dumb margins for headers */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0.5em;
  margin-bottom: 0.1em;
 font-family:"aktiv-grotesk-std";
 font-weight: 700;
 font-style: normal;
}

h1, h2 {
 font-weight: 800;
}

h2 {
  font-size: 2em;
}

h2.title {
  font-size: 2.3125em;
  border-bottom: none;
}

h3, .ns-subject h3, .ns-special h3, .page-Main_Page h3 {
  font-size: 1.55em;
}

h4 {
  font-size: 1.35em;
}

h4, h5, h6 {
    color: #555;
}

#tagline {
  display: none;
}

span.mw-editsection {
 font-family:"aktiv-grotesk-std";
 font-weight: 300;
 font-style: normal;
 font-variant: normal;
}

/* Custom Foreground menubar colors */
#navwrapper {
   background-image: url("http://divnull.com/blog/wp-content/themes/div0five/images/backmix.jpg");
}

.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-color: rgba(85, 51, 85, 0.5);
   color: white;
}

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
  border-color: rgba(85, 51, 85, 0.5);
}

/* 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: rgba(51, 17, 51, 0.5);
}

/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: rgba(68, 34, 68, 0.85);
}

div.meta
{
 font-style: italic;
 background: #eee;
 border: 1px solid #777;
 padding: 1px 5px 0px 5px;
 margin-bottom: 7px;
 margin-right: 282px;
}

div.meta i
{
 font-style: normal;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)  {
  div.toclimit-1, div.toclimit-2, div.toclimit-3, div.toclimit-4 {
    float: none !important;
 }
}