User:Shai Shairu/common.css

@import url(/load.php?mode=articles&articles=MediaWiki:Common.css&only=styles);

.WikiaPage .WikiaPageBackground { opacity: .75; }

body.page-Hinata_Akatsuki .portable-infobox .pi-background { background: transparent; }

.test_table { border-width: 32px; border-style: solid; /*background-color: #ff0000;*/ border-image-source: url(https://vignette.wikia.nocookie.net/omegalabyrinth/images/4/46/Border.png); border-image-slice: 50 fill; border-image-width: 50px; border-image-repeat: stretch; }

body.page-Hinata_Akatsuki .wikiaPhotoGallery-slider-body { height: 466px; /*width: 870px;*/ /*color: #000000;*/ background: transparent; background-color: #8d53d9; border-radius: 1ex; /*background: none !important;*/ /*background: url("Wiki-background.png");*/ }

body.page-Hinata_Akatsuki .wikiaPhotoGallery-slider-body .description-background { background: transparent; }

body.page-Berune_Orenji .wikiaPhotoGallery-slider-body { height: 466px; /*width: 870px;*/ color: #000000; background-color: #bb8afe; }

body.page-Hinata_Akatsuki .portable-infobox .pi-title { color: #ffffff; }

background: transparent; width: 100%; height: auto; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-align: center; border-radius: 1ex; } position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1); -o-transition-timing-function: cubic-bezier(.67,.01,.23,1); transition-timing-function: cubic-bezier(.67,.01,.23,1); } margin: 0px; padding: 0px; } margin: 0px; } .Sld { height: auto; list-style: none; display: inline; float: left; } .SlideIMG { width: 100%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative; } position: absolute; display: block; }
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {
 * 1) NavBtns {

.NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; margin: 0px; background: transparent; color: #ffffff; } .nmLeft { height: 100%; left: 0px; background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); }

.nmLeft li { list-style: none; padding: 10px 100px 10px 10px; }

.nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmRight { height: 100%; right: 0px; background: linear-gradient(to left, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; }

.nmRight li { list-style: none; padding: 10px 10px 10px 100px; }

.nmRight li:hover { cursor: pointer; background: linear-gradient(to left, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmTop { width: 100%; top: 0px; background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; }

.nmTop li { display: inline-block; list-style: none; padding: 10px 10px 20px 10px; }

.nmTop li:hover { cursor: pointer; background: linear-gradient(to bottom, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmBottom { width: 100%; bottom: 0px; background: linear-gradient(to top, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; }

.nmBottom li { display: inline-block; list-style: none; padding: 20px 10px 10px 10px; }

.nmBottom li:hover { cursor: pointer; background: linear-gradient(to top, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nbActiveLeft { background: linear-gradient(to right, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); }

.nbActiveRight { background: linear-gradient(to left, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); }

.nbActiveTop { background: linear-gradient(to bottom, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); }

.nbActiveBottom { background: linear-gradient(to top, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); }

body.page-Hinata_Akatsuki .SliderView .NavBtn { color: #ffffff; }

body.page-Hinata_Akatsuki .SliderView { border-radius: 1ex; }