MediaWiki:Wikia.css

.NavButton:hover .NavInfo, .NavButton:hover .AppInfo { top: 0; }

/** Navigation **/ background: #008cff; }
 * 1) PortalIcon {

background: #3a3a3a; }
 * 1) PortalIcon:hover {

.NavButton { width: 630px; border: 1px solid #262626; min-height: 400px; background: #3E3E3E center; margin-bottom: 1em; margin:0 auto; position: relative; overflow: hidden; color: #FFF; cursor: pointer; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; box-shadow: 2px 2px 2px #000000; }

.NavInfo { width: 100%; height: 400px; position: absolute; top: 367px; left: 0; z-index: 1; background-color: #000; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: top 0.3s linear; -moz-transition: top 0.3s linear; -o-transition: top 0.3s linear; transition: top 0.3s linear; }

.NavTitle { border-top: 1px solid #000; border-bottom: 1px solid #000; background: #000; background: rgba(0,0,0,0.6); height: 30px; padding-left: 5px; }

/** App Buttons **/ .AppButton { width: 618px; border: 1px solid #262626; min-height: 388px; background: #3E3E3E; margin-bottom: 1em; margin:0 auto; position: relative; overflow: hidden; color: #FFF; cursor: pointer; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; box-shadow: 2px 2px 2px #000000; }

.AppInfo { width: 100%; height: 388px; position: absolute; top: 595px; left: 0px; z-index: 1; background-color: #000; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: top 0.3s linear; -moz-transition: top 0.3s linear; -o-transition: top 0.3s linear; transition: top 0.3s linear; }

.AppTitle { border-top: 1px solid #000; border-bottom: 1px solid #000; background: #000; background: rgba(0,0,0,0.6); height: 20px; padding-left: 5px; }

.justifiedContainer { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }

.justifiedBox { width: 50px; height: 50px; vertical-align: top; display: inline-block; *display: inline; zoom: 1 }

.justifiedStretch { width: 100%; display: inline-block; font-size: 0; line-height: 0 }

/* Main Page Icon Transition Effects */ .divse, .divcr, .diven, .divar, .divqu, .divqunew, .divas, .divsk { transition-duration: 0.65s; transition-timing-function: ease-out; }

.divse { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/d/db/Main_Buttons1_b.png'); background-size: 150px 150px; }

.divse:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/5/57/Main_Buttons1.png'); background-size: 150px 150px; }

.divcr { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/6/64/Main_Buttons2_b.png'); background-size: 150px 150px; }

.divcr:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/4/46/Main_Buttons2.png'); background-size: 150px 150px; }

.divmm { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/e/e4/Main_Buttons3_b.png'); background-size: 150px 150px; }

.divmm:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/f/f0/Main_Buttons3.png'); background-size: 150px 150px; }

.diven { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/9/98/Main_Buttons4_b.png'); background-size: 150px 150px; }

.diven:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/5/52/Main_Buttons4.png'); background-size: 150px 150px; }

.divqunew { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/7/77/Main_Buttons5_b.png'); background-size: 150px 150px; }

.divqunew:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/a/a1/Main_Buttons5.png'); background-size: 150px 150px; }

.divsk { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/4/44/Main_Buttons6_b.png'); background-size: 150px 150px; }

.divsk:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/f/ff/Main_Buttons6.png'); background-size: 150px 150px; }

.div7 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/4/4b/Main_Buttons7_b.png'); background-size: 150px 150px; }

.div7:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/3/38/Main_Buttons7.png'); background-size: 150px 150px; }

.div8 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/e/e5/Main_Buttons8_b.png'); background-size: 150px 150px; }

.div8:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/f/f8/Main_Buttons8.png'); background-size: 150px 150px; }

.div9 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/b/b7/Main_Buttons9_b.png'); background-size: 150px 150px; }

.div9:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/9/9d/Main_Buttons9.png'); background-size: 150px 150px; }

.div10 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/4/42/Main_Buttons10_b.png'); background-size: 150px 150px; }

.div10:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/7/74/Main_Buttons10.png'); background-size: 150px 150px; }

.div11 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/9/92/Main_Buttons11_b.png'); background-size: 150px 150px; }

.div11:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/a/ab/Main_Buttons11.png'); background-size: 150px 150px; }

.div12 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/a/ab/Main_Buttons12_b.png'); background-size: 150px 150px; }

.div12:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/5/57/Main_Buttons12.png'); background-size: 150px 150px; }

.div13 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/a/ad/Main_Buttons13_b.png'); background-size: 150px 150px; }

.div13:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/c/c3/Main_Buttons13.png'); background-size: 150px 150px; }

.div14 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/7/73/Main_Buttons14_b.png'); background-size: 150px 150px; }

.div14:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/6/6c/Main_Buttons14.png'); background-size: 150px 150px; }

.div15 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/a/aa/Main_Buttons15_b.png'); background-size: 150px 150px; }

.div15:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/4/49/Main_Buttons15.png'); background-size: 150px 150px; }

.div16 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/3/37/Main_Buttons16_b.png'); background-size: 150px 150px; }

.div16:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/craftingoverhaul/images/2/28/Main_Buttons16.png'); background-size: 150px 150px; }

.div17 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/8/8b/Ghost0.png'); background-size: 150px 150px; }

.div17:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/5/59/Ghost1.png'); background-size: 150px 150px; }

.div18 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/7/78/Dragon0.png'); background-size: 150px 150px; }

.div18:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/f/fd/Dragon1.png'); background-size: 150px 150px; }

.divn1 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/9/9f/No.1~No.200_0.png'); background-size: 150px 150px; }

.divn1:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/c/c6/No.1~No.200_1.png'); background-size: 150px 150px; }

.divn2 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/2/2c/No.201~No.400_0.png'); background-size: 150px 150px; }

.divn2:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/6/68/No.201~No.400_1.png'); background-size: 150px 150px; }

.divn3 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/b/b1/No.401~No.650_0.png'); background-size: 150px 150px; }

.divn3:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/5/5b/No.401~No.650_1.png'); background-size: 150px 150px; }

.divn4 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/a/a3/Shiny_%26_Mega0.png'); background-size: 150px 150px; }

.divn4:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/a/a5/Shiny_%26_Mega1.png'); background-size: 150px 150px; }

.divr1 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/f/ff/Common0.png'); background-size: 150px 150px; }

.divr1:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/2/27/Common1.png'); background-size: 150px 150px; }

.divr2 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/7/79/Quiterare0.png'); background-size: 150px 150px; }

.divr2:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/8/8e/Quiterare1.png'); background-size: 150px 150px; }

.divr3 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/8/89/Rare0.png'); background-size: 150px 150px; }

.divr3:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/8/89/Rare1.png'); background-size: 150px 150px; }

.divr4 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/2/2a/Epic0.png'); background-size: 150px 150px; }

.divr4:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/d/d4/Epic1.png'); background-size: 150px 150px; }

.divr5 { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/1/1a/Legendary0.png'); background-size: 150px 150px; }

.divr5:hover { width: 150px; height: 150px; overflow: hidden; text-decoration: none; display: block; position: relative; z-index: 99; background: url('https://vignette.wikia.nocookie.net/crazymonsters/images/6/6f/Legendary1.png'); background-size: 150px 150px; }