/*** Server Status ***/ #txt-title-serverstatus { background: url(/images/home/txt-title-serverstatus.png) no-repeat; width: 300px; height: 22px; } #txt-title-serverstatus a { float: right; margin-right: 10px; display: block; height: 10px; width: 35px; margin-top: 5px; } #bg-serverstatus { margin-bottom: 10px; overflow: hidden; } #bg-serverstatus .left { float: left; height: 47px; width: 150px; margin-bottom: 1px; } #bg-serverstatus .right { float: right; height: 29px; width: 150px; } #server-alert { background: url(/images/home/server-alert.png) no-repeat; } #server-offline { background: url(/images/home/server-offline.png) no-repeat; } #server-online { background: url(/images/home/server-online.png) no-repeat; } #server-time { background: url(/images/home/bg-servertime.png) no-repeat; padding-top: 18px; } #server-time p { font: 16px Arial; color: #c4de14; width: 100%; text-align: center; font-weight: bold; } #server-time span { text-transform: uppercase; margin-left: 5px; } #bg-serverinfo { background: url(/images/home/bg-serverinfo.png) no-repeat; height: 27px; width: 300px; clear: both; } #bg-serverinfo p { color: #000; font: 11px Arial; line-height: 27px; padding: 0px 5px; } /**** Server Status Front Page Module ****/ #status_mod {width: 300px; height: 97px; background: url(/modules/home/images/bg-serverstatus.png) no-repeat; margin: 10px 0 0 0;} #status_mod a {display: block; width: 35px; height: 8px; float: right; margin: 5px 7px 0 0; } #status_mod #curStatus {float: left; clear: both; width: 40%; height: 35px; font: 13pt Verdana; margin: 27px 0 0 10px; //margin: 40px 0 0 10px;} #status_mod #curTime {float: right; clear: right; width: 40%; height: 35px; font: 13pt Verdana; margin: 27px 10px 0 0;} #status_mod #curMessage {width: 295px; clear: both; color: black; font: 10pt Verdana; margin: 0 0 0 5px;} #status_mod.online {color:#c4de14;} #status_mod.offline {color:#e0e0e0;} #status_mod.alert {color:red;} /*** Titles & Body ***/ #eso_newsblog{ background: url(http://images-cdn.perfectworld.com/en/eso/home/txt-title-news.png) no-repeat; width: 620px; padding-right: 10px; } #eso_newsblog a { height: 10px; width: 40px; display: block; float: right; } #eso_buzzdigg{ background: url(http://images-cdn.perfectworld.com/en/eso/home/title_buzzstream.jpg) no-repeat; width: 300px; padding-right: 10px; } #eso_featured{ background: url(http://images-cdn.perfectworld.com/en/eso/home/title_featured.jpg) no-repeat; width: 620px; padding-right: 10px; } #eso_forumupdates{ background: url(http://images-cdn.perfectworld.com/en/eso/home/title_forumupdates.jpg) no-repeat; width: 620px; padding-right: 10px; } #eso_onlinepoll{ background: url(http://images-cdn.perfectworld.com/en/eso/home/title_onlinepoll.jpg) no-repeat; width: 300px; padding-right: 10px; } #eso_login{ background: url(http://images-cdn.perfectworld.com/en/eso/home/txt-title-login.png) no-repeat; width: 300px; padding-right: 10px; height: 22px; width: 300px; } .eso_title{ height: 17px; text-align: right; } .eso_title_body{ background-color: #f1f1f0; border-bottom: 1px solid #d3d0cc; border-left: 1px solid #d3d0cc; border-right: 1px solid #d3d0cc; padding: 13px; min-height: 75px; height: auto !important; height: 75px; } .eso_title_body img{ float: left; margin-right: 8px; } .eso_show_body { background-color: #f1f1f0; border: 1px solid #d3d0cc; padding: 13px; margin-bottom: 10px; min-height: 155px; height: auto !important; height: 155px; } .eso_screenshot_body{ background-color: #f1f1f0; border: 1px solid #d3d0cc; margin-bottom: 10px; } /*** News Section ***/ #eso_news_banner{ margin: 0; padding: 0; width: 630px; height: 222px; } #eso_news_banner { background-color: black; } #eso_news_banner ul#banner_thumbs li { position: relative; left: 10px; top: -215px; height: 53px; width: 98px; cursor: pointer; cursor: hand; } #eso_news_banner ul#banner_thumbs li img { position: relative; top: 1px; left: 1px; } #eso_news_banner .thumb_overlay { position: relative; top: -47px; height: 53px; width: 98px; background: url(http://images-cdn.perfectworld.com/en/eso/home/thumb_rotate_background.png); } #eso_news_banner .selected .thumb_overlay, #eso_news_banner .thumb_overlay:hover { width: 102px; top: -47px; background-position: -97px; } /** IE HACK **/ #eso_news_banner .thumb_overlay { top: -47px\9; } #eso_media{ overflow: hidden; margin-top: 10px; } .rssTopWrap01 { width: 610px; overflow: hidden; margin-bottom: 10px; } .rssTopWrap01 img { float: left; display: block; margin-right: 10px; width: 130px; height: 86px; border: 1px solid #888888;} .rssTopWrap01 h4 { font: 12px Verdana; font-weight: bold; padding-bottom: 5px; margin-left: 140px; } .rssTopWrap01 h4 a { color:#c09c83; } .rssTopWrap01 p { font:11px Verdana; line-height: 16px; margin-bottom: 5px; margin-left: 140px; } .rssTopWrap01 p a { color:#5c5858; } .rssTopWrap01 p a span { color:#c09c83; padding-left: 5px; } .ico-comments { background: url(http://images-cdn.perfectworld.com/en/eso/home/ico-comments.png) no-repeat left; padding-left: 15px; margin-left: 140px; } .ico-comments a { color:#8b8b8b; } /**** featured video ****/ #eso_show_section{ margin: 0px auto; width: 600px; } #eso_show_section img{ border: 1px solid #888888; width: 130px; height: 86px; } #eso_show_section li{ float: left; width: 132px; padding: 0px 8px; border-right: 1px solid #c4c4c4; height: 140px; } #eso_show_section li:last-child { border-right: none; } #eso_show_section li h4{ font: 12px Verdana; font-weight: bold; color: #c09c83; } #eso_show_section li h4 a { font: 12px Verdana; font-weight: bold; color: #c09c83; } #eso_show_section li b{ width: 130px; color: #343434; font: 10px Verdana; } #eso_show_section li p{ line-height: 16px; color: #767676; font: 10px Verdana; } /**** feature Show ****/ #eso_feature_section { margin: 0px auto; } #eso_feature_section img { border: 1px solid #888888; width: 130px; height: 86px; } #eso_feature_section ul { padding: 0px 13px; } #eso_feature_section b { width: 130px; color: #343434; font: 10px Verdana; } #eso_feature_section a { font: 13px Verdana; font-weight: bold; color: #c09c83; } #eso_feature_section p { line-height: 16px; color: #767676; font: 10px Verdana; } #eso_feature_section li { float: left; width: 132px; padding: 0px 8px; border-right: 1px solid #c4c4c4; } #eso_feature_section li:last-child { border-right: none } #eso_title_media{ background: url(http://images-cdn.perfectworld.com/en/eso/home/title_media_background.jpg) no-repeat; height: 27px; margin-left: -1px; margin-top: -1px; width: 630px; } #eso_title_media a { float: right; padding-top: 10px; margin-right: 10px; } #eso_title_media li{ float: left; } #eso_contest { background-image: url(http://images-cdn.perfectworld.com/en/eso/home/title_contest.jpg); height: 27px; width: 74px; } #eso_screenshot { background-image: url(http://images-cdn.perfectworld.com/en/eso/home/title_screenshot.jpg); height: 27px; width: 113px; } #eso_wallpaper { background-image: url(http://images-cdn.perfectworld.com/en/eso/home/title_wallpaper.jpg); height: 27px; width: 113px; } #eso_fanart { background-image: url(http://images-cdn.perfectworld.com/en/eso/home/title_fanart.jpg); height: 27px; width: 74px; } #feature_screenshot { overflow: hidden; padding: 13px 0px; } #feature_wallpaper { overflow: hidden; padding: 13px 0px; } #feature_fanart { overflow: hidden; padding: 13px 0px; } #feature_contest { overflow: hidden; padding: 13px 0px; } .hovered { background-position: 0px -27px; } .selected { background-position: 0px -54px } /*** Forum Updates ***/ #eso_forum_section{ } #eso_forum_section h4{ color: #c09c83; font: 12px Verdana; font-weight: bold; } #eso_forum_section h4 a { color: #c09c83; font: 12px Verdana; font-weight: bold; } #eso_forum_section p{ color: #333333; line-height: 16px; height: 34px; } #eso_forum_general { background: url(http://images-cdn.perfectworld.com/en/eso/home/forum_thumb_general.jpg) left no-repeat; padding-left: 80px; padding-top: 5px; padding-bottom: 5px; } #eso_forum_gaming { background: url(http://images-cdn.perfectworld.com/en/eso/home/forum_thumb_gaming.jpg) left no-repeat; padding-left: 80px; padding-top: 5px; padding-bottom: 5px; } #eso_forum_community { background: url(http://images-cdn.perfectworld.com/en/eso/home/forum_thumb_community.jpg) left no-repeat; padding-left: 80px; padding-top: 5px; padding-bottom: 5px; } .eso_forum_date { color: #767676; font: 10px Verdana; font-weight: bold; border-bottom: 1px dotted #202020; padding-bottom: 6px; } #eso_forum_count{ position: absolute; margin-left: -70px; margin-top: 10px; font: 22px Verdana; font-weight: bold; color: #cd0e10; width: 48px; text-align: center; } /*** Online Polls ***/ .eso_poll_body{ border-bottom: 1px solid #d3d0cc; border-left: 1px solid #d3d0cc; border-right: 1px solid #d3d0cc; padding: 13px; min-height: 150px; height: auto !important; height: 150px; background-color: #f1f1f1; overflow: hidden; margin-bottom: 10px; } #eso_poll_icon{ background: url(http://images-cdn.perfectworld.com/en/eso/home/thumb_question.jpg) no-repeat; margin-bottom: 7px; font: 13px Verdana; font-weight: bold; color: #5d5d5d; } #pw_question { padding-left: 45px; color: #c09c83; height: 40px; } #eso_poll_icon ul { margin: 10px 0px; padding: 8px 0px; } #eso_poll_icon li { height: 20px; line-height: 18px; } #eso_poll_icon input { width: 30px; } .p_poll_results ul { padding: 0 !important; background:url('http://images-cdn.perfectworld.com/en/eso/home/poll-fill-background.jpg') repeat-x; } .p_pollTitle { position: absolute; padding-left: 5px; width: 174px; } .p_pollPercent { position: absolute; padding-left: 235px; } .p_poll_fill { background:url('http://images-cdn.perfectworld.com/en/eso/home/poll-fill.jpg'); height: 15px; width: 100%; font-size: 10px; color: #ffa800; } .p_poll_empty { background:url('http://images-cdn.perfectworld.com/en/eso/home/poll-fill-background.jpg') no-repeat; height: 15px; width: 100%; } .eso_poll_option{ background-color: #f7f7f7; width: 230px; margin: 0px auto 10px; padding: 10px; border: 1px solid #d6d6d6; } .eso_poll_option li{ height: 20px; line-height: 20px; } .eso_poll_option liinput { width: 30px; } #eso_button{ height: 22px; width: 200px; margin: 0 auto; overflow: none; } #eso_button li{ float: left; width: 100px; } #eso_vote{ background: url(http://images-cdn.perfectworld.com/en/eso/home/poll_vote.jpg) no-repeat; width: 97px; height: 22px; cursor: pointer; cursor: hand; margin: 0 auto; } #eso_result{ background: url(http://images-cdn.perfectworld.com/en/eso/home/poll_viewresult.jpg) no-repeat; width: 97px; height: 22px; cursor: pointer; cursor: hand; margin: 0 auto; } /*#eso_vote:hover, #eso_result:hover{ background-position: 0px -22px; }*/ /*** Quick LInks ***/ .eso_link{ width: 300px; text-align: center; height: 65px; margin-top: 10px; } .eso_link div { float: left; width: 150px; } .eso_link a { width: 100%; height: 100%; display: block; } #quick-download { background: url(http://images-cdn.perfectworld.com/en/eso/home/quick-download.png) no-repeat top; width: 150px; height: 64px; } #quick-register { background: url(http://images-cdn.perfectworld.com/en/eso/home/quick-register.png) no-repeat top; width: 150px; height: 64px; } #quick-download:hover, #quick-register:hover { background-position: 0px -64px; } /*** Logout Stuff ***/ .loginWrap{ margin:0 0 20px; } #lnkLogin, #lnkSignup{ float:left; height:26px; line-height:26px; margin:0 8px 0 0; overflow:hidden; width:72px; } .loginBody{ height:105px; position:relative; } .wrapInput02 { margin: 1px 0px; width: 210px; float: left; font:11px Verdana; } .wrapInput02 input { background:#fff; border:1px solid #c3c3c3; height:16px; padding:3px; width:126px; } #loginLnk { position:absolute; top: 0; margin-left: 210px; //margin-left: 10px; } #esoLogin { background: url(http://images-cdn.perfectworld.com/en/eso/home/eso_loginbutton.jpg) no-repeat; height: 70px; width: 69px; position: absolute; } .wrapLoginCheck { color:#707889; font:11px Verdana; left:12px; position:absolute; top:55px; margin-left: 50px; } .wrapLoginCheck * { vertical-align:middle; } #chkSSI { margin:0 1px 0 0; } .wrapLoginLink { height:38px; line-height:19px; left:18px; position:absolute; top:75px; } .wrapLoginLink a { background: url(http://images-cdn.perfectworld.com/en/eso/home/thumb_forgotid.jpg) no-repeat 0 50%; color:#707889; font:11px Verdana; line-height:19px; padding-left: 18px; margin-left: 44px; //margin-left: 48px; } /*** Login Stuff ***/ .wrapAfterLogin{ color:#707889; font:12px/20px Verdana; padding:4px 0 0 10px; z-index:100; height: 160px; } .wrapAfterLogin p{ color:#3b465e; font-weight:700; margin:0 0 2px; padding:0 0 0 4px; } .wrapAfterLogin h3{ color:#5ea4c6; height:20px; margin:0 0 4px; padding:1px 3px; width:180px; } .wrapAfterLogin em{ padding:0 0 0 4px; } .wrapAfterLogin div{ margin:11px 0 0; padding:0 0 0 29px; } .wrapAfterLogin a{ background:url(http://files-ns.perfectworld.com/common/portal/www/images/ico-arrow08.png) no-repeat 0 5px; color:#707889; line-height:20px; padding:0 0 0 8px; text-decoration:underline; } .wrapAfterLogin a span{ font-size:11px; } .wrapAfterLogin .disabled{ background-position:0 -8px; color:#a2a4a7; text-decoration:none; } .wrapAfterLogin .disabled:hover{ text-decoration:none; } #perfectworld_question { position: absolute; margin-left: 210px; margin-top: 10px; } #perfectworld_newuser { background: url('http://images-cdn.perfectworld.com/en/eso/home/icon_whatispw.gif') no-repeat; width: 65px; height: 68px; } #perfectworld_newuser:hover { background-position: -65px 0px; } #perfectworld_support { background: url('http://images-cdn.perfectworld.com/en/eso/home/icon_customer.gif') no-repeat; width: 65px; height: 68px; margin-top: 5px; } #perfectworld_support:hover { background-position: -65px 0px; } /* Server Status ticker */ ul.marquee{display:block;padding:0;margin:0;list-style:none;line-height:1;position:relative;overflow:hidden;height: 22px;margin: 0 15px; //margin: -15px 15px 0 15px; } ul.marquee li{position:absolute;top:-999em;left:0;display:block;white-space:nowrap;padding:0px 5px; color: black; font: 10pt Arial;width:95%;text-align:center}