User:Dream Indigo/global.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* colors:
Indigo #4B0082
Lavender #E6E6FA
LavenderBlush #FFF0F5
*/
/* background behind the content area and the tabs */
#content, #content table
#p-cactions ul li a { background: LavenderBlush; }
/* book in the background aka that thing on the left */
body { background: Lavender; }
/* website heading */
@media screen {
#mw-head {
position: fixed;
background: linear-gradient(to bottom,LavenderBlush 50%,Lavender 100%);
}
}
/* tabs */
#p-cactions li a { border-color: Indigo; }
/* round corners */
#content {
border: 1px solid Indigo;
border-bottom-left-radius: 1em;
}
.pBody {
border: 1px solid Indigo;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
}
/* heading text */
h1, h2, h3, h4, h5, h6 {
color: Indigo;
font-family: Andalus, Georgia, serif;
border-bottom: 0.5px Indigo;
}
h1 { border-bottom: solid; }
h2, h3, h4, h5, h6 { border-bottom: dotted; }