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: 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%; |
||
⚫ | |||
+ | } |
||
+ | .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;
}
}