ASoH CSS
/** Customized Standard Theme * Based off of the Standard Theme by the Wikidot Community * This custom color palette was created using the * Standard Theme Colorification tool (v: 1.01.141004) * * Created: 29 Nov 2014 * * Colors: * Primary A : #70C030 * Primary B : #528c23 * Secondary A : #43731d * Secondary B : #254010 * Light A : #F7FFEF * Light B : #C8D3BA * Text A : #D3D8D3 * Text B : #E7EAE7 * Text C : #FFFFFF * Grand Piano : rgba(14,14,14,1); * Gold Lock : rgba(234,185,68,1); * Felt Red : rgba(168,24,18,1); * Superior Wood : rgba(188,115,56,1); * Victorian Green : rgba(113,128,44,1); * Victorian Rose : rgba(210,86,86,1); * Victorian Yellow : rgba(239,204,86,1); * Victorian Beige : rgba(211,173,132,1); * ***************************************************************************/ :root { --color-1-a: rgba(234,185,68,1); --color-1-b: rgba(234,185,68,0.5); --color-1-c: rgba(234,185,68,0.2); --color-1-d: rgba(234,185,68,0); --color-2-a: rgba(188,115,56,1); --color-2-b: rgba(188,115,56,0.5); --color-2-c: rgba(188,115,56,0.2); --color-2-d: rgba(188,115,56,0); --color-3-a: rgba(168,24,18,1); --color-3-b: rgba(168,24,18,0.5); --color-3-c: rgba(168,24,18,0.2); --color-3-d: rgba(168,24,18,0); --color-green-a: rgba(113,128,44,1); --color-green-b: rgba(113,128,44,0.5); --color-green-c: rgba(113,128,44,0.2); --color-green-d: rgba(113,128,44,0); --color-red-a: rgba(210,86,86,1); --color-red-b: rgba(210,86,86,0.5); --color-red-c: rgba(210,86,86,0.2); --color-red-d: rgba(210,86,86,0); --color-yellow-a: rgba(239,204,86,1); --color-yellow-b: rgba(239,204,86,0.5); --color-yellow-c: rgba(239,204,86,0.2); --color-yellow-d: rgba(239,204,86,0); --color-beige-a: rgba(211,173,132,1); --color-beige-b: rgba(211,173,132,0.5); --color-beige-c: rgba(211,173,132,0.2); --color-beige-d: rgba(211,173,132,0); --color-light-a: rgba(240,240,240,1); --color-light-a-2: rgba(240,240,240,0.8); --color-light-b: rgba(240,240,240,0.5); --color-light-c: rgba(240,240,240,0.2); --color-light-d: rgba(240,240,240,0); --color-dark-a: rgba(14,14,14,1); --color-dark-b: rgba(14,14,14,0.5); --color-dark-c: rgba(14,14,14,0.2); --color-dark-d: rgba(14,14,14,0); --color-text-a: #f0f0f0; --color-text-b: #333; --color-text-c: #ffffff; --color-1-a-light: #A0F060; } /* ============================================================================= ASOH BASIC ============================================================================= */ body{ color: var(--color-text-c); background-color: black; background-image: url('http://asoh.wdfiles.com/local--files/gallery:css/marble-nat-2000-50.jpg'); background-size: contain; } main .main-content h1, main .main-content h2 { background: none!important; } main .main-content h1 { border-bottom: 1px solid var(--color-text-c); } .main-content .alternate-media-container h1, .main-content .gallery-base h1, .main-content .saga-description-container h1{ border:none; margin-top:0; margin-bottom:0; } .asoh-background { background-image: url('/local--files/home:home/asoh-wall.jpg'); background-position-x: center; } .asoh-accent{ background-color: var(--color-1-c); } .asoh-overlay{ background-color: rgba(0,0,0,0.3); } header.header-wrap{ background: none; } .gallery-page-tab li{ font-size: calc( var(--base-font-size) * 1.1 + 1vw ); } .gallery-page-tab li a{ color: white; } .version-tabs .series-pills a.active img{ filter: grayscale(0%); } .nav-pills.series-nav>li.active>a, .nav-pills.costume-nav>li.active>a { background: none; } .hover-classic:hover span { border: 1px solid #528c23; background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(222,246,230,1)); background: -o-linear-gradient(bottom,rgba(255,255,255,1),rgba(222,246,230,1)); background: -moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(222,246,230,1)); background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(222,246,230,1)); } /* ============================================================================= ASOH DOUBLE BORDER CONTAINER ============================================================================= */ .asoh-border-bottom-wrap{ border-bottom: 1px solid var(--color-light-a-2) !important; } .asoh-border-bottom{ border-bottom: 2px solid var(--color-light-a-2) !important; margin-bottom: 8px; } .asoh-border-top-wrap{ border-top: 1px solid var(--color-light-a-2); } .asoh-border-top{ border-top: 2px solid var(--color-light-a-2); margin-top: 8px; } .asoh-image-border{ border: 1px solid var(--color-light-b); } .asoh-image-border-wrap{ border: 1px solid var(--color-light-b); padding: 1px; box-shadow: 0 0 0 1px black inset; } .asoh-listello{ height: 8px; } .margin-b-half + .tab-content .asoh-listello{ margin-top: -0.5rem; } /* ============================================================================= ASOH GARDEN ============================================================================= */ .another-stage-gallery + .formula-container, .garden-profile-container + .garden-profile-container{ margin-top: 2rem; } .asoh-table .garden-profile table th{ text-align: center; } /* ============================================================================= SPECIAL NAV HIGHLIGHTS ============================================================================= */ .sadie-heading.navbox { font-size: calc( var(--base-font-size) * 0.9); } .sadie-caption.navbox { font-size: calc( var(--base-font-size) * 0.7); } .asoh-navbox h2{ font-size: calc( var(--base-font-size) * 1.5)!important; margin-top: 1rem!important; padding: 0!important; } .sadie-figure.sadie-container.asoh-highlight .sadie-figcaption::before{ z-index: -1; -webkit-transform: none; } .sadie-figure.sadie-container.asoh-highlight .sadie-figcaption::before, .nav-pills.nav-asoh>li.active>a, .nav-pills.nav-asoh>li>a.active, .nav-pills.nav-asoh>li.active>a:focus{ background-image: linear-gradient(90deg, var(--color-1-d), var(--color-1-a), var(--color-1-d)); } .nav.nav-asoh>li:before{ content: ''; display: block; top: 0; left: 0; bottom: 0; right: 0; position: absolute; opacity: 0; background-image: linear-gradient(90deg, var(--color-1-d), var(--color-1-b), var(--color-1-d)); transition: all 0.4s ease; } .nav.nav-asoh>li:hover:before{ opacity: 1; } .nav.nav-asoh>li>a:focus, .nav.nav-asoh>li>a:hover, .nav-pills.nav-asoh>li.active>a, .nav-pills.nav-asoh>li.active>a:hover, .nav-pills.nav-asoh>li.active>a:focus { background-color: transparent; } .asoh-highlight a { color: var(--color-light-a); z-index: 1; position: relative; width: 100%; display: block } .asoh-highlight:hover:before { opacity: 1; } .asoh-highlight:before { content: ''; display: block; top: 0; left: 0; bottom: 0; right: 0; position: absolute; opacity: 0; background-image: linear-gradient(90deg, var(--color-1-d), var(--color-1-a), var(--color-1-d)); transition: all 0.4s ease; z-index: 0; } /* ============================================================================= ITEM LIST (SAGA - AUTHOR - CAMEO - HISTORICAL - SERIES) ============================================================================= */ .item-double-border-container, .item-double-border{ border: 1px solid var(--color-light-b); padding: 8px; } .item-double-border{ background-image: linear-gradient(0deg, var(--color-1-c), var(--color-dark-c), var(--color-dark-a) ); } .saga-item-container + .saga-item-container { margin-top: 2rem; } .saga-description { height: calc(var(--base-line-height) * 4); } .saga-item-container .sadie-column .sadie-figure img { height: calc(50vw/3); object-fit: cover; } @media (min-width: 1170px) { .saga-item-container .sadie-column .sadie-figure img {height: calc(33vw/3);} } main .main-content .item-heading h3, main .main-content .item-image h3, .item-image hr { margin-top: 0; margin-bottom: 0; } .item-author .wiki-content-table{ margin-top:0; margin-bottom:0; } .item-author .wiki-content-table, .item-author .wiki-content-table td{ border-bottom:0; } .item-author .wiki-content-table td{ padding-top: 0.5rem; padding-bottom: 0.5rem } .item-author .wiki-content-table td:first-child { padding-left: 1rem; padding-right: 0 } .item-author .wiki-content-table td:last-child { width: 50%; text-align: right; padding-right: 1rem; padding-left: 0; } .item-gallery .sadie-figure img {object-fit: contain; height: 224px;} .item-author-description.default{display:none;} .item-author-image .default.bg-cover{background-size:contain;} .item-author-image .default img{width: calc(100vw / 3 / 2 - 3.3rem);} .item-author-image .default {background-image: url('http://asoh.wdfiles.com/local--files/gallery:css/author-default.png')!important;} .item-author-image .perseonn-balthasaar {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc6-6/spica-andromeda-6.jpg')!important;} .item-author-image .buster-wolf {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc6-6/xiaolin-soulcalibur-6.jpg')!important;} .item-author-image .andretop68 {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc5-6/andrew-6.jpg')!important;} .item-author-image .crasical {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc5-6/doktor-liedner-6.jpg')!important;} .item-author-image .kristof {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc5-6/kristof-6.jpg')!important;} .item-author-image .link {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc5-6/pontius-6.jpg')!important;} .item-author-image .lu-bu-feng-xian {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Adw7-6/stalin-6.jpg')!important;} .item-author-image .nekoiruha {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc5-6/arien-6.jpg')!important;} .item-author-image .pm58790 {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc5-6/crashsmash-6.jpg')!important;} .item-author-image .sabrac {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc3-6/sabrac-6.jpg')!important;} .item-author-image .slyfan1030 {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc5-6/abero-6.jpg')!important;} .item-author-image .spellcraftquill {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc5-6/rousreuel-6.jpg')!important;} .item-author-image .tanleeseng {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Ascbd-2/hawke-2.jpg')!important;} .item-author-image .the-strongest-bad {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc3-6/seiji-kazemaru-6.jpg')!important;} .item-author-image .thomas-j-paglione {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Adw7-6/xiaojian-6.jpg')!important;} .item-author-image .tricia-chan {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Asc5-6/evany-6.jpg')!important;} .item-author-image .zf6hellion {background-image: url('http://asoh.wdfiles.com/local--files/gallery%3Adw7-6/han-feng-6.jpg')!important;} @media (min-width: 992px) {.item-gallery .sadie-figure img {height: 144px;}} /* ============================================================================= SADIE OVERRIDES ============================================================================= */ .sadie-figure.sadie-container .sadie-heading.am-image-heading{ opacity: 0; border-bottom: 1px solid white; } .sadie-figure.sadie-container:hover .sadie-heading.am-image-heading{ opacity: 1; transform: translate3d(0,-50%,0) translate3d(0,0px,0) } /* ============================================================================= AUTHOR COUNTS ============================================================================= */ /* These counts are manually generated from the Excel File*/ span.perseonn-balthasaar-souls:before{content:"454";} span.buster-wolf-souls:before{content:"340";} span.tanleeseng-souls:before{content:"286";} span.kristof-souls:before{content:"228";} span.sabrac-souls:before{content:"84";} span.tricia-chan-souls:before{content:"21";} span.slyfan1030-souls:before{content:"50";} span.nekoiruha-souls:before{content:"37";} span.zf6hellion-souls:before{content:"0";} span.crasical-souls:before{content:"15";} span.andretop68-souls:before{content:"14";} span.the-strongest-bad-souls:before{content:"11";} span.link-souls:before{content:"9";} span.thomas-j-paglione-souls:before{content:"0";} span.spellcraftquill-souls:before{content:"6";} span.pm58790-souls:before{content:"4";} span.lu-bu-feng-xian-souls:before{content:"0";} span.perseonn-balthasaar-warriors:before{content:"353";} span.buster-wolf-warriors:before{content:"280";} span.tanleeseng-warriors:before{content:"0";} span.kristof-warriors:before{content:"31";} span.sabrac-warriors:before{content:"0";} span.tricia-chan-warriors:before{content:"41";} span.slyfan1030-warriors:before{content:"0";} span.nekoiruha-warriors:before{content:"0";} span.zf6hellion-warriors:before{content:"30";} span.crasical-warriors:before{content:"0";} span.andretop68-warriors:before{content:"0";} span.the-strongest-bad-warriors:before{content:"0";} span.link-warriors:before{content:"0";} span.thomas-j-paglione-warriors:before{content:"8";} span.spellcraftquill-warriors:before{content:"0";} span.pm58790-warriors:before{content:"0";} span.lu-bu-feng-xian-warriors:before{content:"3";} span.perseonn-balthasaar-rank:before{content:"Sovereign";} span.buster-wolf-rank:before{content:"Sovereign";} span.tanleeseng-rank:before{content:"Baron";} span.kristof-rank:before{content:"Baron";} span.sabrac-rank:before{content:"Knight";} span.tricia-chan-rank:before{content:"Knight";} span.slyfan1030-rank:before{content:"Knight";} span.nekoiruha-rank:before{content:"Knight";} span.zf6hellion-rank:before{content:"Knight";} span.crasical-rank:before{content:"Knight";} span.andretop68-rank:before{content:"Knight";} span.the-strongest-bad-rank:before{content:"Knight";} span.link-rank:before{content:"Knight";} span.thomas-j-paglione-rank:before{content:"Knight";} span.spellcraftquill-rank:before{content:"Knight";} span.pm58790-rank:before{content:"Knight";} span.lu-bu-feng-xian-rank:before{content:"Knight";} /* ============================================================================= WIKI TABLE ============================================================================= */ /* ============================================================================= PARALLAX BACKGROUND ============================================================================= */ .parallax { } .parallax.gallery-splash { background-image: url('http://asoh.xyz/local--files/gallery%3Acss/sc6-creation.jpg'); background-size: cover; } .parallax.submission-splash { background-image: url('http://asoh.xyz/local--files/gallery%3Acss/sc6-libra.jpg'); background-size: cover; } .parallax.forum-splash { background-image: url('http://asoh.xyz/local--files/gallery%3Acss/sc6-network.jpg'); background-size: cover; } .parallax.archive-splash { background-image: url('http://asoh.xyz/local--files/gallery%3Acss/sc6-chronicle.jpg'); background-size: cover; } /* ============================================================================= COMMANDS ============================================================================= */ .char-profile-image.body-image.sw4, .char-profile-image.bust-image.sw4, .char-profile-image.bust-image.dw7, .char-profile-image.bust-image.dw8{ background-position-x: right; } .formula-text.hidden.visible-formula-text, .formula-image.hidden.visible-formula-image, .formula-table.hidden.visible-formula-table, .formula-video.hidden.visible-formula-video, .download-container.hidden.visible-char, .sc3.hidden.visible-sc3, .sc4.hidden.visible-sc4, .scbd.hidden.visible-scbd, .sc5.hidden.visible-sc5, .sc6.hidden.visible-sc6, .dw7.hidden.visible-dw7, .dw8.hidden.visible-dw8, .sw4.hidden.visible-sw4{ display: block !important; } .formula-text.hidden-formula-text, .formula-image.hidden-formula-image, .formula-table.hidden-formula-table, .formula-video.hidden-formula-video, .sc3.hidden-sc3, .sc4.hidden-sc4, .scbd.hidden-scbd, .sc5.hidden-sc5, .sc6.hidden-sc6, .dw7.hidden-dw7, .dw8.hidden-dw8, .sw4.hidden-sw4{ display:none; } /* ============================================================================= PROFILE PANEL SCROLLBAR ============================================================================= */ /* Scrollbar Width */ .scroll-height::-webkit-scrollbar{width: 1rem;} /* Scrollbar Track */ .scroll-height::-webkit-scrollbar-track{ background-color: none; background-image: url('http://asoh.xyz/local--files/gallery:css/scroll-dot.png'); background-size: 100%; } /* Scrollbar Handle */ .scroll-height::-webkit-scrollbar-thumb{ background: white; border: 0.125rem solid white; box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.8); } /* Scrollbar Handle on hover */ /*.scroll-height::-webkit-scrollbar-thumb:hover{background: #e0e0e0;}*/ /* ============================================================================= CSS END ============================================================================= */