Common.css: Difference between revisions
From Cambridge Larp Society
Cryptophage (talk | contribs) No edit summary |
Cryptophage (talk | contribs) 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: # |
+ | 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: # |
+ | border-color: #333; |
} |
} |
||
⚫ | |||
− | /* Darker color for the hover over items */ |
||
⚫ | |||
⚫ | |||
+ | } |
||
⚫ | |||
+ | |||
⚫ | |||
⚫ | |||
+ | 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:#222; |
|
} |
} |
||
Line 31: | Line 33: | ||
h2.title{ |
h2.title{ |
||
⚫ | |||
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 { |
||
⚫ | |||
+ | 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;
}