User:Jens Ingels/common.css

/* Infobox lay-out */ div.breeding-header, div.breeding-content, div.breeding-exclusive { position: relative; display: block; font-family: Calibri; font-size: 11pt; background: url("http://images.wikia.com/dragoncity/images/e/ed/Frame550px.png") no-repeat; width: 550px; border: 0px solid black; } div.breeding-header {background-position: top left; height: 215px; padding-top:3px;} div.breeding-content, div.breeding-exclusive {background-position: bottom left; padding: 0px 16px 23px 16px;} display: inline-block; position: relative; width: 172px; padding-bottom: 0px; -webkit-filter: drop-shadow(15px 15px 10px rgb(254,252,215)); }	-moz-transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); -o-transform:matrix(-1, 0, 0, 1, 0, 0); } }	display: inline-block; position: relative; left: 55px; top: 5px; height: 172px; overflow: hidden; padding-bottom: 0px; }
 * 1) imageParent1, #imageParent2 {
 * 1) imageParent2 {
 * 1) imageParent1 {
 * 1) divParent {

width: 123px; height: 25px; position: absolute; top: 0px; text-align: center; font-size: 14pt; font-weight: bold; font-family: Calibri; display: inline-box; overflow: hidden; }	position: absolute; top: 2px; width: 32px; height: 32px; font-size: 15pt; font-weight: bold; color: #FFFFFF; text-align: center; }	display: inline-box; width: 54px; height: 36px; position: absolute; overflow: hidden; }	font-weight: bold; font-family: Tahoma; color: #000000; text-align: Center; }
 * 1) LabelParent1 {left:80px; text-align: center;}
 * 2) LabelParent2 {left:342px; text-align: center;}
 * 3) ElemParent1 {left:1px; text-align: right;}
 * 4) ElemParent2 {left:490px; text-align: left;}
 * 5) LevelParent1 {left:215px; text-align: center;}
 * 6) LevelParent2 {left:299px; text-align: center;}
 * 7) Rate {position:absolute; display:inline-block; width: 92px; bottom:50px; left: 172px; font-size: 15pt;}
 * 8) Unlock {position: relative; display:inline-block; width: 92px; font-size: 12pt; bottom: -78px;}
 * 9) LabelParent1, #LabelParent2 {
 * 1) LevelParent1, #LevelParent2 {
 * 1) ElemParent1, #ElemParent2 {
 * 1) Rate, #Unlock {

div.dc-dragonbox { position: relative; width: 170px; height: 60px; overflow: hidden; display: inline-block; padding: 0px 1px 0px 1px; border: 0px solid black; font-family: Calibri; } table.bigtable {width: 518px;} .bigtable td {vertical-align: top;} td.dc-tdleft, th.dc-tdleft { width: 172px; border-right: 1px solid grey; text-align: center; } td.dc-tdright, th.dc-tdright { width: 172px; text-align: center; } td.dc-tdmid, th.dc-tdmid { width: 172px; border-right: 1px solid grey; text-align: center; } div.dc-name { position: absolute; top: -3px; left: 53px; font-size: 12pt; text-align: left; font-weight: bold; font-stretch: condensed; width: 128px; -webkit-filter: drop-shadow(-4px 4px 3px rgb(255,255,255)); } div.dc-element { position: absolute; top: 15px; left: 1px; width: 63px; height: 21px; z-index: 0; text-align: left; } div.dc-chance { position: absolute; top: -3px; left: 1px; font-size: 12pt; font-weight: bold; font-stretch: condensed; color: red; text-align: left; width: 45px; height: 18px; overflow: hidden; } div.dc-time { position: absolute; top: 38px; left: 25px; text-align: left; font-size: 10pt; font-stretch: condensed; padding: 0px 0px 0px 13px; background: url("http://images3.wikia.nocookie.net/__cb20130607112553/dragoncity/images/thumb/6/68/Ic-time.png/11px-Ic-time.png") 0px 0px no-repeat; color: #000000; font-weight: normal; width: 50px; height: 20px; z-index: -1; } div.dc-egg, div.dc-dragon { position: absolute; top: 8px; height: 50px; overflow: hidden; z-index: -1; } div.dc-egg {left: 71px; width: 40px;} span.dc-span-egg {margin: -5px -10px -5px -10px;} div.dc-dragon {left: 111px; width: 56px;} span.dc-span-dragon {margin: -5px -2px -5px -2px;}
 * 1) exclusive {color: red; text-align: center; font-weight: bold; font-size: 15pt; display: block; width: 516px; height: 10px; position:relative; top:-15px;-webkit-filter: drop-shadow(0px -3px 2px rgb(255,255,255));}

