User:Jens Ingels/common.css

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

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

div.bubbles { background-image: url("http://images.wikia.com/dragoncity/images/f/fe/Mail.png"); }

.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}

/* 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; }