MediaWiki:Wikia.css

/* Tabber */ .tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #fcbf56 !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: black !important; border: #fcbf56 !important; background: transparent !important; } .tabberactive a { color: black !important; background: #fcbf56 !important; } .tabbernav :not(.tabberactive) a:hover { background: rgba(242,196,111, 0.2) !important; } .tabbertab { border: none !important; padding: 0 !important; }

.i18ndoc { background-color: #fe001a; border-bottom: 1px solid black; font-family: monospace; font-size: 8pt; height: 140px ; overflow: auto ; padding: 3px; }

body.ChatWindow { background: url(https://i.imgur.com/2M74SxT.png); }

body.ChatWindow .ChatHeader { opacity: 0.9; -moz-opacity:0.9; -khtml-opacity: 0.9; } body.ChatWindow .WikiaPage { opacity: 0.9; -moz-opacity:0.9; -khtml-opacity: 0.9; }

@-webkit-keyframes rotating /* Safari and Chrome */ { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating,.roblok,.rot,.rok { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } .roblok,.rok{display:inline-block;}

@-webkit-keyframes trembling { 0% {   left:-4px;top:2px; } 25% {   left:4px;top:-2px; } 50% {  left:2px;top:-4px; } 75% {  left:-2px;top:4px; } 100% {  left:8px;top:8px; } } @keyframes trembling { 0% {   left:-4px;top:2px; } 25% {   left:4px;top:-2px; } 50% {  left:2px;top:-4px; } 75% {  left:-2px;top:4px; } 100% {  left:8px;top:8px; } } .trembling,.shaking,.trm,.shk { position:relative; -webkit-animation: trembling 0.1s cubic-bezier(0,.5,.5,1) infinite; -moz-animation: trembling 0.1s cubic-bezier(0,.5,.5,1) infinite; -ms-animation: trembling 0.1s cubic-bezier(0,.5,.5,1) infinite; -o-animation: trembling 0.1s cubic-bezier(0,.5,.5,1) infinite; animation: trembling 0.1s cubic-bezier(0,.5,.5,1) infinite; }

@-webkit-keyframes circling { 0% {   left:0px;top:-4px; } 11% {   left:-3px;top:-3px; } 22% {  left:-4px;top:0px; } 33% {  left:-3px;top:3px; } 44% {  left:0px;top:4px; } 55% {    left:3px;top:3px; } 66% {   left:-3px;top:-3px; } 77% {  left:4px;top:0px; } 88% {  left:3px;top:-3px; } 100% {    left:0px;top:-4px; } } @keyframes circling { 0% {   left:0px;top:-4px; } 11% {   left:-3px;top:-3px; } 22% {  left:-4px;top:0px; } 33% {  left:-3px;top:3px; } 44% {  left:0px;top:4px; } 55% {    left:3px;top:3px; } 66% {   left:-3px;top:-3px; } 77% {  left:4px;top:0px; } 88% {  left:3px;top:-3px; } 100% {    left:0px;top:-4px; }

} .circling,.cir,.crc { position:relative; left:0px; top:-4px; -webkit-animation: circling 1s linear infinite; -moz-animation: circling 1s linear infinite; -ms-animation: circling 1s linear infinite; -o-animation: circling 1s linear infinite; animation: circling 1s linear infinite; }

@-webkit-keyframes rotating3d /* Safari and Chrome */ { from { -webkit-transform:rotateX(0deg);transform:rotateX(0deg); } to { -webkit-transform:rotateX(360deg);transform:rotateX(360deg); } } @keyframes rotating3d { from { -webkit-transform:rotateX(0deg);transform:rotateX(0deg); } to { -webkit-transform:rotateX(360deg);transform:rotateX(360deg); } } .rotating3d,.roblok3d,.rot3d,.rok3d { -webkit-animation: rotating3d 2s linear infinite; animation: rotating3d 2s linear infinite; } .roblok3d,.rok3d{display:inline-block;}

@font-face { font-family: "sense8"; font-style: normal; src: url("https://vignette.wikia.nocookie.net/xraydeltaone/images/1/13/Sense8.otf") format("opentype"); }

/* You invoke the new style by adding theme="sense8" to the infobox tag */

.portable-infobox.pi-theme-sense8 { /* width of all sens8 infoboxes */ width:             310px; } .pi-theme-sense8.pi-background {  /* overall background */ background-color:  #f0f0f0; }

.pi-theme-sense8 .pi-image { } /* alignment of image box */

.pi-theme-sense8 .pi-image-thumbnail { /* for adjusting the image */ max-width:         308px; /* Size of image, typically use the same width as infobox, minus borders*/ /*   max-height:         123px; (if needed) */ width:             100%;  /* (if needed) */ height:            100%;  /* Preserves the image ratio */ }

.pi-theme-sense8 {  /* overall border, color, font, etc. */ border:            solid #00f8f8 2px; font-size:         95%; color:             #333; } .pi-theme-sense8 .pi-item-spacing { } /* padding between each element */

.pi-theme-sense8 .pi-title { /* title padding, margin, font... */   background-color:   #007a7a; text-align:        center; font-family:       sense8; font-size:         175%; font-style:        italic; font-weight:       bold; color:             white; } .pi-theme-sense8 .pi-caption { } /* caption font, color, etc. */

.pi-theme-sense8 .pi-group { } /* group border, etc. */

.pi-theme-sense8 .pi-group .pi-header { /* Override font for group header */ font-size: 120%; } .pi-theme-sense8 .pi-border-color { } /* group and data border color */

.pi-theme-sense8 .pi-header {  /* header alignment, border etc. */ text-align:        center; } .pi-theme-sense8 .pi-secondary-font { /* header, label font */ font-size:         inherit; } .pi-theme-sense8 .pi-secondary-background { } /* header background */

.pi-theme-sense8 .pi-data { } /* div around label and value */

.pi-theme-sense8 .pi-data-label { /* label alignment, wrapping, flex */ flex-basis:        95px;  /* Changes ratio of left/right column width */ }

.pi-theme-sense8 .pi-data .pi-secondary-font { } /* make font of data block different than header */

.pi-theme-sense8 .pi-data-value { /* value field (right column) */ font-size:         inherit; flex:              1 1 auto; } .pi-theme-sense8 .pi-data-value:not(:first-child) /* padding/margin between data columns */ { /*   padding-left:       0;   */  /* As you think best */ /*   margin-left:        4px; */ } .pi-theme-sense8 .pi-font { } /* value font */

.pi-theme-sense8 .pi-horizontal-group { } /* table styles for horizontal group */

.pi-theme-sense8 .pi-horizontal-group-item { } /* cell padding/margin */

.pi-theme-sense8 .pi-horizontal-group .pi-data-label {  /* label in horizontal group */ font-size:         90%; } .pi-theme-sense8 .pi-title + .pi-group .pi-horizontal-group .pi-data-value { /* Season and Episode numbers are bigger */ font-size: 110%; } .pi-theme-sense8 .pi-horizontal-group-item { } /* table cells in horizontal group */

.pi-theme-sense8 .pi-navigation { } /* nav tag */

.pi-theme-sense8 .pi-item /* almost everything gets this, so be careful */ { }