Words Of Wisdom Theme
What is this?
Hello and welcome, my avian friends. This is the Words of Wisdom theme by me, Cole 13, for chaucer345's group of interest, the Wandsmen.
Permission given by Yossipossi to make an extension of his Shattered Thoughts theme.
On any wiki :
[[include :scp-wiki:theme:words-of-wisdom]]
With this:
[[include :scp-wiki:theme:shattered-thoughts]]
Writing..1
This is a | table | |
---|---|---|
you should know | how to make these | |
already |
@import url(https://scp-wiki.wikidot.com/theme:shattered-thoughts/code/1); /* Words of Wisdom theme [2021 Wikidot Theme] Created by Cole 13 CC BY-SA 3.0 */ @import url('https://fonts.googleapis.com/css2?family=Mate+SC&display=swap'); #header-extra-div-1{ animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; margin-left: 10px; margin-top: 5px; pointer-events: none; } @keyframes floating { from { transform: translate(0, 0px); } 65% { transform: translate(0, 15px); } to { transform: translate(0, -0px); } } /* -=- HEADER -=- */ #header { background-image: none; padding-bottom: 1.860rem; } #header h1 a::before { display: inline-block; width: 100%; text-align: center; content: "The Wandsmen"; color: #ffffff; font-family: 'Mate SC', serif; font-size: 2.3rem; text-shadow: 0rem 0rem 0.3125rem #000000; position: absolute; left: 50%; transform: translateX(-50%); top: 0; padding-top: 56px; } #header h2::before { content: ""; } #header #header-extra-div-1 { background: url(http://scp-wiki.wikidot.com/local--files/theme:words-of-wisdom/WANDPNG%20.png) center top no-repeat; background-size :195px; height: 195px; } @media (prefers-reduced-motion) { #header-extra-div-1 { animation: none; } } /* -=- HEADER BACKGROUND -=- */ div#container-wrap { background: url(https://scp-wiki.wikidot.com/local--files/theme:words-of-wisdom/MRSTAR23.webp) top left repeat-x; background-size: 100%; } /* -=- LINKS -=- */ a, a.newpage { color: #D196eb; } a:visited { color: #D196eb; } /* -=- BLOCKQUOTE -=- */ div.blockquote, blockquote { background: rgba(38, 0, 95, 0.5); border: 0.125rem dotted #624693; } /* -=- OWINDOWS -=- */ /* This simply changed the karma bar colors in that user info pop-up menu. No functional purpose besides it looks neat, really. */ img[src*="userkarma.php"] { filter: hue-rotate(-0.39turn); } .owindow ::selection { background: #9477c7; } /* -=- RATING MODULE -=- */ .page-rate-widget-box .rate-points, .page-rate-widget-box > *, .rate-box-with-credit-button { background-color: #533a7f !important; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .cancel a:hover { background: #533a7f; } /* -=- SEARCH BAR -=- */ #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus { background-color: #825ec0; } #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { background-color: #825ec0; } #search-top-box-form input[type=submit] { background-color: #825ec0; } /* -=- TOP BAR -=- */ #top-bar { background: linear-gradient(to right, transparent 50%, #6b5295 75%, transparent 100%); } #top-bar ul li a { color: #FFFFFF; } #top-bar ul li:hover a, #top-bar ul li:hover ul li a { background: #9477c7; border: none; color: #ffffff; } #top-bar ul li:hover a:hover { background: #7853b8; color: #e6e6e6; } #top-bar ul li ul { border: none; } #top-bar .open-menu a { background-color: #7853b8; border-color: none; color: #FFFFFF; } /* -=- SIDEBAR -=- */ #side-bar .heading { font-family: 'Mate SC', serif; } #side-bar div.menu-item img { display: none; } #side-bar div.side-block, #side-bar .side-block.media, #side-bar .side-block.resources { padding-left: 0.8125rem; } #side-bar a, #side-bar a:visited { color: #D196eb; } /* -=- TABBERS -=- */ .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-color: rgba(38, 0, 95, 0.5); } .yui-navset .yui-nav a, .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: #825ec0; background-image: none; border: none; color: #ffffff; } .yui-navset .yui-content { background:rgba(38, 0, 95, 0.5); border: 0.125rem dotted #624693; } /* -=- USER INFO -=- */ #login-status, #login-status a { color: #EDBAF5; } #account-options ul { background-color: #825ec0; } /* -=- TABLES -=- */ table.wiki-content-table td { border: 0.0625rem solid #000000; } table.wiki-content-table th { border: 0.0625rem solid #000000; background: #825ec0; } /* -=- MISCELLANEOUS -=- */ /* Changes the top border of the tags section, which is typically colored #888, to match the theme better. */ .page-tags span { border-top: solid 0.0625rem #000000; } /* While the page is saving and loading, there is a popup on the screen. This popup was difficult to read due to the body's properties (color being white), so this changed the background to be more thematically appropriate and legible. */ .owait, .osuccess { background-color: #825ec0; border: solid 0.0625rem #825ec0; } }
page revision: 10, last edited: 01 Jul 2022 16:30