Sarkic Theme

HOLD THY HORSES

This is a template page used internally by the Topiary.

PLEASE DO NOT TOUCH THIS PAGE
WITHOUT STAFF PERMISSION
UwU


rating: 0+x
example.png

An image

To use this theme put the following syntax somewhere in your article!

[[include component:sarkic-theme]]

heading level 1

heading level 2

heading level 3

heading level 4

heading level 5
heading level 6

bold | italic | underline | strikethrough | teletype text superscriptsubscript


header header header header header header
cell-content cell-content cell-content cell-content cell-content cell-content

Block
Quote

A link (A link you probably visited)

  • Stuff a theme Needs to do
    • Header images
      • icon
      • background
    • Header text
      • main and subtitle
    • links - visited, new
    • side-bar
      • background colors
      • border
      • images
      • translation
      • mobile
    • log-in info
    • rating module
      • info module
      • might be able to hack it without changing - fits the colors
    • tabs
    • image-component
    • tables
    • quote-blocks
    • footer

@import url('https://fonts.googleapis.com/css?family=Jim+Nightshade');
 
/*
    Sarkicism Theme
    [2019 Wikidot Theme]
    Created by stormbreath.
    Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by Randomini.
    Sarkicism Logo by Metaphysician.
*/
 
/* REMAKE THE HEADER */
div#container-wrap {
    background: url(http://topia.wdfiles.com/local--files/component%3Asarkic-theme/sarkic_bg.png) repeat-x;
}
 
#header {
    background: url(http://topia.wdfiles.com/local--files/component%3Asarkic-theme/sarkic.png) 10px 30px no-repeat;
}
 
#header h1 a {
    color: transparent;
    text-shadow: none;
    font-family: 'Jim Nightshade', cursive;
}
 
#header h1 a::before {
    content: "SARKICISM";
    color: #66000A;
    text-shadow: 3px 3px 5px rgba(0,0,0,.3);
}
 
#header h2 span {
    color: transparent;
    text-shadow: none;
    font-family: 'Jim Nightshade', cursive;
}
#header h2 span::before {
    content: "font and header background are placeholders atm";
    color: #66000A;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
 
/* SIDE-BAR */
#side-bar .side-block {
    background-color: mistyrose !important
}
 
/* TOP-BAR */
#top-bar ul li ul {
    border: solid 1px #66000A;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #66000A;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #66000A;
    color: #ffffff;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: white;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: mistyrose;
    color: #66000A /* top bar hover background color */
}
 
/* BODY */
body {
    background-color: #FFF4CE;
    color: #66000A;
}
 
/* RATING MODULE */
.page-rate-widget-box .rate-points {
  background-color: #66000A !important;
  border: solid 1px #66000A;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
  border-top: solid 1px #66000A;
  border-bottom: solid 1px #66000A;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
  background: transparent;
  color: #66000A;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
  background: #66000A;
  color: mistyrose;
}
.page-rate-widget-box .cancel {
  background: transparent;
  background-color: #66000A;
  border: solid 1px #66000A;
}
.page-rate-widget-box .cancel a {
  color: mistyrose;
}
.page-rate-widget-box .cancel a:hover {
  background: #66000A;
  color: mistyrose;
}
 
/* SCP search bar code here for the moment to clonk the code back to the main-wiki - not a permanent addition */
#search-top-box-input {
    border: solid 1px #999;
    border-radius: 5px;
    color: #ccc;
    background-color: #300;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #fff;
    color: #fff;
    background-color: #633;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
}
#search-top-box-form input[type=submit] {
    border: solid 1px #999;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: #ccc;
    background-color: #633;
    background: linear-gradient(to bottom, #966,#633,#300);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
    cursor: pointer;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #fff;
    color: #fff;
    text-shadow: 0 0 1px rgba(255,255,255,.25) ;
    background-color: #966;
    background: linear-gradient(to bottom, #c99,#966,#633);
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License