MediaWiki

Common.css: Difference between revisions

From Obscura

No edit summary
No edit summary
Line 22: Line 22:
 
}
 
}
   
  +
@media only screen and (min-width:58.75em) {
body {
+
body {
background: #27a8a8
 
  +
background: radial-gradient(circle, #78a21b, #224c41) fixed;
  +
font-size: 1em;
  +
}
  +
#navwrapper > .top-bar {
  +
box-shadow: 0px 0px 8px -2px black;
  +
}
  +
.title-area {
  +
z-index: 1;
  +
}
  +
.top-bar-section {
  +
height: 100%;
 
background: #333;
  +
}
  +
.top-bar-section ul li ul.dropdown li.hover > a {
  +
box-shadow:0px 10px 8px -10px black inset,0px -10px 8px -10px black inset;
  +
}
  +
.top-bar-section > ul > li.hover > a {
  +
box-shadow: 10px 0px 8px -10px black inset, -10px 0px 8px -10px black inset;
  +
}
  +
.top-bar-section ul li ul.dropdown {
  +
box-shadow:0px 0px 8px -2px black;
  +
}
  +
#page-content {
  +
box-shadow: 0px 0px 10px -2px black;
  +
padding: 45px 25px 25px;
  +
}
  +
#top-bar-right .small-12 {
  +
padding: 0;
  +
}
  +
#top-bar-right .has-dropdown > a {
  +
padding-left: 10px;
  +
}
  +
#personal-tools-dropdown {
  +
z-index: auto;
  +
}
  +
#mw-content-text > .floatleft {
  +
padding-right: 1.5em;
  +
padding-left: 0;
  +
}
  +
  +
#mw-content-text > .floatright {
  +
padding-left: 1.5em;
  +
padding-right: 0;
  +
}
 
}
 
}

Revision as of 21:19, 3 July 2019

/* CSS placed here will be applied to all skins */
#toc {
   float:right;
   font-size:0.8em;
   padding: 0 8px 8px;
   background: #f9f9f9;
   border: thin solid #aaa;
   margin: 0px 0px 8px 16px;
   max-width: 30vw;
   border-radius: 4px;
   word-wrap: break-word;
   hyphens: auto;
}

#toctitle > .toctoggle {
   display: none;
}

h1, h2, h3, h4, h5, h6 {
   color: dark-red;
   font-family: "Trebuchet MS", "Helvetica Neue", "Arial", Sans-Serif;
}

@media only screen and (min-width:58.75em) {
   body {
      background: radial-gradient(circle, #78a21b, #224c41) fixed;
      font-size: 1em;
   }
   #navwrapper > .top-bar {
      box-shadow: 0px 0px 8px -2px black;
   }
   .title-area {
      z-index: 1;
   }
   .top-bar-section {
      height: 100%;
      background: #333;
   }
   .top-bar-section ul li ul.dropdown li.hover > a {
      box-shadow:0px 10px 8px -10px black inset,0px -10px 8px -10px black inset;
   }
   .top-bar-section > ul > li.hover > a {
      box-shadow: 10px 0px 8px -10px black inset, -10px 0px 8px -10px black inset;
   }
   .top-bar-section ul li ul.dropdown {
      box-shadow:0px 0px 8px -2px black;
   }
   #page-content {
      box-shadow: 0px 0px 10px -2px black;
      padding: 45px 25px 25px;
   }
   #top-bar-right .small-12 {
      padding: 0;
   }
   #top-bar-right .has-dropdown > a {
      padding-left: 10px;
   }
   #personal-tools-dropdown {
      z-index: auto;
   }
   #mw-content-text > .floatleft {
      padding-right: 1.5em;
      padding-left: 0;
   }

   #mw-content-text > .floatright {
      padding-left: 1.5em;
      padding-right: 0;
   }
}