MediaWiki:Common.css

/**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/0/01/College_dormitory-archive.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**/

/**table styles**/ /*prob gonna rename this after i sort out everything for story tables*/ .tltable th { background-color: #000; color: #B39F73 !important; padding: 0.4em; font-size: 1.2em !important; text-align: center; border-bottom: 1.2px solid #B39F73; }

.tltable td { background-color: #000; padding: 0.1em 0.4em 0 0.4em; }

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

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

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

.character { text-align:center !important; font-size: 1em !important; font-weight: bold !important; }

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

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

/**Dorm tables**/

.Heartslabyul { border-collapse: collapse; }

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

.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.1em 0.2em 0 0.2em; }

.Savanaclaw { border-collapse: collapse; }

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

.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.1em 0.2em 0 0.2em; }

.Octavinelle { border-collapse: collapse; }

.Octavinelle th { background-color: #787aa4; color: white; font-weight: bold !important; padding: 0.2em; border-top: 1px solid #a59dc1; border-bottom: 1px solid #a59dc1; }

.Octavinelle .secondaryheader { background-color: #8A80BB; 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.1em 0.2em 0 0.2em; }

.Scarabia { border-collapse: collapse; }

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

.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.1em 0.2em 0 0.2em; }

.Pomefiore { border-collapse: collapse; }

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

.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.1em 0.2em 0 0.2em; }

.Ignihyde { border-collapse: collapse; }

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

.Ignihyde .secondaryheader { background-color: #346CBC; 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.1em 0.2em 0 0.2em; }

.Diasomnia { border-collapse: collapse; }

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

.Diasomnia .secondaryheader { background-color: #375F00; color: white; 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.1em 0.2em 0 0.2em; } /**End table styles**/

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

/*     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; }

/*tabber styles*/

.Heartslabyul .tabbertab { padding: 0 !important; border-top: 1px solid #8A1305 !important; border-bottom: 1px solid #8A1305 !important; border-right: 1px solid #8A1305 !important; border-left: 1px solid #8A1305 !important; }

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

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

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

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

.Savanaclaw .tabbertab { padding: 0 !important; border-top: 1px solid #EFA406 !important; border-bottom: 1px solid #EFA406 !important; border-right: 1px solid #EFA406 !important; border-left: 1px solid #EFA406 !important; }

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

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

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

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

.Octavinelle .tabbertab { padding: 0 !important; border-top: 1px solid #8A80BB !important; border-bottom: 1px solid #8A80BB !important; border-right: 1px solid #8A80BB !important; border-left: 1px solid #8A80BB !important; }

.Octavinelle .tabbernav { border-bottom: 2px solid #8A80BB !important; }

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

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

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

.Scarabia .tabbertab { padding: 0 !important; border-top: 1px solid #611710 !important; border-bottom: 1px solid #611710 !important; border-right: 1px solid #611710 !important; border-left: 1px solid #611710 !important; }

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

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

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

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

.Pomefiore .tabbertab { padding: 0 !important; border-top: 1px solid #241d48 !important; border-bottom: 1px solid #241d48 !important; border-right: 1px solid #241d48 !important; border-left: 1px solid #241d48 !important; }

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

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

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

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

.Ignihyde .tabbertab { padding: 0 !important; border-top: 1px solid #346CBC !important; border-bottom: 1px solid #346CBC !important; border-right: 1px solid #346CBC !important; border-left: 1px solid #346CBC !important; }

.Ignihyde .tabbernav { border-bottom: 2px solid #346CBC !important; }

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

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

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

.Diasomnia .tabbertab { padding: 0 !important; border-top: 1px solid #375F00 !important; border-bottom: 1px solid #375F00 !important; border-right: 1px solid #375F00 !important; border-left: 1px solid #375F00 !important; }

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

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

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

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

.imgtabber .tabbertab { padding: 0 !important; border:none !important; } /**End tabber styles**/