Laughy's Theme [OUTDATED]

[[iftags +theme]]

rating: 0+x

To use this theme, put the following syntax at the very top of your article:

[[include :topia:theme:laughy]]

example.png

An image

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)


@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
 
/*
    MZL Laughy McLaugherson Theme
    [2019 Wikidot Theme]
    Based on Aelanna's Sigma 9 and PeppersGhost's SPC Theme and NewyRose's Halloween Theme
    Edited by FloppyPhoenix for Cliché-Con 2019 
    Based on PeppersGhost's SCP-2030 and djkaktus' Man Zoo League
*/
 
:root {
    --bg: #e1e1e1;
    --bg-medium: #292929;
 
    --fg: #efefef;
    --fg-muted: #666;
 
    --fg-accent-light: #949494;
    --fg-accent: #7b7b7b;
    --fg-accent-dark: #616161;
}
 
div#container-wrap:before {
    content: "";
 
    display: block;
    width: 100%;
    height: 38px;
 
    position: absolute;
    border-bottom: 8px solid #f2f2f2;
    background: #B91000;
}
 
body, div#container-wrap {
    background: linear-gradient(black, black) repeat-x, var(--bg);
    background-size: 1px 228px;
    color: black;
}
 
div#content-wrap {
    margin-top: 3em;
}
 
/* HEADER */
h1, h2, h3, h4, h5, h6,
div#page-title {
    color: black;
    border-color: black;
}
 
#header {
    background: none;
    padding-top: 40px;
}
 
#header h1, #header h2 {
    margin-left: 0;
}
 
#header h1 {
    background: url('http://topia.wdfiles.com/local--files/theme%3Alaughy/laughy-header.png') no-repeat top left;
    background-size: contain;
 
    display: block;
 
    height: 130px;
    max-height: 130px;
 
    width: 100%;
    max-width: 550px;
 
    font-size: 0;
    position: relative;
    top: 32px;
}
 
#header h1 a {
    display: block;
 
    margin: 0;
    padding: 0;
 
    height: 130px;
    max-height: 130px;
 
    width: 100%;
    max-width: 550px;
}
 
#header h2 {
    display: none;
}
 
#my-account, #account-topbutton {
    color: white !important;
}
 
/* SIDEBAR */
#side-bar .heading {
    color: black;
    border-bottom: solid 1px black;
}
 
#side-bar div.menu-item.inactive a {
    color: black;
}
 
#side-bar div.menu-item .sub-text {
    color: black;
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #ccc;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #ccc;
    font-weight: bold;
}
 
/* LINKS */
a {
    color: #b01;
    text-decoration: none;
    background: transparent;
}
 
#side-bar a:visited{ color: #b01; }
 
a:visited { color: #824; }
 
a.newpage {
    color: #d61;
    text-decoration: none;
    background: transparent;
}
 
a:hover {
    text-decoration: underline;
    background-color: transparent;
}
 
hr {
    border: 0;
    height: 0;
    border-top: 1px solid black;
}
 
/* INFO PANE */
.rate-box-with-credit-button {
    background-color: #B91000;
    border: 0px;
    border-radius: 0px;
}
 
.page-rate-widget-box {
    border: 0px;
    border-radius: 0px;
}
 
.rate-box-with-credit-button .fa-info {
    border: 0px;
    color: white;
}
 
.rate-box-with-credit-button .fa-info:hover {
    color: black;
}
 
.rate-box-with-credit-button .cancel {
    border: 0px;
}
 
.close-credits {
    filter: hue-rotate(280deg);
}
 
.modalbox {
    box-shadow: 0px 1px 10px rgb(38,38,38,0.3) !important;
}
 
/* RATING MODULE */
.page-rate-widget-box .rate-points {
    background-color: #B91000 !important;
    border: 0;
    border-right: 0;
    border-radius: 0px;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #fff6f0;
    border-top: 0px;
    border-bottom: 0px;
    font-weight: bold;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #B91000;
    padding: 0 4px;
    margin: 0 1px;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #B91000;
    color: #fffff0;
    text-decoration: none;
}
 
.page-rate-widget-box .cancel {
    background-color: #B91000;
    border: 0px;
    border-left: 0;
    border-radius: 0;
}
 
.page-rate-widget-box .cancel a {
    background: transparent;
    text-transform: uppercase;
    color: white;
}
 
.page-rate-widget-box .cancel a:hover {
    border-radius: 0px;
    background: #B91000;
    color: black;
    text-decoration: none;
}
 
/* SEARCH BAR */
#search-top-box-input {
    border: solid 1px #666;
    background-color: #333;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #666;
    background-color: #333;
}
 