/* Personal Config */ li#JS-USER:hover .mynav, li#CSS-USER:hover .mynav, li#SANDBOX-USER:hover .mynav { display: block; }

.mynav { background: none repeat scroll 0% 0% white; border-width: 2px 4px 4px; border-style: solid; border-color: rgb(0, 0, 0); list-style: none outside none; position: absolute; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5); padding: 0px; display:none; }

.mynav li > a { color: rgb(58, 58, 58); border-top: none; border-right: none; }

.mynav li, .mynav li, .mynav li,.mynav li, .mynav li,.mynav li,.mynav li,.mynav li,.mynav li,.mynav li,.mynav li,.mynav li,.mynav li,.mynav li > a { color: rgb(58, 58, 58); border-top: 1px solid rgb(204, 204, 204); border-right: none; } .mynav li#CSS, .mynav li#JS > a { border-top: none; }

.mynav li:hover { box-shadow: 0px 0px 5px 0px rgb(220, 208, 193) inset; background-color: rgb(227, 217, 206); background-image: none; } /* other */ .WikiaBlogListingBox h1 a { font-size: 12px !important; }

/* .WikiaHeader { background: url("http://images.wikia.com/dragoncity/images/b/b7/Header_Bar.png"); border-color: #FFF; }

.AccountNavigation li > a { border-right: 1px solid blue; }

.dc-box { background-image: url("http://dragoncity.wikia.com/wiki/File:Fr-breeding-frame.png"); } /* test */

.gold { background-image: url("http://images.wikia.com/dragoncity/images/4/4e/Gold-explosion.png"); }

.dungeon { background-image: url("http://images.wikia.com/dragoncity/images/e/e5/Dungeon1.png"); }

.ComponentTopBar { background-image: url("http://images2.wikia.nocookie.net/dragoncity/images/8/81/Bg-bottom-wood.png"); background-repeat:no-repeat; background-position:center top; height:20px; width:654px; }

.ComponentBar { background-image: url("http://images.wikia.com/halo/images/2/28/Title_Bar.png"); height:37px; width:660px; }

.quiz { opacity:1.0; filter:alpha(opacity=100); background:red; transition:opacity: 10s; transition:filter:alpha(opacity=10s); -webkit-transition:opacity: 10s; -webkit-transition:filter:alpha(opacity=10s); }

.quiz:active { opacity:0; filter:alpha(opacity=0); }

.dragonbox th.description { margin: 5px auto; } .dragonbox:hover headernote2:hover th.description { display: block; }

/* Clean up the lists styles */ ul.accordion { list-style: none; margin: 0; padding: 0; }

/* Hide the radio buttons */ /* These are what allow us to toggle content panes */ ul.accordion label + input[type='radio'] { display: none; }

