MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */

/* Recoloration and styling */ background-color: #040404; color: #FFF; }
 * 1) mw-header-container {

color: inherit; }
 * 1) p-logo-text a {

.color-left, .color-middle, .color-right { background: #5c4335; }

background-image: 	url(https://upload.wikimedia.org/wikipedia/commons/1/1a/Night_sky_%2835807572372%29.jpg); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; color: #FFF; border-bottom: solid 4px #5c4335; }
 * 1) mw-content-container {

color:	#ab9488; }
 * 1) mw-content-container a {

color:	#5c4335; }
 * 1) mw-content-container a:hover {

background-color: #1c1c24 !important; opacity: 0.95; border: none !important; }
 * 1) mw-content, #site-navigation, #site-tools, #page-tools {

.sidebar-chunk { padding: 1.5em 1.5em 0.05em 1.5em !important; }

h1#firstHeading { border-bottom: solid 4px #ab9488; }

.tools-inline li.selected { border-bottom-color: #ab9488; }

.mm-submenu { background: #0d0c14; }

/* Icon recoloration */ .tools-inline li[id^="ca-nstab-"] a { /* Page tab icon */ background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='%23AAA'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/g%3E%3C/svg%3E") }

background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cg fill='%23AAA'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/g%3E%3C/svg%3E%0A") }
 * 1) ca-talk a { /* Discussion icon */

background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='%23AAA'%3E%3Cpath d='M10.041 1.125L7.407 6.243l-5.654.95 4.025 4.102-.846 5.703 5.123-2.587 5.13 2.567-.862-5.689 4.014-4.113-5.652-.936zm.003 4.355l1.332 2.578 2.847.47-2.022 2.071.435 2.863-2.587-1.294-2.578 1.302.426-2.871-2.023-2.064 2.844-.477z'/%3E%3C/g%3E%3C/svg%3E%0A") }
 * 1) ca-watch a { /* Watch icon */

background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cg fill='%23AAA'%3E%3Cpath d='M12.879 2.165l-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/g%3E%3C/svg%3E%0A"); }
 * 1) ca-edit a, .mw-editsection { /* Page/section edit icon */

background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='%23AAA'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/g%3E%3C/svg%3E%0A") }
 * 1) ca-history a { /* Page history icon */

.oo-ui-icon-bell, .mw-ui-icon-bell::before { /* Echo bell icon */ background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cg fill=%22%23AAA%22%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22/%3E%3C/g%3E%3C/svg%3E") }

.oo-ui-icon-tray, .mw-ui-icon-tray::before { /* Imbox tray */ background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Etray%3C/title%3E%3Cg fill='%23AAA'%3E%3Cpath d='M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z'/%3E%3C/g%3E%3C/svg%3E") }

background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='%23AAA'%3E%3Cpath d='M3.643 9.46c-1.758 2.39-1.957 5-1.227 6.729.49 1.18 1.18 1.871 1.99 2.29.792.429 1.75.518 2.6.521h6.329c.92 0 1.851-.208 2.65-.675.8-.467 1.46-1.198 1.8-2.29.49-1.549.266-4.03-1.48-6.46-.007.013-.02.02-.03.03a7.506 7.506 0 0 1-6.267 3.39A7.506 7.506 0 0 1 3.643 9.46z'/%3E%3Cpath d='M10.008.992a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z'/%3E%3C/g%3E%3C/svg%3E%0A") }
 * 1) personal h2 { /* User icon */