User:Dream Indigo/global.css
Appearance
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)
- Edge: Hold Ctrl while clicking Refresh, or 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 { background: linear-gradient(to bottom,#ffadad,#ffd6a5,#fdffb6,#caffbf,#9bf6ff,#a0c4ff,#bdb2ff,#ffc6ff); }
}
/* 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;
}