Laughy's Theme [OUTDATED]
[[iftags +theme]]
To use this theme, put the following syntax at the very top of your article:
[[include :topia:theme:laughy]]
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 |
Table of Contents
|
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%); }
page revision: 10, last edited: 30 Apr 2020 00:12