body { background-color: #1f2021; color: #fff; font-family: Tahoma; margin: 0px; font-size: 14px; } form { margin: 0px; } label { width: 150px; } select { background-color: #323435; color: #fff; border: 1px solid #5d5c5c; } input { background-color: #323435; color: #fff; border: 1px solid #5d5c5c; } textarea { background-color: #323435; color: #fff; border: 1px solid #5d5c5c; } #header_image { margin: 10px 0 0 30px; } #header_bar { background-color: #343c40; height: 30px; width: 100%; background-image: url('/images/header_bar.gif'); } #header_navigation { margin-left: 50px; padding-top: 5px; } #menu_wrapper { width: 900px; } #header_overlay { position: absolute; top: 136px; left: 335px; font-size: 10px; color: #6b6b6b; } #header_overlay .tally { color: #e61717; } #content_area { margin: 30px 0 0 50px; float: left; width:1100px; } #content_panel { float: left; } #content_focus { float: left; margin-left: 30px; } #content_compare { float: left; margin-left: 30px; } #content_static { float: left; margin-left: 30px; display: none; width: 600px; margin-right: 20px; } #main_content_filters { background-color: #343c40; width: 250px; padding: 10px; border: 1px solid #4c4c4c; } #main_content_filters td{ font-size: 12px; } #main_content_panel { background-color: #343c40; width: 250px; min-height: 400px; margin-top: 20px; padding: 10px; display: none; margin-bottom: 30px; border: 1px solid #4c4c4c; } #panel_title { text-align: center; color: #fff; font-weight: bold; font-size: 16px; margin-bottom: 10px;} #table_content_filters { width: 100%; padding: 0px; margin: 0px; } .nav-link { text-decoration: none; color: #fff; margin-right: 10px; } #footer { text-align: center;margin-top: 20px; font-size: 10px; margin-bottom: 30px; } #footer a { color: #fff; text-decoration: none; } #footer a:hover { color: #fff; text-decoration: underline; } /* Content Side Panel */ #filter_title { text-align: center; color: #fff; font-weight: bold; font-size: 16px; margin-bottom: 10px; } #filter_submit { margin-top: 20px; text-align: center; } #tooltip-table { width: 90%; margin-bottom: 5px; } #tooltip-table td { padding: 3px; } .filter_select { width: 125px; } .guild_select { width: 175px; } .filter_text { width: 124px; } .form_tooltips { background-color: #28292a; border: 1px solid #1f2122; width: 175px;} .form_tooltips .header { background-color: #2d5f92; color: #fff; padding: 2px; text-align: center; border: 1px solid #1f2122; } .form_tooltips .content { padding: 5px 5px 5px 5px; } #audit_table { width: 100%; font-size: 12px; border-top: 1px solid #24292c; border-left: 1px solid #24292c; } #audit_table td { padding: 3px; background-color: #1f2427; } #audit_table a { cursor: pointer; cursor: hand; } #audit_table .heading { background-color: #674b69;} .audit_link td:hover { cursor: pointer; cursor: hand; background-color: #2b2d2e; } .audits_link { margin-top: 20px; text-align: center; } .audits_link input { width: 200px; } #main_content_focus { } #static_box { background-color: #343c40; width: 600px; padding: 10px; border: 1px solid #4c4c4c; margin-bottom: 20px; } #inner-content { background-color: #1F2427; border: 1px solid #4c4c4c; padding: 20px; } #inner-content-dynamic { background-color: #1F2427; border: 1px solid #4c4c4c; padding: 20px; display: none; } .formal_headings { font-weight: normal; font-size: 16px; color: #5c8aff; } .player-div { width: 350px; text-align: center; background-color: #343c40; padding: 5px; margin-bottom: 20px; border: 1px solid #5d5c5c; } .playerTable { width: 100%; padding: 0px; margin-bottom: 10px; font-size: 16px; text-align: left; } .playerTable a { text-decoration: none; color: #55a9ff; } .playerTable .header { height: 22px; font-weight: bold; padding: 0px; } .playerTable td { font-size: 12px;} .innerCell { padding: 4px; font-size: 12px; } .innerTable { width: 100%; border-left: 1px solid #4c4c4c; border-right: 1px solid #4c4c4c; border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c;} .innerTable td { } .innerTable a { text-decoration: none; color: #d2d2d2; } .innerHeader { background-color: #694b4b; height: 22px; font-weight: bold; padding: 4px; font-size: 12px; } .innerHeader2 { background-color: #4b6951; height: 22px; font-weight: bold; padding: 4px; } .innerHeader a { cursor: pointer; } .headerTable { width: 450px; height: 22px; font-weight: bold; margin-top: 10px; font-size: 14px; } .headerTable .name { text-align: left; font-weight: bold; } .headerTable .dps { text-align: right; font-weight: bold; } .standardTable { width: 100%; font-size: 14px; margin-top: 20px; border-right: 1px solid #3b3c3a; border-top: 1px solid #3b3c3a; } .standardTable td { padding: 4px; border-left: 1px solid #3b3c3a; border-bottom: 1px solid #3b3c3a;} .standardTable .sheading{ background-color: #3b3c3a; } .standardTable .sheading a:hover { cursor: pointer; } .standard_armory_link { color: #D2D2D2; text-decoration: none; } .standardNum { color: #ffc600; } .sOdd { background-color: #1f2123; } .sEven { background-color: #2a2e30; } /* .standardTable tr:hover { background-color: #565757; } */ .rankingsTable { width: 100%; font-size: 14px; margin-top: 20px; border-right: 1px solid #3b3c3a; border-top: 1px solid #3b3c3a; } .rankingsTable td { padding: 4px; border-left: 1px solid #3b3c3a; border-bottom: 1px solid #3b3c3a;} .rankingsTable .rheading{ background-color: #3b3c3a; } .rankings_armory_link { color: #D2D2D2; text-decoration: none; } .rankingsNum { color: #ffc600; } .rankings_link { margin-top: 20px; text-align: center; } .rankings_link_input { width: 300px; } .rOdd { background-color: #1f2123; } .rEven { background-color: #2a2e30; } .rankingLink:link { color: orange; text-decoration: none;} .rankingLink:visited { color: orange; text-decoration: none;} ./* rankingsTable tr:hover { background-color: #565757; } */ .bottomTable { width: 450px; margin-bottom: 40px; font-size: 12px; } .bottomTable td { } /* .bottomTable .bottomLink { background-image: url('/images/box_inactive.gif'); height: 22px; border-bottom: 1px solid #4a576e; border-right: 1px solid #4a576e; border-left: 1px solid #33373e; text-align: center; width: 80px; font-size: 12px; } .bottomTable .markComparison { background-image: url('/images/box_health.gif'); height: 22px; border-bottom: 1px solid #4a576e; border-right: 1px solid #4a576e; border-left: 1px solid #33373e; text-align: center; width: 80px; font-size: 12px; cursor: pointer;} .bottomTable .removeComparison { background-image: url('/images/box_rage.gif'); height: 22px; border-bottom: 1px solid #4a576e; border-right: 1px solid #4a576e; border-left: 1px solid #33373e; text-align: center; width: 80px; font-size: 12px; cursor: pointer; } */ td.bottomLink:hover { cursor: pointer; } .bottomTable a { text-decoration: none; color: #fff; } .player_name { font-size: 16px; margin-bottom: 5px; } .guild_name { color: #f5c41a; margin-bottom: 5px; font-size: 16px;} .player_dps { color: #f5c41a; } /* Navigation */ ul.menu { list-style:none; margin:0; padding:0; margin-left: 50px; font-family: Tahoma; font-weight: normal; } ul.menu * { margin:0; padding:0} ul.menu a { display:block; color:#fff; text-decoration:none; font-size: 14px; cursor: pointer; } ul.menu li { position:relative; float:left; margin-right:2px} ul.menu ul { position:absolute; top:30px; left:0; background-color:#2d2b2b; display:none; opacity: 0; border-bottom: 1px solid #343c40; list-style:none; } ul.menu ul li { position:relative; width:200px; margin:0; border-left: 2px solid #343c40; border-right: 2px solid #343c40; } ul.menu ul li a { display:block; padding:3px 7px 5px; background-color:#191a1b; } ul.menu ul li a:hover { background-color:#434040; } ul.menu ul ul { left:148px; top:-1px} ul.menu .menulink { padding:5px 7px 7px; width:100px; } ul.menu .menulink:hover, ul.menu .menuhover { } ul.menu .sub { background-color:#2d2b2b; font-family: Tahoma; } ul.menu .topline { border-top:1px solid #aaa; } .green { color: #17e921; } .red { color: #f41212; } .wfifty { width: 50%; } .w100 { width: 100%; border: 1px solid #fff;} .bold { font-weight: bold; } .no-border { border: 0px; } .no-decoration { text-decoration: none; } .cursor { cursor: pointer; } .title_boss { color: #ffae00; } .title_guild { color: #f5c41a; } .output { width: 350px; height: 200px; color: #f5c41a; font-size: 10px; } .navigation { width: 850px; border-bottom: 1px solid #4a576e; border-right: 1px solid #4a576e; border-top: 1px solid #33373e; border-left: 1px solid #33373e; } /* .navigation td { width: 10%; font-size: 12px; text-align: center; background-image: url('/images/box_inactive.gif'); height: 22px; } .navigation td:hover { background-image: url('/images/box_active.gif'); cursor: pointer; } .navigation .selected { background-image: url('/images/box_rage.gif'); } .navigation .selected:hover { background-image: url('/images/box_rage_hover.gif'); } */ .odd { background-color: #1f2427; } .even { background-color: #1f2427; } .right { text-align: right; } .center { text-align: center; } .warrior { color: #C79C6E; } .paladin { color: #F58CBA; } .hunter { color: #ABD473; } .rogue { color: #FFF569; } .priest { color: #FFFFFF; } .deathknight { color: #C41F3B; } .shaman { color: #2459FF; } .mage { color: #69CCF0; } .warlock { color: #9482C9; } .druid { color: #FF7D0A; } .howto_link:link { color: #fff; } .howto_link:visited { color: #fff; } .guild_link:link { text-decoration: none; cursor: pointer; } .guild_link:visited { text-decoration: none; cursor: pointer; } .guild_link:hover { cursor: pointer; } .server_link:link { color: #bfc5d1; text-decoration: none; cursor: pointer; } .server_link:visited { color: #bfc5d1; text-decoration: none; cursor: pointer; } .server_link:hover { color: #bfc5d1; cursor: pointer; } .headerSub { font-size: 12px; } .headerSub a { text-decoration: none; color: #F5C41A; } .archive_link:link { font-size: 10px; color: #ffd800; text-decoration: none; } .archive_link:visited { font-size: 10px; color: #ffd800; text-decoration: none; } .archive_link:hover { font-size: 10px; color: #bca83c; text-decoration: underline;} .parseTitleWrapper { width: 100%; margin-bottom: 15px; text-align: center; } .parseTitle { margin: auto; text-align: center; width: 500px; height: 22px; margin-top: 20px; background-image: url('/images/header_bar.gif'); border-bottom: 1px solid #4a576e; border-right: 1px solid #4a576e; border-top: 1px solid #33373e; border-left: 1px solid #33373e; } .parseTable { width: 100%; font-size: 14px; background-color: #1b1c1a; } .parseTable td { padding: 4px; width: 25%; } .parseTable h1 { font-size: 16px; color: #ff9703; } .parseTable a { color: #55a9ff; } .parseHeading { color: #17e921; } .guildTable { width: 100%; font-size: 14px; } .guildTable td { padding: 4px; } .guildTable h1 { font-size: 16px; color: #ff9703; } .guildTable a { color: #55a9ff; } .guildHeading { color: #17e921; } .guildName { text-align: center; color: #ffba00; font-size: 18px; } .infoTable { width: 450px; font-size: 14px; height: 150px; background-color: #1b1c1a; border-bottom: 1px solid #4a576e; border-right: 1px solid #4a576e; border-left: 1px solid #33373e; margin-bottom: 30px; padding:6px; } .infoTable td { padding: 4px; vertical-align: top; } .infoTable h1 { font-size: 16px; color: #ff9703; } .infoTable .server { width: 100%; padding: 0px; } .infoTable a { color: #55a9ff; font-size: 14px;} .serverTable { width: 100%; padding: 0px; margin: 0px;} .serverTable .outerTd { width: 50%; } .serverTable td { width: 50%; padding: 0px;} .serverTable table { width: 100%; } .triumphTable { width: 100%; padding: 10px;} .triumphHeader { font-weight: bold; font-size: 16px; } .region_name { margin-bottom: 10px; font-weight: bold; font-size: 18px; text-align: center; } .deathCellLeft { color: #f80000; padding: 4px; } .deathCellRight { color: #fff; padding: 4px; } .deathRed { color: #e42323; } .death_spells:link { text-decoration: none; color: #e42323; font-size: 12px; } .death_spells:visited { text-decoration: none; color: #e42323; font-size: 12px; } .damageTaken { color: red; } .damageTakenLink:link { color: red; } .damageTakenLink:visited{ color: red; } .specialSpells { color: #0f0; } .parseBodyWrapper { width: 100%; text-align: center; margin-bottom: 15px; } .parseBody { margin: auto; width: 500px; margin-top: 20px; border-bottom: 1px solid #4a576e; border-right: 1px solid #4a576e; border-top: 1px solid #33373e; border-left: 1px solid #33373e; } .create_borders { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 3px 3px 3px; } .create_borders_large { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 4px 4px 4px 4px; } .submissionTitleWrapper { width: 100%; text-align: center; margin-bottom: 15px; } .submissionTitle { margin: auto; width: 500px; margin-top: 20px; } .submissionTitle h1 { font-size: 16px; color: #ff9703; } .data_link { color: #5c8aff; } .rank-20 { color: #ff8000 } /* legendary */ .rank-500 { color: #a335ee } /* epic */ .rank-1000 { color: #0070dd } /* rare */ .rank-2500 { color: #1eff00 } /* uncommon */ .rank-default { color: #ffffff } /* common */