MediaWiki

Common.css: Difference between revisions

From Cambridge Larp Society

No edit summary
No edit summary
Line 6: Line 6:
 
.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: #000000;
+
background: #333;
 
color: #FFFFFF;
 
color: #FFFFFF;
 
}
 
}
Line 12: Line 12:
 
.top-bar-section > ul > .divider,
 
.top-bar-section > ul > .divider,
 
.top-bar-section > ul > [role="separator"] {
 
.top-bar-section > ul > [role="separator"] {
border-color: #000;
+
border-color: #333;
 
}
 
}
   
 
.top-bar-section ul li ul.dropdown li.hover > a {
/* Darker color for the hover over items */
 
 
background:#000;
.top-bar-section ul li.hover > a,
 
  +
}
.top-bar-section ul li ul.dropdown li.hover > a{
 
  +
background: #333333;
 
 
.top-bar-section > ul > li.hover > a{
  +
box-shadow: 10px 0px 8px -10px black inset, -10px 0px 8px -10px black inset;
  +
background:#222;
 
}
 
}
   
/* 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: #000;
+
background:#222;
 
}
 
}
   
Line 31: Line 33:
   
 
h2.title{
 
h2.title{
margin-top: 0em;
 
 
font-size: 2em;
 
font-size: 2em;
 
}
 
}
Line 90: Line 91:
 
#toc .tocnumber {
 
#toc .tocnumber {
 
display: none;
 
display: none;
  +
}
  +
  +
body {
  +
background: radial-gradient(circle, #78a21b, #224c41) fixed;
  +
}
  +
  +
#page-content {
  +
width: 800px;
  +
min-width: 70%;
  +
max-width: 100%;
  +
margin: 0 auto;
  +
background: white;
  +
box-shadow: 0px 0px 8px -2px black;
  +
}
  +
  +
#navwrapper > .top-bar {
 
margin: 0;
  +
box-shadow: 0px 0px 8px -2px black;
 
}
 
}

Revision as of 23:38, 20 June 2016

/* Custom Foreground menubar colors */
.top-bar,
.top-bar .name h1 a,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
   background: #333;
   color: #FFFFFF;
}

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
  border-color: #333;
}

.top-bar-section ul li ul.dropdown li.hover > a {
	background:#000;
}

.top-bar-section > ul > li.hover > a{
	box-shadow: 10px 0px 8px -10px black inset, -10px 0px 8px -10px black inset;
	background:#222;
}

.top-bar-section ul li ul.dropdown li > a {
	background:#222;
}

h1 {
   font-size: 1.8em;
}

h2.title{
   font-size: 2em;
}

h2 {
   margin-top: 0.9em;
   font-size: 1.5em;
}

h3 {
   margin-top: 0.9em;
}

.ns-subject h3{
   font-size: 1.15em;
}

h4 {
   font-size: 1em;
}


p {
   margin-bottom: 0.6em;
}

#footer-lastmod, #footer-viewcount, #tagline {
   display: none;
}

#toc {
   float:right;
   font-size:0.8em;
   padding: 0px 8px 8px;
   background: #f9f9f9;
   border: thin solid #aaa;
   margin: 0px 0px 8px 16px;
   max-width: 30vw;
}

#toctitle {
    font-size: 0.8em;
}

#toctitle > .toctoggle {
   display: none;
}

#toctitle > h2 {
   color: #555;
}

#toc#toc ul {
   color: #aaa;
   margin: 0 0 0 1em;
}

#toc .tocnumber {
   display: none;
}

body {
	background: radial-gradient(circle, #78a21b, #224c41) fixed;
}

#page-content {
   width: 800px;
   min-width: 70%;
   max-width: 100%;
   margin: 0 auto;
   background: white;
   box-shadow: 0px 0px 8px -2px black;
}

#navwrapper > .top-bar {
   margin: 0;
   box-shadow: 0px 0px 8px -2px black;
}