/* Give each content pane some styles */ ul.accordion li { background-color: #CCCCCC; border-bottom: 1px solid #DDDDDD; }

/* Make the main tab look more clickable */ ul.accordion label { background-color: #666666; color: #FFFFFF; display: block; padding: 10px; }

ul.accordion label:hover { cursor: pointer; }

/* Set up the div that will show and hide */ ul.accordion div.content { overflow: hidden; padding: 0 10px; display: none; }

/* Show the content boxes when the radio buttons are checked */ ul.accordion label + input[type='radio']:checked + div.content { display: block; }

TR#description { display: none;} .headernote:hover > TR#description { display: block;}

width:300px; height:400px; padding:10px; color:white; background-color:#4e5f6b; position: absolute; bottom:50px; left:150px; -webkit-box-shadow: 10px 10px 10px -1px #999; box-shadow: 10px 10px 10px -1px #999; -moz-box-shadow: 10px 10px 10px -1px #999; z-index:2; display:none; text-align:center; border:1px solid white; } .summonedbutton { width:28px; height:28px; font-weight:bold; -moz-border-radius:14px; border-radius:14px; -webkit-border-radius:14px; background-color:#000; color:#FFF; position:absolute; text-align:center; line-height:26px; cursor:pointer; } .summonedbutton:hover { background-color:#FFF; color:#000; width:30px; height:30px; }
 * 1) popup {

/* content */ table.Rodel { width:100%; background-color:#90D3E0; border:3px solid #347C17; border-bottom:10px solid #5F809C; -moz-border-radius:0 14px 7px 7px; -webkit-border-top-right-radius:14px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; margin-top:10px; }

/* Clear NL GlobalNavigation Adds */ li.topNav.Estilo_de_vida.community-vertical-color {display: none !important} LI.topNav.Otros.community-vertical-color {display: none !important} LI.topNav.Videojuegos video-games-vertical-color {display: none !important} LI.topNav.Entretenimiento entertainment-vertical-color {display: none !important} LI.topNav.Estilo_de_vida community-vertical-color {display: none !important} LI.topNav.Video_Games {display: none !important} LI.topNav.Entertainment {display: none !important} LI.topNav.Lifestyle {display: none !important} LI.start-a-wiki {display: none !important} DIV#WikiaTopAds.WikiaTopAds.WikiaTopButtonLeft {display:none !important} LI.topNav.Mode_de_vie.lifestyle-vertical-color {display: none !important} LI.topNav.Divertissement.entertainment-vertical-color {display: none !important} LI.topNav.Entretenimiento.entertainment-vertical-color {display: none !important} LI.topNav.Jeux_vidéo.video-games-vertical-color {display: none !important} LI.topNav.Videospiele.video-games-vertical-color {display: none !important} LI.topNav.Videojuegos.video-games-vertical-color {display: none !important} LI.topNav.Community.community-vertical-color {display: none !important} LI.topNav.人気・おすすめウィキ {display: none !important} LI.topNav.お知らせ・ヘルプ {display: none !important}

/* Fix headertab bug */ SPAN#edittab.editsection {display: none !important}

/* Test fix nolist*/ TD.NoList ul {font-size: 90%; margin: 0.4em 0px 0.5em 1.5em; text-align:left; } TD.NoList ul li {list-style-type: none;} /*********************************TABBER DESIGN 2**********************************/ /* The color choice is arbitrary and careless, I don't recommend using as is. */ div.TabberPage > .tabberlive > ul.tabbernav > li.tabberactive > a:link { background-color:#068; border-bottom: none; box-shadow: 0px; } div.TabberPage > .tabberlive > ul.tabbernav > li > a:link { background-color:#420; box-shadow: 1px 1px 1px rgba(0,0,0,0.66); color:white; border-radius: 5px 5px 0 0; font-size:25px; } div.TabberPage > .tabberlive > ul.tabbernav > li > a:hover { color: red; border-color: red; } div.TabberPage > .tabberlive > .tabbertab { background-color: transparent; border: 0px border-color: transparent; border-width: 0px 0px 0px; border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); position: relative; /* Tab shadow goes under */ } div.TabberPage > .tabberlive > ul.tabbernav { border-bottom: 0; } div.TabberPage > .tabberlive { box-shadow: 0px; }

/*********************************TABBER DESIGN**********************************/ /* The color choice is arbitrary and careless, I don't recommend using as is. */ div.TabberPage > div.TabberDefault > .tabberlive > ul.tabbernav > li.tabberactive > a:link { background-color: #7BB18B !important; box-shadow: 1px 1px 1px rgba(0,0,0,0.66) !important; border-radius: 5px 5px 0 0 !important; } div.TabberPage > div.TabberDefault > .tabberlive > ul.tabbernav > li.tabberactive > a:link { color: black !important; } div.TabberPage > div.TabberDefault > .tabberlive > ul.tabbernav > li > a:link { background-color: #B6D7C0 !important; box-shadow: 1px 1px 1px rgba(0,0,0,0.66) !important; color:white !important; border-radius: 5px 5px 0 0 !important; } div.TabberPage > div.TabberDefault > .tabberlive > ul.tabbernav > li > a:hover { background-color: #7BB18B !important; border-color: green !important; } div.TabberPage > div.TabberDefault > .tabberlive > .tabbertab { border-bottom-left-radius: 10px 5px !important; border-bottom-right-radius: 10px 5px !important; border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; box-shadow: 0 5px 5px rgba(0,0,0,0.66) !important; position: relative !important; /* Tab shadow goes under */ } div.TabberPage > div.TabberDefault > .tabberlive > ul.tabbernav { border-bottom: 0 !important; }

/* Fix for image thumb if ever needed

img:hover { -moz-box-shadow: inset 0 0 10px red; box-shadow: inset 0 0 10px red; border-radius: 10px; } */