MediaWiki: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 -- */

/**Start infobox theming**/ .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; background: black; width: 310px; }

.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; }

/**Heartslabyul**/ .pi-theme-twisted .pi-theme-Heartslabyul .pi-title { border-color: #d50000; padding-left: 45px; padding-right: 45px; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/7/73/Heartslabyul.png"); background-size: 45px; background-position: top right; background-repeat: no-repeat; width: calc(95% - 90px); }

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

/**Savanaclaw**/ .pi-theme-twisted .pi-theme-Savanaclaw .pi-title { border-color: #EFA406; padding-left: 45px; padding-right: 45px; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/4/47/Savanaclaw.png"); background-size: 45px; background-position: top right; background-repeat: no-repeat; width: calc(95% - 90px); }

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

/**Octavinelle**/ .pi-theme-twisted .pi-theme-Octavinelle .pi-title { border-color: #787aa4; padding-left: 45px; padding-right: 45px; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/0/09/Octavinelle.png"); background-size: 45px; background-position: top right; background-repeat: no-repeat; width: calc(95% - 90px); }

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

/**Scarabia**/ .pi-theme-twisted .pi-theme-Scarabia .pi-title { border-color: #9a1719; padding-left: 45px; padding-right: 45px; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/3/34/Scarabia.png"); background-size: 45px; background-position: top right; background-repeat: no-repeat; width: calc(95% - 90px); }

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

/**Pomefiore**/ .pi-theme-twisted .pi-theme-Pomefiore .pi-title { border-color: #352687; padding-left: 45px; padding-right: 45px; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/0/00/Pomefiore.png"); background-size: 45px; background-position: top right; background-repeat: no-repeat; width: calc(95% - 90px); }

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

/**Ignihyde**/ .pi-theme-twisted .pi-theme-Ignihyde .pi-title { border-color: #346CBC; padding-left: 45px; padding-right: 45px; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/e/e3/Ignihyde.png"); background-size: 45px; background-position: top right; background-repeat: no-repeat; width: calc(95% - 90px); }

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

/**Diasomnia**/ .pi-theme-twisted.pi-theme-Diasomnia .pi-title { border-color: #85c02e; padding-left: 45px; padding-right: 45px; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/1/16/Diasomnia.png"); background-size: 45px; background-position: top right; background-repeat: no-repeat; width: calc(95% - 90px); }

.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; padding-left: 45px; padding-right: 45px; background-image: url("https://vignette.wikia.nocookie.net/twisted-wonderland/images/9/93/Night_Raven_College.png"); background-size: 45px; background-position: top right; background-repeat: no-repeat; width: calc(95% - 90px); }

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

/**End infobox theming**/

.pi-horizontal-group .pi-data-label { text-align:center !important; }

.pi-horizontal-group .pi-data-value { text-align:center !important; }

/* -- Tables -- */

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

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

.article-table td { border:1px solid #b9a174; }

.article-table th, td{ padding:0.2em; background-color: #000; }

/**Dorm tables**/

.Heartslabyul { border-collapse: collapse; }

.Heartslabyul th { background-color: #d50000; color: white !important; font-weight: bold !important; padding: 0.2em; border-top: 1px solid #B4A073; border-bottom: 1px solid #B4A073; text-align: center; }

.Heartslabyul .secondaryheader { background-color: #8A1305; color: white; font-weight: bold !important; padding: 0.2em; text-align: center; }

.Heartslabyul td { background-color: #000; border-top: 1px solid #B4A073 !important; border-bottom: 1px solid #B4A073 !important; padding: 0.3em; }

.Savanaclaw { border-collapse: collapse; }

.Savanaclaw th { background-color: #EFA406; color: white !important; font-weight: bold !important; padding: 0.2em; border-top: 1px solid #b6b3b6; border-bottom: 1px solid #b6b3b6; text-align: center; }

.Savanaclaw .secondaryheader { background-color: #F5C663; color: black; font-weight: bold !important; padding: 0.2em; text-align: center; }

.Savanaclaw td { background-color: #000; border-top: 1px solid #b6b3b6 !important; border-bottom: 1px solid #b6b3b6 !important; padding: 0.3em; }

.Savanaclaw .secondaryheader a{   color:#1C3323 !important; }

.Octavinelle { border-collapse: collapse; }

.Octavinelle th { background-color: #8A80BB; color: white !important; font-weight: bold !important; padding: 0.2em; border-top: 1px solid #a59dc1; border-bottom: 1px solid #a59dc1; text-align: center; }

.Octavinelle .secondaryheader { background-color: #493470; color: white; font-weight: bold !important; padding: 0.2em; text-align: center; }

.Octavinelle td { background-color: #000; border-top: 1px solid #a59dc1 !important; border-bottom: 1px solid #a59dc1 !important; padding: 0.3em; }

.Scarabia { border-collapse: collapse; }

.Scarabia th { background-color: #9a1719; color: white !important; font-weight: bold !important; padding: 0.2em; border-top: 1px solid #E3A70E; border-bottom: 1px solid #E3A70E; text-align: center; }

.Scarabia .secondaryheader { background-color: #611710; color: white; font-weight: bold !important; padding: 0.2em; text-align: center; }

.Scarabia td { background-color: #000; border-top: 1px solid #E3A70E !important; border-bottom: 1px solid #E3A70E !important; padding: 0.3em; }

.Pomefiore { border-collapse: collapse; }

.Pomefiore th { background-color: #352687; color: white !important; font-weight: bold !important; padding: 0.2em; border-top: 1px solid #7C6E66; border-bottom: 1px solid #7C6E66; text-align: center; }

.Pomefiore .secondaryheader { background-color: #241d48; color: white; font-weight: bold !important; padding: 0.2em; text-align: center; }

.Pomefiore td { background-color: #000; border-top: 1px solid #7C6E66 !important; border-bottom: 1px solid #7C6E66 !important; padding: 0.3em; }

.Ignihyde { border-collapse: collapse; }

.Ignihyde th { background-color: #147AEE; color: white !important; font-weight: bold !important; padding: 0.2em; border-top: 1px solid #403e43; border-bottom: 1px solid #403e43; text-align: center; }

.Ignihyde .secondaryheader { background-color: #516EDD; color: white; font-weight: bold !important; padding: 0.2em; text-align: center; }

.Ignihyde td { background-color: #000; border-top: 1px solid #403e43 !important; border-bottom: 1px solid #403e43 !important; padding: 0.3em; }

.Diasomnia { border-collapse: collapse; }

.Diasomnia th { background-color: #85c02e; color: black !important; font-weight: bold !important; padding: 0.2em; border-top: 1px solid #1b1a21; border-bottom: 1px solid #1b1a21; text-align: center; }

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

.Diasomnia .secondaryheader { background-color: #375F00; color: white !important; font-weight: bold !important; padding: 0.2em; text-align: center; }

.Diasomnia td { background-color: #000; border-top: 1px solid #1b1a21 !important; border-bottom: 1px solid #1b1a21 !important; padding: 0.3em; }

.NRC { border-collapse: collapse; }

.NRC th { background-color: black; color: white !important; font-weight: bold !important; padding: 0.2em; border-top: 1px solid #B4A073; border-bottom: 1px solid #B4A073; text-align: center; }

.NRC .secondaryheader { background-color: #686868; color: black !important; font-weight: bold !important; padding: 0.2em; text-align: center; }

.NRC td { background-color: #000; border-top: 1px solid #B4A073 !important; border-bottom: 1px solid #B4A073 !important; padding: 0.3em; }

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

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

.storytable td { background-color: #000; padding: 0.1em 0.4em 0 0.4em; border:none !important; }

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

.storytable .character { text-align:center !important; font-size: 1em !important; font-weight: bold !important; padding-top: 2.5em !important; padding-bottom: 2.5em !important; padding-left: 0.5em !important; padding-right: 0.5em !important; }

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

.storytable .choice a { color: #1C3323; }

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

.card { background-color:#000000 !important; border:1px solid #b39f73 !important; }

.card th { background-color: #000 !important; border:none !important; color: white !important; }

.card td { background-color: #000; border:none !important; }

.themedtable { border-radius: 7px; }

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

.themedtable .secondaryheader { background-color: #000 !important; text-align:center; border-top:1px solid #b9a174; border-bottom:1px solid #b9a174; border-left:1px solid #b9a174; border-right:1px solid #b9a174; font-weight: bold !important; }

.themedtable td { border:none; }

.main .active { background-color: #2E533A !important; color: white !important; padding: 5px 10px 5px 10px !important; border: none !important; font-weight: bold; }

.main .inactive { background-color: #1C3323 !important; color: white !important; padding: 5px 10px 5px 10px !important; border: none !important; font-weight: bold; }

.main .inactive:hover { background-color: #2E533A !important; }

.main .inactive a { color: white !important; }

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

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

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

.storytab .inactive { background-color: #000000 !important; transition: background-color 0.2s; color: white !important; border: 1px solid #b39f73 !important; line-height:1.2em !important; margin: 0 0.2em 0 !important; padding-left: 1.0em !important; padding-right: 1.0em !important; font-weight: bold; }

.storytab .inactive a { color: white !important; }

.storytab .inactive:hover { background-color: #C29C48 !important; }

.storytab .active { background-color: #C29C48 !important; color: white !important; border: 1px solid #b39f73 !important; line-height:1.2em !important; margin: 0 0.2em 0 !important; padding-left: 1.0em !important; padding-right: 1.0em !important; font-weight: bold; }

/**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: 0px; 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/revision/latest?cb=20200519093557'), 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 !important; border:none !important; }

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

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

.themedtabber .tabbernav li a:hover { background-color: #C29C48 !important; }

.themedtabber .tabbernav li.tabberactive a { background-color: #C29C48 !important; }

.Heartslabyul .tabbertab { padding: 5px !important; border: 1px solid #8A1305 !important; box-sizing: border-box; width:100% ; }

.Heartslabyul .tabbernav { border-bottom: 2px solid #8A1305 !important; padding: 1.0em !important; }

.Heartslabyul .tabbernav li a { background-color: #d50000 !important; transition: background-color 0.2s; color: white !important; border: none !important; line-height:1.0em !important; }

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

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

.Savanaclaw .tabbertab { padding: 5px !important; border: 1px solid #EFA406 !important; box-sizing: border-box; width:100% ; }

.Savanaclaw .tabbernav { border-bottom: 2px solid #EFA406 !important; padding: 1.0em !important; }

.Savanaclaw .tabbernav li a { background-color: #F5C663 !important; transition: background-color 0.2s; color: white !important; border: none !important; line-height:1.0em !important; }

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

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

.Octavinelle .tabbertab { padding: 5px !important; border: 1px solid #493470 !important; box-sizing: border-box; width:100% ; }

.Octavinelle .tabbernav { border-bottom: 2px solid #493470 !important; padding: 1.0em !important; }

.Octavinelle .tabbernav li a { background-color: #8A80BB !important; transition: background-color 0.2s; color: white !important; border: none !important; line-height:1.0em !important; }

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

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

.Scarabia .tabbertab { padding: 5px !important; border: 1px solid #611710 !important; box-sizing: border-box; width:100%; }

.Scarabia .tabbernav { border-bottom: 2px solid #611710 !important; padding: 1.0em !important; }

.Scarabia .tabbernav li a { background-color: #9a1719 !important; transition: background-color 0.2s; color: white !important; border: none !important; line-height:1.0em !important; }

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

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

.Pomefiore .tabbertab { padding: 5px !important; border: 1px solid #241d48 !important; box-sizing: border-box; width:100% ; }

.Pomefiore .tabbernav { border-bottom: 2px solid #241d48 !important; padding: 1.0em !important; }

.Pomefiore .tabbernav li a { background-color: #352687 !important; transition: background-color 0.2s; color: white !important; border: none !important; line-height:1.0em !important; }

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

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

.Ignihyde .tabbertab { padding: 5px !important; border: 1px solid #516EDD !important; box-sizing: border-box; width:100% ; }

.Ignihyde .tabbernav { border-bottom: 2px solid #516EDD !important; padding: 1.0em !important; }

.Ignihyde .tabbernav li a { background-color: #147AEE !important; transition: background-color 0.2s; color: white !important; border: none !important; line-height:1.0em !important; }

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

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

.Diasomnia .tabbertab { padding: 5px !important; border: 1px solid #375F00 !important; box-sizing: border-box; width:100% ; }

.Diasomnia .tabbernav { border-bottom: 2px solid #375F00 !important; padding: 1.0em !important; }

.Diasomnia .tabbernav li a { background-color: #85c02e !important; transition: background-color 0.2s; color: white !important; border: none !important; line-height:1.0em !important; }

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

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

.imgtabber .tabbertab { padding: 5px 0 !important; border:none !important; } /**End tabber styles**/ /* -- Gallery -- */ .sprite-gallery div.wikia-gallery-item { width:75px !important; } .sprite-gallery div.lightbox-caption { width:75px !important; }

/* -- Misc -- */

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

/**tooltip styles**/ .main-tooltip { background-color:black; border:1px solid white; padding:0.4em; }

.tt-magic-tooltip { background-color:black; border:1px solid white; width:300px; padding:0.4em; margin-bottom:10px; left:-150px; text-align:center; z-index: 1; }

.tt-buddy-tooltip { background-color:black; border:1px solid white; width:80px; padding:0.4em; margin-bottom:10px; text-align:center; }

/**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/revision/latest?cb=20200519093557'), auto;} a:link {cursor: url('https://vignette.wikia.nocookie.net/twisted-wonderland/images/c/cc/Magicpencursor.png/revision/latest?cb=20200519093557'), pointer;} a:visited {cursor: url('https://vignette.wikia.nocookie.net/twisted-wonderland/images/c/cc/Magicpencursor.png/revision/latest?cb=20200519093557'), pointer;} a:hover {cursor: url('https://vignette.wikia.nocookie.net/twisted-wonderland/images/c/cc/Magicpencursor.png/revision/latest?cb=20200519093557'), pointer;} a:active {cursor: url('https://vignette.wikia.nocookie.net/twisted-wonderland/images/c/cc/Magicpencursor.png/revision/latest?cb=20200519093557'), 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'); 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/revision/latest?cb=20200611084939'); 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*/