MediaWiki:Common.css

/* copypasta Common.css */

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:MinimalistSliderText/code.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:CustomSlider.css&only=styles";

/* -- Infobox -- */

.portable-infobox.pi-theme-twisted { border: 1px solid #b39f73; box-shadow: 0 0 0 4px black, 0 0 0 7px #b39f73; margin: 7px 7px 22px 22px; width: 310px; }

.pi-theme-twisted .pi-border-color { border: none; }

.pi-theme-twisted .pi-title { background: black; border-bottom: 2px #2d2d2d solid; margin-bottom: 5px; font-family: serif; width: 85%; margin: 0 auto; }

.pi-theme-twisted .pi-caption { text-align: center; color: #ccbfa1; font-style: italic; }

.pi-theme-twisted .pi-image { padding-top: 5px; }

.pi-theme-twisted .pi-header { background: black; border-top: 2px #2d2d2d solid; border-bottom: 2px #2d2d2d solid; width: 85%; margin: 0 auto; }

.pi-theme-twisted .pi-horizontal-group .pi-data-label, .pi-theme-twisted .pi-horizontal-group .pi-data-value { text-align:center; border-left:none; }

.pi-theme-twisted .pi-theme-Heartslabyul .pi-title, .pi-theme-twisted .pi-theme-Savanaclaw .pi-title, .pi-theme-twisted .pi-theme-Octavinelle .pi-title, .pi-theme-twisted .pi-theme-Scarabia .pi-title, .pi-theme-twisted .pi-theme-Pomefiore .pi-title, .pi-theme-twisted .pi-theme-Ignihyde .pi-title, .pi-theme-twisted .pi-theme-Diasomnia .pi-title, .pi-theme-twisted .pi-theme-Night-Raven-College .pi-title { padding-left: 45px; padding-right: 45px; background-size: 45px; background-position: top right; background-repeat: no-repeat; width: calc(95% - 90px); }

/**Heartslabyul**/ .pi-theme-twisted .pi-theme-Heartslabyul .pi-title { border-color: #d50000; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/7/73/Heartslabyul.png?format=original"); }

.pi-theme-twisted .pi-theme-Heartslabyul .pi-header { border-color: #d50000; }

/**Savanaclaw**/ .pi-theme-twisted .pi-theme-Savanaclaw .pi-title { border-color: #EFA406; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/4/47/Savanaclaw.png?format=original"); }

.pi-theme-twisted .pi-theme-Savanaclaw .pi-header { border-color: #EFA406; }

/**Octavinelle**/ .pi-theme-twisted .pi-theme-Octavinelle .pi-title { border-color: #787aa4; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/0/09/Octavinelle.png?format=original"); }

.pi-theme-twisted .pi-theme-Octavinelle .pi-header { border-color: #787aa4; }

/**Scarabia**/ .pi-theme-twisted .pi-theme-Scarabia .pi-title { border-color: #9a1719; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/3/34/Scarabia.png?format=original"); }

.pi-theme-twisted .pi-theme-Scarabia .pi-header { border-color: #9a1719; }

/**Pomefiore**/ .pi-theme-twisted .pi-theme-Pomefiore .pi-title { border-color: #352687; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/0/00/Pomefiore.png?format=original"); }

.pi-theme-twisted .pi-theme-Pomefiore .pi-header { border-color: #352687; }

/**Ignihyde**/ .pi-theme-twisted .pi-theme-Ignihyde .pi-title { border-color: #346CBC; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/e/e3/Ignihyde.png?format=original"); }

.pi-theme-twisted .pi-theme-Ignihyde .pi-header { border-color: #346CBC; }

/**Diasomnia**/ .pi-theme-twisted .pi-theme-Diasomnia .pi-title { border-color: #85c02e; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/1/16/Diasomnia.png?format=original"); }

.pi-theme-twisted .pi-theme-Diasomnia .pi-header { border-color: #85c02e; }

/**Night Raven College**/ .pi-theme-twisted .pi-theme-Night-Raven-College .pi-title { border-color: white; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/9/93/Night_Raven_College.png?format=original"); }

.pi-theme-twisted .pi-theme-Night-Raven-College .pi-header { border-color: white; }

/* -- Tables -- */

.article-table { border-collapse:collapse; }

.article-table th { border:1px solid #b9a174; text-align: center !important; font-weight: bold; background-color: black !important; }

.article-table td { border:1px solid #b9a174; padding:0.2em; background-color: black; }

.article-table tr td, .article-table tr th { text-align: unset; }

/**Dorm tables**/

.Heartslabyul, .Savanaclaw, .Octavinelle, .Scarabia, .Pomefiore, .Ignihyde, .Diasomnia, .NRC { border-collapse: collapse; }

.Heartslabyul th, .Savanaclaw th, .Octavinelle th, .Scarabia th, .Pomefiore th, .Ignihyde th, .Diasomnia th, .NRC th { color: white; font-weight: bold; padding: 0.2em; text-align: center; }

.Heartslabyul .secondaryheader, .Savanaclaw .secondaryheader, .Octavinelle .secondaryheader, .Scarabia .secondaryheader, .Pomefiore .secondaryheader, .Ignihyde .secondaryheader, .Diasomnia .secondaryheader, .NRC { font-weight: bold; padding: 0.2em; text-align: center; }

.Heartslabyul td, .Savanaclaw td, .Octavinelle td, .Scarabia td, .Pomefiore td, .Ignihyde td, .Diasomnia td, .NRC { background-color:black; padding:0.3em; }

.Heartslabyul th { background-color: #d50000; }

.Heartslabyul td, .Heartslabyul th { border-top: 1px solid #B4A073; border-bottom: 1px solid #B4A073; }

.Heartslabyul .secondaryheader { color: white; background-color: #8A1305; }

.Savanaclaw th { background-color: #EFA406; }

.Savanaclaw td, .Savanaclaw th { border-top: 1px solid #b6b3b6; border-bottom: 1px solid #b6b3b6; }

.Savanaclaw .secondaryheader { background-color: #F5C663; color: black; }

.Savanaclaw th a, .Savanaclaw .secondaryheader a { color:#74811C; }

.Octavinelle th { background-color: #8A80BB; }

.Octavinelle td, .Octabinelle th { border-top: 1px solid #a59dc1; border-bottom: 1px solid #a59dc1; }

.Octavinelle .secondaryheader { background-color: #493470; color: white; }

.Scarabia th { background-color: #9a1719; }

.Scarabia td, .Scarabia th { border-top: 1px solid #E3A70E; border-bottom: 1px solid #E3A70E; }

.Scarabia .secondaryheader { background-color: #611710; color: white; }

.Pomefiore th { background-color: #352687; }

.Pomefiore td, .Pomefiore th { border-top: 1px solid #7C6E66; border-bottom: 1px solid #7C6E66; }

.Pomefiore .secondaryheader { background-color: #241d48; color: white; }

.Ignihyde th { background-color: #147AEE; }

.Ignihyde td, .Ignihyde th { border-top: 1px solid #403e43; border-bottom: 1px solid #403e43; }

.Ignihyde .secondaryheader { background-color: #516EDD; color: white; }

.Diasomnia th { background-color: #85c02e; color: black; }

.Diasomnia td, .Diasomnia th { border-top: 1px solid #1b1a21; border-bottom: 1px solid #1b1a21; }

.Diasomnia th a { color:#1C3323; }

.Diasomnia .secondaryheader { background-color: #375F00; color: white; }

.Diasomnia .secondaryheader a { color: #B8C93D; }

.NRC th { background-color: black; }

.NRC td, .NRC th { border-top: 1px solid #B4A073; border-bottom: 1px solid #B4A073; }

.NRC .secondaryheader { background-color: #686868; color: black; }

/**other table styles**/ .storytable { border: none; }

.storytable th { background-color: black; color: #B39F73; padding: 0.4em; font-size: 1.2em; text-align: center; border-top: none; border-bottom: 1.2px solid #B39F73; }

.storytable td { background-color: black; padding: 0.1em 0.4em 0 0.4em; border: none; }

.storytable .secondaryheader { background-color: black; color: #C29C48; font-weight: bold; padding: 0.4em; text-align: center; border-bottom: 1px solid #C29C48; }

.storytable .character { text-align: center; font-size: 1em; font-weight: bold; padding: 2.5em 0.5em; }

.storytable .choice { background-color: #EEEBE6; color: black; text-align: center; font-weight: bold; font-style: italic; padding: 0.4em; border: 3px solid black; border-radius: 0.8em; }

.storytable .choice a { color: #007300; }

.storytable .bottomnav { background-color: black; color: #B39F73; padding: 0.4em; font-weight: bold; text-align: center; border-top: 1.2px solid #B39F73; }

.card { background-color:black; border:1px solid #b39f73; }

.card th, .card td { background-color: black; border:none; color: white; }

.themedtable { border-radius: 7px; }

.themedtable th { background-color: #1C3323; text-align: center; color: white; border-top-left-radius:5px; border-top-right-radius:5px; }

.themedtable .secondaryheader { background-color: black; text-align: center; border: 1px solid #b9a174; font-weight: bold; }

.themedtable td { border:none; }

.main .active, .main .inactive { color: white; padding: 5px 10px; border: none; font-weight: bold; text-align: center; }

.main .active, .main .inactive:hover { background-color: #2E533A; }

.main .inactive { background-color: #1C3323; }

.main .inactive a { color: white; }

.main .inactive:hover a { color: #C4D167; }

.main td:first-child { border-radius: 7px 0 0 7px; }

.main td:last-child { border-radius: 0 7px 7px 0; }

.main td:first-child:last-child { border-radius:7px; }

.storytab { margin-left: auto; margin-right: auto; }

.storytab .inactive, .storytab .active { color:white; border: 1px solid #b39f73; line-height:1.2em; padding-left: 1.0em; padding-right: 1.0em; font-weight: bold; }

.storytab .inactive { background-color: black; transition: background-color 0.2s; }

.storytab .inactive a { color: white; }

.storytab .active, .storytab .inactive:hover { background-color: #C29C48; }

/**End table styles**/

/* -- Slider -- */

.wikiaPhotoGallery-slider-body .description p { --mst-secondary: rgba(70, 70, 70, 0.8) !important; }

.wikiaPhotoGallery-slider-body a.wikia-button.secondary { background-color: #1C3323 !important; }

/*     MinimalistSlider edited to be a class to allow for multiple slider styles on the wiki * Description:    Customizes the standart slider layout. * Author:         Sociophobia. * Check out dev.wikia.com/wiki/MinimalistSlider for more info. */

/* Sets the slider's background to be transparent */ .imgslider .wikiaPhotoGallery-slider-body { background: transparent; /* You can set it to whatever color you want, though I wouldn't recommend it. You can also remove this block to get the standart black color. */ }

/* Reduces the height of the circles' background and makes it transparent */

.imgslider .wikiaPhotoGallery-slider-body .horizontal .description-background { height: 10px; /* Just enough to not accidentally missclick. Don't set this too high! */   opacity: 0; /* Making this block fully visible is not recommended. Just leave it be. */ }

/* Hides the image navigation thing */

.imgslider .wikiaPhotoGallery-slider-body .nav > img, .imgslider .wikiaPhotoGallery-slider-body .nav p > img { display: none; /* Just... don't touch this. */ }

/* Hides descriptions. You can delete this block to make them show up again. */

.imgslider .horizontal .description { display: none !important; }

/* Text and description tweaks END. BEGINNING some REAL shenanigans. */

/* Defines all the circles' style */

.imgslider .nav { background: transparent; border: 2px solid white; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; position: absolute; } /* Defines the active circle's style */ .imgslider .selected { background: white; border: 2px solid white; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; }

/* Sets the relative position of each circle. You can customize these too. */

.imgslider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav { right: 355px; } .imgslider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav { right: 335px; } .imgslider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav { right: 315px; } .imgslider .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav { right: 295px; }

.wikiaPhotoGallery-slider-body .nav .thumbnail-play-icon-container{ display:none !important; }

/*custom slider style*/

.nmBottom { width: 100%; bottom: 0; text-align: left; background: linear-gradient(to top, #B39F73, transparent, transparent); line-height: 0.4em; }

.nmBottom li { display: inline-block; list-style: none; }

.nmBottom li:hover { cursor: url('https://vignette.wikia.nocookie.net/twisted-wonderland/images/c/cc/Magicpencursor.png?format=original'), pointer; color: white; background: none !important; text-shadow: 0 0 7px black, 0 0 7px black; }

.nbActiveBottom { color: white !important; background: none !important; text-shadow: 0 0 7px black, 0 0 7px black; }

.NavBtn { color:#C29C48; top:5px!important; }

/* -- Tabbers -- */

/*tabber styles*/ .themedtabber .tabbertab { padding: 0; border:none; }

.themedtabber .tabbernav { border-bottom: 2px solid #b39f73; padding: 1.0em; }

.themedtabber .tabbernav li a { background-color: black; transition: background-color 0.2s; color: white !important; border: 1px solid #b39f73; line-height:1.2em; margin: 0 0.2em 0; }

.themedtabber .tabbernav li a:hover, .themedtabber .tabbernav li.tabberactive a { background-color: #C29C48 !important; border: 1px solid #b39f73; }

.Heartslabyul .tabbertab, .Savanaclaw .tabbertab, .Octavinelle .tabbertab, .Scarabia .tabbertab, .Pomefiore .tabbertab, .Ignihyde .tabbertab, .Diasomnia .tabbertab { padding: 5px !important; box-sizing: border-box; width: 100%; }

.Heartslabyul .tabbernav, .Savanaclaw .tabbernav, .Octavinelle .tabbernav, .Scarabia .tabbernav, .Pomefiore .tabbernav, .Ignihyde .tabbernav, .Diasomnia .tabbernav { padding: 1.0em; }

.Heartslabyul .tabbernav li a, .Savanaclaw .tabbernav li a, .Octavinelle .tabbernav li a, .Scarabia .tabbernav li a, .Pomefiore .tabbernav li a, .Ignihyde .tabbernav li a, .Diasomnia .tabbernav li a { transition: background-color 0.2s; color: white !important; border: none; line-height:1.0em; border: none !important; }

.Heartslabyul .tabbertab { border: 1px solid #8A1305 !important; }

.Heartslabyul .tabbernav { border-bottom: 2px solid #8A1305; }

.Heartslabyul .tabbernav li a { background-color: #d50000; }

.Heartslabyul .tabbernav li a:hover { background-color: #A51002 !important; }

.Heartslabyul .tabbernav li.tabberactive a { background-color: #8A1305 !important; }

.Savanaclaw .tabbertab { border: 1px solid #EFA406 !important; }

.Savanaclaw .tabbernav { border-bottom: 2px solid #EFA406; }

.Savanaclaw .tabbernav li a { background-color: #F5C663 !important; }

.Savanaclaw .tabbernav li a:hover { background-color: #ebab1c !important; }

.Savanaclaw .tabbernav li.tabberactive a { background-color: #EFA406 !important; }

.Octavinelle .tabbertab { border: 1px solid #493470 !important; }

.Octavinelle .tabbernav { border-bottom: 2px solid #493470; }

.Octavinelle .tabbernav li a { background-color: #8A80BB !important; }

.Octavinelle .tabbernav li a:hover { background-color: #A7A0CC !important; }

.Octavinelle .tabbernav li.tabberactive a { background-color: #493470 !important; }

.Scarabia .tabbertab { border: 1px solid #611710 !important; }

.Scarabia .tabbernav { border-bottom: 2px solid #611710; }

.Scarabia .tabbernav li a { background-color: #9a1719 !important; }

.Scarabia .tabbernav li a:hover { background-color: #7E1402 !important; }

.Scarabia .tabbernav li.tabberactive a { background-color: #611710 !important; }

.Pomefiore .tabbertab { border: 1px solid #241d48 !important; }

.Pomefiore .tabbernav { border-bottom: 2px solid #241d48; }

.Pomefiore .tabbernav li a { background-color: #352687 !important; }

.Pomefiore .tabbernav li a:hover { background-color: #7C6E66 !important; }

.Pomefiore .tabbernav li.tabberactive a { background-color: #241d48 !important; }

.Ignihyde .tabbertab { border: 1px solid #516EDD !important; }

.Ignihyde .tabbernav { border-bottom: 2px solid #516EDD; }

.Ignihyde .tabbernav li a { background-color: #147AEE !important; }

.Ignihyde .tabbernav li a:hover { background-color: #403e43 !important; }

.Ignihyde .tabbernav li.tabberactive a { background-color: #516EDD !important; }

.Diasomnia .tabbertab { border: 1px solid #375F00 !important; }

.Diasomnia .tabbernav { border-bottom: 2px solid #375F00; }

.Diasomnia .tabbernav li a { background-color: #85c02e !important; }

.Diasomnia .tabbernav li a:hover { background-color: #698740 !important; }

.Diasomnia .tabbernav li.tabberactive a { background-color: #375F00 !important; }

.imgtabber .tabbertab { padding: 5px 0; border:none; }

/**End tabber styles**/

/* -- Gallery -- */

.sprite-gallery div.wikia-gallery-item, .sprite-gallery div.lightbox-caption { width:75px !important; }

/* -- Misc -- */

.imgfit img { max-width:100%; height:auto; }

/**tooltip styles**/

.main-tooltip, .tt-magic-tooltip, .tt-buddy-tooltip { background-color: black; border: 1px solid white; padding: 0.4em; color: white; }

.tt-magic-tooltip, .tt-buddy-tooltip { margin-bottom: 10px; text-align: center; }

.tt-magic-tooltip { width: 300px; left: -150px; z-index: 1; }

.tt-buddy-tooltip { width: 80px; }

/**end tooltip styles**/

/* Cursor CSS Cursor file copyrighted to www.lolirock.fr */ body { cursor: url('https://vignette.wikia.nocookie.net/twisted-wonderland/images/c/cc/Magicpencursor.png?format=original'), auto; } a:link, a:visited, a:hover, a:active { cursor: url('https://vignette.wikia.nocookie.net/twisted-wonderland/images/c/cc/Magicpencursor.png?format=original'), pointer; }

/* Cursor CSS End */

/* CSS for Audio button */

/* .audio-button { background-color: #C4D167; background-image: url('https://vignette.wikia.nocookie.net/twisted-wonderland/images/8/85/OggPlayer_Play.png?format=original'); background-size: 18px auto; } .audio-button.now-playing, .audio-button:hover, .audio-button-parent:hover > .click-parent { background-color: #C4D167 !important; } .audio-button.now-playing { background-image: url('https://vignette.wikia.nocookie.net/twisted-wonderland/images/3/3e/OggPlayer_Stop.png?format=original'); background-size: 18px auto; } .audio-button.no-audio { background-color: #337701; background-size: 18px auto; }*/

/* Audio Button CSS End */

/* Back-to-top Button Format */ opacity: 0.7; transition: .5s; }   opacity: 1; }   background: none; background-color: transparent; color: #b39f73; border: none; }   text-decoration: underline; } /* Back-to-top Button End */
 * 1) BackToTopBtn div {
 * 1) BackToTopBtn div:hover {
 * 1) backtotop button {
 * 1) backtotop button:hover {

/* Spoiler images */ .spoiler img { transition: all 0s 9999999s; opacity: 0.0; filter: alpha(opacity=00); }

.spoiler img:active { transition: all 0s; opacity: 1.0; filter: alpha(opacity=100); }

/* Spoiler images end */ /* SEO Mainpage */ .mainpage .page-header__title, .mainpage .page-header__separator { display:none; }

/* CSS placed here will be applied to all skins */

/* links */ .new a { color: #d33 !important; }

/* css for recent changes */ table { background-color: black !important; }

.mw-changeslist-legend { background-color: black !important; }

/* tables css */ .wikitable { border-radius: 7px !important; border: 0.5px solid !important; }

.wikitable th { background-color: #1C3323 !important; text-align: center; color: white; border-top-left-radius:5px!important; border-top-right-radius:5px!important; border:none!important; }

.wikitable .secondaryheader { background-color: black ; text-align: center; border:none !important; font-weight: bold; }

.wikitable td { border:none !important ; background-color: black !important ; }

.mw-datatable th { border:1px solid #b9a174; text-align: center ; font-weight: bold; background-color: #1C3323 ; }

.mw-datatable td { border:1px solid #b9a174; padding:0.2em; background-color: black; }

.mw-datatable tr td, .mw-datatable tr th { text-align: unset; }

.mw-datatable tr:hover { background-color: #262625 !important; }

/* misc */ background-color: #1C3323 !important; }
 * 1) filetoc {

pre { background-color: #262625; }

.mw-gallery-slideshow-buttons { filter: invert(100%); }