/*** Crappy CSS by Slamdancer ***/ /*** Main ***/ body { margin: 0px; background: #000000 url('images/layout/background/worgen.jpg') no-repeat top center; min-height: 101%; } html { height: 100%; } td, table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #545454; border: 0px; } .Basic { width: 900px; height: 60px; background: url('/images/layout/sanity.png') no-repeat; } .BasicNH { width: 900px; height: 44px; background: url('images/navigation/headbg.png') no-repeat; color: #CCCCCC; padding-right: 16px; padding-bottom: 4px; } .Search { border: 0px none; background: none; padding-left: 5px; width: 130; height: 17; font-size: 10px; color: #e4e4e4; } /*** Main Navigation Buttons ***/ #NavHome { display: block; width: 155px; height: 96px; background: url("images/navigation/n_home.png") no-repeat 0 0; } #NavProgress { display: block; width: 146px; height: 96px; background: url("images/navigation/n_progress.png") no-repeat 0 0; } #NavRoster { display: block; width: 149px; height: 96px; background: url("images/navigation/n_roster.png") no-repeat 0 0; } #NavVideos { display: block; width: 146px; height: 96px; background: url("images/navigation/n_videos.png") no-repeat 0 0; } #NavRecruitment { display: block; width: 149px; height: 96px; background: url("images/navigation/n_recruitment.png") no-repeat 0 0; } #NavForum { display: block; width: 155px; height: 96px; background: url("images/navigation/n_forum.png") no-repeat 0 0; } #NavHome:hover, #NavProgress:hover, #NavRoster:hover, #NavVideos:hover, #NavRecruitment:hover, #NavForum:hover { background-position: 0 -96px; } #NavHome span, #NavProgress span, #NavRoster span, #NavVideos span, #NavRecruitment span, #NavForum span { display: none; } .MNavT { width: 900px; height: 28px; padding-left: 22px; font-size: 10px; color: #FFFFFF; font-weight: bold; } .MNav { font-size: 10px; color: #FFFFFF; font-weight: bold; } a:link.MNav, a:visited.MNav, a:active.MNav { color: #FFFFFF; text-decoration: none; } a:hover.MNav { color: #FFFFFF; text-decoration: underline; } /*** Main Site ***/ .CenterM { width: 886px; } .CenterStart { width: 900px; height: 55px; background: url('images/layout/centert.png') no-repeat; } .CenterEnd { width: 900px; height: 70px; background: url('images/layout/centerbb.png') no-repeat; color: #f0f0f0; } .CenterBG { width: 900px; background: url('images/layout/centerbg.png'); } .CenterLeft { width: 659px; } .CenterRight { width: 227px; color: #c8c8c8; } .CenterWt { width: 633px; height: 8px; background: url('images/layout/wbgtop.gif') no-repeat; } .CenterWf { width: 633px; } .CenterW { width: 633px; background: #ececec url('images/layout/mainshade.gif') no-repeat; line-height: 150%; } .CenterWc { width: 633px; background: #ececec; line-height: 150%; } .CenterWe { width: 633px; background: #ececec url('images/layout/mainshade.gif') no-repeat; } .CenterWb { width: 633px; height: 24px; background: url('images/layout/wbgbot.gif') no-repeat; } .CenterH { width: 633px; height: 50px; background: url('images/layout/head.png') no-repeat; } /*** Main Content ***/ .CenterTf { width: 621px; } .NTitle { width: 618px; height: 40px; background: url('images/layout/chead.png') no-repeat; color: #FFFFFF; font-size: 12px; font-weight: bold; } .CTitle { padding-left: 17px; color: #FFFFFF; font-size: 12px; font-weight: bold; } a:link.Ctitle, a:visited.CTitle, a:active.CTitle { color: #FFFFFF; } a:hover.CTitle { color: #FFFFFF; text-decoration: underline; } .N1 { line-height: 150%; padding-top: 12px; padding-bottom: 7px; } .N2 { line-height: 150%; padding-top: 9px; } .N3 { line-height: 150%; padding-top: 7px; padding-bottom: 7px; } .NEnd { padding-top: 10px; padding-bottom: 6px; } #MNews { display: block; width: 614px; height: 320px; background: url("images/news/frame.png") no-repeat 0 0; } #MNews:hover { background-position: 0 0px; } #MNews span { display: none; } /*** Panel ***/ .PSpace { width: 214px; height: 3px; } .PBG { width: 214px; background: #000000; } .PDetails { width: 214px; height: 39px; background: url('images/panel/details.png') no-repeat; padding-top: 4px; color: c0c0c0; } .PBot { width: 214px; height: 24px; background: url('images/panel/bgbot.png') no-repeat; } td.P1 { height: 16px; font-size: 11px; } td.P1 a, td.P1 a:visited { height: 16px; background: url('images/panel/h_killed.gif') no-repeat 0 0; padding-left: 20px; font-size: 11px; color : #c8c8c8; } td.P1 a:hover { background-position: 0 -16px; color: #FFFFFF; } td.P2 { height: 16px; font-size: 11px; } td.P2 a, td.P2 a:visited { height: 16px; background: url('images/panel/h_notkilled.gif') no-repeat 0 0; padding-left: 20px; font-size: 11px; color : #c8c8c8; } td.P2 a:hover { background-position: 0 -16px; color: #FFFFFF; } .PStatus { height: 16px; font-size: 11px; color: #c8c8c8; padding-right: 6px; } div#News { width: 214px; height: 30px; background: url('images/panel/news.png') no-repeat; } div#Recruit { width: 214px; height: 30px; background: url('images/panel/recruit.png') no-repeat; } div#Videos { width: 214px; height: 30px; background: url('images/panel/video.png') no-repeat; } div#Raid { width: 214px; height: 30px; background: url('images/panel/raid.png') no-repeat; } div#Community { width: 214px; height: 30px; background: url('images/panel/community.png') no-repeat; } div#Admin { width: 214px; height: 30px; background: url('images/panel/admin.png') no-repeat; } div#End { width: 214px; height: 3px; background: url('images/panel/bgbot.png') no-repeat; } tr.Arrow { width: 200px; height: 16px; } tr.Arrow a, tr.Arrow a:visited { width: 200px; height: 16px; background: url('images/panel/h_arrow.gif') no-repeat 0 0; padding-left: 20px; font-size: 11px; color : #c8c8c8; } tr.Arrow a:hover { background-position: 0 -16px; color: #FFFFFF; } /*** Roster Sorting Buttons ***/ #RosterRank { display: block; width: 70px; height: 14px; background: url("images/roster/hoverrank.gif") no-repeat 0 0; } #RosterClass { display: block; width: 35px; height: 14px; background: url("images/roster/hoverclass.gif") no-repeat 0 0; } #RosterRace { display: block; width: 30px; height: 14px; background: url("images/roster/hoverrace.gif") no-repeat 0 0; } #RosterRank:hover, #RosterClass:hover, #RosterRace:hover { background-position: 0 -14px; } #RosterRank span, #RosterClass span, #RosterRace span { display: none; } /*** Item Quality and Class Colors ***/ a:link.n0, a:visited.n0, a:active.n0, a:hover.n0 { color: #9d9d9d; font-weight:bold; !important } /* grey/poor */ a:link.n1, a:visited.n1, a:active.n1, a:hover.n1 { color: #ffffff; font-weight:bold; !important } /* white/common */ a:link.n2, a:visited.n2, a:active.n2, a:hover.n2 { color: #1eff00; font-weight:bold; !important } /* green/uncommon*/ a:link.n3, a:visited.n3, a:active.n3, a:hover.n3 { color: #0070dd; font-weight:bold; !important } /* blue/rare */ a:link.n4, a:visited.n4, a:active.n4, a:hover.n4 { color: #a335ee; font-weight:bold; !important } /* purple/epic */ a:link.n5, a:visited.n5, a:active.n5, a:hover.n5 { color: #ff8000; font-weight:bold; !important } /* orange/legendary */ a:link.n6, a:visited.n6, a:active.n6, a:hover.n6 { color: #e5cc80; font-weight:bold; !important } /* red/artifact */ .DK { color: #C41F3B; } .Druid { color: #FF7D0A; } .Hunter { color: #ABD473; } .Mage { color: #69CCF0; } .Paladin { color: #F58CBA; } .Priest { color: #FFFFFF; } .Rogue { color: #FFF569; } .Shaman { color: #2459FF; } .Warlock { color: #9482C9; } .Warrior { color: #C79C6E; } .Healers { color: #FFFFFF; } .Tanks { color: #FFFFFF; } .DPS { color: #FFFFFF; } a:link.DK, a:visited.DK, a:active.DK, a:hover.DK { color: #C41F3B; font-weight:bold; } a:link.Druid, a:visited.Druid, a:active.Druid, a:hover.Druid { color: #FF7D0A; font-weight:bold; } a:link.Hunter, a:visited.Hunter, a:active.Hunter, a:hover.Hunter { color: #ABD473; font-weight:bold; } a:link.Mage, a:visited.Mage, a:active.Mage, a:hover.Mage { color: #69CCF0; font-weight:bold; } a:link.Paladin, a:visited.Paladin, a:active.Paladin, a:hover.Paladin { color: #F58CBA; font-weight:bold; } a:link.Priest, a:visited.Priest, a:active.Priest, a:hover.Priest { color: #FFFFFF; font-weight:bold; } a:link.Rogue, a:visited.Rogue, a:active.Rogue, a:hover.Rogue { color: #FFF569; font-weight:bold; } a:link.Shaman, a:visited.Shaman, a:active.Shaman, a:hover.Shaman { color: #2459FF; font-weight:bold; } a:link.Warlock, a:visited.Warlock, a:active.Warlock, a:hover.Warlock { color: #9482C9; font-weight:bold; } a:link.Warrior, a:visited.Warrior, a:active.Warrior, a:hover.Warrior { color: #C79C6E; font-weight:bold; } /*** Progress and Achievements ***/ .AchievementLockReward { background: url('images/achievements/bg_lock_tit.jpg') center no-repeat; width: 580px; height: 110px; border: 0px; } .AchievementLockNoReward { background: url('images/achievements/bg_lock.jpg') center no-repeat; width: 580px; height: 110px; border: 0px; } .AchievementUnlockReward { background: url('images/achievements/bg_unlock_tit.jpg') center no-repeat; width: 580px; height: 110px; border: 0px; } .AchievementUnlockNoReward { background: url('images/achievements/bg_unlock.jpg') center no-repeat; width: 580px; height: 110px; border: 0px; } .AchievementS1 { width: 100px; height: 92px; } .AchievementS2 { width: 380px; height: 92px; } .AchievementS3 { width: 580px; height: 18px; } .AchievementT1 { width: 72px; height: 82px; border: 0px; } .AchievementT2 { width: 380px; border: 0px; } .AchievementTitle { width: 380px; height: 32px; vertical-align: bottom; font-size: 13px; color: #000000; line-height: 150%; font-weight: bold; } .AchievementText { width: 380px; height: 40px; vertical-align: top; font-size: 11px; color: #000000; line-height: 100%; } .AchievementDate { width: 380px; height: 20px; font-size: 11px; color: #000000; } .AchievementReward { width: 380px; color: #FFFFFF; font-weight: bold; } .AchievementScoreGained { background: url('images/achievements/score_on.png') center no-repeat; width: 100px; height: 92px; font-size: 16px; color: #F0F0F0; font-weight: bold; } .AchievementScoreToGain { background: url('images/achievements/score_on.png') center no-repeat; width: 100px; height: 92px; font-size: 16px; color: #919191; font-weight: bold; } .AchievementNoScore { background: url('images/achievements/score_off.png') center no-repeat; width: 100px; height: 92px; } .nAchievementUnlockReward { background: url('images/achievements/bg_unlock_tit.jpg') center no-repeat; width: 600px; height: 110px; border: 0px; } .nAchievementUnlockNoReward { background: url('images/achievements/bg_unlock.jpg') center no-repeat; width: 600px; height: 110px; border: 0px; } .nAchievementS2 { width: 400px; height: 92px; } .nAchievementS3 { width: 600px; height: 18px; } .nAchievementT1 { width: 72px; height: 82px; border: 0px; } .nAchievementT2 { width: 400px; border: 0px; } .nAchievementTitle { width: 400px; height: 32px; vertical-align: bottom; font-size: 13px; color: #000000; line-height: 150%; font-weight: bold; } .nAchievementText { width: 400px; height: 40px; vertical-align: top; font-size: 11px; color: #000000; line-height: 100%; } .nAchievementDate { width: 400px; height: 20px; font-size: 11px; color: #000000; } .nAchievementReward { width: 400px; color: #FFFFFF; font-weight: bold; } .APageT { background: url('images/achievements/frametop.png') no-repeat; height: 20px; width: 620px; } .APageBG { background: url('images/achievements/framebg.png') repeat-y; width: 620px; } .APageB { background: url('images/achievements/framebot.png') no-repeat; height: 20px; width: 620px; } .status { color: #FFFFFF; font-weight: bold; } .gold { color: #ffd64c; font-weight: bold; } .silver { color: #d1d1d1; font-weight: bold; } .bronze { color: #a85106; font-weight: bold; } .progress { font-weight: bold; text-decoration: none; } a:link.progress, a:visited.progress, a:active.progress { color: #000000; text-decoration: none; } a:hover.progress { color: #FF0000; text-decoration: underline; } .achlink { font-weight: bold;} a:link.achlink, a:visited.achlink, a:active.achlink { color: #000000; text-decoration: none; } a:hover.achlink { color: #FF0000; text-decoration: underline; } .wotlk { width: 633px; height: 118px; background: url('images/progress/expansions/wotlk.png') no-repeat; padding-left: 16px; padding-top: 35px; } .wotlkpr { width: 13px; padding-left: 16px; } .wotlkinst { color: #545454; } .wotlkstatus { width: 90px; font-size: 11px; color: #545454; } .wotlkdate { width: 90px; padding-right: 16px; font-size: 11px; color: #545454; } /*** Media ***/ #Media { display: block; width: 180px; height: 160px; background: url("images/media/pictures/frame_b.png") no-repeat 0 0; } #Media:hover { background-position: 0 -160px; } #Media span { display: block; padding-left: 100px; padding-top: 128px; color: #f0f0f0; } .MediaBG { padding-left: 2px; font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #FFFFFF; } .MediaSwitch { width: 100px; height: 30px; } #SwapOverview { display: block; width: 100px; height: 30px; background: url("images/media/overview.gif") no-repeat 0 0; } #SwapDefault { display: block; width: 100px; height: 30px; background: url("images/media/default.gif") no-repeat 0 0; } #SwapOverview:hover, #SwapDefault:hover { background-position: 0 -30px; } #SwapOverview span, #SwapDefault span { display: none; } a:link.stream, a:visited.stream, a:active.stream { font-size: 10px; color: #f0f0f0; } a:hover.stream { font-size: 10px; color: #f0f0f0; } #Watch { display: block; width: 70px; height: 24px; background: url("images/media/play.png") no-repeat 0 0; } #Watch:hover { background-position: 0 -24px; } #Watch span { display: block; padding-left: 8px; padding-top: 5px; color: #f0f0f0; } .line { width: 417px; height: 4px; background: url('images/media/line.gif') repeat-x; } .mspov { font-weight: bold; padding-right: 5px; } .mdpov { font-weight: bold; padding-right: 5px; padding-left: 10px; } .mpovrole { padding-right: 4px; padding-left: 4px; } /*** Content ***/ .M5 { background: url('images/layout/m5.gif') repeat; font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #FFFFFF; } .content { font-size: 11px; color: #545454; line-height: 150%; } .gensmall { font-size : 10px; color : #CCCCCC; } .count { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19px; color: #000000; font-weight:bold; } .cattitle { font-weight: bold; font-size: 12px; color: #FFFFFF; } a:link.cattitle, a:visited.cattitle, a:active.cattitle { font-weight: bold; font-size: 12px; color: #FFFFFF; } a:hover.cattitle { font-weight: bold; font-size: 12px; color: #FFFFFF; text-decoration: underline; } .green { color : #00FF00; font-size: 10px; } .red { color : #CC3300; font-size: 10px; } .orange { color : #ffb400; font-size: 10px; } .bltitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color: #FFFFFF; line-height:150%; font-weight:bold; } .bltext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color: #B7B7B7; line-height:150%; } .gg { cursor: pointer; } /*** Nicks for News and Comments ***/ a:link.nick, a:visited.nick, a:active.nick { color: #FFFFFF; text-decoration: none; } a:hover.nick { color: #FFFFFF; text-decoration: underline; } a:link.ga, a:visited.ga, a:active.ga { color: #d73737; text-decoration: none; } a:hover.ga { color: #d73737; text-decoration: underline;} a.member:link, a.member:visited, a.member:active { color: #0070dd; text-decoration: none; } a.member:hover { text-decoration: underline; } .postdetails { font-size: 10px; color: #cfcfcf; letter-spacing: 0px; } .postdetails2 { font-size: 10px; color: #000000; font-weight: none; } .nicktitle { font-weight: bold; font-size: 11px; color: #FFFFFF} .rank { color: 545454; } /*** General Links ***/ a:link, a:visited, a:active { color: #CC3300; text-decoration: none; } a:hover { color: #FF0000; text-decoration: none; } a:link.roster, a:visited.roster, a:active.roster { color: #000000; text-decoration: none; font-weight: bold; } a:hover.roster { color: #FF0000; text-decoration: none; font-weight: bold; } a:link.iroster, a:visited.iroster, a:active.iroster { color: #545454; text-decoration: none; } a:hover.iroster { color: #000000; text-decoration: none; } a:link.c, a:visited.c, a:active.c { color: #000000; text-decoration: none; } a:hover.c { color: #FF0000; text-decoration: underline; } /* Navigation-Links */ .nav { font-size: 11px; color : #acacac; } a:link.nav, a:visited.nav, a:active.nav { text-decoration: none; color : #acacac; } a:hover.nav { text-decoration: none; color : #FFFFFF; } .bnav { font-size: 10px; color : #acacac; font-weight: bold; } a:link.bnav, a:visited.bnav, a:active.bnav { text-decoration: none; color : #acacac; } a:hover.bnav { text-decoration: none; color : #FFFFFF; } a:link.navbot, a:visited.navbot, a:active.navbot { color: #81bbdf; text-decoration: none; } a:hover.navbot { color: #FFFFFF; text-decoration: none; } /* Comments */ a:link.comment, a:visited.comment { color: #f0f0f0; text-decoration: none; font-size: 11px; font-weight: bold; } a:active.comment, a:hover.comment { color: #f0f0f0; text-decoration: none; font-size: 11px; font-weight: bold; } .bcomments { font-size: 10px; color: #545454; letter-spacing: 0px; } .gcomments { font-size: 10px; color: #989898; letter-spacing: 0px; } .butl { width: 76px; height: 24px; padding-left: 10px; padding-bottom: 1px; background: url('images/layout/comment.png') left no-repeat; } .butr { width: 34px; font-size: 10px; color: #545454; background: url('images/layout/comment.png') right no-repeat; } /*** Menu Stuff ***/ .top { font-family: Tahoma, sans-serif;font-size: 12px;color: #000000; line-height:150%; } a:link.top, a:visited.top { color: #FF0000; text-decoration: none; } a:active.top, a:hover.top { color: #F0F0F0; text-decoration: none; } a:link.section, a:visited.section { color: #CCCCCC; text-decoration: none; } a:active.section, a:hover.section { color: #FFFFFF; text-decoration: none; } /*** Copyright Info ***/ .copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #5C5C5C; letter-spacing: -1px; } a:link.copyright, a:visited.copyright { color: #81bbdf; text-decoration: none; } a:hover.copyright { color: #FFFFFF; text-decoration: none; } td.nxtprev { font-size: 11px; color: #c8c8c8; padding-bottom: 8px; } a:link.nxtprev, a:visited.nxtprev { color: #c8c8c8; text-decoration: none; font-weight: bold; } a:hover.nxtprev { color: #f0f0f0; text-decoration: none; } /*** Random Crap ***/ td.rostercolumns { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; color : #666666; text-align : center; background-color : #0C0C0C; } td.raidtop { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; color : #666666; text-align : center; background-color : #0C0C0C; } /*** Simple Tables ***/ TD.t1 { background-color: #cecece; } TD.t2 { background-color: #ececec; color: #000000; font-weight: bold; } TD.t2b { background-color: #ececec; } TD.t2light { background-color: #ececec; } TD.t3 { background-color: #ececec; } TD.t3light { background-color: #ececec; } /*** Edited Posts ***/ SPAN.edited_post { color: red; } /*** PHP Errors ***/ .error { color: red; } /*** Fields ***/ input, select, textarea { background-color: #dedede; border: #919191 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } .field { background: url('images/users/field.gif'); padding-left: 2px; width: 250; height: 24; border: 1px #000000 solid; font-size: 14px; } .text { background: url('images/users/field.gif') repeat-x; background-color: #FFFFFF; padding-left: 2px; width: 250; height: 80; border: 1px #000000 solid; font-size: 14px; } .login { border: 0px none; background: url('images/users/login.gif'); width: 70; height: 28; } .submit { border: 0px none; background: url('images/users/submit.gif'); width: 70; height: 28; } /*** Anti Spam ***/ #lol { visibility: hidden; display: none; } /*** Fixes ***/ IMG { border-width: 0px; } HR { color: #AC9E91; height: 1px;}