#search-top-box-input:hover, #search-top-box-input:focus {
    background: #666;
    border: solid 1px #666;
}
 
#search-top-box-form input[type=submit] {
    border: solid 1px #666;
    background-color: #333;
    color: #262626;
    background: linear-gradient(to bottom, #737373,#8c8c8c,#a6a6a6);
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #666;
    color: #262626;
    background-color: #333;
    background: linear-gradient(to bottom, #737373,#8c8c8c,#a6a6a6);
}
 
/* TOP MENU */
#top-bar {
    margin-top: 65px;
    border-top: 2px solid white;
}
 
#top-bar ul li ul {
    border: solid 1px black;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: black;
    color: white;
}
 
#top-bar a:hover {
    color: black !important;
    background-color: white !important;
}
 
/* SIDE MENU */
#side-bar {
    display: block;
    background: transparent;
}
 
#side-bar img {
    filter: hue-rotate(0deg) saturate(0%) brightness(100%);
    -webkit-filter: hue-rotate(0deg) saturate(0%) brightness(100%);
}
 
#side-bar div.side-block.sns img {
    filter: none;
    -webkit-filter: none;
}
 
#side-bar .side-block {
    border: 2px solid black;
    border-radius: 0px;
    box-shadow: 2px 2px 5px rgba(32,32,32,1) !important;
    background: white !important; 
}
 
#side-bar .heading {
    color: black;
    border-bottom: solid 1px black;
}
 
#side-bar div.menu-item.inactive a {
    color: black;
}
 
#side-bar div.menu-item .sub-text {
    color: black;
}
 
a.collapsible-block-link { font-weight: bold; }
 
#side-bar .collapsible-block-folded {
    background: none;
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px black;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: black;
}
 
/* FOOTER */
#footer, #license-area {
    background: var(--fg-accent);
    color: #111;
}
 
#license-area {
    background: var(--fg-accent-dark);
}
 
#footer a, #license-area a {
    color: #fff;
}
 
/* YUI-TABS */
.yui-navset .yui-nav .selected a, 
.yui-navset .yui-nav .selected a:focus, 
.yui-navset .yui-nav .selected a:hover {
    filter: hue-rotate(273deg) saturate(82%) brightness(111%);
}
 
.yui-navset .yui-nav a:hover, 
.yui-navset .yui-nav a:focus {
    filter: hue-rotate(273deg) saturate(82%) brightness(111%);
}
 
/* CUSTOM PAGE CONTENT CLASSES */
.content-panel .panel-body {
    background: white;
}
 
.content-panel .panel-footer {
    color: black;
}
 
.content-panel .panel-footer a {
    color: black;
}
 
/* STANDARD IMAGE BLOCK */
.scp-image-block {
    border: solid 1px #3b2e4f;
}
 
.scp-image-block .scp-image-caption {
    background-color: white;
    border-top: solid 1px #3b2e4f;
}
 
/* WIKIWALK NAV */
.footer-wikiwalk-nav {
    font-weight: bold;
    font-size: 75%;
}
 
/* OFF-CANVAS */
@media (max-width: 767px) {
.open-menu a {
    border: 0.2em solid #3b2e4f !important;
    color: #3b2e4f !important;
}
 
#side-bar {
    background-color: rgb(192, 192, 192);
}
 
#side-bar:target + #main-content {
    left: 0;
}
 
@media (min-width: 768px) {
#header h1 a {
    font-size: 150%;
}
}
 
/* INTERWIKI */
.scpnet-interwiki-frame {
    filter: hue-rotate(273deg) saturate(82%) brightness(111%);
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License