MediaWiki:Wikia.css

/* HIGHLIGHTED USERNAMES LIST Admins: green, Chat mods: 009999, Inactive admins: Cross, Trusted users: 0099FF */ a[href="/wiki/User:Jens_Ingels"], a[href="/wiki/Message_Wall:Jens_Ingels"], a[href="/wiki/User_talk:Jens_Ingels"], a[href="/wiki/User_blog:Jens_Ingels"], a[href="/wiki/Special:Contributions/Jens_Ingels"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Jens_Ingels"], a[href="http://dragoncity.wikia.com/wiki/User:Jens_Ingels"] { color: green !important;} a[href="/wiki/User:AvatarHA"], a[href="/wiki/Message_Wall:AvatarHA"], a[href="/wiki/User_talk:AvatarHA"], a[href="/wiki/User_blog:AvatarHA"], a[href="/wiki/Special:Contributions/AvatarHA"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:AvatarHA"], a[href="http://dragoncity.wikia.com/wiki/User:AvatarHA"] { color: green !important;} a[href="/wiki/User:Prajay"], a[href="/wiki/Message_Wall:Prajay"], a[href="/wiki/User_talk:Prajay"], a[href="/wiki/User_blog:Prajay"], a[href="/wiki/Special:Contributions/Prajay"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Prajay"], a[href="http://dragoncity.wikia.com/wiki/User:Prajay"] { color: green !important;} a[href="/wiki/User:Reaper_of_shadows"], a[href="/wiki/Message_Wall:Reaper_of_shadows"], a[href="/wiki/User_talk:Reaper_of_shadows"], a[href="/wiki/User_blog:Reaper_on_Shadows"], a[href="/wiki/Special:Contributions/Reaper_of_shadows"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Reaper_of_shadows"], a[href="http://dragoncity.wikia.com/wiki/User:Reaper_of_shadows"] { color: green !important;} a[href="/wiki/User:Vezixig"], a[href="/wiki/Message_Wall:Vezixig"], a[href="/wiki/User_talk:Vezixig"], a[href="/wiki/User_blog:Vezixig"], a[href="/wiki/Special:Contributions/Vezixig"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Vezixig"], a[href="http://dragoncity.wikia.com/wiki/User:Vezixig"] { color: #0099FF !important;} a[href="/wiki/User:Kentcyrilb21"], a[href="/wiki/Message_Wall:Kentcyrilb21"], a[href="/wiki/User_talk:Kentcyrilb21"], a[href="/wiki/User_blog:Kentcyrilb21"], a[href="/wiki/Special:Contributions/Kentcyrilb21"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Kentcyrilb21"], a[href="http://dragoncity.wikia.com/wiki/User:Kentcyrilb21"] { color: green !important;} a[href="/wiki/User:Dpskane"], a[href="/wiki/Message_Wall:Dpskane"], a[href="/wiki/User_talk:Dpskane"], a[href="/wiki/User_blog:Dpskane"], a[href="/wiki/Special:Contributions/Dpskane"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Dpskane"], a[href="http://dragoncity.wikia.com/wiki/User:Dpskane"] { color: green !important;} a[href="/wiki/User:Dragon_City_Gamer"], a[href="/wiki/Message_Wall:Dragon_City_Gamer"], a[href="/wiki/User_talk:Dragon_City_Gamer"], a[href="/wiki/User_blog:Dragon_City_Gamer"], a[href="/wiki/Special:Contributions/Dragon_City_Gamer"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Dragon_City_Gamer"], a[href="http://dragoncity.wikia.com/wiki/User:Dragon_City_Gamer"] { color: green !important;} a[href="/wiki/User:Ivan_Clemente"], a[href="/wiki/Message_Wall:Ivan_Clemente"], a[href="/wiki/User_talk:Ivan_Clemente"], a[href="/wiki/User_blog:Ivan_Clemente"], a[href="/wiki/Special:Contributions/Ivan_Clemente"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Ivan_Clemente"], a[href="http://dragoncity.wikia.com/wiki/User:Ivan_Clemente"] { color: green !important;} a[href="/wiki/User:Badpeteno"], a[href="/wiki/Message_Wall:Badpeteno"], a[href="/wiki/User_talk:Badpeteno"], a[href="/wiki/User_blog:Badpeteno"], a[href="/wiki/Special:Contributions/Badpeteno"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Badpeteno"], a[href="http://dragoncity.wikia.com/wiki/User:Badpeteno"] { color: green !important;} a[href="/wiki/User:Hoanganhminh"], a[href="/wiki/Message_Wall:Hoanganhminh"], a[href="/wiki/User_talk:Hoanganhminh"], a[href="/wiki/User_blog:Hoanganhminh"], a[href="/wiki/Special:Contributions/Hoanganhminh"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Hoenganhminh"], a[href="http://dragoncity.wikia.com/wiki/User:Hoenganhminh"] { color: green !important;} a[href="/wiki/User:Nic.nex"], a[href="/wiki/Message_Wall:Nic.nex"], a[href="/wiki/User_talk:Nic.nex"], a[href="/wiki/User_blog:Nic.nex"], a[href="/wiki/Special:Contributions/Nic.nex"], a[href="http://dragoncity.wikia.com/wiki/Message_Wall:Nic.nex"], a[href="http://dragoncity.wikia.com/wiki/User:Nic.nex"] { color: green !important;}

a[href="/wiki/User:Havenissen"], a[href="/wiki/Message_Wall:Havenissen"], a[href="/wiki/User_talk:Havenissen"], a[href="/wiki/User_blog:Havenissen"], a[href="/wiki/Special:Contributions/Havenissen"] { color: gray !important;} a[href="/wiki/User:Andibad"], a[href="/wiki/Message_Wall:Andibad"], a[href="/wiki/User_talk:Andibad"], a[href="/wiki/User_blog:Andibad"], a[href="/wiki/Special:Contributions/Andibad"] { color: gray !important;} a[href="/wiki/User:Daland"], a[href="/wiki/Message_Wall:Daland"], a[href="/wiki/User_talk:Daland"], a[href="/wiki/User_blog:Daland"], a[href="/wiki/Special:Contributions/Daland"] { color: gray !important;} a[href="/wiki/User:Zentau7"], a[href="/wiki/Message_Wall:Zentau7"], a[href="/wiki/User_talk:Zentau7"], a[href="/wiki/User_blog:Zentau7"], a[href="/wiki/Special:Contributions/Zentau7"] { color: gray !important;} a[href="/wiki/User:SergioVL"], a[href="/wiki/Message_Wall:SergioVL"], a[href="/wiki/User_talk:SergioVL"], a[href="/wiki/User_blog:SergioVL"], a[href="/wiki/Special:Contributions/SergioVL"] { color: gray !important;} /*********************************POLICY AND BUGFIX**********************************/ li.facebook {display:none !important;} /* Hide Facebook User Link */ li.board.board-130215 {display:none !important;} /*Hide Archive Board */ /* Let adds fit lay-out */ DIV.home-top-right-ads { opacity:0.90; filter:alpha(opacity=90); } DIV.WikiaTopAdsInner { opacity:0.90; filter:alpha(opacity=90); } .quote-button { display: none; } /******************************TEXT STYLES*****************************/ div.spread > div { display: inline-block; *display: inline; /* For IE7 */ zoom: 1; /* Trigger hasLayout */ width: 50%; text-align: center; } /******************************WIKI DESIGN******************************/
 * 1) CategorySelectAdd {display: none !important} /* Remove category buttom */

