Words Of Wisdom Theme
rating: +15+x

What is this?

Hello and welcome, my avian friends. This is the Words of Wisdom theme by me, Cole 13Cole 13, for chaucer345chaucer345's group of interest, the Wandsmen.

Permission given by YossipossiYossipossi 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(https://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;
}
 
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License