/*================================================= // Version : 1.0 // Project : Duty Call // Coder : mathieuallaire.ca //=================================================*/ /* ----- GENERAL ----- */ body { font-family: arial; font-size: 11px; text-align: center; background: #000 url(../images/panel-bg.jpg); color: #b5b5b5; } * { margin: 0; padding: 0; } a,h1 { overflow: hidden;} img { border: 0; vertical-align: bottom;} input { vertical-align: middle; } .clear { clear: both; } A:link { color: #ffffff; text-decoration: none;} A:visited { color: #ffffff; text-decoration: none;} A:active { color: #ffffff; text-decoration: underline;} A:hover { color: #ffffff; text-decoration: underline;} hr { width: 639px; padding-top: 0px; margin: 0px 0; } strong { font-weight: bold; } /* ----- INDEX PAGE ----- */ #main { width: 960px; height: 698px; margin: 0 auto; background: #000 url(../images/main-bg.jpg) no-repeat; position: relative; margin: 0 auto; text-align: left; } #top { height: 125px; cursor: default; } h1 { display: none; } #top form { padding: 20px 0 0 220px; } #top form div { float: left; padding-right: 5px; } #top form label { color: #fff; padding: 0 px 0 10px; } #username { background: transparent url(../images/user-input.jpg) no-repeat; width: 137px; height: 25px; border: 0; color: #fff; font-weight: bold; font-family: arial; padding: 8px 0 0 5px; } #password { background: transparent url(../images/pass-input.jpg) no-repeat; width: 137px; height: 25px; border: 0; color: #fff; font-weight: bold; font-family: arial; padding: 8px 0 0 5px;} #login_btn { position: relative; top: 2px; } #not_member { display: block; position: absolute; text-indent: -9999px; right: 35px; top: 88px; width: 495px; height: 20px; } #mid { width: 960px; height: 330px; position: relative; cursor: default; } #register_btn { text-indent: -9999px; display: block; background: transparent url(../images/register-btn.jpg) no-repeat; width: 320px; height: 73px; position: absolute; right: 120px; top: 160px; } #soldiers_stats { list-style: none; position: absolute; top: 304px; left: 40px; } #soldiers_stats li { float: left; padding-right: 10px; } #soldiers_stats span { color: #fff; } #the_story { float: left; width: 290px; line-height: 20px; padding: 60px 0 0 40px; } #the_story a { text-decoration: none; color: #4fcf37; } #the_story a:hover { text-decoration: underline; color: #fff; } #stats { float: left; list-style: none; padding: 60px 0 0 100px; width: 230px; } #stats li { margin-bottom: 10px; } #stats span { color: #fff; } #previews { float: left; padding: 65px 0 0 0 } #previews img { margin-right: 5px; } #footer { margin: 0 auto; margin-top: 3px; background: #000 url(../images/footer-bg.jpg) no-repeat; width: 960px; height: 70px; text-align: left; } #footer p { float: left; color: #606060; padding: 25px 0 0 40px; } #footer ul { float: right; list-style: none; padding: 25px 40px 0 0; } #footer ul li { float: left; padding-right: 10px; } #footer ul a { text-decoration: none; color: #606060; } #footer ul a:hover { text-decoration: underline; color: #fff; } /* ----- PANEL PAGE ----- */ #panel { width: 993px; margin: 0 auto; position: relative; margin: 0 auto; text-align: left; } #top_panel { background: transparent url(../images/panel-top.jpg) no-repeat; width: 993px; height: 481px; margin-bottom: -250px; } #top_btn { list-style: none; padding: 20px 0 0 600px; } #top_btn li { float: left; margin-right: 8px; } #soldiers_stats2 { list-style: none; float: left; padding: 95px 0 0 40px; } #soldiers_stats2 li { float: left; padding-right: 10px; } #top_panel span { color: #fff; } #server_time { float: right; padding: 95px 40px 0 0; } #content_panel { clear: both; width: 993px;} #panel_nav { float: left; width: 245px; color: #5f983f; padding-left: 50px; } #panel_nav h2 { text-align: center; font-weight: bold; font-size: 14px; background: transparent url(../images/menu-h.jpg) no-repeat; width: 244px; height: 26px; padding-top: 8px; margin: 8px 0; color: #fff; text-transform: uppercase; } #panel_nav span { color: #fff; } #user_info { height: 80px; border-bottom: 1px solid #2c2c2c; } #user_info img { float: left; border: 1px solid #2c2c2c; padding: 2px; } #user_info b { color: #fff; } #user_info ul { float: left; list-style: none; padding-left: 5px; } #user_info ul li { margin-bottom: 3px; } #exp { margin-top: 10px; list-style: none; } #exp li { position: relative; height: 23px; } #exp div { position: absolute; top: 0; right: 0; } #exp img { display: block; height: 14px; text-align: left; } #nav_menu { list-style: none; float: left; } #nav_menu li { list-style: none; margin-top: 5px; } #nav_menu a { color: #606060; text-decoration: none; font-size: 11px; display: block; background: transparent url(../images/menu-bg.gif) no-repeat; width: 226px; height: 19px; padding: 3px 0 0 15px; } #nav_menu a:hover { color: #fff; text-decoration: underline; background-position: bottom; } #panel_content { float: left; width: 666px; padding: 7px 0 0 10px; } #content_box { background: transparent url(../images/top-soldiers.jpg) no-repeat; width: 639px; height: 122px; } #content_box h2 { font-size: 12px; color: #fff; text-align: center; padding-top: 10px; font-weight: normal; } #content_box ul { list-style: none; padding: 20px 0 0 45px; } #content_box ul li { float: left; width: 90px; } #content_box ul li a img { margin-bottom: 5px; } #content_box ul a { color: #fff; text-decoration: none; } #content_box ul a:hover { text-decoration: underline; } .soldier_icon a { color: #5f983f !important; font-weight: bold; } .soldier_icon a:hover { text-decoration: none !important; } .soldier_icon b { color: #fff; } #upgrade_icon { width: 100px !important; } #upgrade_icon img { margin-left: 12px; margin-bottom: 2px !important; } #refer_icon { width: 110px !important; } #refer_icon img { margin-left: 12px; } #vote_icon { width: 110px !important; } #vote_icon img { margin-left: 10px; margin-bottom: 0 !important; } #upgrade_icon,#refer_icon,#vote_icon { margin-top: 5px; } #panel_content h3 { clear: both; text-align: center; font-weight: bold; font-size: 14px; background: transparent url(../images/content-h.jpg) no-repeat; width: 639px; height: 25px; padding-top: 10px; color: #fff; text-transform: uppercase; } #upgrade_left { float: left; color: #fff; font-weight: bold; font-size: 12px; text-align: center; padding: 30px 0 0 20px; } #upgrade_left span { font-size: 11px; font-weight: normal; display: block; padding: 5px 0 20px 0; color: #606060; } #upgrade_right { float: left; padding: 20px 0 20px 40px; } #upgrade_right ul { float: left; padding: 5px 10px 0 0; width: 180px; } #upgrade_right ul li { list-style: none; color: #606060; } #upgrade_right ul li { margin-bottom: 4px; } #general_info { font-size: 12px; width: 600px; padding-left: 30px; } #general_info ul { list-style: none; float: left; padding: 20px 0 0 0; width: 200px; } #general_info ul li { margin-bottom: 10px; color: #606060; } #general_info a { color: #5f983f; text-decoration: none; } #general_info a:hover { text-decoration: underline; color: #fff; } #general_info span { color: #fff; } #footer_panel { margin: 0 auto; background: #000 url(../images/panel-footer.jpg) no-repeat; width: 993px; height: 179px; text-align: left; } #footer_panel p { float: left; color: #606060; padding: 140px 0 0 80px; } #footer_panel ul { float: right; list-style: none; padding: 140px 80px 0 0; } #footer_panel ul li { float: left; padding-right: 10px; } #footer_panel ul a { text-decoration: none; color: #606060; } #footer_panel ul a:hover { text-decoration: underline; color: #fff; } #headerback { padding-left: 20px; font-size: 14px; font-weight: bold; color: #FFFFFF; height: 30px; } #marginin { padding-left: 20px;} /* ----- REGISTER PAGE ----- */ #reg { width: 998px; height: 691px; margin: 0 auto; background: #000 url(../images/reg-bg-ct.jpg) no-repeat; position: relative; margin: 0 auto; text-align: left; } #not_member2 { display: block; position: absolute; text-indent: -9999px; right: 60px; top: 80px; width: 495px; height: 20px; } #register { margin: 110px 0 0 530px; } #register ul { list-style: none; color: #ff0000; position: absolute; top: 180px; right: 105px; } #register label { width: 140px; display: block; float: left; font-size: 12px; color: #fff; } #register form { margin: 0 0 0 58px; padding-top: 40px; } #register form div { margin-bottom: 10px; } .reg_input { color: #fff; padding: 5px; background-color: #000; border: 1px solid #48af32; } #reg_btn { margin-top: 20px; } #gender_r { width: 155px !important; } /* ----- REGISTER PAGE ----- */ #sign { width: 998px; height: 691px; margin: 0 auto; background: #000 url(../images/signup.jpg) no-repeat; position: relative; margin: 0 auto; text-align: left; } #not_member2 { display: block; position: absolute; text-indent: -9999px; right: 60px; top: 80px; width: 495px; height: 20px; } /* ----- TABLES ----- */ table.sample { border-width: 0px 0px 0px 0px; border-spacing: 0px; border-style: none none none none; border-color: black black black black; border-collapse: collapse; background-color: ; } table.sample th { border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-style: none none none none; border-color: black black black black; background-color: ; -moz-border-radius: 0px 0px 0px 0px; } table.sample td { border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-style: none none none none; border-color: black black black black; background-color: ; -moz-border-radius: 0px 0px 0px 0px; } .table { background-color:#000000; border-width:1; border-color:#101010; border-style:solid; border-width: 3px; -moz-border-radius: 10px; border: solid; border-color: #222222; } .tablee{ background-color:#000000; border-width:1; border-color:#101010; border-style:solid; border-width: 3px; -moz-border-radius: 10px; border: solid; border-color: #222222; } .table td { background-color:#000000; border-width:1; border-color:#101010; border-style:solid; height:22px; } td .alt { background-color:#000000; height:22px; border-width: 3px; -moz-border-radius: 10px; border: solid; border-color: #222222; } td .h { font-weight: bold; background-color: #000000; border-width: 3px; -moz-border-radius: 10px; border: solid; border-color: #222222; } td .mytable { font-weight: bold; background-color: #000000; border-width: 0px; -moz-border-radius: 10px; border: none; border-color: #000000; } .table th { font-weight: bold; background-color: #000000; border-width: 3px; -moz-border-radius: 10px; border: solid; border-color: #222222; } /* ----- TEXT STYLES ----- */ .stronger { font-size: 12px; font-weight: bold; color: #FFFFFF; } .wtext { color: #FFFFFF; } .rtext { color: #fc0203; } .gtext { color: #418400; } /* ---- INVENTORY ----*/ div#inventorywrap {width: 639px; height: 322px;background-image: url(images/bg_inventory.jpg);} div#inventorytabs {width: 313px; padding: 10px; float: left;} div#inventoryitems {width: 306px;height: 322px;float: left;} div#invprimary {width: 72px;height: 144px;margin: 16px 0 0 34px; float: left; text-align:center;} div#invheadnchest {width: 72px;height: 144px;margin: 16px 0 0 17px; float: left;text-align:center;} div#invhead {width: 72px;height: 56px;margin: 0px 0 0 0px; float: left;text-align:center;} div#invchest {width: 72px;height: 76px;margin: 13px 0 0 0px; float: left;text-align:center;} div#invheadnchest {width: 72px;height: 144px;margin: 16px 0 0 17px; float: left;text-align:center;} div#invsecondary {width: 72px;height: 144px;margin: 16px 0 0 17px; float: left;text-align:center;} div#invbelt {width: 306px;height: 65px; float: left;text-align:center;} div#invprimammo {width: 42px;height: 38px; float: left; margin: 15px 0 0 33px;text-align:center;} div#invprimext {width: 42px;height: 38px; float: left; margin: 15px 0 0 12px;text-align:center;} div#invsecammo {width: 42px;height: 38px; float: left; margin: 15px 0 0 60px;text-align:center;} div#invsecext {width: 42px;height: 38px; float: left; margin: 15px 0 0 12px;text-align:center;} div#invbottomleft {width: 72px;height: 76px;margin: 2px 0 0 34px; float: left;text-align:center;} div#invpants {width: 72px;height: 76px;margin: 2px 0 0 17px; float: left;text-align:center;} div#invshoes {width: 72px;height: 76px;margin: 2px 0 0 17px; float: left;text-align:center;} div#cols_left { width: 253px; float: left; } div#cols_right { width: 681px; float: left; } div#cols_right div#inventory { width: 639px; height: 322px; background-image: url(../images/bg_inventory.jpg); position: relative; } div#inventory div#inventory_slots div div { display: table-cell; vertical-align: middle; text-align: center; } div#inventory div#inventory_slots div div img { vertical-align: middle; } div#inventory div#inventory_slots div div span { display: inline-block; height: 100%; } div#inventory div#inventory_lefthand { width: 84px; height: 122px; line-height: 122px; position: absolute; top: 110px; left: 110px; } div#inventory div#inventory_lefthand div { width: 84px; height: 122px; } div#inventory div#inventory_head { width: 84px; height: 70px; line-height: 70px; position: absolute; top: 27px; left: 471px; } div#inventory div#inventory_head div { width: 84px; height: 70px; } div#inventory div#inventory_hand1 { width: 31px; height: 26px; line-height: 26px; position: absolute; top: 68px; left: 570px; } div#inventory div#inventory_hand1 div { width: 31px; height: 26px; } div#inventory div#inventory_lefthand { width: 84px; height: 122px; line-height: 122px; position: absolute; top: 110px; left: 371px; } div#inventory div#inventory_lefthand div { width: 84px; height: 122px; } div#inventory div#inventory_righthand { width: 84px; height: 122px; line-height: 122px; position: absolute; top: 110px; left: 570px; } div#inventory div#inventory_righthand div{ width: 84px; height: 122px; } div#inventory div#inventory_chest { width: 84px; height: 122px; line-height: 122px; position: absolute; top: 110px; left: 471px; } div#inventory div#inventory_chest div { width: 84px; height: 122px; } div#inventory div#inventory_feet { width: 84px; height: 70px; line-height: 70px; position: absolute; top: 249px; left: 471px; } div#inventory div#inventory_feet div { width: 84px; height: 70px; } div#inventory div#inventory_pot1 { width: 31px; height: 26px; line-height: 26px; position: absolute; top: 249px; left: 570px; } div#inventory div#inventory_pot1 div { width: 31px; height: 26px; } div#inventory div#inventory_pot2 { width: 31px; height: 26px; line-height: 26px; position: absolute; top: 249px; left: 620px; } div#inventory div#inventory_pot2 div { width: 31px; height: 26px; } ul#items_sale { width: 637px; height: 73px; padding: 22px 22px 23px 22px; background-image: url(../images/bg_items_for_sale.gif); } ul#items_sale li { height: 73px; float: left; } ul#items_sale li.nav_prev { padding-right: 2px; width: 17px; } ul#items_sale li.nav_next { padding-left: 1px; width: 17px; } ul#items_sale li.item { padding: 0px 6px; width: 88px; } ul#items_sale li.item a { display: block; width: 88px; height: 71px; background-color: #313131; border: 1px solid #3a3a3a; text-align: center; color: #8f8f8f; } ul#items_sale li.item span.item_picture { width: 86px; height: 51px; line-height: 51px; display: table-cell; vertical-align: middle; } ul#items_sale li.item span.item_picture img { vertical-align: middle; } ul#items_sale li.item span.item_picture span { display: inline-block; height: 51px; } span.item_price { display: block; } /* INDEX TABS AND SCROLLBAR */ div#inventory_tabs { padding: 22px; } .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; width: 310px; height: 275px; clear: both; background: #2a2a2a; border: 1px solid #3a3a3a; border-top: none; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 310px; list-style-type: none; -moz-user-select: none; } .stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 310px; } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px; } .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ } .stripNav ul { /* The auto-generated set of links */ list-style: none; } .stripNav ul li { float: left; margin-right: 5px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ } .stripNav a { /* The nav links */ font-size: 12px; font-weight: bold; text-align: center; line-height: 25px; background: #c6e3ff; color: #fff; text-decoration: none; display: block; padding: 0 15px; background: #000; border: 1px solid #3a3a3a; border-bottom: none; } .stripNav li a:hover { background: #333; } .stripNav li a.current { background: #2a2a2a; color: #fff; } .root { position: relative; height: 262px; width: 368px; } .thumb, .up, .dn { position: absolute; z-index: 1000; } .scrollContainer { width: 288px; height: 262px; clip: rect(0 288 262 0); overflow: auto; } .scrollContent { position: absolute; left: 0px; top: 0px; width: 288px; padding: 0px 5px 5px 5px; } .panel_wrapper { margin: 5px; padding: 5px; background-color: #313131; position: relative; height: 255px; } /* INVENTORY TABLE */ table.inventory_table { } table.inventory_table td { vertical-align: middle; height: 44px; line-height: 44px; color: #8f8f8f; font-size: 13px; border-bottom: 1px solid #3a3a3a; } /* ----- TABLES ----- */ table.sample { border-width: 0px 0px 0px 0px; border-spacing: 0px; border-style: none none none none; border-color: black black black black; border-collapse: collapse; background-color: ; } table.sample th { border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-style: none none none none; border-color: black black black black; background-color: ; -moz-border-radius: 0px 0px 0px 0px; } table.sample td { border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-style: none none none none; border-color: black black black black; background-color: ; -moz-border-radius: 0px 0px 0px 0px; } .table { border-width:1; border-color:#101010; border-style:solid; border-width: 3px; -moz-border-radius: 10px; border: solid; border-color: #222222; } .tablee{ border-width:1; border-color:#101010; border-style:solid; border-width: 3px; -moz-border-radius: 10px; border: solid; border-color: #222222; } .table td { border-width:1; border-color:#101010; border-style:solid; height:22px; } td .alt { height:22px; border-width: 3px; -moz-border-radius: 10px; border: solid; border-color: #222222; } td .h { background-image:url(baa.jpg); background-repeat:repeat-x; font-weight: bold; border-width: 3px; -moz-border-radius: 10px; border: solid; border-color: #222222; } td .mytable { font-weight: bold; border-width: 0px; -moz-border-radius: 10px; border: none; border-color: #000000; } .table th { background-image:url(baa.jpg); background-repeat:repeat-x; font-weight: bold; border-width: 3px; -moz-border-radius: 10px; border: solid; border-color: #222222; } /* ----- announcement ----- */ div#header_announcement { background-image: url(../images/bg_header_announcement.jpg); width: 934px; position: absolute; top: 121px; height: 70px; } div#header_announcement h4 { font-size: 14px; padding-left: 25px; background: transparent url(../images/announcement.gif) no-repeat 0px -1px; font-weight: normal; position: absolute; top: 25px; left: 5px; } #announcewrap {width: 675px;} #announcesubject {height: 27px; width: 626px; border-width: 1px; border-style: solid; border-color: #343434; background-image: url(../images/announcesubject.gif); padding: 0 0 0 27px;} #announcecontent {width: 633px; border-width: 1px; border-style: solid; border-color: #343434; background-image: url(../images/announcetext.gif); margin: 10px 0 0 0; padding: 10px;} #announcesubtext {width: 326px; float: left;} #announcedate {width: 285px; float: left; text-align: right;} #greyboxwrap {margin: 4px 0 3px 3px; width: 675px;} #greyboxtop {width: 675px; height: 6px; background-image: url(../images/greyboxtop2.gif);} #greyboxbottom{width: 675px; height: 6px; background-image: url(../images/greyboxbottom2.gif);} #greyboxbg {width: 655px; padding: 4px 10px 4px 10px; background-image: url(../images/greyboxbg2.gif);} .help_tutorial { width: 630px; height: 100%; background-color:#151515; margin-top:3px; margin-bottom:3px; border: 1px solid #222222; padding: 3px;} .help_tutorial hr { width: 98%; margin: 0 auto; } .help_tutorial2 { width: 590px; float: right; height: 100%; background-color:#151515; margin: 3px 32px 3px 0; border: 1px solid #222222; padding: 3px;} .yui-skin-sam .yui-panel .hd { background: none; background-color: #333; border: 1px solid #808080; color: #ddd; text-align: center; } .yui-skin-sam .yui-panel .bd { background: none; background-color: #555; border: 1px solid #808080; } .yui-skin-sam .yui-panel .ft { background: none; background-color: #555; border: 1px solid #808080; color: #111; text-align: center; } .yui-skin-sam .yui-panel .ft input{ color: #111; font-size: 11px; } .yui-skin-sam .yui-panel-container.shadow .underlay { background-color: #fff; } /* Floyd Form YUI Styles */ .yui-skin-sam .yui-text-input { display: block; padding: 0; height: 30px; width: 163px; border: none; background: transparent url(../images/text_input_bg.png) repeat scroll -445px -1px; } .yui-skin-sam .yui-text-input input{ height: 18px; line-height: 18px; } .yui-skin-sam .yui-text-input-dark { background-position: -445px -32px; } .yui-skin-sam .yui-text-input input{ width: 160px; border: 1px solid #888888; background-color: #ffffff; position: relative; left: -4px; } .yui-skin-sam .yui-text-input-dark input{ border: 1px solid #444444; background-color: #000000; color: #ddd; } .yui-skin-sam .yui-text-input .yui-text-input-watermark { font-style: italic; color: #666666; } .yui-skin-sam .yui-text-input-dark .yui-text-input-watermark { color: #999999; } /* YUI BUTTONS!! */ /* non selected buttons -- DEFAULT lol */ /* top and bottom border, main background image */ .yui-skin-sam .yui-button { border-color: #000; background:transparent url('../images/dark_menu_sprite.png') repeat-x scroll 0 -50px; } /* side borders */ .yui-skin-sam .yui-button .first-child { border-color: #000; } /* button text color */ .yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a { color:#ddd; font-size: 11px; } /* Button Hover */ .yui-skin-sam .yui-button-hover { background-position:0 -100px; } /* Button Hover */ .yui-skin-sam .yui-button-active{ background-position:0 -175px; } /* Checkbox checked */ .yui-skin-sam .yui-radio-button-checked, .yui-skin-sam .yui-checkbox-button-checked { background-position:0 0; } /* Deativated Buttons! */ .yui-skin-sam .yui-button-horizons-deactivated, .yui-skin-sam .yui-submit-button-disabled { background-image: none; background-color: #222; } /* Menu Bar, Menu Drop down-- */ .yui-skin-sam .yuimenubar { background: none; background-color: #222; border:1px solid #444; } .yui-skin-sam .yuimenubarnav .yuimenubaritem { border-right:1px solid #444; } .yui-skin-sam .yuimenubaritemlabel { border: none; color: #ddd; } .yui-skin-sam .yuimenubaritem-selected { background: none; background-color: #222; } .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected { margin-left: 0; } /* Shadow */ .yui-skin-sam .yui-menu-shadow-visible { background-color: #ccc; } .yui-skin-sam .yuimenu .bd { background-color: #222; border:1px solid #444; } .yui-skin-sam .yuimenu h4 { font-size: 14px; text-align: center; } .yui-skin-sam .yuimenuitemlabel { color: #ddd; } .yui-skin-sam .yuimenuitemlabel-selected { background-color: #666; color: #111; } /* Menu scrollbars */ .yui-skin-sam .yuimenu .topscrollbar, .yui-skin-sam .yuimenu .bottomscrollbar { background-color: #444; } /* PAGINATOR */ .yui-skin-sam a.yui-pg-first:link, .yui-skin-sam a.yui-pg-first:active, .yui-skin-sam a.yui-pg-first:visited, .yui-skin-sam a.yui-pg-first:hover, .yui-skin-sam a.yui-pg-previous:link, .yui-skin-sam a.yui-pg-previous:active, .yui-skin-sam a.yui-pg-previous:visited, .yui-skin-sam a.yui-pg-previous:hover, .yui-skin-sam a.yui-pg-next:link, .yui-skin-sam a.yui-pg-next:active, .yui-skin-sam a.yui-pg-next:visited, .yui-skin-sam a.yui-pg-next:hover, .yui-skin-sam a.yui-pg-last:link, .yui-skin-sam a.yui-pg-last:active, .yui-skin-sam a.yui-pg-last:visited, .yui-skin-sam a.yui-pg-last:hover, .yui-skin-sam span.yui-pg-first, .yui-skin-sam span.yui-pg-previous, .yui-skin-sam span.yui-pg-next , .yui-skin-sam span.yui-pg-last { background:none; font-size: 0; line-height: 22px; width: 22px; padding: 0; margin: 3px 6px; position: relative; top: 10px; } .yui-skin-sam span.yui-pg-first, .yui-skin-sam span.yui-pg-previous, .yui-skin-sam span.yui-pg-next , .yui-skin-sam span.yui-pg-last { top: -4px; } .yui-skin-sam a.yui-pg-first:link, .yui-skin-sam a.yui-pg-first:active, .yui-skin-sam a.yui-pg-first:visited, .yui-skin-sam a.yui-pg-first:hover { background-image: url('../images/pagination/first.png'); } .yui-skin-sam a.yui-pg-previous:link, .yui-skin-sam a.yui-pg-previous:active, .yui-skin-sam a.yui-pg-previous:visited, .yui-skin-sam a.yui-pg-previous:hover { background-image: url('../images/pagination/prev.png'); } .yui-skin-sam a.yui-pg-next:link, .yui-skin-sam a.yui-pg-next:active, .yui-skin-sam a.yui-pg-next:visited, .yui-skin-sam a.yui-pg-next:hover { background-image: url('../images/pagination/next.png'); } .yui-skin-sam a.yui-pg-last:link, .yui-skin-sam a.yui-pg-last:active, .yui-skin-sam a.yui-pg-last:visited, .yui-skin-sam a.yui-pg-last:hover { background-image: url('../images/pagination/last.png'); } .yui-skin-sam span.yui-pg-first { background-image: url('../images/pagination/first_dis.png'); } .yui-skin-sam span.yui-pg-previous { background-image: url('../images/pagination/prev_dis.png'); } .yui-skin-sam span.yui-pg-next { background-image: url('../images/pagination/next_dis.png'); } .yui-skin-sam span.yui-pg-last { background-image: url('../images/pagination/last_dis.png'); } .yui-skin-sam a.yui-pg-page:link, .yui-skin-sam a.yui-pg-page:active, .yui-skin-sam a.yui-pg-page:visited, .yui-skin-sam a.yui-pg-page:hover { background:none; color: #ddd; font-family: 'Comic Sans MS'; font-weight: bold; border: 1px dashed #444; padding-top: 0; padding-bottom: 4px; } .yui-skin-sam a.yui-pg-page:hover { border: 1px dashed #888; } .yui-skin-sam .yui-pg-page { position: relative; top: 8px; } .yui-skin-sam span.yui-pg-current-page { color: #1283db; font-family: 'Comic Sans MS'; top: 0px; } #searchPage { float: left; padding: 4px; } #searchPage p{ padding: 6px 4px; } #searchControls { float: left; background-color:#777; color: #222; width: 98%; border: 1px solid #777; padding: 4px; } #searchControls .yui-text-input{ margin: 0 auto; } #searchControls dl{ float: left; width: 98%; text-align: center; } #searchControls dt{ float: left; width: 33%; clear: left; } #searchControls dd{ float: left; width: 33%; } #searchControls .sortDir { display: inline; } #searchControls .sortDir .yui-radio-button { position: relative; top: -11px; } #searchControls .sortDir .yui-radio-button.sortDown { top: 7px; left: -43px; } #searchControls .sortDir .yui-radio-button, #searchControls .sortDir .yui-radio-button .first-child { border: none; background: none; padding: 0; margin: 0; } #searchControls .sortDir .yui-radio-button .first-child button{ font-size: 0; height: 19px; width: 40px; background-image: url('../images/up_down.png'); } #searchControls .sortDir .yui-radio-button.sortDown .first-child button{ background-position: 0 -50px; } #searchControls .sortDir .yui-radio-button-checked .first-child button{ background-position: 0 -100px; } #searchControls .sortDir .yui-radio-button-checked.sortDown .first-child button{ background-position: 0 -150px; } #searchOptions .yui-button, #sortButtons .yui-button{ margin-top: 10px; } span#submitContainer{ position: relative; top: 6px; } #pagControls { margin: 0; padding-top: 10px; width: 97%; clear: both; text-align: center; } #searchResults th{ background-color:#777; color: #222; text-align: center; } .floyd_table { margin: 0 auto; border-collapse: collapse; border: 1px solid #444; } .floyd_table th{ text-align: center; font-weight: bold; background-color: #666; border-bottom: 1px solid #444; color: #111; } .floyd_table th, .floyd_table td{ padding: 2px; } .floyd_table tr.odd { background-color:#161616; } .floyd_table tr.even { background-color:#111; } .floyd_table.medium th, .floyd_table.medium td { font-size: 13px; } .money { color: green; font-weight: bold; text-align: right; } .eMenu { display: none; } .hide { display: none; } /* ATTACK PAGE */ #attackPage { width: 810px; margin: 0 auto; font-size: 12px; } #attackPage .help_tutorial { width: 810px; } #attackPage table { width: 100%; } #attackPage h3 { background: none; text-transform: normal; font-size: 20px; } #attackPage fieldset { margin: 3px; border: 1px solid #333; padding: 2px; } #attackPage legend { border: 1px solid #333; padding: 0 6px; margin-left: 25px; } #attackPage p { padding: 3px 0; } #attackPage ul { list-style-position: inside; } #attackPage .playerIMG, #attackPage .playerIMG img{ width: 130px; } #attackPage .rankIMG { width: 30px; border: 1px solid #333; } #attackPage .playerData { padding-left: 10px; padding-right: 10px; height: 80px; } #attackPage .playerData.second { text-align: right; } #attackPage .healthBar { background-color: #666; width: 100px; margin-top: 6px; } #attackPage .playerData.second .healthBar { margin-left: auto; marign-right: 0; } #attackPage .healthBar div { height: 6px; background-color: #0f0; } #attackPage #output { margin: 10px; border: 1px solid #333; background-color: #191919; height: 260px; overflow: auto; padding: 3px; } #attackPage #output h3{ font-size: 14px; padding: 6px; } #attackPage #output td{ width: 50%; padding-left: 40px; } #attackPage .bold{ font-size: 13px; font-weight: bold; } #attackPage .red{ color: #b00; } #attackPage .green{ color: #0a0; } #attackPage .gold{ color: #957034; } #attackPage .italic{ font-style: italic; } #attackPage .number{ color: #ddd; font-style: italic; font-weight: bold; font-size: 11px; } /* END OF ATTACK PAGE */ .error { font-family: Courier; color: red; } .big { font-size: 14px; } .bold { font-weight: bold; } .gold, a.gold { color: #e6ba00; } .red, a.red { color: #990000; } .green, a.green { color: #009900; } .center { text-align: center; } .hide { display: none; }