Common.css

Note: After saving, you have to bypass your browser's cache to see the changes.
Internet Explorer: hold down the Ctrl key and click the Refresh or Reload button, or press Ctrl+F5.
Firefox: hold down the Shift key while clicking Reload; alternatively press Ctrl+F5 or Ctrl-Shift-R.
Opera users have to clear their caches through Tools→Preferences
Konqueror and Safari users can just click the Reload button.
Chrome: press Ctrl+F5 or Shift+F5
@import url("/load.php?mode=articles&articles=MediaWiki:Themes.css|MediaWiki:Mainpage.css&only=styles");

.discord-widget-container .discord-widget .widget-header {
  background-color: #323298;
}

/* Notifications Styling */
.notification.unread.admin-notification {
	box-shadow: inset 0 0 100px #a0a0a0;
	font-weight: bold;
}
.notification.read {
	opacity: 0.7;
}

/* Template:Welcome Styling */
.welcome {
	background: url("https://i.imgur.com/7S4f2fa.png");
	border: 5px ridge silver;
	color: black;
	padding: 5px;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.welcometext {
	width:60%;
}
.welcome:before {
	content: "WELCOME TO STORYBROOKE!";
	font-size: 130%;
	font-weight: bold;
	margin-left: 30px;
	margin-right: -50px;
}
.welcome:hover {
	background: url("https://i.imgur.com/WGvtRyT.png") right no-repeat !important;
	border: 5px ridge #224145;
	color: #efefef;
}
.welcome:hover:before {
	content: "WELCOME TO THE ENCHANTED FOREST!";
}
.welcome:hover a {
	color: lightblue!important;
}
.welcome:hover .welcomeimage1 {
	visibility: hidden!important;
}
.welcomeimage1 {
	visibility: visible;
}
.welcome:hover .welcomeimage2 {
	visibility: visible!important;
}
.welcomeimage2 {
	visibility: hidden;
}
.welcomeimage1,
.welcomeimage2 {
	border-radius: 100px;
	height: 160px;
	margin-left: -184px;
	margin-top: -95px;
	overflow: hidden;
	position: absolute;
	width: 160px;
	border: 4px solid gray;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.welcomeimage2:hover, .welcomeimage2:focus, .welcomeimage2:active {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}

/* Editor Spell */
/* Credit to [[w:User:CzechOut]] */
div.loading-message {
   letter-spacing: 1.5px;
   text-transform: uppercase;
}
#EditPageEditor .loading-indicator .loading-message .loading-throbber {
   background-image: url(https://vignette.wikia.nocookie.net/onceuponatime8042/images/1/1e/EditorSpell.gif/revision/latest?cb=20150105205613) !important;
   background-size: 242px 200px !important;
   background-repeat:no-repeat !important;
   background-position:top center;
   background-color:transparent;
   overflow:visible;
   height:200px !important;
   width: 600px !important;
}
/* CSS supporting Template:Policies */
.policiesheader {
	background: gray;
	border-radius: 5px;
	color: white;
	font-size: 140%;
	letter-spacing: 8px;
	margin: 5px;
	text-align: center;
}
.policiesheader a {
	color: white;
}
.policiestoc {
	background: gainsboro;
	border-radius: 5px;
	padding: 5px;
	width: 50%;
}
.policiestoc a {
	color: gray;
	font-weight: bold;
}
.policiestoc:hover {
	background: rgba(219, 219, 219, 0.5);
}

/* CSS supporting Template:Slider */
.ts-container .ts-slide {
	display: none;
}
.ts-container .ts-active {
	display: block;
}
.ts-container.ts-container-inline .ts-active {
    display: inline;
}

/* CSS Supporting Template:UserBox */
.userbox,
.userbox img {
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.userbox:hover img {
	border-radius: 100%;
}
.userbox {
	box-shadow: 4px 4px 4px gray;
}
.userboxgay {
	background: url("https://i.imgur.com/r3llCyb.png") !important;
}
.userboxgay:hover {
	font-size:120%;
	box-shadow:0 0 100px purple;
}
.userboxcruella {
	background: url("http://image.prntscr.com/image/5e21aeadefeb4323944b8eede5658dcd.png") !important;
}
.hiddenstars {
	width: 40px;
}
.hiddenstars .star1,
.hiddenstars .star2,
.hiddenstars .star3,
.hiddenstars .star4,
.hiddenstars .star5,
.hiddenstars .star6 {
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	color: #ededed;
	font-family: 'Times New Roman', serif;
	font-size: 70px !important;
	text-shadow: 0 0 20px #407fd6;
	transition: all 3s ease;
	width: 20px;
	margin-left:90px!important;
}
.hiddenstars:hover .star1 {
	font-size: 0px!important;
	margin-left: 300px!important;
	transform: rotate(-720deg);
}
.hiddenstars:hover .star2 {
	font-size: 0px!important;
	margin-left: 260px!important;
	margin-top: 100px!important;
	transform: rotate(720deg);
}
.hiddenstars:hover .star3 {
	font-size: 0px!important;
	margin-left: 140px!important;
	margin-top: -80px!important;
	transform: rotate(720deg);
}
.hiddenstars:hover .star4 {
	font-size: 0px!important;
	margin-left: -50px!important;
	margin-top: 100px!important;
	transform: rotate(-320deg);
}
.hiddenstars:hover .star5 {
	font-size: 0px!important;
	margin-left: 400px!important;
	transform: rotate(600deg);
}
.hiddenstars:hover .star6 {
	font-size: 0px!important;
	transform: rotate(600deg);
}
.hiddenstars .star2 {
	margin-top: -22px;
}
.hiddenstars .star3 {
	margin-top: -22px;
}
.hiddenstars .star4 {
	margin-top: -22px;
}
.hiddenstars .star5 {
	margin-top: -22px;
}
.hiddenstars .star6 {
	margin-top: -22px;
}.hiddenstars {
	width: 40px;
}
.hiddenstars .star1,
.hiddenstars .star2,
.hiddenstars .star3,
.hiddenstars .star4,
.hiddenstars .star5,
.hiddenstars .star6 {
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	color: #ededed;
	font-family: 'Times New Roman', serif;
	font-size: 70px !important;
	text-shadow: 0 0 20px #407fd6;
	transition: all 3s ease;
	width: 20px;
	margin-left:90px!important;
}
.hiddenstars:hover .star1 {
	font-size: 0px!important;
	margin-left: 300px!important;
	transform: rotate(-720deg);
	margin-top: -22px;
}
.hiddenstars:hover .star2 {
	font-size: 0px!important;
	margin-top: -60px !important;
	margin-left: 260px!important;
	transform: rotate(720deg);
}
.hiddenstars:hover .star3 {
	font-size: 0px!important;
	margin-top: -80px !important;
	margin-left: 140px!important;
	transform: rotate(720deg);
}
.hiddenstars:hover .star4 {
	font-size: 0px!important;
	margin-top: -60px !important;
	margin-left: -50px!important;
	transform: rotate(-320deg);
}
.hiddenstars:hover .star5 {
	font-size: 0px!important;
	margin-left: 400px!important;
	margin-top: -22px;
	transform: rotate(600deg);
}
.hiddenstars:hover .star6 {
	font-size: 0px!important;
	transform: rotate(600deg);
	margin-top: -22px;
}
.hiddenstars .star2 {
	margin-top: -22px;
}
.hiddenstars .star3 {
	margin-top: -22px;
}
.hiddenstars .star4 {
	margin-top: -22px;
}
.hiddenstars .star5 {
	margin-top: -22px;
}
.hiddenstars .star6 {
	margin-top: -22px;
}
/* CSS supporting Template:OUaTverse */
.extendeduniverseimg img:hover {
	opacity: 0.8;
}

/* CSS supporting Template:MagicColorsTable */
.magicamara1 {
	background: url("https://i.imgur.com/qbi4LZy.png")!important;
}

.magicamara2 {
	background: url("https://i.imgur.com/FVEaLMN.png")!important;
}

.magicanastasia {
	background: url("https://i.imgur.com/91QZdzn.png")!important;
}

.magicapprentice {
	background: url("https://i.imgur.com/xYMFLSW.png")!important;
}

.magicbluefairy {
	background: url("https://i.imgur.com/tDM5sY0.png")!important;
}

.magiccruella {
	background: url("https://i.imgur.com/hMTWmDk.png")!important;
}

.magiccora {
	background: url("https://i.imgur.com/HC0LUjD.png")!important;
}

.magiccyrus {
	background: url("https://i.imgur.com/SO8wbJ8.png")!important;
}

.magicdragon {
	background: url("https://i.imgur.com/4Z3rNpN.png")!important;
}

.magicelsa {
	background: url("https://i.imgur.com/9nCjRxN.png")!important;
}

.magicemma1 {
	background: url("https://i.imgur.com/QkHuysw.png")!important;
}

.magicemma2 {
	background: url("http://img.prntscr.com/img?url=http://i.imgur.com/50XfcfY.png")!important;
}

.magicemma3 {
	background: url("https://i.imgur.com/SKqWjth.png")!important;
}

.magicfgm {
	background: url("https://i.imgur.com/M4KE9YJ.png")!important;
}

.magicglinda {
	background: url("https://i.imgur.com/9yn3yFI.png")!important;
}

.magicmagicmirror {
	background: url("https://i.imgur.com/PwUqA9V.png")!important;
}

.magichades {
	background: url("https://i.imgur.com/ksT3URL.png")
}

.magichook {
	background: url("https://i.imgur.com/OhH1VAQ.png")
}

.magicingrid {
	background: url("https://i.imgur.com/HxsuMDs.png")
}

.magicjafar1 {
	background: url("https://i.imgur.com/0KddUyK.png")
}

.magicjafar2 {
	background: url("https://i.imgur.com/tlTqYk3.png")
}

.magicjafar3 {
	background: url("https://i.imgur.com/CmmPoVx.png")
}

.magiclily {
	background: url("https://i.imgur.com/cSaj6F9.png")
}

.magicmal1 {
	background: url("https://i.imgur.com/A4Ulbyg.png")
}

.magicmal2 {
	background: url("https://i.imgur.com/WyQEPPu.png")
}

.magicmal3 {
	background: url("https://i.imgur.com/qYJA5pp.png")
}

.magicmerlin {
	background: url("https://i.imgur.com/QtRac9K.png")
}

.magicnova {
	background: url("https://i.imgur.com/bJ9CHYb.png")
}

.magicpan1 {
	background: url("https://i.imgur.com/Ekbm7Nj.png")
}

.magicpan2 {
	background: url("https://i.imgur.com/CLA1X8Q.png")
}

.magicregina1 {
	background: url("https://i.imgur.com/V5D6Jt7.png")
}

.magicregina2 {
	background: url("https://i.imgur.com/1mjP4yp.png")
}

.magicregina3 {
	background: url("https://i.imgur.com/HHibuM1.png")
}

.magicregina4 {
	background: url("https://i.imgur.com/4zXXsHx.png")
}

.magicregina5 {
	background: url("https://i.imgur.com/vTjsD5e.png")
}

.magicregina6 {
	background: url("http://image.prntscr.com/image/d88bb08956c84d07874aae854d5b25db.png")
}

.magicrumple1 {
	background: url("https://i.imgur.com/jqyJ2iP.png")
}

.magicrumple2 {
	background: url("https://i.imgur.com/Z90lIzG.png")
}

.magicrumple3 {
	background: url("https://i.imgur.com/8rmZPWq.png")
}

.magicrumple4 {
	background: url("https://i.imgur.com/58LgW2J.png")
}

.magicrumple5 {
	background: url("https://i.imgur.com/ZhSvvsS.png")
}

.magicrumple6 {
	background: url("https://i.imgur.com/v0gIcc8.png")
}

.magicrumple7 {
	background: url("https://i.imgur.com/2auxszV.png")
}

.magicrumple8 {
	background: url("https://i.imgur.com/MkQWeyE.png")
}

.magicmorpheus {
	background: url("http://image.prntscr.com/image/62af9af12b9845089ae7f924712317d6.png")
}

.magicsilvermist {
	background: url("https://i.imgur.com/uzT36BI.png")
}

.magictinkerbell {
	background: url("https://i.imgur.com/Lkfu4fJ.png")
}

.magicursulad {
	background: url("https://i.imgur.com/5EfFpzO.png")
}

.magicwill {
	background: url("https://i.imgur.com/lhx5HvO.png")
}

.magicwitch {
	background: url("https://i.imgur.com/iBg0b7m.png")
}

.magiczelena {
	background: url("https://i.imgur.com/Tp9570i.png")
}

/* CSS supporting Template:LastWords */
.lastwords {
	width: 150px;
}
.lastwords .mask {
	background: black;
	color: #efefef;
	margin-left: 155px;
	margin-top: -84px;
	padding: 5px;
	position: absolute;
	visibility: hidden;
	width: 300px;
}
.lastwords:hover .mask {
	visibility: visible;
}

/* CSS supporting Template:3Dbook */
.book-container,
.book-container-comic {
	-moz-perspective: 1200px;
	-webkit-perspective: 1200px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	-webkit-user-drag: none;
	user-drag: none;
	display: block;
	margin: 0 auto;
	perspective: 1200px;
	width: 250px;
}
.book-container {
	width: 250px;
}
.book-container-comic {
	width: 150px;
}
.book,
.book-comic {
	-moz-transform-origin: 125px 0;
	-moz-transform-style: preserve-3d;
	-moz-transition: 0.75s;
	-webkit-transform-origin: 125px 0;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.75s;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	transform-origin: 125px 0;
	transform-style: preserve-3d;
	transition: 0.75s;
	z-index: 5;
}
.book:after,
.book-comic:after {
	bottom: 0;
	content: "";
	left: 3px;
	position: absolute;
	top: 0;
	width: 7px;
	z-index: 20;
}
.book:hover {
	-moz-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);
	-webkit-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);
	transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);
}
.book-comic:hover {
	-moz-transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg);
	-webkit-transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg);
	transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg);
}
.book-cover {
	position: relative;
	z-index: 10;
}
.book-cover img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.book-spine {
	background: url(https://i.imgur.com/Mshm8sZ.png);
}
.book-spine-comic1 {
	background: url("https://i.imgur.com/ojIC3K6.png");
}
.book-spine-comic2 {
	background: url(https://i.imgur.com/rRp29my.png);
}
.book-spine-comic3 {
	background: black;
}
.book-spine-comic1,
.book-spine-comic2,
.book-spine-comic3,
.book-spine {
	-moz-transform-origin: 0;
	-moz-transform: rotateY(-90deg) translateX(-49px);
	-webkit-transform-origin: 0;
	-webkit-transform: rotateY(-90deg) translateX(-49px);
	background-size: auto 100%;
	bottom: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	color: #fff;
	smargin-left: 5px;
	overflow: hidden;
	position: absolute;
	top: 0;
	transform-origin: 0;
	z-index: 5;
}
.book-spine {
	transform: rotateY(-90deg) translateX(-30px);
	width: 30px;
}
.book-spine-comic1,
.book-spine-comic2,
.book-spine-comic3 {
	transform: rotateY(-90deg) translateX(-20px);
	width: 20px;
}
.book-spine-comic1 h1,
.book-spine-comic2 h1,
.book-spine-comic3 h1,
.book-spine h1 {
	-moz-transform-origin: 0;
	-moz-transform: rotateZ(90deg);
	-webkit-font-smoothing: antialiased;
	-webkit-transform-origin: 0;
	-webkit-transform: rotateZ(90deg);
	color: #fff;
	display: block;
	font-size: 2em;
	font-weight: normal;
	left: 39px;
	opacity: 0.75;
	position: absolute;
	text-align: left;
	text-indent: 43px;
	text-transform: uppercase;
	top: 0;
	transform-origin: 0;
	transform: rotateZ(90deg);
	width: 250px;
}
.book-spine-comic1:before,
.book-spine-comic2:before,
.book-spine-comic3:before,
.book-spine:before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
}

/* CSS Supporting Template:OUATBook */
.ouatbookpageright {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
}
.ouatbookpageright:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: #3e281d;
  background: linear-gradient(315deg, #d9c7bf 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.ouatbookpageright:hover:before, .ouatbookpageright:focus:before, .ouatbookpageright:active:before {
  width: 35px;
  height: 35px;
}

.ouatbookpageleft {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
}
.ouatbookpageleft:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: #3e281d;
  background: linear-gradient(-315deg, #d9c7bf 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.ouatbookpageleft:hover:before, .ouatbookpageleft:focus:before, .ouatbookpageleft:active:before {
  width: 35px;
  height: 35px;
}
.ouatbook ul.tabbernav {
	border: 0 solid black !important;
	font-family: Helvetica, sans-serif !important;
	font-weight: bold !important;
} 
.ouatbook ul.tabbernav li a {
	margin-left: 5px !important;
	padding: 5px !important;
	border: 0px solid black !important;
	color: black !important;
	background:#ece3df;
	box-shadow: 1px 1px 0px #3e281d;
}
.ouatbook ul.tabbernav li.tabberactive a {
	margin-left: 5px !important;
	padding: 5px !important;
	border: 0px solid black !important;
	color: black !important;
	background:#ece3df;
	box-shadow: 2px 2px 0px #3e281d;
}
.ouatbook .tabberlive .tabbertab {
	border: 0px solid black !important;
}

/* CSS supporting Template:MagicMirror */
.magicmirror {
	height: 175px;
	width: 311px;
}
.magicmirror1,
.magicmirror2 {
	margin-top: -175px;
}
.magicmirror1 img {
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}
.magicmirror:hover .magicmirror1 img {
	opacity: 0;
}
/* CSS supporting Template:Hat */
.hattabbers ul.tabbernav li a {
	background: transparent !important;
	border: 0!important;
	color: black !important;
	font-family: ONCE !important;
	font-size: 120%;
	margin-left: 5px !important;
	padding: 5px !important;
	text-transform: uppercase;
}
.hattabbers ul.tabbernav li.tabberactive a {
	display: none;
}
.hattabbers .tabberlive .tabbertab {
	border-bottom: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}
.hat {
	height: 260px;
	width: 260px;
}
.hat2,
.hat3 {
	margin-top: -260px;
}
.hat img {
	border-radius: 100%;
}
.hat1 img,
.hat2 img {
	box-shadow: 0 0 100px #5d3791;
}
.hat3 img {
	box-shadow: 0 0 20px white;
	opacity: 0;
}
.hat1 img,
.hat2 img {
	-moz-transition: all 4s ease;
	-ms-transition: all 4s ease;
	-o-transition: all 4s ease;
	-webkit-transition: all 4s ease;
	transition: all 4s ease;
}
.hat3 img {
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.hat:hover .hat1 img,
.hat:hover .hat2 img {
	-moz-transform: rotate(1360deg);
	-ms-transform: rotate(1360deg);
	-o-transform: rotate(1360deg);
	-webkit-transform: rotate(1360deg);
	transform: rotate(1360deg);
}
.hat:hover .hat2 img {
	opacity: 0;
}
.hat:hover .hat3 img {
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	height: 260px;
	margin-top: 0;
	opacity: 1;
	transform: rotate(360deg);
	width: 260px;
}
/* CSS supporting Template:EnchantedHeart */
.enchantedheart {
	height: 175px;
	width: 311px;
}
.enchantedheart2 {
	margin-top: -175px;
}
.enchantedheart2 img {
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.5s;
}
.enchantedheart:hover .enchantedheart2 img {
	opacity: 0;
}

/* CSS supporting Timeline article */
.timelineboxes:hover {opacity:0.8}

/* CSS index */
.cssindex {
	margin-bottom: -20px;
	visibility: hidden;
}
.page-MediaWiki_Wikia_css .cssindex {
	margin-bottom: 0 !important;
	visibility: visible !important;
}

/* TOC Styling */
.toc .toctitle {
	font-family: "ONCE";
	text-transform: uppercase;
}

/*Icons fix*/
a.link-internal { display:inline-block; }

/* H3 headers that will not display */
/* but will be linked to in the TOC */
.invisibleheaders {
	margin-bottom: -20px;
	visibility: hidden;
}

/* default skin for navigation boxes */
table.navbox {
    background-color: var(--theme-page-background-color--secondary);
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: left;
    width: 100%;
}
 
table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}
 
table.navbox tr:not(:first-child) th {
    background-color: #ddf;
}
 
@media print {
    .navbox {
        display: none;
    }
}

/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */
 
div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 4px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
.NavPic {
        background-color: #fff;
        padding: 2px;
        float: left;
}
.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        background-color: #ccccff;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}

/* tabber overrides*/

.tabberlive .tabbertab h2,
.tabberlive .tabbertab h3 { display: block !important; }

ul.tabbernav li.tabberactive a {
border-bottom: 1px transparent solid !important; 
}

ul.tabbernav {
 border-bottom: 1px transparent solid !important;
}

.tabberlive .editsection { display: none; }

/* end of tabber overrides*/

/* Tabber Styling for List of Deleted Scenes */
.page-List_of_Deleted_Scenes ul.tabbernav {
	border-bottom: 0 solid transparent !important;
	font-family: Helvetica, sans-serif !important;
	font-size: 120%;
	font-weight: bold !important;
	padding: 5px 0 !important;
} 
.page-List_of_Deleted_Scenes ul.tabbernav li a {
	background: gainsboro !important;
	margin-left: 5px !important;
	padding: 5px !important;
	border: 0px;
}
.page-List_of_Deleted_Scenes ul.tabbernav li a:hover {
	color: #00007D !important;
}
.page-List_of_Deleted_Scenes ul.tabbernav li.tabberactive a {
	background:silver !important;
}
.page-List_of_Deleted_Scenes .tabberlive .tabbertab {
	border: 0px solid black !important;
}
.page-List_of_Deleted_Scenes h3 {
	background: rgba(0, 0, 0, .4) !important;
	color: white;
	margin-left: -5px;
	margin-right: -5px;
	padding-left: 10px;
	font-family: "ONCE";
	text-transform: uppercase;
}
.page-List_of_Deleted_Scenes h3 a {
	color: white;
}

/* Styling for [[Once Upon a Time Universe]] */
.page-Once_Upon_a_Time_Universe .mw-content-text img {
	border: 5px ridge gray;
	-moz-transition: all 0.9s;
	-ms-transition: all 0.9s;
	-o-transition: all 0.9s;
	-webkit-transition: all 0.9s;
	transition: all 0.9s;
}
.page-Once_Upon_a_Time_Universe .mw-content-text img:hover {
	opacity:.9;
}
.page-Once_Upon_a_Time_Universe ul.tabbernav {
	border-bottom: 0 solid black !important;
	font-family: Helvetica, sans-serif !important;
	font-weight: bold !important;
	padding: 5px 0 !important;
}
.page-Once_Upon_a_Time_Universe ul.tabbernav li a {
	background: transparent !important;
	color: black !important;
	margin-left: 5px !important;
	padding: 5px !important;
}
.page-Once_Upon_a_Time_Universe ul.tabbernav li.tabberactive a {
	background: rgba(255, 255, 255, .3) !important;
}
.page-Once_Upon_a_Time_Universe .tabberlive .tabbertab {
	border-right: 0 !important;
	border-left: 0 !important;
	border-bottom: 0 !important;
	border-top: 1px solid gray !important;
}

/* Tabber Styling for [[Template:StartTrivia]] */
.trivia ul.tabbernav {
	border-bottom: 0 solid black !important;
	font-family: Helvetica, sans-serif !important;
	font-weight: bold !important;
	padding: 5px 0 !important;
} 
.trivia ul.tabbernav li a {
	background: rgba(255, 255, 255, .5) !important;
	border-radius: 5px 5px 0 0;
	margin-left: 5px !important;
	padding: 5px !important;
	border-top: 2px solid rgba(0, 0, 0, .4) !important;
	border-right: 2px solid rgba(0, 0, 0, .4) !important;
	border-left: 2px solid rgba(0, 0, 0, .4) !important;
	color: black !important;
}
.trivia ul.tabbernav li.tabberactive a {
	background-color: rgba(255, 255, 255, .7) !important;
	border: 0 !important;
	font-weight: bold !important;
	border-bottom: 2px solid rgba(255, 255, 255, .5) !important;
	border-top: 2px solid rgba(0, 0, 0, .4) !important;
	border-right: 2px solid rgba(0, 0, 0, .4) !important;
	border-left: 2px solid rgba(0, 0, 0, .4) !important;
}
.trivia .tabberlive .tabbertab {
	background: rgba(255, 255, 255, .7) !important;
	border-top: 0 !important;
	border: 2px solid rgba(0, 0, 0, .4) !important;
}
.trivia h3 {
	background: rgba(0, 0, 0, .4) !important;
	color: white;
	margin-left: -5px;
	margin-right: -5px;
	padding-left: 10px;
	font-family: "ONCE";
	text-transform: uppercase;
}
.trivia h3 a {
	color: white;
}
.trivia .toc-link {
	display: none!important;
}

/* Season Articles Infobox Tabber */
.page-Season_Three ul.tabbernav {
	background: gainsboro;
	border-bottom: 2px solid #7175F5 !important;
	margin-top: -11px;
}
.page-Season_Three ul.tabbernav li a {
	background: rgba(113, 117, 245, .4) !important;
	border: 0 !important;
	color: white!important;
}
.page-Season_Three ul.tabbernav li a:hover {
	background-color: rgba(113, 117, 245, .7) !important;
	border-color: transparent !important;
}
.page-Season_Three ul.tabbernav li.tabberactive a {
	background-color: #7175F5 !important;
}
.page-Season_Three .tabberlive .tabbertab {
	border-top: 0 !important;
	border: 0 solid black !important;
	margin: -10px -5px -11px -5px;
}
.page-Season_Four ul.tabbernav {
	background: gainsboro;
	border-bottom: 2px solid #7458c1 !important;
	margin-top: -11px;
}
.page-Season_Four ul.tabbernav li a {
	background: rgba(116, 88, 193, .4) !important;
	border: 0 !important;
	color: white!important;
}
.page-Season_Four ul.tabbernav li a:hover {
	background-color: rgba(116, 88, 193, .7) !important;
	border-color: transparent !important;
}
.page-Season_Four ul.tabbernav li.tabberactive a {
	background-color: #7458c1 !important;
}
.page-Season_Four .tabberlive .tabbertab {
	border-top: 0 !important;
	border: 0 solid black !important;
	margin: -10px -5px -11px -5px;
}

.page-Season_Five ul.tabbernav {
	background: gainsboro;
	border-bottom: 2px solid #2800CC !important;
	margin-top: -11px;
}
.page-Season_Five ul.tabbernav li a {
	background: rgba(40, 0, 204, .4) !important;
	border: 0 !important;
	color: white!important;
}
.page-Season_Five ul.tabbernav li a:hover {
	background-color: rgba(40, 0, 204, .7) !important;
	border-color: transparent !important;
}
.page-Season_Five ul.tabbernav li.tabberactive a {
	background-color: #2800CC !important;
}
.page-Season_Five .tabberlive .tabbertab {
	border-top: 0 !important;
	border: 0 solid black !important;
	margin: -10px -5px -11px -5px;
}

.page-Season_Six ul.tabbernav {
	background: gainsboro;
	border-bottom: 2px solid #2b9aaa !important;
	margin-top: -11px;
}
.page-Season_Six ul.tabbernav li a {
	background: rgba(43, 154, 170, .4) !important;
	border: 0 !important;
	color: white!important;
}
.page-Season_Six ul.tabbernav li a:hover {
	background-color: rgba(43, 154, 170, .7) !important;
	border-color: transparent !important;
}
.page-Season_Six ul.tabbernav li.tabberactive a {
	background-color: #2b9aaa !important;
}
.page-Season_Six .tabberlive .tabbertab {
	border-top: 0 !important;
	border: 0 solid black !important;
	margin: -10px -5px -11px -5px;
}

/* Tabbers Project:Staff styling */
.page-Once_Upon_a_Time_Wiki_Staff ul.tabbernav {
	border-bottom: 0 solid black !important;
	font-family: Helvetica, sans-serif !important;
	font-weight: bold !important;
	padding: 5px 0 !important;
}

.page-Once_Upon_a_Time_Wiki_Staff ul.tabbernav li a {
	background: rgba(255, 255, 255, .5) !important;
	border-radius: 5px 5px 0 0;
	margin-left: 5px !important;
	padding: 5px !important;
	border-top: 1px solid teal !important;
	border-right: 1px solid teal !important;
	border-left: 1px solid teal !important;
	color: black !important;
}
.page-Once_Upon_a_Time_Wiki_Staff ul.tabbernav li.tabberactive a {
	background-color: white !important;
	border: 0 !important;
	font-weight: bold !important;
	border-bottom: 1px solid white !important;
	border-top: 1px solid teal !important;
	border-right: 1px solid teal !important;
	border-left: 1px solid teal !important;
}
.page-Once_Upon_a_Time_Wiki_Staff .tabberlive .tabbertab {
	background: white !important;
	border-top: 0 !important;
	border: 1px solid teal !important;
}

/*Shadow*/
.resizable-container a:visited:hover, .resizable-container .color2 a:visited:hover { 
  text-shadow: #A0A0A0 0 0 5px;
  text-decoration:none;
}
 
.resizable-container a:hover, .resizable-container .color2 a:hover {
  text-shadow: #A0A0A0 0 0 5px;
  text-decoration:none;
}
 
.WikiaFooter .tools-menu a:hover {
    text-shadow: #A0A0A0 0 1px 1px;
}

/* Template:Character roster */
/* Credit to the League of Legends Wiki */
/* http://www.lol.wikia.com */
.champion_roster {
  line-height: 0; /* Kills any vertical spacing between rows */
  word-spacing: -0.25em; /* Negates the space between each icon */
  margin: 0;
  padding: 10px !important;
  text-align: center;
}
.champion_roster li {
  display: inline-block;
  margin: 0;
  overflow: hidden;
  border-radius: 1000px;
  box-shadow: 0 0 4px #111;
}
.champion_roster li:hover {
  box-shadow: 0 0 3px #aac, 0 0 10px black;
}

/* End Character roster */
/* Bubbles for Locations */
.portalitem {
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: transform;
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 90px!important;
	margin-bottom: -42px;
	transform: translateZ(0);
	transition-duration: 0.3s;
	transition-property: transform;
	vertical-align: middle;
	width: 90px!important;
}
.portalitem .portalitemhover {
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 100px;
	color: #ebebeb;
	margin-left: -2px;
	margin-top: -93px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transition: opacity 0.5s;
	visibility: hidden;
	z-index: 10;
}
.portalitem:hover .portalitemhover {
	height: 95px;
	opacity: 0.9;
	visibility: visible;
	width: 95px;
}
.portalitemhover div {
	margin-top: 36px;
	text-align: center;
}
.portalitemhover span {
	font-size: 14px;
	font-weight: bold;
}
.portalitemhover span a {
	color: white;
}
.portalitem p {
	margin: 0;
}
.portalitem:hover,
.portalitem:focus,
.portalitem:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* Customization of [[Template:FTLRealms]] */
.realmstabber img {border:2px solid black;}
.realmstabber ul.tabbernav {
	border: 0 solid black !important;
	font-family: Helvetica, sans-serif !important;
	font-weight: bold !important;
	padding: 5px 0 !important;
} 
.realmstabber ul.tabbernav li a {
	margin-left: 5px !important;
	padding: 5px !important;
	border: 2px solid black !important;
	color: black !important;background:white;
}
.realmstabber ul.tabbernav li.tabberactive a {
	margin-left: 5px !important;
	padding: 5px !important;
	border: 2px solid black !important;
	color: black !important;background:white;
}
.realmstabber .tabberlive .tabbertab {
	border: 0px solid black !important;
}
/* Customization of [[Template:HomeApp]] */
.view {
    width: 300px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    overflow: hidden;
    position: relative;
}
.view .mask, .view .content {
    width: 300px;
    height: 300px;
    border-radius:27px;
    position: absolute;
    overflow: hidden;
    top: 30px;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    color:  #EBEBEB;
    font-weight:bold;
    text-align: center;
    position: relative;
    font-size: 150%;
    background: rgba(0, 0, 0, 0.9);
}
.view p {
    font-size: 120%;
    position: relative;
    color:  #EBEBEB;
    padding: 10px 20px 20px;
    text-align: left;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}
.view img { 
	transition: all 0.4s ease-in-out 0.5s; 
}
.view .mask{ 
	background-color: rgba(0,0,0,0.8);
	opacity:0;
	transition: all 0.3s ease-in 0.4s;
}
.view h2{
	opacity:0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(10);
    transition: all 0.3s ease-in-out 0.1s;
}
.view p { 
	opacity:0;
    transform: scale(10);
	transition: all 0.3s ease-in-out 0.2s;
}
.view a.info { 
	opacity:0;
    transform: translateY(100px);
	transition: all 0.3s ease-in-out 0.1s;
}
.view:hover .mask {  
	opacity:1; 
	transition-delay: 0s;
}																			 
.view:hover img { 
	transition-delay: 0s; 
}
.view:hover h2 { 
	opacity: 1;
    transform: scale(1);
	transition-delay: 0.1s;
}
.view:hover p { 
	opacity:1; 
    transform: scale(1);
	transition-delay: 0.2s;
}
.view:hover a.info { 
	opacity:1;
    transform: translateY(0px);
	transition-delay: 0.3s;
}
/* Thanks to Isle of Tune Wiki */
/* ([[w:c:isleoftune]]) */

.mainpagebutton .mainpagehover {
	background-color: #000;
    border-radius: 25px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    font-size: 13px;
    opacity: 0;
    color: #EBEBEB;
    margin-left: 0px;
    margin-top: -307px;
    position: absolute;
    z-index: 10;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

.mainpagebutton:hover .mainpagehover {
	height: 295px;
	opacity: 0.9;
	width: 300px;
}
.mainpagehover div {
    margin: 10px;
}

.mainpagehover span {
    font-size: 15px;
    font-weight: bold;
}
/* List of Spells */
.listofspellsdiscplaimer {
	background: url("https://vignette.wikia.nocookie.net/onceuponatime8042/images/7/73/509Lead.png/revision/latest?cb=20161121193221");
	color:gainsboro;
	text-shadow:1px 1px 3px black;
}
/* Navigation Hover Class - Courtesy of XD1 */
.hovernav img { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
.hovernav img:hover { opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */ }
.hovernav2 img { filter:alpha(opacity=100);opacity:1}
.hovernav2 img:hover { filter: alpha(opacity=60); opacity:.90 }

/* Making red link usernames blue */
.mw-userlink {color:#00007d !important;}

/* User Highlighting */

a[href$=":Totalsolitude"],
a[href$=":Utter_solitude"] {color:#470047 !important; font-weight:bold !important}
a[href$=":Bot_of_Solitude"] {color:#000 !important; font-weight:bold !important}
a[href$=":Nightlily"] {color:#fc64a8 !important; font-weight:bold !important}
a[href$=":KyleBraxton"] {color:#5e0329 !important; font-weight:bold !important}
a[href$=":Schroeswald"] {color:#ff0000 !important; font-weight:bold !important}
a[href$=":Lola987"] {color:#5fafa7 !important; font-weight:bold !important}


/* Prevent scrollbox behavior when there are mulitple editintro templates. */
.editpage-intro > .editpage-intro-wrapper {
	max-height: 100%;
}

/* Scrollbox template from Wookieepedia */

.scrollbox {
	margin-bottom:3px;
	margin-top:3px;
}
.scrollbox tr > td {
	background: transparent;
}
.scrollbox tr > td > div {
	overflow: auto; 
	-moz-border-radius-topleft: 0.5em;
	border: 1px solid #AAAAAA;
	padding-left: 0.5em;
	background: transparent;
}
 
/* Test */
.test {
	text-align: right !important;
}
.test ul.tabbernav li a {
	background: transparent !important;
	border: 0!important;
	color: black !important;
	font-family: ONCE !important;
	font-size: 120%;
	margin-right: 50px;
	padding: 5px !important;
	text-transform: uppercase;
}
.test .tabberlive .tabbertab {
	border-bottom: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}
.name1,
.name2 {
	font-family: "ONCE";
	text-transform: uppercase;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.7s ease;
}
.name2 {
	margin-left: -150px;
	opacity:0!important;
}
.names:hover .name1 {
	color: gray;
	text-shadow: 0 0 10px gray;
}
.names:hover .name2 {
	color: #606;
	margin-left: 20px;
	text-shadow: 0 0 30px #606;
	visibility: visible;
	opacity:1!important;
}

.counterparttab .tabs {display:none}

/* Template: NewPortal */
.newportalbox {
	background: url("https://vignette.wikia.nocookie.net/onceuponatime8042/images/6/65/511MorningInStorybrooke.png/revision/latest/scale-to-width-down/620?cb=20161118205508");
	height: 280px;
	padding-left: 150px;
	padding-top: 60px;
	width: 470px;
}
.newportal {
	border-radius: 200px;
	border:0px solid transparent;
	width:1px;
	height:1px;
	margin-top:100px;
	margin-left:150px;
	position: absolute;
	transition: all .6s ease, transform 100s ease;
	box-shadow:0 0 400px white;
}
.newportalbox:hover .newportal {
	background: rgba(255, 162, 0, 0.2);
	border: 4px solid #ffd894 !important;
	width:260px;
	height:280px;
	margin-top:0px;
	margin-left:0px;
	box-shadow: inset 0 0 100px #ffa200, 0 0 100px #ffa200 !important;
	transform: rotate(9999999deg);
}
.newportalborder1,
.newportalborder2 {
	margin-left: -150px;
	margin-top: -60px;
	position: absolute;
}
.newportalborder2 {
	opacity: 0;
	transition: all 1s ease;
}
.newportalbox:hover .newportalborder2 {
	opacity: 1;
}
/* Tabber Styling for merged characters infobox */
.mergedCharacter .tabbertab {
    border: none !important;
    padding: 0 !important;
}
.mergedCharacter .tabbernav {
    background: transparant !important;
    border: none !important;
    padding: 0 !important;
    text-align: center;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important;
    border-radius: 4px;
    font-size: 15px !important;
    line-height: 15px !important;
    justify-content: center;
    display: flex;
}
.mergedCharacter .tabbernav li {
    font-size: 15px !important;;
    line-height: 15px !important;
    margin: auto;
    padding: auto;
}
.mergedCharacter .tabbernav li a {
    border: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    background: transparent !important;
    color: #999 !important;
    font-size: 14px;
    transition-duration: 0.15s;
    cursor: default;
    font-weight: normal !important;
    font-size: 15px !important;;
    line-height: 15px !important;
    width: 100%;
    display: inline-block;
}
.mergedCharacter .tabbernav .tabberactive a, .tabbernav li a:hover {
    color: black !important;
    background: transparant !important;
}

/* Full body background */
/*
.fandom-community-header__background {
	height: 100%;
}
.fandom-community-header__background:before {
	display: none;
}
*/

/* Transparent content area */
.page__main, .page__right-rail {
	background-color: rgba(var(--theme-page-background-color--rgb), 85%);
}

.right-rail-wrapper .rail-module {
	padding: 10px;
    background-color: rgba(var(--theme-page-background-color--rgb), 90%);
}

/* Theme class styling */
.theme {
	background-color:var(--theme-page-background-color--secondary);
}

/* Accenttheme class styling */
.accenttheme {
	background-color:var(--theme-page-accent-mix-color);
}
/* Different link color for links to external sites */
a.extiw, a.external {
  color: rgb(32, 102, 35);
}