MediaWiki: Foreground.css and Tweeki.css: Difference between pages

From DivNull RPG
(Difference between pages)
Jump to: navigation, search
No edit summary
 
No edit summary
 
Line 1: Line 1:
/* Make default text size smaller */
body {
body {
  font-size: 11pt;
   font-family: "proxima-nova",BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
   font-family: "proxima-nova",'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
}
}


a {
@media (min-width: 1500px) {
color: #370E5E;
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
}
}


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


p {
.navbar-light {
  margin-top: 0.2em;
  background-color: rgb(85, 51, 85)!important;
margin-bottom: 0.41803398875em;
}
}


#mw-content-text ul,ol {
.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
margin: 0 1.25em .5em 1.25em;
color: white;
}
}


/* Fix the dumb margins for headers */
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
h1, h2, h3, h4, h5, h6 {
  color: white;
  margin-top: 0.5em;
  margin-bottom: 0.1em;
font-family: "aktiv-grotesk-std", sans-serif;
font-weight: 700;
  font-style: normal;
}
}


h1, h2 {
.firstHeading {
  font-weight: 800;
  text-align: left;
}
}


h2 {
.btn-primary  {
  font-size: 2em;
background-color: rgb(85, 51, 85);
}
}
 
.btn-primary:hover  {
h2.title {
background-color: rgb(75, 41, 75);
  font-size: 2.3125em;
  border-bottom: none;
}
}


h3, .ns-subject h3, .ns-special h3, .page-Main_Page h3 {
a {
  font-size: 1.55em;
color: #370E5E;
}
 
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
h2, h3, h4, h5, h6 {
{
  margin-bottom: .25rem;
  font-style: italic;
  margin-top: .5rem;
background: #eee;
border: 1px solid #777;
padding: 1px 5px 0px 5px;
  margin-bottom: 7px;
}
}


div.meta i
.h1, h1 {
{
    font-size:2rem
font-style: normal;
}
}


button, .button, .multipleTemplateAdder {
.h2, h2 {
  background-color: #370E5E;
    font-size:1.75rem
  border-color: #601C7C;
color: white;
}
}


.smw-indicator-vertical-bar-loader {
.h3, h3 {
  max-height: 4em;
    font-size:1.5rem
}
}


#toc, div.toc {
.h4, h4 {
  float: right;
    font-size:1.25rem
}
}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)  {
.h5, h5 {
  div.toclimit-1, div.toclimit-2, div.toclimit-3, div.toclimit-4 {
     font-size:1.12rem
     float: none !important;
}
div.meta
{
  margin-right: 0px !important;
}
}
}

Revision as of 03:53, 24 December 2023

body {
  font-family: "proxima-nova",BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
}


.navbar-light {
 background-color: rgb(85, 51, 85)!important;
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
 color: white;
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
 color: white;
}

.firstHeading {
 text-align: left;
}

.btn-primary  {
 background-color: rgb(85, 51, 85);
}
.btn-primary:hover  {
 background-color: rgb(75, 41, 75);
}

a {
color: #370E5E;
}

h2, h3, h4, h5, h6 {
 margin-bottom: .25rem;
 margin-top: .5rem;
}

.h1, h1 {
    font-size:2rem
}

.h2, h2 {
    font-size:1.75rem
}

.h3, h3 {
    font-size:1.5rem
}

.h4, h4 {
    font-size:1.25rem
}

.h5, h5 {
    font-size:1.12rem
}