/*                          *WIKI HEADING*                            */ .WikiHeader { background: url("http://images.wikia.com/dragoncity/images/3/38/WikiHeaderBackground2.png"); } body { background: url("http://images.wikia.com/dragoncity/images/1/14/Bg-main.jpg") repeat fixed center top; background-attachment:fixed; }  border-color: #996600; border-radius: 10px; box-shadow: 0px 0px 1px 5px white; } .bubbles { background-image: url("http://images.wikia.com/dragoncity/images/f/fe/Mail.png"); }       background: url("http://images1.wikia.nocookie.net/__cb20130527202658/dragoncity/images/f/ff/Bg-bottom-large-wood.png") no-repeat center center; opacity:0.90; filter:alpha(opacity=90); }       background: url("http://images2.wikia.nocookie.net/__cb20130527202712/dragoncity/images/thumb/8/81/Bg-bottom-wood.png/640px-Bg-bottom-wood.png") no-repeat center center; opacity:0.90; filter:alpha(opacity=90); } .WikiaHeader { border-color: #FFF; } .WikiaHeader .wikia-header-mask { background-image: none; } /*                        *WIKI HEADING*                    */ .HeadingA { background:url("http://images1.wikia.nocookie.net/dragoncity/images/f/ff/Bg-bottom-large-wood.png") repeat center center; opacity:0.90; filter:alpha(opacity=90); } .dc-heading { background: #76440a; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .dc-heading td#header { background:url("http://images1.wikia.nocookie.net/dragoncity/images/f/ff/Bg-bottom-large-wood.png") repeat center center; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; opacity:0.90; filter:alpha(opacity=90); } .dc-heading th#subheader { background: url("http://images2.wikia.nocookie.net/__cb20130527202712/dragoncity/images/thumb/8/81/Bg-bottom-wood.png/640px-Bg-bottom-wood.png") no-repeat center center; opacity:0.90; filter:alpha(opacity=90); } .dc-heading td#body { padding:8px; } .dc-main-navtable td { background:url("http://images.wikia.com/dragoncity/images/6/62/Bt-mapButton.png") no-repeat center center; padding-left:9px; width:101px; height: 102px; opacity:0.95; filter:alpha(opacity=95); } /*                     *WIKISEARCH HOVER*               */ .WikiaSearch input[type="text"] { background-color: #ffffff; background-image: -moz-linear-gradient(top, #ededed 0%, #ffffff 40%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ededed), color-stop(40%, #ffffff)); transition: border 0.5s; -moz-transition: border 0.5s; /* Firefox 4 */ -webkit-transition: border 0.5s; /* Safari and Chrome */ -o-transition: border 0.5s; /* Opera */ } .WikiaSearch input[type="text"]:hover { border: 1px #006caf solid; box-shadow: 0 0 2px #006caf; -webkit-box-shadow: 0 0 2px #006caf; -moz-box-shadow: 0 0 2px #006caf; } /*                 HOVER DESCRIPTION               */ .dc-thumb:hover .dc-popup { display:block; position:absolute; z-index:999; margin-left: 65px; margin-top: 60px; } .dc-popup { background-image: url("http://images2.wikia.nocookie.net/dragoncity/images/5/5c/Popup_Note_3.png"); background-repeat:no-repeat; background-position:center center; width:353px; height:136px; padding: 70px 25px 25px; display: none; } /*********************************POPUP************************************/ .blackmarket { background: url(http://images1.wikia.nocookie.net/__cb20130517015106/dragoncity/images/c/c2/Kompu_boxes_bg.jpg); } .eventnote { background-image: url("http://images.wikia.com/dragoncity/images/1/12/Bg-social-item-user.png"); } /*********************************INFOBOX**********************************/ /* Fix headertab bug */ SPAN#edittab.editsection {display: none !important}
 * 1) WikiaPage {
 * 1) WikiHeader .navbackground {
 * 1) WikiHeader .nav-item.marked {

/* border style */ .dc-border { border-color:#833d09; }

.dc-thumb { border-style:solid; border-width:3px; border-radius:10px; box-shadow: 0px 0px 3px 1px black; }

table.dc-thumb td { border-radius:10px !important; background-color:#833d09 !important; border-padding: 10px !important; }

.dc-box { border-style:solid; border-width:3px; border-radius:1px; box-shadow: 0px 0px 3px 3px black; }

.dragonbox { background-color: rgb(242, 242, 242) !important; border-top-left-radius:4px !important; border-top-right-radius:4px !important; }

.round { -webkit-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-radius: 10px; } .dc-bar-border { background-image: linear-gradient(bottom, rgb(209,204,200) 42%, rgb(170,139,116) 71%); background-image: -o-linear-gradient(bottom, rgb(209,204,200) 42%, rgb(170,139,116) 71%); background-image: -moz-linear-gradient(bottom, rgb(209,204,200) 42%, rgb(170,139,116) 71%); background-image: -webkit-linear-gradient(bottom, rgb(209,204,200) 42%, rgb(170,139,116) 71%); background-image: -ms-linear-gradient(bottom, rgb(209,204,200) 42%, rgb(170,139,116) 71%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.42, rgb(209,204,200)),color-stop(0.71, rgb(170,139,116))); padding:2px } .dc-bar-background { width: 100%; background:#fff; } .dc-bar-content { background-image: linear-gradient(bottom, rgb(252,34,19) 42%, rgb(255,96,82) 71%); background-image: -o-linear-gradient(bottom, rgb(252,34,19) 42%, rgb(255,96,82) 71%); background-image: -moz-linear-gradient(bottom, rgb(252,34,19) 42%, rgb(255,96,82) 71%); background-image: -webkit-linear-gradient(bottom, rgb(252,34,19) 42%, rgb(255,96,82) 71%); background-image: -ms-linear-gradient(bottom, rgb(252,34,19) 42%, rgb(255,96,82) 71%); background-image: -webkit-gradient(	   linear,	    left bottom,	    left top,	    color-stop(0.42, rgb(252,34,19)),	    color-stop(0.71, rgb(255,96,82))            ); text-align:center; }

/* Head Tab body*/ .ui-tabs { margin-top: -8px; } .ui-tabs .ui-tabs-nav li a { font-size: 25px; }

.hint { display: none; background-color: rgb(242, 242, 242); border: 1px blue; margin: 5px auto; position:relative; -webkit-box-shadow: 10px 10px 10px -1px #999; box-shadow: 10px 10px 10px -1px #999; -moz-box-shadow: 10px 10px 10px -1px #999; padding:10px; border-radius:4px; } .field:hover .hint { display: block; position:absolute; z-index:999; }

.note { display: none; margin: 5px auto; }

.headernote:hover .note { display: block; } .dragonlv { font-type: arial; background: #070504; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiMwNzA1MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiM4NzlmY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMxMzE2MWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2I5MWJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #070504 24%, #879fcc 46%, #13161c 50%, #7b91ba 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#070504), color-stop(46%,#879fcc), color-stop(50%,#13161c), color-stop(100%,#7b91ba)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #070504 24%,#879fcc 46%,#13161c 50%,#7b91ba 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #070504 24%,#879fcc 46%,#13161c 50%,#7b91ba 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #070504 24%,#879fcc 46%,#13161c 50%,#7b91ba 100%); /* IE10+ */ background: linear-gradient(to bottom, #070504 24%,#879fcc 46%,#13161c 50%,#7b91ba 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070504', endColorstr='#7b91ba',GradientType=0 ); /* IE6-8 */ background-color: #070504; border: solid #bbbbbe 3px; border-radius: 10px; border-shadow: solid #696a6d 2px; color:white; -moz-box-shadow: 0 0 1px 1px #433126; -webkit-box-shadow: 0 0 1px 1px #433126; box-shadow: 0 0 1px 1px #433126; -moz-box-shadow: inset 0 0 1px 1px #433126; -webkit-box-shadow: inset 0 0 1px 1px #433126; box-shadow: inset 0 0 1px 1px #433126; text-shadow: 0 0 2px black; -moz-text-shadow: 0 0 2px black; -webkit-text-shadow: 0 0 2px black; }

/* Thumbs classes */ .dc-thumb0 { display:none; } .dc-thumb1 { display:none; } .dc-thumb2 { display:none; } .dc-thumb3 { display:none; } .dc-active { display:block; }

/* Tabview - Hp style [data-tab="flytabs_Hp0"], [data-tab="flytabs_Hp1"], [data-tab="flytabs_Hp2"], [data-tab="flytabs_Hp3"], [data-tab="flytabs_Hp4"], [data-tab="flytabs_Hp5"], [data-tab="flytabs_Hp6"], [data-tab="flytabs_Hp7"], [data-tab="flytabs_Hp8"], [data-tab="flytabs_Hp9"] */

background: transparent; color: black; } margin: 3px 0px; opacity:0.50; filter:alpha(opacity=50); }   opacity:1.00; filter:alpha(opacity=100); }   opacity:1; filter:alpha(opacity=100); } padding: 11px 18px 9px; color: white; } margin-right: 20px; } ul.tabs > [data-tab="flytabs_Hp0"] { background: url("http://images.wikia.com/dragoncity/images/6/6c/Ic-star-empty_small.png") center center no-repeat; } ul.tabs > [data-tab="flytabs_Hp1"], [data-tab="flytabs_Hp2"], [data-tab="flytabs_Hp3"] { background: url("http://images.wikia.com/dragoncity/images/c/c5/Ic-star-bronze_small.png") center center no-repeat; } ul.tabs > [data-tab="flytabs_Hp4"], [data-tab="flytabs_Hp5"], [data-tab="flytabs_Hp6"] { background: url("http://images.wikia.com/dragoncity/images/6/6c/Ic-star-silver_small.png") center center no-repeat; } ul.tabs > [data-tab="flytabs_Hp7"], [data-tab="flytabs_Hp8"], [data-tab="flytabs_Hp9"] { background: url("http://images.wikia.com/dragoncity/images/0/0a/Ic-star-gold_small.png") center center no-repeat; }
 * 1) flytabs_Hp > .tabs .selected a {
 * 1) flytabs_Hp > .tabs li {
 * 1) flytabs_Hp > .tabs li:hover {
 * 1) flytabs_Hp > .tabs .selected {
 * 1) flytabs_Hp > .tabs li a {
 * 1) flytabs_Hp > [data-tab="flytabs_Hp3"] {

/*********************************HOVER IMAGES**********************************/ /* Installing Hover Logo */ opacity:0.80; filter:alpha(opacity=80); /* For IE8 and earlier */ } opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } /* Installing Hover Logo (editor) */ span.wordmark.medium.graphic.font- { opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ } span.wordmark.medium.graphic.font-:hover { opacity:1.00; filter:alpha(opacity=100); /* For IE8 and earlier */ } span.wordmark.small.graphic.font-cpmono { opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ } span.wordmark.small.graphic.font-cpmono:hover { opacity:1.00; filter:alpha(opacity=100); /* For IE8 and earlier */ } /* Class */ .hoverimage img { opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ } .hoverimage img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
 * 1) WikiHeader h1.wordmark img {
 * 1) WikiHeader h1.wordmark img:hover {

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

/* Headers * Default - * background:#6b5331; * background:-moz-linear-gradient(top, #6b5331 35%, #483821 65%); * background:-webkit-linear-gradient(top, #6b5331 35%, #483821 65%); * background:-o-linear-gradient(top, #6b5331 35%, #483821 65%); * background:-ms-linear-gradient(top, #6b5331 35%, #483821 65%); * background:linear-gradient(to bottom, #6b5331 35%, #483821 65%); */ .mainpage-cti2, .mainpage-textstyle, .mainpage-textstyle2, .mainpage-textstyle3 { background:#6b5331;							/* Old browsers */ background:-moz-linear-gradient(top, #6b5331 35%, #483821 65%);		/* FF3.6+ */ background:-webkit-linear-gradient(top, #6b5331 35%, #483821 65%);	/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #6b5331 35%, #483821 65%);		/* Opera 11.10+ */ background:-ms-linear-gradient(top, #6b5331 35%, #483821 65%);		/* IE10+ */ background:linear-gradient(to bottom, #6b5331 35%, #483821 65%);	/* W3C */ } /****************OTHER***********************************/ .custom-dropdown { padding: 1px 8px; } .custom-dropdown > :first-child:after { background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"); border-color: white transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 1px; margin-left: 4px; margin-top: 2px; position: relative; vertical-align: middle; width: 1px; } .custom-dropdown:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -1px; padding-bottom: 2px; } .custom-dropdown ul { list-style: none outside none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { font-size: 12px; height: 14px; line-height: 14px; }