MediaWiki: Foreground.css: Difference between revisions

From DivNull RPG
Jump to: navigation, search
imported>Wordman
No edit summary
No edit summary
 
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* Make default text size smaller */
/* Make default text size smaller */
body {
body {
   font-size: 90%;
   font-size: 11pt;
   font-family: "proxima-nova",'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
   font-family: "proxima-nova",'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
}
a {
color: #370E5E;
}
.row {
width: initial;
margin-left: 15px;
margin-right: 15px;
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;
}
}


Line 8: Line 30:
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
   margin-top: 0.5em;
   margin-top: 0.5em;
   margin-bottom: 0.2em;
   margin-bottom: 0.1em;
font-family: "aktiv-grotesk-std", sans-serif;
font-weight: 700;
font-style: normal;
}
}


h1, h2 {
h1, h2 {
font-family:"aktiv-grotesk-std";
  font-weight: 800;
  font-weight: 800;
font-style: normal;
}
}


h2 {
h2 {
  border-bottom: 1px solid #777;
   font-size: 2em;
   font-size: 2em;
}
}
Line 28: Line 50:


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


h4 {
h4 {
    font-variant: small-caps;
  font-size: 1.35em;
  font-style: italic;
}
}


Line 39: Line 62:
}
}


div.toc {
#tagline {
   background-color: #eee;
   display: none;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #777;
}
}


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


/* Custom Foreground menubar colors */
/* Custom Foreground menubar colors */
#navwrapper {
  background-image: url("https://divnull.com//blog/wp-content/themes/div0five/images/backmix.jpg");
}
.top-bar,
.top-bar,
.top-bar-section ul,
.top-bar-section ul,
Line 56: Line 83:
.top-bar-section li a:not(.button),
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
.top-bar-section .has-form {
   background: #553355;
   background-color: rgba(85, 51, 85, 0.5);
   color: white;
   color: white;
}
}
Line 62: Line 89:
.top-bar-section > ul > .divider,
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
.top-bar-section > ul > [role="separator"] {
   border-color: #553355;
   border-color: rgba(85, 51, 85, 0.5);
}
}


Line 68: Line 95:
.top-bar-section ul li.hover > a,
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
.top-bar-section ul li ul.dropdown li.hover > a{
     background: #331133;
     background: rgba(51, 17, 51, 0.5);
}
}


/* Slightly darker color for the dropdowns */
/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
.top-bar-section ul li ul.dropdown li > a {
     background: #442244;
     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;
}
 
div.meta i
{
font-style: normal;
}
 
button, .button, .multipleTemplateAdder {
  background-color: #370E5E;
  border-color: #601C7C;
color: white;
}
 
.smw-indicator-vertical-bar-loader {
  max-height: 4em;
}
 
#toc, div.toc {
  float: right;
}
 
@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;
}
div.meta
{
  margin-right: 0px !important;
}
}
}

Latest revision as of 15:45, 18 September 2023

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

a {
color: #370E5E;
}

.row {
width: initial;
margin-left: 15px;
margin-right: 15px;
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", sans-serif;
 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;
  font-style: italic;
}

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("https://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;
}

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

button, .button, .multipleTemplateAdder {
  background-color: #370E5E;
  border-color: #601C7C;
color: white;
}

.smw-indicator-vertical-bar-loader {
  max-height: 4em;
}

#toc, div.toc {
  float: right;
}

@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;
 }
 
 div.meta
 {
  margin-right: 0px !important;
 }
}