/*@import url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/newstyle.css);*/ html, body { height: 100%; } html { background: none !important; } body { background: #000 url(img/bg4.jpg) no-repeat top center fixed; } #background-inner { width: 100%; float: left; /*text-align: center;*/ }/* intro page only */ .hr { background: url(img/horizontal-rule.png) left center repeat-x;} a:visited {outline: none;} a:active {outline: none;} a:link {outline: none;} a:hover{text-decoration: none; color: #FFF; } #background-content { width: 99%; max-width: 980px; /*min-width: 920px;*/ /*min-width: 750px;*/ min-width: 560px; } /* GENERAL CONTENT *************************************************************************************************************************/ .loader1 { background: url(img/loader1.gif) 0 0 no-repeat; width: 27px; height: 11px; margin: 2px; vertical-align: middle; } .loader2 { background: url(img/loader2.gif) 0 0 no-repeat; width: 27px; height: 11px; margin: 2px; vertical-align: middle; } .loader3 { background: url(img/loader3.gif) 0 0 no-repeat; width: 27px; height: 11px; margin: 2px; vertical-align: middle; } table { border-color: #1c3043 !important; } tfoot:empty { display: none; }/* fix chrome bug where border disapears */ .listing-header th, .listing-header td { background: url(img/listing-header_center.png) center bottom repeat-x; } .btnlisting tr.listing-header { background-image: -webkit-linear-gradient(#35475F, #0d1620); background-image: -moz-linear-gradient(#35475F, #0d1620); background-image: linear-gradient(#35475F, #0d1620); } .listing td, .listing th { border-width: 1px 0 1px 0; } .listing td.help { border-width: 0; } .listing td, .listing th { border-color: #172C3E; } .listing1 th, .listing1 td { border-color: #223C53; } /* BOARD -------------- */ /* .board-listing TR { background: rgba(17, 23, 34, 0.45); } .board-listing td, .board-listing th { border-width: 0 0 1px 0; border-color: #142432; } .board-listing .read td, .board-listing .unread TD { border-color: transparent; padding: 4px 0 7px 0; } .board-listing .unread { background: #35475F; background-image: -webkit-linear-gradient(#35475F, #121f2e); background-image: -moz-linear-gradient(#35475F, #121f2e); background-image: linear-gradient(#35475F, #121f2e); } .board-listing .read { background: #142432; background-image: -webkit-linear-gradient(#142538, #101a25); background-image: -moz-linear-gradient(#142538, #101a25); background-image: linear-gradient(#142538, #101a25); } .board-listing blockquote { background: rgba(50, 50, 50, 0.45); border-color: #666; } .board-listing .battle-report TR { background: inherit; } */ .board-listing { width: 100%; float: left; } .board-footer { width: 100%; float: left; margin: 10px 0; } .board-footer SPAN { float: right; } .board-nav { width: 100%; float: left; margin-bottom: 10px; text-align: right; } .board-nav A { padding: 2px 9px 4px 9px; background-position: 3px 1px; background-repeat: no-repeat; -moz-border-radius: 5px; border-radius: 5px; background-color: #10385a; font-weight: normal; text-shadow: #000 1px 1px 1px; font-size: 95%; box-shadow: inset 0px 0px 5px 5px rgba(256,256,256,0.1); border: 1px solid #111; } .board-listing-block { width: 100%; float: left; margin-bottom: 8px; background: #18202a; border: 1px solid #000; /*background-image: radial-gradient(#18202a, #18202a, #18202a, #2e353e);*/ } .board-listing-unread { background: #282f38; /*background-image: -webkit-radial-gradient(#282f38, #282f38, #282f38); background-image: -moz-radial-gradient(#282f38, #282f38, #282f38);*/ background-image: radial-gradient(#222831, #222831, #222831, #384047); } .board-listing .board-check { float: left; margin: 24px 0 0 10px; } .board-avatar { float: left; width: 50px; height: 50px; margin: 10px; background: #11161d; } .board-avatar IMG { width: 50px; } /*.board-listing .board-avatar { }*/ .board-listing .board-from { float: left; margin-top: 10px; } .board-listing .board-date { float: right; margin: 10px 10px 5px 0; color: #83a4b8; font-size: 95%; } .board-listing .board-msg { width: 88%; float: left; } .board-listing blockquote { background: #11161d; border: none; color: #929aa4; margin: 5px 0 2px 5px; } .board-listing .board-actions { float: right; padding: 3px 0 5px; } .board-listing .board-actions A { background: none; box-shadow: none; border: none; padding: 2px 9px 4px 9px; } /* ----- */ .tbllisting1 { margin-bottom: 5px; } .tbllisting1 td { padding: 3px 5px 3px 7px; } .btnlisting td { padding: 5px 5px 5px 7px; } #empire_events .tbllisting1 td { padding: 1px 5px 1px 7px; } .tbllisting1 th { padding: 0px 5px 6px; } .listing1 th, .listing1 td { padding: 1px !important; } .tbllisting1 tr { background-image: -webkit-linear-gradient(#101F2C, #0f1b28, #0f1b28, #101F2C); background-image: -moz-linear-gradient(#101F2C, #0f1b28, #0f1b28, #101F2C); background-image: linear-gradient(#101F2C, #0f1b28, #0f1b28, #101F2C); } .box2_ctr .tbllisting1 tr { border-color: transparent; background-color: rgba(28, 48, 67, 0.25); } .box2_ctr .listing td, .box2_ctr .listing th { border-color: #142636 /*#1A2D42*/; } .tbllisting1 .row_active td, .tbllisting2 .row_active th { background: rgba(28, 48, 67, 0.7) !important; /*background-image: linear-gradient(#111E2D, #213C58, #111E2D) !important;*/ } .tbllisting2 { margin-bottom: 5px; } .tbllisting2 th, .tbllisting2 td { padding: 2px 0 3px 5px; } .tbllisting2 tr { background: rgba(28, 48, 67, 0.3); } .tbllisting2 .row_active td, .tbllisting2 .row_active th { background: rgba(28, 48, 67, 0.5) !important; } /* table testes */ .table-commanders col5 { text-align: right; } .listing-num, .nbr { text-align: right;} .item-medium-slide {float: right; margin: 0 0 0 0;} .item-medium-slide IMG{ float: left; } .item-medium-slide-btn { float: right; width: 42px; height: 14px; margin-left: -40px; background: url(img/button-slide2d-3d.png) no-repeat; } .listing .item-row .dropcap .listing_lvl { padding: 0 0 0 4px; color: #999; } .listing .item-row .dropcap .listing_lvl b { color: #FFF; } .listing .item-row .listing_right { padding-right: 30px; text-align: right; } .listing .item-row .comment { padding: 3px 0; font-size: 80%; font-weight: normal; color: #999; } .listing .item-row td, .listing .item-row th { border-width: 0px 0 0px 0 !important; } .listing .item-row-details td { border-width: 0px 0 1px 0 !important; } .listing th th { padding-bottom: 4px !important; } .row_over td, .row_over th { background: #05090C url(img/listing_highlight.png) repeat-x !important; } .row_active td, .row_active th { background: #0A1218 url(img/listing_highlight.png) repeat-x !important; } .listing1 .listing-header td, .listing1 .listing-header th { background-image: url(img/listing-header_center.png); } /* BATTLE REPORTS *************************************************************************************************************************/ .battle-report_info th, .battle-report_attack th, .battle-report_defense th { height: 21px; padding: 1px 0 1px 0 !important; border: 1px solid #22354D !important; border-width: 0px 0 1px 0 !important; } .battle-report_subtitle th { height: auto !important; } .battle-report_info td, .battle-report_attack td, .battle-report_defense td { padding: 1px 0 1px 3px !important; border: 1px solid #1C3043 !important; border-width: 0px 0 1px 0 !important; } .battle-report_info, .battle-report_attack, .battle-report_defense { border: 1px solid #22354D !important; } .battle-report_info { background: url(img/battle-report_info_center.png) center top repeat-x; } .battle-report_attack { background: url(img/battle-report_attack_center.png) center top repeat-x; } .battle-report_defense { background: url(img/battle-report_defense_center.png) center top repeat-x; } .battle-report_subtitle { background: rgba(256, 256, 256, 0.05) !important; } .battle-report { background: url(img/battle-report_bg.png) center top no-repeat; } /* SCRIPT SPECIFIC CONTENT *************************************************************************************************************************/ .sorttable_aboth div { background: url(img/arrow_both.gif) right center no-repeat; padding-right: 10px; } .sorttable_adown div { background: url(img/arrow_down.gif) right center no-repeat; padding-right: 10px; } .sorttable_aup div { background: url(img/arrow_up.gif) right center no-repeat; padding-right: 10px; } .tbllisting1 tr .comment { font-size: 85%; } /* INPUTS *************************************************************************************************************************/ input, textarea, select { font-size: 100%; font-family: verdana,arial; } .input-button { height: 23px; background: #111 url(img/input-button_normal_center.png) top left repeat-x; padding: 0 10px 1px 10px; border-color: #2693bb ; color: #FFF; /*color: #C8EAEE;*/ background-color: #082241; border-radius: 4px; } .input-button-important { color: #F0C291; } .input-button:hover, .input-button-important:hover { color: #FFF !important; border-color: #FFF !important; } .input-button:hover { background-position: bottom left; } .input-text { background: transparent url(img/input_normal_center.png); } .input-text:focus { color: #FFF; border-color: #777; } .input-numeric { background: transparent url(img/input_normal_center.png); } .input-numeric:focus { color: #FFF; border-color: #777; } .input-textarea { background: transparent url(img/input_normal_center.png); } .input-textarea:focus { color: #FFF; border-color: #777; } .input-select:focus, select:focus { border-color: #777; } .input-button-disabled { background-color: #222 !important; border-color: #000 !important; color: #999 !important; } .input-button-important { background-color: #750202 !important; border-color: #FB5931 !important; } .input-button-premium { background-color: #C77915 !important; border-color: #C9AA5A !important; } .input-button-accept { background-color: #169429 !important; border-color: #1DC235 !important; } .input-button-important:hover, .input-button-premium:hover, .input-button-accept:hover { background-position: bottom left; } .important .input-text { background-image: url(img/input_special_center.png); } .important .input-text:focus { border-color: #7F1F1F; } .important .input-numeric { background-image: url(img/input_special_center.png); } .important .input-numeric:focus { border-color: #7F1F1F; } .important .input-textarea { background-image: url(img/input_special_center.png); } .important .input-textarea:focus { border-color: #7F1F1F; } .important .input-select:focus, .important select:focus { border-color: #7F1F1F; } /* STARS *************************************************************************************************************************/ .star{ width: 24px; height: 24px; background: transparent center center no-repeat; } .star_blue{ background-image: url(img/star_blue.png); } .star_blue-giant{ background-image: url(img/star_blue-giant.png); } .star_neutron{ background-image: url(img/star_neutron.png); } .star_orange{ background-image: url(img/star_orange.png); } .star_red{ background-image: url(img/star_red.png); } .star_red-giant{ background-image: url(img/star_red-giant.png); } .star_super-giant{ background-image: url(img/star_super-giant.png); } .star_white{ background-image: url(img/star_white.png); } .star_white-dwarf{ background-image: url(img/star_white-dwarf.png); } .star_worm-hole{ background-image: url(img/star_worm-hole.png); } .star_yellow{ background-image: url(img/star_yellow.png); } .star_black-hole{ background-image: url(img/star_black-hole.png); } /* ASTROS *************************************************************************************************************************/ .astro { background: transparent 50% 50% no-repeat; } /* micro */ .astro-micro .astro { width: 35px; height: 35px; } .astro-micro .astro_arid { background-image: url(img/astro_arid_micro.png);} .astro-micro .astro_asteroid { background-image: url(img/astro_asteroid_micro.png);} .astro-micro .astro_asteroid-belt { background-image: url(img/astro_asteroid-belt_micro.png);} .astro-micro .astro_craters { background-image: url(img/astro_craters_micro.png);} .astro-micro .astro_crystalline { background-image: url(img/astro_crystalline_micro.png);} .astro-micro .astro_earthly { background-image: url(img/astro_earthly_micro.png);} .astro-micro .astro_gaia { background-image: url(img/astro_gaia_micro.png);} .astro-micro .astro_gas-giant { width: 45px; height: 45px; background-image: url(img/astro_gas-giant_micro.png);} .astro-micro .astro_glacial { background-image: url(img/astro_glacial_micro.png);} .astro-micro .astro_magma { background-image: url(img/astro_magma_micro.png);} .astro-micro .astro_metallic { background-image: url(img/astro_metallic_micro.png);} .astro-micro .astro_oceanic { background-image: url(img/astro_oceanic_micro.png);} .astro-micro .astro_radioactive { background-image: url(img/astro_radioactive_micro.png);} .astro-micro .astro_rocky { background-image: url(img/astro_rocky_micro.png);} .astro-micro .astro_toxic { background-image: url(img/astro_toxic_micro.png);} .astro-micro .astro_tundra { background-image: url(img/astro_tundra_micro.png);} .astro-micro .astro_unknown { background-image: url(img/astro_unknown_micro.png);} .astro-micro .astro_volcanic { background-image: url(img/astro_volcanic_micro.png);} .astro-micro .astro_arid_fog { background-image: url(img/astro_arid_micro_fog.png);} .astro-micro .astro_asteroid_fog { background-image: url(img/astro_asteroid_micro_fog.png);} .astro-micro .astro_asteroid-belt_fog { background-image: url(img/astro_asteroid-belt_micro_fog.png);} .astro-micro .astro_craters_fog { background-image: url(img/astro_craters_micro_fog.png);} .astro-micro .astro_crystalline_fog { background-image: url(img/astro_crystalline_micro_fog.png);} .astro-micro .astro_earthly_fog { background-image: url(img/astro_earthly_micro_fog.png);} .astro-micro .astro_gaia_fog { background-image: url(img/astro_gaia_micro_fog.png);} .astro-micro .astro_gas-giant_fog { width: 45px; height: 45px; background-image: url(img/astro_gas-giant_micro_fog.png);} .astro-micro .astro_glacial_fog { background-image: url(img/astro_glacial_micro_fog.png);} .astro-micro .astro_magma_fog { background-image: url(img/astro_magma_micro_fog.png);} .astro-micro .astro_metallic_fog { background-image: url(img/astro_metallic_micro_fog.png);} .astro-micro .astro_oceanic_fog { background-image: url(img/astro_oceanic_micro_fog.png);} .astro-micro .astro_radioactive_fog { background-image: url(img/astro_radioactive_micro_fog.png);} .astro-micro .astro_rocky_fog { background-image: url(img/astro_rocky_micro_fog.png);} .astro-micro .astro_toxic_fog { background-image: url(img/astro_toxic_micro_fog.png);} .astro-micro .astro_tundra_fog { background-image: url(img/astro_tundra_micro_fog.png);} .astro-micro .astro_unknown_fog { background-image: url(img/astro_unknown_micro_fog.png);} .astro-micro .astro_volcanic_fog { background-image: url(img/astro_volcanic_micro_fog.png);} /* TESTES */ .tbllisting1 .astro-micro { text-align: center; } .tbllisting1 .astro-micro IMG {background-size: 110%; } .tbllisting1 .astro-micro .astro { width: 20px; height: 20px; } .fleets_micro { background-image: url(img/fleets_micro.png);} /* small */ .astro-small .astro { width: 60px; height: 60px; } .astro-small .astro_arid { background-image: url(img/astro_arid_small.png);} .astro-small .astro_asteroid { background-image: url(img/astro_asteroid_small.png);} .astro-small .astro_asteroid-belt { background-image: url(img/astro_asteroid-belt_small.png);} .astro-small .astro_craters { background-image: url(img/astro_craters_small.png);} .astro-small .astro_crystalline { background-image: url(img/astro_crystalline_small.png);} .astro-small .astro_earthly { background-image: url(img/astro_earthly_small.png);} .astro-small .astro_gaia { background-image: url(img/astro_gaia_small.png);} .astro-small .astro_gas-giant { width: 105px; height: 105px; background-image: url(img/astro_gas-giant_small.png); position: absolute; top: -15px; left: 15px; } .astro-small .astro_glacial { background-image: url(img/astro_glacial_small.png);} .astro-small .astro_magma { background-image: url(img/astro_magma_small.png);} .astro-small .astro_metallic { background-image: url(img/astro_metallic_small.png);} .astro-small .astro_oceanic { background-image: url(img/astro_oceanic_small.png);} .astro-small .astro_radioactive { background-image: url(img/astro_radioactive_small.png);} .astro-small .astro_rocky { background-image: url(img/astro_rocky_small.png);} .astro-small .astro_toxic { background-image: url(img/astro_toxic_small.png);} .astro-small .astro_tundra { background-image: url(img/astro_tundra_small.png);} .astro-small .astro_unknown { background-image: url(img/astro_unknown_small.png);} .astro-small .astro_volcanic { background-image: url(img/astro_volcanic_small.png);} .astro-small .astro_arid_fog { background-image: url(img/astro_arid_small_fog.png);} .astro-small .astro_asteroid_fog { background-image: url(img/astro_asteroid_small_fog.png);} .astro-small .astro_asteroid-belt_fog { background-image: url(img/astro_asteroid-belt_small_fog.png);} .astro-small .astro_craters_fog { background-image: url(img/astro_craters_small_fog.png);} .astro-small .astro_crystalline_fog { background-image: url(img/astro_crystalline_small_fog.png);} .astro-small .astro_earthly_fog { background-image: url(img/astro_earthly_small_fog.png);} .astro-small .astro_gaia_fog { background-image: url(img/astro_gaia_small_fog.png);} .astro-small .astro_gas-giant_fog { width: 105px; height: 105px; background-image: url(img/astro_gas-giant_small_fog.png);} .astro-small .astro_glacial_fog { background-image: url(img/astro_glacial_small_fog.png);} .astro-small .astro_magma_fog { background-image: url(img/astro_magma_small_fog.png);} .astro-small .astro_metallic_fog { background-image: url(img/astro_metallic_small_fog.png);} .astro-small .astro_oceanic_fog { background-image: url(img/astro_oceanic_small_fog.png);} .astro-small .astro_radioactive_fog { background-image: url(img/astro_radioactive_small_fog.png);} .astro-small .astro_rocky_fog { background-image: url(img/astro_rocky_small_fog.png);} .astro-small .astro_toxic_fog { background-image: url(img/astro_toxic_small_fog.png);} .astro-small .astro_tundra_fog { background-image: url(img/astro_tundra_small_fog.png);} .astro-small .astro_unknown_fog { background-image: url(img/astro_unknown_small_fog.png);} .astro-small .astro_volcanic_fog { background-image: url(img/astro_volcanic_small_fog.png);} /* medium */ .astro-medium .astro { width: 240px; height: 240px; } .astro-medium .astro_arid { background-image: url(img/astro_arid_medium.png);} .astro-medium .astro_asteroid { background-image: url(img/astro_asteroid_medium.png);} .astro-medium .astro_asteroid-belt { background-image: url(img/astro_asteroid-belt_medium.png);} .astro-medium .astro_craters { background-image: url(img/astro_craters_medium.png);} .astro-medium .astro_crystalline { background-image: url(img/astro_crystalline_medium.png);} .astro-medium .astro_earthly { background-image: url(img/astro_earthly_medium.png);} .astro-medium .astro_gaia { background-image: url(img/astro_gaia_medium.png);} .astro-medium .astro_gas-giant { background-image: url(img/astro_gas-giant_medium.png);} .astro-medium .astro_glacial { background-image: url(img/astro_glacial_medium.png);} .astro-medium .astro_magma { background-image: url(img/astro_magma_medium.png);} .astro-medium .astro_metallic { background-image: url(img/astro_metallic_medium.png);} .astro-medium .astro_oceanic { background-image: url(img/astro_oceanic_medium.png);} .astro-medium .astro_radioactive { background-image: url(img/astro_radioactive_medium.png);} .astro-medium .astro_rocky { background-image: url(img/astro_rocky_medium.png);} .astro-medium .astro_toxic { background-image: url(img/astro_toxic_medium.png);} .astro-medium .astro_tundra { background-image: url(img/astro_tundra_medium.png);} .astro-medium .astro_unknown { width: 240px; height: 240px; background-image: url(img/astro_unknown_medium.png);} .astro-medium .astro_volcanic { background-image: url(img/astro_volcanic_medium.png);} .astro-medium .astro_arid_fog { background-image: url(img/astro_arid_medium_fog.png);} .astro-medium .astro_asteroid_fog { background-image: url(img/astro_asteroid_medium_fog.png);} .astro-medium .astro_asteroid-belt_fog { background-image: url(img/astro_asteroid-belt_medium_fog.png);} .astro-medium .astro_craters_fog { background-image: url(img/astro_craters_medium_fog.png);} .astro-medium .astro_crystalline_fog { background-image: url(img/astro_crystalline_medium_fog.png);} .astro-medium .astro_earthly_fog { background-image: url(img/astro_earthly_medium_fog.png);} .astro-medium .astro_gaia_fog { background-image: url(img/astro_gaia_medium_fog.png);} .astro-medium .astro_gas-giant_fog { background-image: url(img/astro_gas-giant_medium_fog.png);} .astro-medium .astro_glacial_fog { background-image: url(img/astro_glacial_medium_fog.png);} .astro-medium .astro_magma_fog { background-image: url(img/astro_magma_medium_fog.png);} .astro-medium .astro_metallic_fog { background-image: url(img/astro_metallic_medium_fog.png);} .astro-medium .astro_oceanic_fog { background-image: url(img/astro_oceanic_medium_fog.png);} .astro-medium .astro_radioactive_fog { background-image: url(img/astro_radioactive_medium_fog.png);} .astro-medium .astro_rocky_fog { background-image: url(img/astro_rocky_medium_fog.png);} .astro-medium .astro_toxic_fog { background-image: url(img/astro_toxic_medium_fog.png);} .astro-medium .astro_tundra_fog { background-image: url(img/astro_tundra_medium_fog.png);} .astro-medium .astro_unknown_fog { width: 240px; height: 240px; background-image: url(img/astro_unknown_medium_fog.png);} .astro-medium .astro_volcanic_fog { background-image: url(img/astro_volcanic_medium_fog.png);} /* ITEMS *************************************************************************************************************************/ .item { background: center center no-repeat; cursor: pointer; } .item-small .item { width: 150px; height: 50px; } /* tests 4 base overview icons */ .item-small { position: relative; } .item-small-val, .item-small-qt { width: 100%; font-size: 90%; } .item-small-val { position: absolute; top: 0px; text-align: right; } .item-small-val { position: absolute; top: 0px; } /* end test */ /* MAP REGION *************************************************************************************************************************/ #map-region_content { background: transparent; border: none; margin: 0px; } #map-region .box-content-center { background: url(img/map-region_content.png) repeat top left; } #map-region .border1{ width: 62px; height: 62px; background: url(img/map-region_border1.png) no-repeat bottom right; } #map-region .border2{ width: 384px; height: 62px; background: url(img/map-region_border2.png) repeat-x bottom left; } #map-region .border3{ width: 62px; height: 62px; background: url(img/map-region_border3.png) no-repeat bottom left; } #map-region .border4{ width: 62px; height: 384px; background: url(img/map-region_border4.png) repeat-y top left; } #map-region .border5{ width: 62px; height: 62px; background: url(img/map-region_border5.png) no-repeat top left; } #map-region .border6{ width: 384px; height: 62px; background: url(img/map-region_border6.png) repeat-x top left; } #map-region .border7{ width: 62px; height: 62px; background: url(img/map-region_border7.png) no-repeat top right; } #map-region .border8{ width: 62px; height: 384px; background: url(img/map-region_border8.png) repeat-y top right; } /* MAP GALAXY *************************************************************************************************************************/ #map-galaxy {} #map-galaxy_canvas .tile-normal{ border: none; } #map-galaxy_canvas .tile-over{ background: url(img/map-galaxy_content.png) no-repeat top left; } #map-galaxy .box-content-center { background: url(img/map-galaxy_content.png) repeat top left; } #map-galaxy .border1{ width: 82px; height: 82px; background: url(img/map-galaxy_border1.png) no-repeat bottom right; } #map-galaxy .border2{ width: 480px; height: 82px; background: url(img/map-galaxy_border2.png) repeat-x bottom left; } #map-galaxy .border3{ width: 83px; height: 82px; background: url(img/map-galaxy_border3.png) no-repeat bottom left; } #map-galaxy .border4{ width: 83px; height: 480px; background: url(img/map-galaxy_border4.png) repeat-y top left; } #map-galaxy .border5{ width: 83px; height: 82px; background: url(img/map-galaxy_border5.png) no-repeat top left; } #map-galaxy .border6{ width: 480px; height: 82px; background: url(img/map-galaxy_border6.png) repeat-x top left; } #map-galaxy .border7{ width: 82px; height: 82px; background: url(img/map-galaxy_border7.png) no-repeat top right; } #map-galaxy .border8{ width: 82px; height: 480px; background: url(img/map-galaxy_border8.png) repeat-y top right; } /* buttons */ #map-galaxy_canvas .map-galaxy_base-over { background: url(img/mark_anim.gif) center center no-repeat; } #map-galaxy_canvas .map-galaxy_bookmark-over { background: url(img/mark_anim.gif) center center no-repeat;} #map-galaxy_canvas .map-galaxy_fleet-over { background: url(img/mark_anim.gif) center center no-repeat; } #map-galaxy_canvas .map-galaxy_origin-over { background: url(img/mark_anim.gif) center center no-repeat; } #map-galaxy_canvas .map-galaxy_progress-over { background: url(img/mark_anim.gif) center center no-repeat; } #map-galaxy_canvas .map-galaxy_destination-over { background: url(img/mark_anim.gif) center center no-repeat; } /* MAP-GALAXY SMALL *************************************************************************************************************************/ #map-galaxy-small{ width: 329px; height: 329px; background: url(img/map-galaxy-small.png) no-repeat left top; cursor: pointer; } /* ITEM-DETAILS PIC *************************************************************************************************************************/ /* medium */ .item-medium .item { width: 400px; height: 200px; } /* blockquotes / guild-user */ .box-content-center blockquote { background: #222D37; border-left-width: 4px; } /* bbcode btns */ .btns-bbcode { } .btns-bbcode INPUT { background: #111; margin: 1px 2px; padding: 1px 4px 1px; color: #EBC630;border: 1px solid #2F4B6C; cursor: pointer; } .btns-bbcode B A { border: none; } .btns-bbcode INPUT:hover { color: #FFFFFF; background: #1E2F44; text-decoration: none; } .btns-bbcode INPUT.bbcode-special { color: #71A3D5; } .btns-bbcode INPUT.bbcode-special:hover { color: #FFFFFF; background: #1E2F44; } #bbcode-colors { margin-top: 6px; } #bbcode-colors IMG { width: 18px; height: 18px; margin: 1px; } /* button actions */ .btn-action { padding: 2px 9px 4px 18px; background-position: 3px 1px; background-repeat: no-repeat; -moz-border-radius: 5px; border-radius: 5px; background-color: #10385a; font-weight: normal; /*text-shadow: #000 1px 1px 1px;*/ font-size: 95%; box-shadow: inset 0px 0px 5px 5px rgba(256,256,256,0.1); border: 1px solid #111; } /*#local-header .btn-action { padding: 1px 9px 2px 18px; }*/ .btn-action-icon-new { background-image: url(img/button_action-new2.png); } .btn-action-icon-edit { background-image: url(img/button_action-edit2.png); } .btn-action-icon-block { background-image: url(img/button_action-block2.png); } .btn-action-icon-msg { background-image: url(img/button_action-msg2.png); } .btn-action-icon-delete { background-image: url(img/button_action-delete2.png); } .btn-action-icon-diamonds { background-image: url(img/button_action-diamonds.png); } .btn-action-icon-upgrade { background-image: url(img/button_action-upgrade2.png); } .btn-action-icon-report { background-image: url(img/button_action-report2.png); } .btn-action-icon-addcontact { background-image: url(img/button_action-addcontact2.png); } .btn-action-icon-guildjoin { background-image: url(img/button_action-guildjoin2.png); } .btn-action-icon-graph { background-image: url(img/button_action-graph2.png); } .btn-action-icon-quote { background-image: url(img/button_action-quote.png); } .btn-action-icon-accept { background-image: url(img/button_action-accept.png); } .btn-action-icon-guildlogs { background-image: url(img/button_action-guildlogs.png); } .btn-action-icon-guildwidthdraw { background-image: url(img/button_action-guildwithdraw.png); } .btn-action-icon-msg2board { background-image: url(img/button_action-msg2boards.png); } .btn-action-icon-msg2savebox { background-image: url(img/button_action-msg2savebox.png); } .btn-action-icon-msgforward { background-image: url(img/button_action-msgforward.png); } .btn-action-icon-msgreply { background-image: url(img/button_action-msgreply.png); } .btn-action-icon-movefleet { background-image: url(img/button_action-movefleet.png); } .btn-action-icon-moveallfleet { background-image: url(img/button_action-moveallfleet.png); } .btn-action-icon-list { background-image: url(img/button_action-list.png); } .btn-action-icon-order { background-image: url(img/button_action-order.png); } .btn-action-icon-bookmark { background-image: url(img/button_action-bookmark.png); } .btn-action-icon-baseview { background-image: url(img/button_action-baseview.png); } .btn-action-icon-abandonbase { background-image: url(img/button_action-abandonbase.png); } .btn-action-icon-trades { background-image: url(img/button_action-trade.png); } .btn-action-icon-pillage { background-image: url(img/button_action-pillage.png); } .btn-action-icon-map { background-image: url(img/button_action-map.png); } .btn-action-icon-downgrade { background-image: url(img/button_action-downgrade.png); } .btn-action-icon-levelstable { background-image: url(img/button_action-levelstable.png); } .btn-action-icon-treetables { background-image: url(img/button_action-treetables.png); } .btn-action-icon-treetables { float: right; } .btn-action-icon-research-link { background-image: url(img/button_action-research-link.png); } .btn-action:hover { background-position: 3px -24px; text-decoration: none; color: white; } .btn-action-label { padding: 2px 9px 4px 32px; background-position: 5px 1px; } .btn-action-label:hover { background-position: 5px -24px; } .btn-action-disable { background-position: 3px -49px; } .btn-action-disable:hover { background-position: 3px -49px; } /* button tabs */ .btn-tab, .btn-tab-active { padding: 5px 35px 6px; margin: 0 2px; font-weight: normal; -moz-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px; border: 1px solid #28597D; background: url(img/bg_inner_fx.png); } .btn-tab { background-color: #112E3E; color: #CADDEC; text-shadow: #000 1px 1px 1px; } .btn-tab:hover { text-decoration: none; background-color: #183E56; border-color: #6792B4; } .btn-tab-active { color: #FFF; background-color: #1A425E; text-shadow: 0px 0px 14px #FFF; border-color: #99B5CC; } .btn-miniaction { padding: 0 0 0 12px; background: url(img/icon_miniaction.png) 0px 3px no-repeat; color: #63D0DC; font-size: 11px; } /* BOXS *************************************************************************************************************************/ .box-anchor, .mns-anchor { position: relative; } .box { margin: 0px auto; border: none; background: transparent; } .box-main { width: 100%; } .box-main .box_row { display: table-row; } .box-main .box_cell { display: table-cell; vertical-align: top; } .box-main .box_simple { width: 100%; display: table; } .box-default { width: 100%; display: table; } .box-default_header { display: table-row; } .box-default_header .box-default_lft { min-width: 14px; width: 14px; display: table-cell; background: url(img/box_header_left.png) no-repeat; } .box-default_header .box-default_ctr { height: 12px; display: table-cell; background: url(img/box_header_center.png) repeat-x; } .box-default_header .box-default_rht { min-width: 14px; width: 14px; display: table-cell; background: url(img/box_header_right.png) no-repeat; } .box-default_content { display: table-row; } .box-default_content .box-default_lft { min-width: 14px; width: 14px; display: table-cell; background: url(img/box_content_left.png) repeat-y; } .box-default_content .box-default_ctr { display: table-cell; background: url(img/box_content_center.png); } .box-default_content .box-default_rht { min-width: 14px; width: 14px; display: table-cell; background: url(img/box_content_right.png) repeat-y; } .box-default_footer { height: 12px; display: table-row; } .box-default_footer .box-default_lft { min-width: 14px; width: 14px; display: table-cell; background: url(img/box_footer_left.png) no-repeat; } .box-default_footer .box-default_ctr { height: 12px; display: table-cell; background: url(img/box_footer_center.png) repeat-x; } .box-default_footer .box-default_rht { min-width: 14px; width: 14px; display: table-cell; background: url(img/box_footer_right.png) no-repeat; } .box-simple { width: 100%; display: table; } .box-simple .box_row { display: table-row; } .box-simple .box_row .box_lft { display: table-cell; } .box-simple .box_row .box_ctr { display: table-cell; } .box-simple .box_row .box_rht { display: table-cell; } .subbox_content { display: table; margin: 0 auto; } .subbox_content .sbox_header, .subbox_content .sbox_footer { display: table-row; white-space: nowrap; } .subbox_content .sbox_lft { display: table-cell; } .subbox_content .sbox_ctr { display: table-cell; } .subbox_content .sbox_rht { display: table-cell; } .subbox_content .sbox_footer { color: #BBB; } .subbox_content .sbox_footer .sbox_ctr { padding-top: 0px; font-size: 80%; } .subbox_content .sbox_footer .sbox_ctr .mns_box { font-size: 120%; } #astro-details .subbox_content .sbox_footer .sbox_ctr { font-size: 100%; color: #FFF; } .astro-base .subbox_content .sbox_footer .sbox_ctr { text-shadow: #000 0 1px 0px, #000 0 -1px 0px, #000 1px 0 0px, #000 -1px 0 0px, #000 1px 1px 0px, #000 -1px -1px 0px, #000 -1px 1px 0px, #000 1px -1px 0px, #000 0 0 5px; } .box3 .subbox_content .sbox_footer .sbox_ctr { padding-top: 0; } .box6 .subbox_content .sbox_footer .sbox_ctr { padding-top: 2px; } .subbox_content .sbox_ctr SPAN { display: block; padding: 0 10px; } /* BOX1, BOX2 */ .box1, .box2 { display: table; } .box1_header, .box2_header { height: 28px; display: table-row; } .box1_header .box1_lft, .box2_header .box2_lft { min-width: 19px; width: 19px; display: table-cell; background: url(img/box2_header_left.png) no-repeat; } .box1_header .box1_ctr, .box2_header .box2_ctr { display: table-cell; background: url(img/box2_header_center.png) repeat-x; } .box1_header .box1_rht, .box2_header .box2_rht { min-width: 19px; width: 19px; display: table-cell; background: url(img/box2_header_right.png) top right no-repeat; } .box1_content, .box2_content { display: table-row; } .box1_content .box1_lft, .box2_content .box2_lft { min-width: 19px; width: 19px; display: table-cell; background: url(img/box2_content_left.png) repeat-y; } .box1_content .box1_ctr, .box2_content .box2_ctr { display: table-cell; background: url(img/box2_content_center.png); } .box1_content .box1_rht, .box2_content .box2_rht { min-width: 19px; width: 19px; display: table-cell; background: url(img/box2_content_right.png) right repeat-y; } .box1_footer, .box2_footer { height: 25px; display: table-row; margin-bottom: 4px; } .box1_footer .box1_lft, .box2_footer .box2_lft { min-width: 19px; width: 19px; display: table-cell; background: url(img/box2_footer_left.png) no-repeat; } .box1_footer .box1_ctr, .box2_footer .box2_ctr { display: table-cell; background: url(img/box2_footer_center.png) repeat-x; } .box1_footer .box1_rht, .box2_footer .box2_rht { min-width: 19px; width: 19px; display: table-cell; background: url(img/box2_footer_right.png) right no-repeat; } .box1_header .subbox_content, .box2_header .subbox_content { height: 24px; } .box1 .subbox_content .sbox_header, .box2 .subbox_content .sbox_header { } .box1 .subbox_content .sbox_header .sbox_lft, .box2 .subbox_content .sbox_header .sbox_lft { width: 91px; background: url(img/box2_title_left.png) top right no-repeat; } .box1 .subbox_content .sbox_header .sbox_ctr, .box2 .subbox_content .sbox_header .sbox_ctr { background: url(img/box2_title_center.png) top repeat-x; vertical-align: middle; font-weight: bold; font-size: 90%; } .box1 .subbox_content .sbox_header .sbox_rht, .box2 .subbox_content .sbox_header .sbox_rht { width: 91px; background: url(img/box2_title_right.png) top left no-repeat; } .box1-anchor, .box2-anchor { margin-top: 10px; } .box1 .subbox_content .sbox_header .sbox_ctr, .box2 .subbox_content .sbox_header .sbox_ctr { font-size: 100%; /*color: #DDD;*/ } /* BOX3 */ .box3 { display: table; } .box3_header { height: 40px; display: table-row; margin-top: 6px; } .box3_header .box3_lft { display: table-cell; background: url(img/box3_header_left.png) no-repeat -8px 0px; } .box3_header .box3_ctr { display: table-cell; background: url(img/box3_header_center.png) repeat-x; } .box3_header .box3_rht { display: table-cell; background: url(img/box3_header_right.png) no-repeat; } .box3_content { display: table-row; } .box3_content .box3_lft { display: table-cell; background: url(img/box3_content_left.png) repeat-y -8px; } .box3_content .box3_ctr { display: table-cell; background: url(img/box3_content_center.png); } .box3_content .box3_rht { display: table-cell; background: url(img/box3_content_right.png) repeat-y; } .box3_footer { height: 35px; display: table-row; margin-bottom: 4px; } .box3_footer .box3_lft { display: table-cell; background: url(img/box3_footer_left.png) no-repeat -8px 0px; } .box3_footer .box3_ctr { display: table-cell; background: url(img/box3_footer_center.png) repeat-x; } .box3_footer .box3_rht { display: table-cell; background: url(img/box3_footer_right.png) no-repeat; } .box3_header .subbox_content { height: 24px; margin: 1px auto 0; } .box3_header .subbox_content .sbox_header { } .box3_header .subbox_content .sbox_header .sbox_lft { width: 72px; background: url(img/box3_title_left.png) top right no-repeat; } .box3_header .subbox_content .sbox_header .sbox_ctr { background: url(img/box3_title_center.png) top repeat-x; vertical-align: middle; font-weight: bold; font-size: 90%; text-shadow: 0px 0px 8px #2975C9; } .box3_header .subbox_content .sbox_header .sbox_rht { width: 72px; background: url(img/box3_title_right.png) top left no-repeat; } .box3_header .subbox_content .sbox_ctr span { padding: 0; } .box3_header .box3_lft, .box3_header .box3_rht, .box3_content .box3_lft, .box3_content .box3_rht, .box3_footer .box3_lft, .box3_footer .box3_rht { /*min-width: 13px; width: 13px;*/ min-width: 25px; width: 25px; } .box3_header .box3_rht, .box3_content .box3_rht, .box3_footer .box3_rht { background-position: -15px 0px } .box3 .box3_header_simple { height: auto; } .box3 .box3_header_simple .box3_ctr { height: 35px; } /* Diff header for base menu */ #base_structures .box3_header .box3_lft, #base_defenses .box3_header .box3_lft, #base_production .box3_header .box3_lft, #base_trade .box3_header .box3_lft, #base_reseach .box3_header .box3_lft { background-image: url(img/box3_header_left2.png); } #base_structures .box3_header .box3_ctr, #base_defenses .box3_header .box3_ctr, #base_production .box3_header .box3_ctr, #base_trade .box3_header .box3_ctr, #base_reseach .box3_header .box3_ctr { background-image: url(img/box3_header_center2.png); } #base_structures .box3_header .box3_rht, #base_defenses .box3_header .box3_rht, #base_production .box3_header .box3_rht, #base_trade .box3_header .box3_rht, #base_reseach .box3_header .box3_rht { background-image: url(img/box3_header_right2.png); } #base_structures .box3_header_simple .box3_ctr, #base_defenses .box3_header_simple .box3_ctr, #base_production .box3_header_simple .box3_ctr, #base_trade .box3_header_simple .box3_ctr, #base_reseach .box3_header_simple .box3_ctr { height: 15px; } .box3-anchor { margin-top: 10px; } /* BOX5 */ .box5 { display: table; } .box5_header { height: 26px; display: table-row; } .box5_header .box5_lft, .box6_header .box6_lft { min-width: 28px; width: 28px; display: table-cell; background: url(img/box5_header_left.png) no-repeat; } .box5_header .box5_ctr, .box6_header .box6_ctr { display: table-cell; background: url(img/box5_header_center.png) repeat-x; } .box5_header .box5_rht, .box6_header .box6_rht { min-width: 28px; width: 28px; display: table-cell; background: url(img/box5_header_right.png) top right no-repeat; } .box5_content, .box6_content { display: table-row; } .box5_content .box5_lft, .box6_content .box6_lft { min-width: 28px; width: 28px; display: table-cell; background: url(img/box5_content_left.png) repeat-y; } .box5_content .box5_ctr, .box6_content .box6_ctr { display: table-cell; background: url(img/box5_content_center.png); } .box5_content .box5_rht, .box6_content .box6_rht { min-width: 28px; width: 28px; display: table-cell; background: url(img/box5_content_right.png) right repeat-y; } .box5_footer, .box6_footer { height: 26px; display: table-row; } .box5_footer .box5_lft, .box6_footer .box6_lft { min-width: 28px; width: 28px; display: table-cell; background: url(img/box5_footer_left.png) no-repeat; } .box5_footer .box5_ctr, .box6_footer .box6_ctr { display: table-cell; background: url(img/box5_footer_center.png) repeat-x; } .box5_footer .box5_rht, .box6_footer .box6_rht { min-width: 28px; width: 28px; display: table-cell; background: url(img/box5_footer_right.png) no-repeat; } .box5_header .subbox_content { height: 36px; margin: 4px auto 8px; } .box5_header .subbox_content .sbox_header { } .box5_header .subbox_content .sbox_header .sbox_lft { width: 60px; background: url(img/box5_title_left.png) top right no-repeat; } .box5_header .subbox_content .sbox_header .sbox_ctr { padding-top: 16px; background: url(img/box5_title_center.png) top repeat-x; vertical-align: top; text-align: center; font-weight: normal; } .box5_header .subbox_content .sbox_header .sbox_rht { width: 60px; background: url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/images/box5_title_right.png) top left no-repeat; } /* BOX4, BOX6 */ .box4, .box6 { display: table; } .box4_header, .box6_header { height: 26px; display: table-row; } .box4_header .box4_lft, .box6_header .box6_lft { min-width: 30px; width: 30px; display: table-cell; background: url(img/box6_header_left.png) no-repeat; } .box4_header .box4_ctr, .box6_header .box6_ctr { display: table-cell; background: url(img/box6_header_center.png) repeat-x; } .box4_header .box4_rht, .box6_header .box6_rht { min-width: 30px; width: 30px; display: table-cell; background: url(img/box6_header_right.png) top right no-repeat; } .box4_content, .box6_content { display: table-row; } .box4_content .box4_lft, .box6_content .box6_lft { min-width: 30px; width: 30px; display: table-cell; background: url(img/box6_content_left.png) repeat-y; } .box4_content .box4_ctr, .box6_content .box6_ctr { display: table-cell; background: url(img/box6_content_center.png); } .box4_content .box4_rht, .box6_content .box6_rht { min-width: 30px; width: 30px; display: table-cell; background: url(img/box6_content_right.png) right repeat-y; } .box4_footer, .box6_footer { height: 26px; display: table-row; } .box4_footer .box4_lft, .box6_footer .box6_lft { min-width: 30px; width: 30px; display: table-cell; background: url(img/box6_footer_left.png) no-repeat; } .box4_footer .box4_ctr, .box6_footer .box6_ctr { display: table-cell; background: url(img/box6_footer_center.png) repeat-x; } .box4_footer .box4_rht, .box6_footer .box6_rht { min-width: 30px; width: 30px; display: table-cell; background: url(img/box6_footer_right.png) top right no-repeat; } .box4_header .subbox_content, .box6_header .subbox_content { height: 36px; margin: 12px auto 6px; } .box4_header .subbox_content .sbox_header, .box6_header .subbox_content .sbox_header { } .box4_header .subbox_content .sbox_header .sbox_lft, .box6_header .subbox_content .sbox_header .sbox_lft { width: 50px; background: url(img/box6_title_left.png) top right no-repeat; } .box4_header .subbox_content .sbox_header .sbox_ctr, .box6_header .subbox_content .sbox_header .sbox_ctr { padding-top: 10px; background: url(img/box6_title_center.png) top repeat-x; vertical-align: top; font-size: 100%; text-align: center; text-shadow: 1px 1px 2px #000; } .box4_header .subbox_content .sbox_header .sbox_rht, .box6_header .subbox_content .sbox_header .sbox_rht { width: 50px; background: url(img/box6_title_right.png) top left no-repeat; } /* BOX VARIANT COMPACT */ .box-compact { width: auto; } .subbox-anchor { position: relative; } .box-compact .subbox_content { width: auto; } .box-compact .subbox_content .sbox_header { } .box-compact .subbox_content .sbox_header .sbox_lft, .box-compact .subbox_content .sbox_header .sbox_rht { } .box-compact .subbox_content .sbox_header .sbox_ctr { } /* NEW FEEDBACK-BOXS *************************************************************************************************************************/ /* BOX-FEEDBACKs */ .box-error, .box-warning, .box-message, .box-tip { display: table; } .box-error_header, .box-warning_header, .box-message_header, .box-tip_header { height: 22px; display: table-row; } .box-error_header .box-error_lft, .box-warning_header .box-warning_lft, .box-message_header .box-message_lft, .box-tip_header .box-tip_lft { width: 29px; display: table-cell; background: url(img/box-error_header_left.png) repeat-x; } .box-error_header .box-error_ctr, .box-warning_header .box-warning_ctr, .box-message_header .box-message_ctr, .box-tip_header .box-tip_ctr { display: table-cell; background: url(img/box-error_header_center.png) bottom repeat-x; } .box-error_header .box-error_rht, .box-warning_header .box-warning_rht, .box-message_header .box-message_rht, .box-tip_header .box-tip_rht { width: 29px; display: table-cell; background: url(img/box-error_header_right.png) repeat-x; } .box-error_content, .box-warning_content, .box-message_content, .box-tip_content { display: table-row; } .box-error_content .box-error_lft, .box-warning_content .box-warning_lft, .box-message_content .box-message_lft, .box-tip_content .box-tip_lft { width: 29px; display: table-cell; background: url(img/box-error_content_left.png) repeat-y; } .box-error_content .box-error_ctr, .box-warning_content .box-warning_ctr, .box-message_content .box-message_ctr, .box-tip_content .box-tip_ctr { display: table-cell; background: url(img/box-error_content_center.png); } .box-error_content .box-error_rht, .box-warning_content .box-warning_rht, .box-message_content .box-message_rht, .box-tip_content .box-tip_rht { width: 29px; display: table-cell; background: url(img/box-error_content_right.png) repeat-y; } .box-error_footer, .box-warning_footer, .box-message_footer, .box-tip_footer { height: 22px; display: table-row; } .box-error_footer .box-error_lft, .box-warning_footer .box-warning_lft, .box-message_footer .box-message_lft, .box-tip_footer .box-tip_lft { width: 29px; display: table-cell; background: url(img/box-error_footer_left.png) no-repeat; } .box-error_footer .box-error_ctr, .box-warning_footer .box-warning_ctr, .box-message_footer .box-message_ctr, .box-tip_footer .box-tip_ctr { display: table-cell; background: url(img/box-error_footer_center.png) repeat-x; } .box-error_footer .box-error_rht, .box-warning_footer .box-warning_rht, .box-message_footer .box-message_rht, .box-tip_footer .box-tip_rht { width: 29px; display: table-cell; background: url(img/box-error_footer_right.png) no-repeat; } .box-warning_header .box-warning_lft { background: url(img/box-warning_header_left.png) repeat-x; } .box-warning_header .box-warning_ctr { background: url(img/box-warning_header_center.png) bottom repeat-x; } .box-warning_header .box-warning_rht { background: url(img/box-warning_header_right.png) repeat-x; } .box-warning_content .box-warning_lft { background: url(img/box-warning_content_left.png) repeat-y; } .box-warning_content .box-warning_ctr { background: url(img/box-warning_content_center.png); } .box-warning_content .box-warning_rht { background: url(img/box-warning_content_right.png) repeat-y; } .box-warning_footer .box-warning_lft { background: url(img/box-warning_footer_left.png) no-repeat; } .box-warning_footer .box-warning_ctr { background: url(img/box-warning_footer_center.png) repeat-x; } .box-warning_footer .box-warning_rht { background: url(img/box-warning_footer_right.png) no-repeat; } .box-message_header .box-message_lft { background: url(img/box-message_header_left.png) repeat-x; } .box-message_header .box-message_ctr { background: url(img/box-message_header_center.png) bottom repeat-x; } .box-message_header .box-message_rht { background: url(img/box-message_header_right.png) repeat-x; } .box-message_content .box-message_lft { background: url(img/box-message_content_left.png) repeat-y; } .box-message_content .box-message_ctr { background: url(img/box-message_content_center.png); } .box-message_content .box-message_rht { background: url(img/box-message_content_right.png) repeat-y; } .box-message_footer .box-message_lft { background: url(img/box-message_footer_left.png) no-repeat; } .box-message_footer .box-message_ctr { background: url(img/box-message_footer_center.png) repeat-x; } .box-message_footer .box-message_rht { background: url(img/box-message_footer_right.png) no-repeat; } .box-tip_header .box-tip_lft { background: url(img/box-tip_header_left.png) repeat-x; } .box-tip_header .box-tip_ctr { background: url(img/box-tip_header_center.png) bottom repeat-x; } .box-tip_header .box-tip_rht { background: url(img/box-tip_header_right.png) repeat-x; } .box-tip_content .box-tip_lft { background: url(img/box-tip_content_left.png) repeat-y; } .box-tip_content .box-tip_ctr { background: url(img/box-tip_content_center.png); } .box-tip_content .box-tip_rht { background: url(img/box-tip_content_right.png) repeat-y; } .box-tip_footer .box-tip_lft { background: url(img/box-tip_footer_left.png) no-repeat; } .box-tip_footer .box-tip_ctr { background: url(img/box-tip_footer_center.png) repeat-x; } .box-tip_footer .box-tip_rht { background: url(img/box-tip_footer_right.png) no-repeat; } .feedback_container { display: table; } .feedback_container-row { display: table-row; } .feedback_container .feedback_icon { height: 36px; width: 44px; display: table-cell; background-position: center center; background-repeat: no-repeat; } .feedback_container .feedback_text { padding: 0px 0 0px 0px; display: table-cell; text-align: left; vertical-align: middle; } .box-error .feedback_icon { background-image: url(img/icon_error.png); } .box-warning .feedback_icon { background-image: url(img/icon_warning.png); } .box-message .feedback_icon { background-image: url(img/icon_message.png); } .box-tip .feedback_icon { background-image: url(img/icon_tip.png); } /* NEW BTNS *************************************************************************************************************************/ /* common */ .mns_box { width: 100%; display: table; } .mns_row, .mns_simple { display: table-row; } .mn_item { display: table-cell; } .mns_simple .mn_item { width: 100%; float: left; } a.btn-normal, a.btn-special, a.btn-important, a.btn-premium, a.btn-disabled, a.btn-normal-active, a.btn-special-active, a.btn-important-active, a.btn-premium-active, a.btn-disabled-active { margin: 1px 0 1px 0; width: 100%; display: table; text-decoration: none; color: #CADDEC; /*text-shadow: #000 1px 1px 1px;*/ } a.btn-normal-active, a.btn-special-active, a.btn-important-active, a.btn-premium-active, a.btn-disabled-active { color: #fff; text-shadow: 0px 0px 12px #bff0f2; } #main-header a.btn-normal, #main-header a.btn-special, #main-header a.btn-important, #main-header a.btn-premium, #main-header a.btn-disabled, #main-header a.btn-normal-active, #main-header a.btn-special-active, #main-header a.btn-important-active, #main-header a.btn-premium-active, #main-header a.btn-disabled-active { margin: 0 0 0 0; } #main-header-infobox #credits .btn_ctr DIV, #main-header-infobox #diamonds .btn_ctr DIV { color: #EAC767; } #main-header a.btn-disabled .btn_ctr DIV { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ -moz-opacity: 0.3; /* Netscape */ -khtml-opacity: 0.3; /* Safari 1.x */ opacity: 0.3; /* Good browsers */ color: transparent !important; } a.btn-disabled:hover { cursor: default; } a.btn-disabled-active, a.btn-special { color: white; } a.small-button { width: 100%; display: table; color: #ADDEE4; } .fld a:hover { text-decoration: underline; } /* FIELD STANDARD TYPE */ .fld { width: 100%; display: table; } .fld_lft { width: 12px; height: 22px; display: table-cell; background: no-repeat top left; } .fld_ctr { height: 19px; display: table-cell; padding: 3px 0 0 0; vertical-align: top; text-align: center; } .fld_rht { width: 11px; height: 2px; display: table-cell; background: no-repeat top right; } /* BTNS STANDARD TYPE */ .btn_lft { width: 8px; height: 27px; display: table-cell; background: no-repeat top left; } .btn_ctr { display: table-cell; vertical-align: middle; text-align: center; } /*#tutorial-main .btn_ctr { text-align: left; }*/ .box3_content .btn_ctr { text-align: left; } .btn_rht { width: 8px; display: table-cell; background: no-repeat top right; } .btn-normal .btn_lft, .btn-normal-active .btn_lft, .btn-normal .btn_lft, .btn-normal-active .btn_lft, .btn-premium .btn_lft, .btn-premium-active .btn_lft, .btn-disabled .btn_lft, .btn-disabled-active .btn_lft, .btn-special .btn_lft, .btn-special-active .btn_lft, .btn-important .btn_lft, .btn-important-active .btn_lft { background-image: url(img/main_btns_lft.png); } .btn-normal .btn_ctr, .btn-special-active .btn_ctr, .btn-premium .btn_ctr, .btn-premium-active .btn_ctr, .btn-disabled .btn_ctr, .btn-disabled-active .btn_ctr, .btn-special .btn_ctr, .btn-normal-active .btn_ctr, .btn-important .btn_ctr, .btn-important-active .btn_ctr { background-image: url(img/main_btns_ctr.png); } .btn-normal .btn_rht, .btn-special-active .btn_rht, .btn-premium .btn_rht, .btn-premium-active .btn_rht, .btn-disabled .btn_rht, .btn-disabled-active .btn_rht, .btn-special .btn_rht, .btn-normal-active .btn_rht, .btn-important .btn_rht, .btn-important-active .btn_rht { background-image: url(img/main_btns_rht.png); } /* normal */ .btn-normal-active .btn_lft, .btn-normal-active .btn_ctr { background-position: left -40px; } .btn-normal-active .btn_rht { background-position: right -40px; } a:hover .btn_lft, a:hover .btn_ctr { background-position: left -40px; } a:hover .btn_rht { background-position: right -40px; } /* special */ .btn-special .btn_lft, .btn-special .btn_ctr { background-position: left 0px; } .btn-special .btn_rht { background-position: right 0px; } .btn-special-active .btn_lft, .btn-special-active .btn_ctr { background-position: left -40px; } .btn-special-active .btn_rht { background-position: right -40px; } a.btn-special:hover .btn_lft, a.btn-special:hover .btn_ctr { background-position: left -40px; } a.btn-special:hover .btn_rht { background-position: right -40px; } /* premium */ .btn-premium .btn_lft, .btn-premium .btn_ctr { background-position: left -80px; } .btn-premium .btn_rht { background-position: right -80px; } .btn-premium-active .btn_lft, .btn-premium-active .btn_ctr { background-position: left -120px; } .btn-premium-active .btn_rht { background-position: right -120px; } a.btn-premium:hover .btn_lft, a.btn-premium:hover .btn_ctr, a.btn-premium-active:hover .btn_lft, a.btn-premium-active:hover .btn_ctr { background-position: left -120px; } a.btn-premium:hover .btn_rht, a.btn-premium-active:hover .btn_rht { background-position: right -120px; } a.btn-premium { color: #F1E185; } /* disabled */ .btn-disabled .btn_lft, .btn-disabled .btn_ctr { background-position: left -160px; } .btn-disabled .btn_rht { background-position: right -160px; } .btn-disabled-active .btn_lft, .btn-disabled-active .btn_ctr { background-position: left -200px; } .btn-disabled-active .btn_rht { background-position: right -200px; } a.btn-disabled:hover .btn_lft, a.btn-disabled:hover .btn_ctr, a.btn-disabled-active:hover .btn_lft, a.btn-disabled-active:hover .btn_ctr { background-position: left -200px; } a.btn-disabled:hover .btn_rht, a.btn-disabled-active:hover .btn_rht { background-position: right -200px; } a.btn-disabled { color: #888; } /* important */ .btn-important .btn_lft, .btn-important .btn_ctr { background-position: left -240px; } .btn-important .btn_rht { background-position: right -240px; } .btn-important-active .btn_lft, .btn-important-active .btn_ctr { background-position: left -280px; } .btn-important-active .btn_rht { background-position: right -280px; } a.btn-important:hover .btn_lft, a.btn-important:hover .btn_ctr, a.btn-important-active:hover .btn_lft, a.btn-important-active:hover .btn_ctr { background-position: left -280px; } a.btn-important:hover .btn_rht, a.btn-important-active:hover .btn_rht { background-position: right -280px; } a.btn-important { color: #FFF; /*color: #E8B399;*/ } /* special */ a.btn-alert { color: #EBC630; text-shadow: 0px 0px 5px #FFF; } .mn_separator DIV { width: 2px; } #help-menu .mn_separator DIV { width: 1px; } .btn_ctr DIV { padding: 0 0 2px 0; white-space: nowrap; font-weight: normal; } /* exceptions */ #map-region .btn-normal .btn_lft, #map-region .btn-normal .btn_ctr, #map-region .btn-normal .btn_rht, #map-region .btn-disabled .btn_lft, #map-region .btn-disabled .btn_ctr, #map-region .btn-disabled .btn_rht { background-image: none; } /* BTNS SMALL TYPE */ .small-button .btn_lft { width: 11px; height: 18px; } .small-button .btn_ctr { font-size: 80%; font-weight: normal; } .small-button .btn_rht { width: 11px; display: table-cell; } .small-button-normal .btn_lft { background-image: url(img/small-button_normal_left.png); } .small-button-normal .btn_ctr { background-image: url(img/small-button_normal_center.png); } .small-button-normal .btn_rht { background-image: url(img/small-button_normal_right.png); } .small-button-normal:hover .btn_lft, .small-button-normal-active .btn_lft { background-image: url(img/small-button_normal-active_left.png); background-position: left; } .small-button-normal:hover .btn_ctr, .small-button-normal-active .btn_ctr { background-image: url(img/small-button_normal-active_center.png); background-position: left; } .small-button-normal:hover .btn_rht, .small-button-normal-active .btn_rht { background-image: url(img/small-button_normal-active_right.png); background-position: right; } .small-button-important .btn_lft { background-image: url(img/small-button_important_left.png); } .small-button-important .btn_ctr { background-image: url(img/small-button_important_center.png); } .small-button-important .btn_rht { background-image: url(img/small-button_important_right.png); } .small-button-important-active .btn_lft { background-image: url(img/small-button_important-active_left.png); } .small-button-important-active .btn_ctr { background-image: url(img/small-button_important-active_center.png); } .small-button-important-active .btn_rht { background-image: url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/images/small-button_nimportant-active_right.png); } /* HEADER *************************************************************************************************************************/ /*#top-header { width: auto; }*/ #top-header { width: 100%; height: 38px; background: url(img/main-header-bg.png) repeat-x top; min-width: 560px; } #top-header .mn_item { height: 16px; padding-top: 1px; } #top-header a { color: #BBB; font-weight: normal; font-size: 85%; } #top-header .mn_separator { display: table-cell; background: url(img/top-header_separator.png) 0 1px no-repeat; } #top-header .mn_separator DIV { width: 11px; display: block; } #top-header .mn_item .btn_lft, #top-header .mn_item .btn_rht { width: 5px; height: 16px; background-image: none; } #top-header .mn_item .btn_ctr { background-image: none; } #top-header a:hover { text-shadow: 0px 0px 5px #FFF; color: #DDD; } #top-header a.btn-normal-active, a.btn-especial-active, a.btn-premium-active, a.btn-important-active { color: #FFF; text-shadow: 0px 0px 5px #FFF; color: #DDD; } #top-header_menu { max-width: 700px; margin: 0 auto; } #top-header .box_row .box_lft, #top-header .box_row .box_ctr, #top-header .box_row .box_rht { background: none !important; } #top-header a .btn_ctr div { padding: 0px 0 2px; } #top-header a .btn_ctr div B, #top-header A B { color: #FFF; font-weight: normal; } #top-header DIV th { padding: 5px; font-size: 105%; } #top-header DIV th a { font-size: 105%; line-height: 17px; } /* DROPDOWN / SERVERS */ #top-header .mn_item .btn-html { width: 100%; display: table; position: relative; } .dropdown_lft, .dropdown_rht { display: table-cell; background: url(img/top-header_separator.png) 0 -2px no-repeat; } .dropdown_lft DIV, .dropdown_rht DIV { width: 11px; display: block; } .dropdown_ctr { display: table-cell; vertical-align: middle; text-align: center; font-size: 95%; color: #FFF; white-space: nowrap; } .dropdown_ctr A { cursor: pointer; } #top-header .dropdown_ctr SPAN { display: block; padding: 0px 0 2px; } #top-header .dropdown_ctr DIV {/* sublist */ position: absolute; z-index: 30; left: 10px; top: 15px; display: none; background: #222; border-left: #333 solid 1px; border-bottom: #333 solid 1px; border-right: #333 solid 1px; text-align: left; padding: 3px 0 6px 5px; } #top-header .dropdown_ctr DIV A { display: block; margin: 0; padding: 2px 40px 0 0; font-size: 100%; } #top-header_server-time { height: 15px; padding-top: 5px; font-size: 80%; color: #999; line-height: 10px; } .top-header_server-time-bg { background: url(img/main-header-bg-inner.png) no-repeat center 1px; } /* MAIN-HEADER-NAV */ #main-header-logo { } #main-header-logo .box_lft { display: none; } #main-header-logo .box_ctr { height: 44px; background-image: url(img/main-header-logo_ctr.png); background-position: top center; padding: 10px 0; } #main-header-logo .box_rht { display: none; } #main-header-logo_content { width: 180px; height: 44px; margin: 0 auto; background: url(img/main-header-logo.png) center no-repeat; } /* MAIN-HEADER-AVATAR */ #main-header-avatar { /*margin-bottom: 6px;*/ } #main-header-avatar .box_lft { display: none; } #main-header-avatar .box_ctr { height: 44px; padding: 10px 0 10px 27px; background-image: url(img/main-header-infobox_lft1.png); background-position: top left; } #main-header-avatar .box_rht {display: none; } #main-header-avatar_content, #main-header-avatar .box_ctr .mns_box { }/* waiting for fix */ #main-header-avatar_face { background-repeat: no-repeat; background-size: 51px; background-position: center; } #main-header-avatar_face A { display: block; width: 53px; height: 45px; background: url(img/avatar-btn-mask.png) no-repeat; } #main-header-avatar_face A.btn-normal-active, #main-header-avatar_face A:hover { background-position: bottom; } /* MAIN-HEADER-INFOBOX */ #main-header-infobox { /*margin-bottom: 6px;*/ } #main-header-infobox .box_lft { width: 13px; height: 44px; background-image: url(img/main-header-infobox_lft2.png); background-position: top left; background-repeat: no-repeat; } #main-header-infobox .box_ctr { height: 44px; background-image: url(img/main-header-infobox_ctr.png); background-position: top left; padding: 10px 0 9px; } #main-header-infobox .box_rht { width: 12px; height: 44px; background-image: url(img/main-header-infobox_rht.png); background-position: top right; } /* MAIN-HEADER-NEWS */ #main-header-news { } #main-header-news .box_lft { width: 24px; height: 33px; background: url(img/main-header-news_lft.png) no-repeat top left; } #main-header-news .box_ctr { height: 25px; background: url(img/main-header-news_ctr.png) repeat-x top left; padding: 10px 0 0; font-size: 80%; color: #AAA; } #main-header-news .box_ctr A { color: #5496C2; } #main-header-news .box_rht { width: 19px; height: 33px; background: url(img/main-header-news_rht.png) no-repeat top right;} #main-header-news .marquee2 { width: 100%; height: 25px; float: left; } #main-header-mininav { } #main-header-mininav .box_lft { display: none; } #main-header-mininav .box_ctr { height: 35px; background-image: url(img/main-header-mininav_ctr.png); background-position: top right; padding: 0; } #main-header-mininav .box_rht { width: 20px; background-image: url(img/main-header-mininav_rht.png); background-position: top left; } /* MAIN-HEADER-NAV */ .box_cell_main-header-nav { width: 38%; } #main-header-nav { } #main-header-nav .box_lft { width: 11px; background-image: url(img/main-header-nav_lft.png); background-position: top left; } #main-header-nav .box_ctr { background-image: url(img/main-header-nav_ctr.png); background-position: top left; padding: 10px 0 9px; } #main-header-nav .box_rht { width: 27px; background-image: url(img/main-header-nav_rht.png); background-position: top right; } /* BTNS MENU */ #main-header-nav .mn_item .btn_lft, #main-header-nav .mn_item .btn_rht { min-width: 9px; width: 9px; height: 45px; background-image: none; } #main-header-infobox .mn_item .btn_lft, #main-header-infobox .mn_item .btn_rht { min-width: 9px; width: 9px; height: 45px; background-image: none; } /* misc */ #main-header .btn-normal .btn_lft, #main-header .btn-special .btn_lft, #main-header .btn-normal-active .btn_lft, #main-header .btn-important .btn_lft, #main-header .btn-disabled .btn_lft { background-image: url(img/main-header-nav_btns_lft.png); } #main-header .btn-normal .btn_ctr, #main-header .btn-special .btn_ctr, #main-header .btn-normal-active .btn_ctr, #main-header .btn-important .btn_ctr, #main-header .btn-disabled .btn_ctr { background-image: url(img/main-header-nav_btns_ctr.png); } #main-header .btn-normal .btn_rht, #main-header .btn-special .btn_rht, #main-header .btn-normal-active .btn_rht, #main-header .btn-important .btn_rht, #main-header .btn-disabled .btn_rht { background-image: url(img/main-header-nav_btns_rht.png); } /*#main-header .btn-normal .btn_lft, #main-header .btn-normal .btn_ctr { background-position: left -100px; } #main-header .btn-normal .btn_rht { background-position: right -100px; }*/ #main-header .btn-normal-active .btn_lft, #main-header .btn-normal-active .btn_ctr { background-position: left -50px; } #main-header .btn-normal-active .btn_rht { background-position: right -50px; } #main-header .btn-special .btn_lft, #main-header .btn-special .btn_ctr, #main-header .btn-special .btn_rht { background-position: center -150px; } #main-header .btn-special .btn_rht { background-position: right -150px; } #main-header .btn-important .btn_lft, #main-header .btn-important .btn_ctr { background-position: center -200px; } #main-header .btn-important .btn_rht { background-position: right -200px; } #main-header #messages.btn-important .btn_lft, #main-header #messages.btn-important .btn_ctr { background-position: center -400px; } #main-header #messages.btn-important .btn_rht { background-position: right -400px; } #main-header .btn-disabled .btn_lft, #main-header .btn-disabled .btn_ctr { background-position: center -300px; } #main-header .btn-disabled .btn_rht { background-position: right -300px; } /* special normal for game menu */ #main-header-nav .btn-normal .btn_lft, #main-header-nav .btn-normal .btn_ctr { background-position: center 0px; } #main-header-nav .btn-normal .btn_rht { background-position: right 0px; } #main-header-avatar .mn_item .btn_lft, #main-header-avatar .mn_item .btn_rht { /*min-width: 6px; width: 6px;*/ width: 0px; height: 43px; background-image: none; } #main-header-avatar .mn_item .btn_ctr { background-image: none; } /* HOVER / ACTIVE TEXT */ #main-header-nav .mn_item a:hover .btn_ctr DIV, #main-header-infobox .mn_item a:hover .btn_ctr DIV, #main-header-avatar .mn_item a:hover .btn_ctr DIV { background-position: center -40px; } #main-header-nav .mn_item:hover .btn_lft, #main-header-infobox .mn_item:hover .btn_lft, #main-header-avatar .mn_item:hover .btn_lft { background-position: left -50px; } #main-header-nav .mn_item:hover .btn_ctr, #main-header-infobox .mn_item:hover .btn_ctr, #main-header-avatar .mn_item:hover .btn_ctr { background-position: center -50px; } #main-header-nav .mn_item:hover .btn_rht, #main-header-infobox .mn_item:hover .btn_rht, #main-header-avatar .mn_item:hover .btn_rht { background-position: right -50px; } #main-header .mn_item a.btn-normal-active .btn_ctr DIV, #main-header .mn_item a.btn-special-active .btn_ctr DIV #main-header .mn_item a.btn-premium-active .btn_ctr DIV, #main-header .mn_item a.btn-important-active .btn_ctr DIV, #main-header .mn_item a.btn-disabled-active .btn_ctr DIV, #main-header .mn_item a.btn-special .btn_ctr DIV, #main-header .mn_item a.btn-important .btn_ctr DIV{ background-position: center -40px; color: #FFF; text-shadow: 0px 0px 12px #bff0f2; } #main-header .btn-important:hover .btn_lft, #main-header .btn-important:hover .btn_ctr, #main-header .btn-important:hover .btn_rht { background-position: center -250px; } #main-header #messages.btn-important:hover .btn_lft, #main-header #messages.btn-important:hover .btn_ctr, #main-header #messages.btn-important:hover .btn_rht { background-position: center -450px; } #main-header .btn-disabled:hover .btn_lft, #main-header .btn-disabled:hover .btn_ctr, #main-header .btn-disabled:hover .btn_rht { background-position: center -300px; } /* ICONS MENU */ #main-header-nav .btn_ctr DIV, #main-header-infobox .btn_ctr DIV { width: 100%; min-width: 30px; height: 13px; float: left; padding: 24px 0 0 0; background: none top no-repeat; font-size: 80%; font-weight: normal; } #main-header-avatar .btn_ctr DIV { float: left; margin: 0; padding: 0; background: none; } #main-header-nav #bases .btn_ctr DIV { background-image: url(img/button_menu_icon_base.png); } #main-header-nav #map .btn_ctr DIV { background-image: url(img/button_menu_icon_map.png); } #main-header-nav #fleets .btn_ctr DIV { background-image: url(img/button_menu_icon_fleets.png); } #main-header-nav #empire .btn_ctr DIV { background-image: url(img/button_menu_icon_empire.png); } #main-header-nav #commanders .btn_ctr DIV { background-image: url(img/button_menu_icon_commanders.png); } #main-header-avatar #account .btn_ctr DIV { /*height: 37px;margin-bottom: 1px;*/ width: 50px; height: 45px; overflow: hidden; background: #FFF; } #main-header-avatar #account .btn_ctr DIV IMG { /*width: 40px; height: 40px;*/ width: 50px; } #main-header-infobox #credits .btn_ctr DIV { background-image: url(img/button_menu_icon_credits.png); } #main-header-infobox #diamonds .btn_ctr DIV { background-image: url(img/button_menu_icon_diamonds.png); } #main-header-infobox #messages .btn_ctr DIV { background-image: url(img/button_menu_icon_messages.png); } #main-header-infobox #board .btn_ctr DIV { background-image: url(img/button_menu_icon_board.png); } #main-header-infobox #guild .btn_ctr DIV { background-image: url(img/button_menu_icon_guild.png); } /* MINI BTNS / ICONS */ .main-header-mininav_container { margin-top: 1px; display: table; width: 100%; } #main-header-mininav .box_ctr A { display: table-cell; min-width: 39px; width: 39px; height: 26px; background: url(img/main-header-nav_minibtns.png) 0 0 no-repeat; } #main-header-mininav .box_ctr A.btn-normal-active { background-position: 0 -29px; } #main-header-mininav .box_ctr A.btn-important { background-position: 0 -59px; } #main-header-mininav .box_ctr A.btn-normal:hover { background-position: 0 -29px; } #main-header-mininav .box_ctr A.btn-important:hover { background-position: 0 -89px; } #main-header-mininav .box_ctr A.btn-disabled { background-position: 0 -119px; } #main-header-mininav .box_ctr A DIV { float: left; width: 100%; height: 20px; margin: 0; padding: 0; background: none no-repeat; } #main-header-mininav #notes DIV { background-image: url(img/button_menu_icon_notes.png); background-position: center 1px; } #main-header-mininav #bookmarks DIV { background-image: url(img/button_menu_icon_bookmarks.png); background-position: center 1px; } #main-header-mininav #tutorial DIV { background-image: url(img/button_menu_icon_tutorial.png); background-position: center 1px; } #main-header-mininav #notifications DIV { background-image: url(img/button_menu_icon_notifications.png); background-position: center 1px; } #main-header-mininav #battlecalculator DIV { background-image: url(img/button_menu_icon_notifications.png); background-position: center 1px; } #main-header-mininav #tutorial.btn-important DIV { background-position: center -37px; } #main-header-mininav .box_ctr A:hover DIV, #main-header-mininav .box_ctr A.btn-normal-active DIV { background-position: center -37px !important; } /* LOCAL-HEADER */ .local-header, .local-header-tab { width: 100%; display: table; } .local-header_header, .local-header-tab_header { height: 17px; display: table-row; } .local-header_header .local-header_lft, .local-header-tab_header .local-header-tab_lft { width: 24px; display: table-cell; background: url(img/local-header-lft_top.png) no-repeat top right; } .local-header_header .local-header_ctr, .local-header-tab_header .local-header-tab_ctr { height: 17px; display: table-cell; background: url(img/local-header-ctr_top.png) repeat-x; } .local-header_header .local-header_rht, .local-header-tab_header .local-header-tab_rht { width: 24px; display: table-cell; background: url(img/local-header-rht_top.png) no-repeat; } .local-header_content, .local-header-tab_content { display: table-row; } .local-header_content .local-header_lft, .local-header-tab_content .local-header-tab_lft { width: 24px; display: table-cell; background: url(img/local-header-lft_mid.png) repeat-y right; } .local-header_content .local-header_ctr, .local-header-tab_content .local-header-tab_ctr { display: table-cell; background: #101a28 url(img/local-header-ctr_mid.png) top repeat-x; } .local-header_content .local-header_rht, .local-header-tab_content .local-header-tab_rht { width: 24px; display: table-cell; background: url(img/local-header-rht_mid.png) repeat-y; } .local-header_footer { height: 13px; display: table-row; } .local-header_footer .local-header_lft { width: 24px; display: table-cell; background: url(img/local-header-lft_bot.png) no-repeat top right; } .local-header_footer .local-header_ctr { height: 13px; display: table-cell; background: url(img/local-header-ctr_bot.png) repeat-x; } .local-header_footer .local-header_rht { width: 24px; display: table-cell; background: url(img/local-header-rht_bot.png) no-repeat; } .local-header-tab_footer { height: 32px; display: table-row; } .local-header-tab_footer .local-header-tab_lft { width: 24px; display: table-cell; background: url(img/local-header-lft_bot.png) no-repeat top right; } .local-header-tab_footer .local-header-tab_ctr { height: 15px; display: table-cell; background: url(img/local-header-ctr_bot.png) repeat-x; } .local-header-tab_footer .local-header-tab_rht { width: 24px; display: table-cell; background: url(img/local-header-rht_bot.png) no-repeat; } .local-header-tab_footer .subbox_content .mns-anchor { width: 100%; } .local-header_header, .local-header-tab_header, .local-header_header .local-header_ctr, .local-header-tab_header .local-header-tab_ctr { /*height: 13px;*/ height: 12px; } .local-header-tab_content .mn_separator { width: 1px; } #local-header select { float: left; max-width: 140px; padding: 2px 10px 3px 0px; margin-right: 5px; } #local-header FORM A { float: left; margin: 3px 0 0 0; } /*#local-header .btn-action { background-color: transparent !important; box-shadow: none !important; border-color: transparent !important; }*/ #local-header .btn-action { } #local-header TABLE TD .mini-infobox { color: #61AFB8; } #local-header TABLE TD STRONG { color: #EEE; font-weight: normal; } /* Local-Header info-boxes */ .mini-infobox { margin-right: 4px; padding: 2px 6px 3px 22px; -moz-border-radius: 6px; border-radius: 6px; background: url(img/icon_resources_population.png) no-repeat; white-space: nowrap; font-weight: normal; } #local-header .mini-infobox { background-position: 4px 0; } #local-header .infocolor-red { background-position: 3px -80px; color: #FFDE9F; } .mini-infobox A, .mini-infobox SMALL { font-weight: normal; } DIV.mini-infobox { float: left; } #astro-details .mini-infobox { border-color: #293F50; } .mini-infobox SMALL { color: #98CCD1; font-size: 85%; } /* NEW: display vertical */ #local-header .mini-infobox { padding: 14px 5px 0; background-position: center -2px; } #local-header .infocolor-red { background-position: center -84px; } /* ----- */ .infocolor-red { background-color: rgba(108, 31, 22, 0.5); } .infocolor-green { background-color: rgba(25, 80, 26, 0.5); } .infocolor-silver { background-color: rgba(68, 79, 81, 0.2); } .infocolor-red SMALL { color: #FF7533; } .infocolor-green SMALL { color: #6FDF7C; } .infoicon_population { background-image: url(img/icon_resources_population.png); } .infoicon_area { background-image: url(img/icon_resources_area.png); } .infoicon_energy { background-image: url(img/icon_resources_energy.png); } .infoicon_economy, .infoicon_credits { background-image: url(img/icon_resources_credits.png); } .infoicon_construction { background-image: url(img/icon_capacity_construction.png); } .infoicon_research { background-image: url(img/icon_capacity_research.png); } .infoicon_research-link { background-image: url(img/icon_research-link.png); } .infoicon_production { background-image: url(img/icon_capacity_production.png); } .infoicon_trade { background-image: url(img/icon_trades.png); } .infoicon_fleet { background-image: url(img/icon_fleet.png); background-position: 2px -1px !important; } .infoicon_anti-gravity { background-image: url(img/icon_anti-gravity.png); } .infoicon_galaxy, .infoicon_region, .infoicon_system, .infoicon_astro, .infoicon_base { background-position: 3px 1px; } .infoicon_galaxy:hover, .infoicon_region:hover, .infoicon_system:hover, .infoicon_astro:hover, .infoicon_base:hover { background-position: 3px -19px; } .infoicon_galaxy { background-image: url(img/icon_location_galaxy.png);} .infoicon_region { background-image: url(img/icon_location_region.png);} .infoicon_system { background-image: url(img/icon_location_system.png);} .infoicon_astro { background-image: url(img/icon_location_astro.png);} .infoicon_base { background-image: url(img/icon_location_base.png);} .infoicon_base2 { background-image: url(img/button_menu_icon_base.png);} .infoicon_power, .infoicon_attack { background-image: url(img/icon_attack.png);} .infoicon_armor, .infoicon_armour { background-image: url(img/icon_armor.png);} .infoicon_shield { background-image: url(img/icon_shield.png);} .infoicon_weapon-missile, .infoicon_weapon-missiles { background-image: url(img/icon_weapon-missile.png);} .infoicon_weapon-laser { background-image: url(img/icon_weapon-laser.png);} .infoicon_weapon-ion { background-image: url(img/icon_weapon-ion.png);} .infoicon_weapon-plasma { background-image: url(img/icon_weapon-plasma.png);} .infoicon_weapon-photon { background-image: url(img/icon_weapon-photon.png);} .infoicon_weapon-disruptor { background-image: url(img/icon_weapon-disruptor.png);} .infoicon_stellar, .infoicon_drive-stellar { background-image: url(img/icon_drive-stellar.png); } .infoicon_warp, .infoicon_drive-warp { background-image: url(img/icon_drive-warp.png);} .infoicon_hangar { background-image: url(img/icon_hangar.png);} .infoicon_speed { background-image: url(img/icon_speed.png);} .infoicon_free, .infoicon_upgraded, .infoicon_activity-blue, .infoicon_activity-green, .infoicon_activity-yellow, .infoicon_activity-orange, .infoicon_activity-red, .infoicon_activity-grey, .infoicon_vacation-blue, .infoicon_vacation-green, .infoicon_vacation-yellow, .infoicon_vacation-orange, .infoicon_vacation-red, .infoicon_vacation-grey { border: none; background-color: transparent; padding: 0 7px 1px 7px; } .infoicon_vacation { background-image: url(img/icon_vacation.png); background-position: 0px -2px; } .infoicon_free, .infoicon_upgraded { background-image: url(img/icon_upgrade.png); } .infoicon_upgraded { background-position: 0px -2px; } .infoicon_free { background-position: 0px -97px; } .infoicon_activity-blue, .infoicon_activity-green, .infoicon_activity-yellow, .infoicon_activity-orange, .infoicon_activity-red, .infoicon_activity-grey { background-image: url(img/icon_activity.png); } .infoicon_activity-blue { background-position: 0px -2px; } .infoicon_activity-green { background-position: 0px -124px; } .infoicon_activity-yellow, .infoicon_activity-orange { background-position: 0px -147px; } .infoicon_activity-red { background-position: 0px -172px; } .infoicon_activity-grey { background-position: 0px -197px; } .infoicon_vacation-blue, .infoicon_vacation-green, .infoicon_vacation-yellow, .infoicon_vacation-orange, .infoicon_vacation-red, .infoicon_vacation-grey { background-image: url(img/icon_vacation.png); } .infoicon_vacation-blue { background-position: 0px -2px; } .infoicon_vacation-green { background-position: 0px -24px; } .infoicon_vacation-yellow, .infoicon_vacation-orange { background-position: 0px -47px; } .infoicon_vacation-red { background-position: 0px -72px; } .infoicon_vacation-grey { background-position: 0px -97px; } .mini-infobox-active {background-position: 3px -19px; text-decoration: none; color: white; } #local-header .infoicon_astro { margin-left: 10px; } /* SUBMENU ICONS */ #local-header #local-header_menu .btn_ctr DIV { width: 100%; height: 14px; float: left; padding: 4px 0 6px 6px;/*padding: 4px 12px 6px 6px;*/ text-align: center; background-repeat: no-repeat; background-position: 0px 1px; font-size: 110%; font-weight: normal; } #local-header #structures .btn_ctr DIV { background-image: url(img/button_menu_icon_structures.png); } #local-header #defenses .btn_ctr DIV { background-image: url(img/button_menu_icon_structures.png); } #local-header #production .btn_ctr DIV { background-image: url(img/button_menu_icon_production.png); } #local-header #research .btn_ctr DIV { background-image: url(img/button_menu_icon_research.png); } #local-header #trade .btn_ctr DIV { background-image: url(img/button_menu_icon_trade.png); } #local-header #overview .btn_ctr DIV { background-image: url(img/button_menu_icon_overview.png); }/*/button_menu_icon_base.png);*/ #local-header #move .btn_ctr DIV { background-image: url(img/button_menu_icon_move.png); } #local-header #train .btn_ctr DIV { background-image: url(img/button_menu_icon_levelup.png); } #local-header #duty .btn_ctr DIV { background-image: url(img/button_menu_icon_config.png); } #local-header #build_base .btn_ctr DIV { background-image: url(img/button_menu_icon_structures.png); } #local-header #attack .btn_ctr DIV { background-image: url(img/button_menu_icon_attack.png); } #local-header #piracy .btn_ctr DIV { background-image: url(img/button_menu_icon_trade.png); } #local-header #look .btn_ctr div { background-image: url(img/icon_baselook.png); background-position: center 2px; padding: 4px 0 6px 0; } #local-header .mn_item { font-size: 100%; vertical-align: middle; } #local-header .mn_item a:hover .btn_ctr DIV, #local-header .mn_item a.btn-normal-active .btn_ctr DIV, #local-header .mn_item a.btn-premium-active .btn_ctr DIV, #local-header .mn_item a.btn-important-active .btn_ctr DIV, #local-header .mn_item a.btn-disabled-active .btn_ctr DIV { background-position: 0px -44px !important; } #local-header .mn_item a#look:hover .btn_ctr DIV, #local-header .mn_item a#look.btn-normal-active .btn_ctr DIV, #local-header .mn_item a#look.btn-premium-active .btn_ctr DIV, #local-header .mn_item a#look.btn-important-active .btn_ctr DIV, #local-header .mn_item a#look.btn-disabled-active .btn_ctr DIV { background-position: center -21px !important; } /* NEW AE2 */ #local-header .subbox_content { width: 85%; margin: 13px auto 0;} #local-header .subbox_content .sbox_footer { } #local-header .subbox_content .sbox_footer .sbox_lft { width:64px; background: url(img/local-header-menu_lft.png) no-repeat right; } #local-header .subbox_content .sbox_footer .sbox_ctr { background: url(img/local-header-menu_ctr.png) repeat-x; } #local-header .subbox_content .sbox_footer .sbox_rht { width:64px; background: url(img/local-header-menu_rht.png) no-repeat left; } #local-header .subbox_content .sbox_footer .sbox_ctr .mns_box { font-size: 110%; margin-top: 2px; } #local-header .subbox_content .sbox_footer .sbox_ctr .mns_box .mn_separator { width: 2px; } /* ------------- */ /* ASTRO-DETAILS */ .astro-details { width: 100%; display: table; } .astro-details_header { height: 15px; display: table-row; } .astro-details_header .astro-details_lft { width: 23px; display: table-cell; } .astro-details_header .astro-details_ctr { display: table-cell; } .astro-details_header .astro-details_rht { width: 23px; display: table-cell; } .astro-details_content { display: table-row; } .astro-details_content .astro-details_lft { width: 16px; display: table-cell; background: url(img/box-astro_content_left.png) top repeat-x; } .astro-details_content .astro-details_ctr { display: table-cell; background: url(img/box-astro_content_center.png) top repeat-x; } .astro-details_content .astro-details_rht { width: 16px; display: table-cell; background: url(img/box-astro_content_right.png) top repeat-x; } .astro-details_footer { height: 42px; display: table-row; } .astro-details_footer .astro-details_lft { min-width: 16px; width: 16px; display: table-cell; background: url(img/box-astro_footer_left.png) top repeat-x; } .astro-details_footer .astro-details_ctr { display: table-cell; background: url(img/box-astro_footer_center.png) repeat-x; } .astro-details_footer .astro-details_rht { width: 16px; display: table-cell; background: url(img/box-astro_footer_right.png) top repeat-x; } .astro-details .sbox_header { font-size: 120%; font-weight: bold; } .astro-details .box5 .box5_header .sbox_header { font-size: 100%; } #astro_specs { margin: 0 auto; padding: 10px; display: inline-block; -moz-border-radius: 8px; border-radius: 8px; background: rgba(21,52,77,0.4); background-image: url(img/bg_inner_fx.png); white-space: nowrap; text-shadow: #000 1px 1px 1px; } #astro_specs td { padding: 2px 5px; } #astro_specs tr { line-height: 11px; } .astro-details_header .subbox_content { margin: 5px 0 0 10px !important; } .astro-details .sbox_header { font-size: 100% !important; } #base_resources { width: 160px; margin: 0 0 0 30px; } #base_processing-capacities { display: inline-block; text-shadow: #000 1px 1px 1px; } #base_processing-capacities TABLE { margin: 7px 0; } #base_processing-capacities SMALL { color: #4ea5af; } #capacities_container { } #capacities_container #base_specs { position: relative; float: left; margin-bottom: 60px; } #base_specs-box { width: 300px; padding: 7px 0; margin-bottom: 15px; background: rgba(0, 0, 0, 0.25); background-image: url(img/bg_inner_fx.png); border: 2px solid #324b62; -moz-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px; -moz-box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px #000; box-shadow: 3px 3px 5px #000; } #base_specs-mark { position: absolute; top: 0px; left: -152px; width: 200px; height: 85px; background: url(img/astrooverview_mark.png) right no-repeat; } #base_specs TABLE, #base_specs TABLE TD , #base_specs TABLE TR { width: 240px; background: none; border: none; margin: 0 0 0 48px; padding: 2px 15px 2px 5px; } #capacities_container TABLE TR { line-height: 13px; } /* BASE OVERVIEW ====================================================== */ #astro-base_overview { float: left; width: 100%; } #astro-base_overview-canvas { position: absolute; top: 0; right: 0; width: 100%; height: 450px; overflow: hidden; } #astro-base_overview-terrain, #bo_layer1 { position: absolute; top: 0; right: 0; width: 100%; min-width: 920px; height: 450px; overflow: hidden; } #astro-base_overview-terrain { background-repeat: no-repeat; background-position: left -40px; } #bo_layer1 { } /* */ .bo_item { width: 200px; height: 130px; display: block; position: absolute; background-repeat: no-repeat; } .bo_lvl { display: none; position: absolute; z-index: 22; width: 26px; height: 28px; padding: 4px 2px 0 0; font-weight: bold; text-align: center; text-shadow: 1px 1px 2px #000; letter-spacing: -2px; background: url(img/baseoverview_lvl-bg1.png) no-repeat; } #bo_item_1 { left: 287px; top: 240px; z-index: 8; } /* barracks, laser, missile, plasma */ #bo_lvl_1 { left: 380px; top: 320px; } #bo_item_2 { left: 668px; top: 166px; z-index: 2; } /* ion, photon, disruptor */ #bo_lvl_2 { left: 750px; top: 180px; } #bo_item_3 { left: 215px; top: 102px; z-index: 3; width: 700px; height: 190px; } /* deflection, p-shield */ #bo_lvl_3 { left: 575px; top: 218px; } #bo_item_4 { left: 425px; top: -72px; z-index: 3; width: 555px; height: 290px; } /* p-ring */ #bo_lvl_4 { left: 615px; top: 38px; } #bo_item_10 { left: 425px; top: 231px; z-index: 10; width: 240px; height: 130px; } /* labs */ #bo_lvl_10 { left: 515px; top: 350px; display: block; } #bo_item_11 { left: 625px; top: 198px; z-index: 4; } /* metal */ #bo_lvl_11 { left: 660px; top: 220px; } #bo_item_12 { left: 160px; top: 186px; z-index: 2; } /* crystal */ #bo_lvl_12 { left: 260px; top: 200px; } #bo_item_13 { left: 653px; top: 204px; z-index: 6; } /* robotic, nanite, android */ #bo_lvl_13 { left: 760px; top: 260px; } #bo_item_14 { left: 127px; top: 226px; z-index: 12; width: 240px; height: 130px; } /* shipyards */ #bo_lvl_14 { left: 247px; top: 350px; display: block; } #bo_item_15 { left: 174px/*460px*/; top: 14px; z-index: 1; } /* o-shipyards */ #bo_lvl_15 { left: 323px; top: 25px; display: block; } #bo_item_16 { left: 661px; top: 248px; z-index: 10; width: 319px; height: 150px; } /* spaceports */ #bo_lvl_16 { left: 710px; top: 382px; display: block; } #bo_item_17 { left: -27px; top: 202px; z-index: 8; width: 240px; height: 130px; } /* cc */ #bo_lvl_17 { left: 50px; top: 220px; } #bo_item_18 { left: 548px; top: 210px; z-index: 8; } /* economic */ #bo_lvl_18 { left: 665px; top: 320px; } #bo_item_19 { left: 355px; top: 20px; z-index: 1; } /* jump-gate */ #bo_lvl_19 { left: 490px; top: 25px; display: block; } #bo_item_20 { left: 795px; top: 113px; z-index: 8; width: 185px; height: 200px; } /* capital */ #bo_lvl_20 { left: 896px; top: 310px; display: block; } #bo_item_30 { left: 78px; top: 210px; z-index: 6; } /* urban */ #bo_lvl_30 { left: 172px; top: 207px; } #bo_item_31 { left: 233px; top: 209px; z-index: 6; } /* solar, fusion */ #bo_lvl_31 { left: 330px; top: 242px; } #bo_item_32 { left: 334px; top: 203px; z-index: 4; } /* gas, antimatter */ #bo_lvl_32 { left: 432px; top: 212px; } #bo_item_33 { left: 460px/*134px*/; top: 16px; z-index: 1; } /* o-base */ #bo_lvl_33 { left: 627px/*303px*/; top: 35px; } #bo_item_34 { left: 728px; top: 169px; z-index: 2; } /* bio */ #bo_lvl_34 { left: 832px; top: 208px; } #bo_item_35 { left: 73px; top: 14px; z-index: 1; width: 150px; height: 130px; } /* o-plants */ #bo_lvl_35 { left: 160px; top: 25px; } .bo_anim { display: block !important; background-image: url(img/working_anim-big.gif); } .astro-base_overview-mask1 { position: absolute; bottom: -7px; left: 0; width: 15px; height: 15px; background: url(img/baseoverview_borders-mask.png) no-repeat bottom left; z-index: 2; } .astro-base_overview-mask2 { position: absolute; bottom: -7px; right: 0; width: 15px; height: 15px; background: url(img/baseoverview_borders-mask.png) no-repeat top right; z-index: 2; } /* queue btns */ .base-overview_btns { position: absolute; z-index: 20; bottom: 35px; left: 20px; } .base-overview_btn1 { float: left; margin-right: 10px; height: 42px; overflow: hidden; } .base-overview_btn1_lft { float: left; width: 8px; height: 42px; background: url(img/base-overview_btn1_lft.png) no-repeat; } .base-overview_btn1_ctr { float: left; height: 42px; background: url(img/base-overview_btn1_ctr.png) repeat-x; } .base-overview_btn1_rht { float: left; width: 8px; height: 42px; background: url(img/base-overview_btn1_rht.png) no-repeat top right; } .base-overview_btn1:hover .base-overview_btn1_lft { background-position: bottom left; } .base-overview_btn1:hover .base-overview_btn1_ctr { background-position: bottom; } .base-overview_btn1:hover .base-overview_btn1_rht { background-position: bottom right; } .base-overview_btn1 .btn-block { display: block; height: 50px; padding: 6px 2px 0 23px; background: none no-repeat 4px 10px; } .base-overview-construction .btn-block { background-image: url(img/icon_capacity_construction.png); } .base-overview-production .btn-block { background-image: url(img/icon_capacity_production.png); } .base-overview-research .btn-block { background-image: url(img/icon_capacity_research.png); } .base-overview_btn1:hover .btn-block { background-position: 4px -30px; } .base-overview_btn1 .btn-title { padding-right: 10px; } .base-overview_btn1 .btn-timer { color: #FFF; float: left; } .base-overview_btn1 .btn-queues { color: #BBB; float: left; padding: 0 0 0 5px; font-size: 11px; } /* overview btns/hover box */ .bobtn_normal { position: absolute; width: 200px; height: 110px; /*background-color: rgba(0, 0, 0, 0.25);*/ z-index: 30; } #bobtn_research-labs { left: 440px; top: 250px; } #bobtn_shipyards { left: 130px; top: 260px; } #bobtn_spaceports { left: 710px; top: 295px; } #bobtn_capital { left: 810px; top: 195px; } #bobtn_jump-gate { left: 360px; top: 15px; } #bobtn_orbital-shipyards { left: 180px; top: 15px; } .bobtn_normal .bobtn_infolabel { text-align: center; } .bobtn_normal .bobtn_infolabel SPAN { /*width: 180px;*/ padding: 10px 10px; background-color: rgba(0, 0, 0, 0.65); border-radius: 5px; text-align: center; display: none; /*margin-top: 130px;*/ } #bobtn_jump-gate .bobtn_infolabel, #bobtn_orbital-shipyards .bobtn_infolabel, #bobtn_spaceports .bobtn_infolabel {margin-top: 90px; } /* ASTRO BASE BOXES FIXES */ .astro-base #astro-details_container { float: left; width: 100%; height: 420px; position: relative; z-index: 10; } .astro-base #resources_container, .astro-base #astro_container, .astro-base #capacities_container { vertical-align: top; } .astro-base #astro_specs { margin: 0; float: left; } .astro-base #capacities_container .box-anchor { margin: 0; float: right; } .astro-base #capacities_container .box5_ctr .subbox-anchor { display: none; } .astro-base #base_processing-capacities TABLE { margin: 0 0 0 0; } .astro-base #astro_container .astro-medium IMG { display: none; } .astro-details_footer .subbox_content { position: absolute; z-index: 10; right: 10px; } /* icons */ .resource-solar-energy, .resource-fertility, .resource-metal, .resource-metal, .resource-gas, .resource-crystals, .resource-area { padding: 3px 0 3px 20px; text-align: right; /*font-size: 95%; font-weight: bold;*/ } /*.astro-base .resource-solar-energy, .astro-base .resource-fertility, .astro-base .resource-metal, .astro-base .resource-metal, .astro-base .resource-gas, .astro-base .resource-crystals, .astro-base .resource-area { display: block; }*/ .resource-solar-energy { background: url(img/icon_resources_solar.png) no-repeat; } .resource-fertility { background: url(img/icon_resources_fertility.png) no-repeat; } .resource-metal { text-align: right; background: url(img/icon_resources_metal.png) no-repeat; } .resource-gas { background: url(img/icon_resources_gas.png) no-repeat; } .resource-crystals { background: url(img/icon_resources_crystal.png) no-repeat; } .resource-area { background: url(img/icon_resources_area.png) no-repeat 1px 1px; } /* ===================================================================== */ /* MAP-SYSTEM */ .map-system { width: 100%; /*margin-top: 5px;*/ display: table; } .map-system_header { height: 28px; display: table-row; } .map-system_header .map-system_lft { width: 121px; display: table-cell; background: url(img/box-system_header_left.png) no-repeat; } .map-system_header .map-system_lft2 { width: 200px; display: table-cell; background: url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/images/box-system_header_left2.png) no-repeat; } .map-system_header .map-system_ctr { display: table-cell; background: url(img/box-system_header_center.png) repeat-x; } .map-system_header .map-system_rht { width: 25px; display: table-cell; background: url(img/box-system_header_right.png) no-repeat; } .map-system_content { display: table-row; } .map-system_content .map-system_lft { width: 121px; display: table-cell; background: url(img/box-system_content_left.png) repeat-y; } .map-system_content .map-system_lft2 { width: 200px; display: table-cell; background: url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/images/box-system_content_left2.png) repeat-y; } .map-system_content .map-system_ctr { display: table-cell; background: url(img/box-system_content_center.png); } .map-system_content .map-system_rht { width: 25px; display: table-cell; background: url(img/box-system_content_right.png) repeat-y ; } .map-system_footer { height: 45px; display: table-row; } .map-system_footer .map-system_lft { width: 121px; display: table-cell; background: url(img/box-system_footer_left.png) no-repeat; } .map-system_footer .map-system_lft2 { width: 200px; display: table-cell; background: url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/images/box-system_footer_left2.png) no-repeat; } .map-system_footer .map-system_ctr { display: table-cell; background: url(img/box-system_footer_center.png) repeat-x; } .map-system_footer .map-system_rht { width: 25px; display: table-cell; background: url(img/box-system_footer_right.png) no-repeat top right; } .map-system_header .subbox_content { position: absolute; left: 0; top: 14px; font-weight: bold; } #map-system .astro_container .description { font-size: 80%; color: #888; } /* TEST */ #bases_list .astro_container { min-width: 120px; float: left; margin: 5px; position: relative; } #bases_list .astro_container .astro_icon { font-size: 90%; color: #DDD; position: absolute; left:90px; top: 0; text-align: left; } #bases_list .astro_container .description {font-size: 80%; color: #AAA; } #bases_list .astro_container .btn-action { background-color: transparent; box-shadow: none; padding: 2px 9px 4px 18px; border: none; } #map-system_content { margin-top: 10px; } /* star color */ .map-system-blue .map-system_header .map-system_lft { background-image: url(img/box-system_header_left-blue.png); } .map-system-blue .map-system_content .map-system_lft { background-image: url(img/box-system_content_left-blue.png); } .map-system-white .map-system_header .map-system_lft { background-image: url(img/box-system_header_left-white.png); } .map-system-white .map-system_content .map-system_lft { background-image: url(img/box-system_content_left-white.png); } .map-system-red .map-system_header .map-system_lft { background-image: url(img/box-system_header_left-red.png); } .map-system-red .map-system_content .map-system_lft { background-image: url(img/box-system_content_left-red.png); } /* PROFILE */ .profile { display: table; } .profile_header { height: 40px; display: table-row; margin-top: 6px; } .profile_header .profile_lft { display: table-cell; background: url(img/box3_header_left.png) no-repeat -8px 0px; } .profile_header .profile_ctr { display: table-cell; background: url(img/box3_header_center.png) repeat-x; } .profile_header .profile_rht { display: table-cell; background: url(img/box3_header_right.png) no-repeat -15px 0px; } .profile_content { display: table-row; } .profile-guild .profile_content { background: url(img/bg_profile-guild.png) no-repeat top left; } .profile_content .profile_lft { display: table-cell; background: url(img/box3_content_left.png) repeat-y -8px; } .profile_content .profile_ctr { display: table-cell; background: url(img/box3_content_center.png); } .profile_content .profile_rht { display: table-cell; background: url(img/box3_content_right.png) repeat-y -15px 0px; } .profile_footer { height: 45px; display: table-row; margin-bottom: 4px; } .profile_footer .profile_lft { display: table-cell; background: url(img/box3profile_footer_left.png) no-repeat -8px bottom; } .profile_footer .profile_ctr { display: table-cell; background: url(img/box3profile_footer_center.png) repeat-x bottom; } .profile_footer .profile_rht { display: table-cell; background: url(img/box3profile_footer_right.png) no-repeat -15px bottom; } /* upgrade */ .profile-upgrade .profile_header .profile_lft { background-image: url(img/box3red_header_left.png); } .profile-upgrade .profile_header .profile_ctr { background-image: url(img/box3red_header_center.png); } .profile-upgrade .profile_header .profile_rht { background-image: url(img/box3red_header_right.png); } .profile-upgrade .profile_footer .profile_lft { background-image: url(img/box3red_footer_left.png); } .profile-upgrade .profile_footer .profile_ctr { background-image: url(img/box3red_footer_center.png); } .profile-upgrade .profile_footer .profile_rht { background-image: url(img/box3red_footer_right.png); } /* title */ .profile_header .subbox_content { height: 52px; margin-top: 3px; } .profile_header .subbox_content .sbox_header { } .profile_header .subbox_content .sbox_header .sbox_lft { width: 101px; background: url(img/box-profile_title_left.png) top right no-repeat; } .profile_header .subbox_content .sbox_header .sbox_ctr { background: url(img/box-profile_title_center.png) top repeat-x; padding-top: 16px; font-weight: bold; } .profile_header .subbox_content .sbox_header .sbox_rht { width: 101px; background: url(img/box-profile_title_right.png) top left no-repeat; } /* ranks */ .profile-rank2 .profile_header .subbox_content .sbox_header .sbox_lft { background-image: url(img/box-profile_title2_left.png); } .profile-rank2 .profile_header .subbox_content .sbox_header .sbox_ctr { background-image: url(img/box-profile_title2_center.png); } .profile-rank2 .profile_header .subbox_content .sbox_header .sbox_rht { background-image: url(img/box-profile_title2_right.png); } .profile-rank3 .profile_header .subbox_content .sbox_header .sbox_lft { background-image: url(img/box-profile_title3_left.png); } .profile-rank3 .profile_header .subbox_content .sbox_header .sbox_ctr { background-image: url(img/box-profile_title3_center.png); } .profile-rank3 .profile_header .subbox_content .sbox_header .sbox_rht { background-image: url(img/box-profile_title3_right.png); } .profile_header .subbox_content .sbox_ctr span { min-width: 80px; text-align: center; padding: 4px 10px 0; text-shadow: 1px 1px 2px #000; } .profile_header .profile_lft, .profile_header .profile_rht, .profile_content .profile_lft, .profile_content .profile_rht, .profile_footer .profile_lft, .profile_footer .profile_rht { min-width: 25px; width: 25px; } /* status */ .profile_footer .subbox_content { height: 39px; } .profile_footer .subbox_content .sbox_footer { } .profile_footer .subbox_content .sbox_footer .sbox_lft { width: 41px; background: url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/images/box-profile_status_left.png) top right no-repeat; } .profile_footer .subbox_content .sbox_footer .sbox_ctr { background: url(img/box-profile_status_center.png) top repeat-x; vertical-align: top; padding: 5px 0 30px; /*line-height: 12px;*/ } .profile_footer .subbox_content .sbox_footer .sbox_rht { width: 41px; background: url(img/box-profile_status_right.png) top left no-repeat; } #profile_specs, #profile_logo, #profile_description, profile_bottom { display: table-cell; vertical-align: middle; } .profile-anchor { margin-top: 10px; } /* MAP-REGION */ #map-region .btn_ctr { } #map-region_top .btn-normal .btn_ctr { height: 60px; background: url(img/map-region_button-top_normal.png) no-repeat top; } #map-region_left .btn-normal .btn_ctr { width: 60px; height: 109px; background: url(img/map-region_button-left_normal.png) no-repeat top; } #map-region_right .btn-normal .btn_ctr { width: 60px; height: 109px; background: url(img/map-region_button-right_normal.png) no-repeat top; } #map-region_bottom .btn-normal .btn_ctr { height: 60px; background: url(img/map-region_button-bottom_normal.png) no-repeat top; } #map-region_top .btn-disabled .btn_ctr { height: 60px; background: url(img/map-region_button-top_disabled.png) no-repeat top; } #map-region_left .btn-disabled .btn_ctr { width: 60px; height: 109px; background: url(img/map-region_button-left_disabled.png) no-repeat top; } #map-region_right .btn-disabled .btn_ctr { width: 60px; height: 109px; background: url(img/map-region_button-right_disabled.png) no-repeat top; } #map-region_bottom .btn-disabled .btn_ctr { height: 60px; background: url(img/map-region_button-bottom_disabled.png) no-repeat top; } #map-region a:hover .btn_ctr { background-position: bottom; } /* MISC ICONS */ .ico_capital { padding: 0 8px; background: url(img/icon_capital.png) no-repeat right; } .ico_homeplanet { padding: 0 8px; background: url(img/icon_homeplanet.png) no-repeat right; } /* BASE SUBPAGES / LISTING - ITEMS - ICONS ------------------------------------------------------ */ .base_listing { width: 100%; margin-top: 5px; display: table; } .base_listing-row { display: table-row; } .base_listing-cell { display: table-cell; vertical-align: top; } .base_listing-cell-media { width: 418px; float: left; } .base_items { float: left; width: 100%; margin-bottom: 10px; } .base_items DIV.item2 { width: 100%; min-height: 52px; float: left; position: relative; margin: 0 0 3px; /*background-color: rgba(28, 47, 67, 0.35);*/ background-color: #112332; white-space: nowrap; cursor: pointer; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid transparent;/**/ /*background-image: -webkit-linear-gradient(#132233, #0c1421); background-image: -moz-linear-gradient(#132233, #0c1421); background-image: linear-gradient(#132233, #0c1421);*/ } .base_items DIV.item2-disabled { background-color: #381f1f; /*background-color: rgba(116, 27, 5, 0.3); border-color: #5A1B1B; background-image: -webkit-linear-gradient(#3f1616, #160808); background-image: -moz-linear-gradient(#3f1616, #160808); background-image: linear-gradient(#3f1616, #160808);*/ } .base_items DIV.item2-inactive { background-color: #282b31; /*background-color: rgba(112, 112, 112, 0.3); border-color: #333; background-image: -webkit-linear-gradient(#333, #444); background-image: -moz-linear-gradient(#333, #444); background-image: linear-gradient(#222, #111);*/ } .base_items DIV.item2-active { background-color: #1a374e; /*background-color: rgba(28, 47, 67, 0.15); webkit-box-shadow: 0 0 6px #1C3C53; box-shadow: 0 0 6px #1C3C53; border-color: #254f6e; background-image: -webkit-linear-gradient(#1B3A52, #101929); background-image: -moz-linear-gradient(#1B3A52, #101929); background-image: linear-gradient(#1B3A52, #101929);*/ } .base_items DIV.item2-show { background-color: #1e3f58; border: 1px solid #4e6d85; /*background-color: rgba(28, 47, 67, 0.9); border-color: #A7C9E2; -webkit-box-shadow: 0 0 6px #448CC1; box-shadow: 0 0 6px #448CC1; padding-right: 3px; background-image: -webkit-linear-gradient(#1e4360, #152137); background-image: -moz-linear-gradient(#1e4360, #152137); background-image: linear-gradient(#1e4360, #152137);*/ } .base_items DIV.item2:hover { background-color: rgba(28, 47, 67, 0.45); border-color: #A7C9E2; background-image: -webkit-linear-gradient(#1B3A52, #101929); background-image: -moz-linear-gradient(#1B3A52, #101929); background-image: linear-gradient(#1B3A52, #101929); } .base_items DIV.item2-disabled:hover { background-color: rgba(112, 112, 112, 0.4); background-image: -webkit-linear-gradient(#571d1d, #290f0f); background-image: -moz-linear-gradient(#571d1d, #290f0f); background-image: linear-gradient(#571d1d, #290f0f); } .base_items DIV.item2-inactive:hover { background-color: rgba(116, 27, 5, 0.4); background-image: -webkit-linear-gradient(#333, #444); background-image: -moz-linear-gradient(#333, #444); background-image: linear-gradient(#333, #111); } .base_items DIV.item2-active:hover { background-color: rgba(28, 47, 67, 0.25); background-image: -webkit-linear-gradient(#1e4360, #152137); background-image: -moz-linear-gradient(#1e4360, #152137); background-image: linear-gradient(#1e4360, #152137); } .base_items DIV.item2-show:hover { background-color: rgba(28, 47, 67, 1); background-image: -webkit-linear-gradient(#204662, #0D1B2C); background-image: -moz-linear-gradient(#204662, #0D1B2C); background-image: linear-gradient(#204662, #0D1B2C); } .base_items DIV.base_items-title { float: left; } DIV .base_items-title H6 { margin: 0 0 3px; padding: 7px 0 3px; font-size: 100%; color: #ebc86a; /*text-shadow: #000 1px 1px 1px;*/ } .base_items DIV.item2-show .base_items-title H6 { color: #FFF; } .base_items DIV.item2-inactive .base_items-title H6 { color: #999; } .base_items SPAN { float: left; margin: 0; padding: 0px 0 10px; color: #C8EAEE; } .base_items SPAN.credits, .base_items SPAN.time { padding: 0 0 0 13px; background-repeat: no-repeat; background-position: 0px 2px; font-size: 95%; } .base_items SPAN.credits { background-image: url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/images/mini_icon_credits.png); width: 65px; } .base_items SPAN.time { background-image: url(img/mini_icon_time.png); } .base_items DIV.item2-show SPAN { color: #FFF; } .base_items DIV.base_items-level { height: 55px; float: left; margin: 0; background-repeat: no-repeat; width: 120px; background-position: -2px 0px !important; } #base_production .base_items DIV.base_items-level { background-position: -15px 0 !important; } /*#base_structures .base_items DIV.base_items-level, #base_defenses .base_items DIV.base_items-level { background-position: 14px 0; }*/ DIV .base_items-level H6 { float: left; margin: 0 0 0 4px; min-width: 20px; text-align: center; color: #FFF; padding: 5px 0 0 0; font-size: 110%; text-shadow: #000 1px 1px 1px; } #base_production DIV .base_items-level H6 { padding: 30px 0 0 0; } DIV .base_items-input .bonus { clear: both; float: left; } /* BONUS */ DIV .base_items-input SPAN.bonus, DIV .base_items-input DIV.bonus SPAN { margin: 3px 2px 0 0; padding: 8px 3px 9px 16px; background-repeat: no-repeat; background-position: 4px 9px; color: #6fdf7c; font-size: 80%; text-align: center; } SPAN.bonusicon_population { background-image: url(img/mini_icon_population.png); } SPAN.bonusicon_energy { background-image: url(img/mini_icon_energy.png); } SPAN.bonusicon_economy { background-image: url(img/mini_icon_economy.png); } SPAN.bonusicon_production { background-image: url(img/mini_icon_production.png); } SPAN.bonusicon_construction { background-image: url(img/mini_icon_construction.png); } SPAN.bonusicon_construction-production { background-image: url(img/mini_icon_construction-production.png); } SPAN.bonusicon_area { background-image: url(img/mini_icon_area.png); } SPAN.bonusicon_research { background-image: url(img/mini_icon_research.png); } SPAN.bonusicon_research-link { background-image: url(img/mini_icon_research-link.png); } SPAN.bonusicon_trade { background-image: url(img/mini_icon_trade.png); } SPAN.bonusicon_speed { background-image: url(img/mini_icon_speed.png); } SPAN.bonusicon_moreinfo { background-image: url(img/mini_icon_more.png); } SPAN.bonusicon_attack { background-image: url(img/mini_icon_attack.png); } SPAN.bonusicon_armor, SPAN.bonusicon_armour { background-image: url(img/mini_icon_armor.png); } SPAN.bonusicon_shield { background-image: url(img/mini_icon_shield.png); } SPAN.bonusicon_fleet { background-image: url(img/mini_icon_fleet.png); } SPAN.bonusicon_weapon-laser { background-image: url(img/mini_icon_weapon-laser.png); } SPAN.bonusicon_weapon-missile { background-image: url(img/mini_icon_weapon-missile.png); } SPAN.bonusicon_weapon-plasma { background-image: url(img/mini_icon_weapon-plasma.png); } SPAN.bonusicon_weapon-photon { background-image: url(img/mini_icon_weapon-photon.png); } SPAN.bonusicon_weapon-ion { background-image: url(img/mini_icon_weapon-ion.png); } SPAN.bonusicon_weapon-disruptor { background-image: url(img/mini_icon_weapon-disruptor.png); } SPAN.bonusicon_stellar { background-image: url(img/mini_icon_drive-stellar.png); } SPAN.bonusicon_warp { background-image: url(img/mini_icon_drive-warp.png); } SPAN.bonusicon_anti-gravity { background-image: url(img/mini_icon_anti-gravity.png); } DIV .base_items-input .status-working { float: left; width: 42px; height: 20px; margin: 2px 2px 0; background-repeat: no-repeat; background-position: 14px -75px; background-image: url(img/icon_config.png); } DIV .base_items-input .status-working-anim { background: url(img/working_anim.gif) no-repeat 11px 5px; } DIV .base_items-input .status-working-anim IMG { margin: 6px 0 0 13px; } DIV .base_items-input .status-active { clear: both; float: left; padding: 9px 5px 9px 22px; background-repeat: no-repeat; background-position: 5px -16px; color: #FFF; background-image: url(img/icon_config.png); } DIV .base_items-input DIV.need { width: 50px; height: 31px; float: right; padding: 9px 0 0; margin: 2px 1px 0; text-align:center; } DIV .base_items-input DIV.need SPAN { float: none; padding: 0 0px 0 10px; background-repeat: no-repeat; background-position: 0px -83px; } SPAN.needicon_credits { background-image: url(img/icon_resources_credits.png); } SPAN.needicon_population { background-image: url(img/icon_resources_population.png); } SPAN.needicon_area { background-image: url(img/icon_resources_area.png); } SPAN.needicon_energy { background-image: url(img/icon_resources_energy.png); } SPAN.needicon_upgrade { background-image: url(img/icon_upgrade.png); background-position: 0 -50px !important; } SPAN.needicon_tree { background-image: url(img/icon_tree.png); background-position: 0 -50px !important; } .base_listing FORM { float: left; width: 100%; } .base_items DIV.base_items-input { float: right; margin: 6px 6px 0 0; } DIV.base_items-input FORM { width: auto; } .base_items DIV.base_items-input .input-button, .base_listing .btnlisting .input-button { width: 45px; padding: 0; height: 31px; color: #DDD; font-size: 90%; } .input-button-construction, .input-button-production, .input-button-research, .input-button-upgrade { background-repeat: no-repeat; background-position: top; } .input-button-construction:hover, .input-button-production:hover, .input-button-research:hover, .input-button-upgrade:hover { background-position: bottom; background-color: #1a3555 !important; } .input-button-construction { background-image: url(img/input-button_normal_center_construction.png);} .input-button-production { background-image: url(img/input-button_normal_center_production.png);} .input-button-research { background-image: url(img/input-button_normal_center_research.png);} #add-to-queue { height: 26px; background-image: url(img/input-button_normal_center_queue.png) !important; background-position: center -2px !important; } #add-to-queue:hover { background-position: center -43px !important; } .input-button-upgrade { background-image: url(img/input-button_normal_center_upgrade.png); background-color: #AC8C39 !important; } .base_items DIV.base_items-input .input-numeric { width: 45px; padding: 8px 0; height: auto; border-color: #22354d; } .base_items DIV.item2-show .input-button { border-color: #6FC1E1; background-color: #1a3555 !important; } .base_items DIV.item2-show DIV.base_items-input .input-numeric { border-color: #345276; } .base_items DIV.item2-footer { border: none; background: none; cursor: auto; } .base_items DIV.item2-footer:hover { background: none; } .base_items DIV.item2-footer SPAN.credits, .base_items DIV.item2-footer SPAN.time { padding: 15px 0 0 13px; background-position: 0px 17px; /*font-size: 100%;*/ color: #FFF; } DIV .base_items-footer { clear: both; float: left; width: 100%; padding: 0 0 5px; border-bottom: 1px solid #2f3945; } DIV .base_items-footer P { color: #6e839d; font-size: 90%; float: left; margin: 0; padding: 0; } DIV .base_items-footer P.base_items-footer-p2 { width: 125px; } DIV .base_items-footer #fast { float: left; margin: 0 3px 0 15px; padding: 0; } /* ITEMs ICONS ----------- */ /* structures */ .base_items DIV.item_urban-structures DIV.base_items-level { background-image: url(img/item_urban-structures.png); } .base_items DIV.item_solar-plants DIV.base_items-level { background-image: url(img/item_solar-plants.png); } .base_items DIV.item_gas-plants DIV.base_items-level { background-image: url(img/item_gas-plants.png); } .base_items DIV.item_metal-refineries DIV.base_items-level { background-image: url(img/item_metal-refineries.png); } .base_items DIV.item_shipyards DIV.base_items-level { background-image: url(img/item_shipyards.png); } .base_items DIV.item_spaceports DIV.base_items-level { background-image: url(img/item_spaceports.png); } .base_items DIV.item_fusion-plants DIV.base_items-level { background-image: url(img/item_fusion-plants.png); } .base_items DIV.item_antimatter-plants DIV.base_items-level { background-image: url(img/item_antimatter-plants.png); } .base_items DIV.item_research-labs DIV.base_items-level { background-image: url(img/item_research-labs.png); } .base_items DIV.item_crystal-mines DIV.base_items-level { background-image: url(img/item_crystal-mines.png); } .base_items DIV.item_robotic-factories DIV.base_items-level { background-image: url(img/item_robotic-factories.png); } .base_items DIV.item_orbital-shipyards DIV.base_items-level { background-image: url(img/item_orbital-shipyards.png); } .base_items DIV.item_command-centers DIV.base_items-level { background-image: url(img/item_command-centers.png); } .base_items DIV.item_nanite-factories DIV.base_items-level { background-image: url(img/item_nanite-factories.png); } .base_items DIV.item_android-factories DIV.base_items-level { background-image: url(img/item_android-factories.png); } .base_items DIV.item_economic-centers DIV.base_items-level { background-image: url(img/item_economic-centers.png); } .base_items DIV.item_terraform DIV.base_items-level { background-image: url(img/item_terraform.png); } .base_items DIV.item_multi-level-platforms DIV.base_items-level { background-image: url(img/item_multi-level-platforms.png); } .base_items DIV.item_orbital-base DIV.base_items-level { background-image: url(img/item_orbital-base.png); } .base_items DIV.item_jump-gate DIV.base_items-level { background-image: url(img/item_jump-gate.png); } .base_items DIV.item_biosphere-modification DIV.base_items-level { background-image: url(img/item_biosphere-modification.png); } .base_items DIV.item_capital DIV.base_items-level { background-image: url(img/item_capital.png); } .base_items DIV.item_orbital-plants DIV.base_items-level { background-image: url(img/item_orbital-plants.png); } /* defenses */ .base_items DIV.item_barracks DIV.base_items-level { background-image: url(img/item_barracks.png); } .base_items DIV.item_laser-turrets DIV.base_items-level { background-image: url(img/item_laser-turrets.png); } .base_items DIV.item_missile-turrets DIV.base_items-level { background-image: url(img/item_missile-turrets.png); } .base_items DIV.item_plasma-turrets DIV.base_items-level { background-image: url(img/item_plasma-turrets.png); } .base_items DIV.item_ion-turrets DIV.base_items-level { background-image: url(img/item_ion-turrets.png); } .base_items DIV.item_photon-turrets DIV.base_items-level { background-image: url(img/item_photon-turrets.png); } .base_items DIV.item_disruptor-turrets DIV.base_items-level { background-image: url(img/item_disruptor-turrets.png); } .base_items DIV.item_deflection-shields DIV.base_items-level { background-image: url(img/item_deflection-shields.png); } .base_items DIV.item_planetary-shield DIV.base_items-level { background-image: url(img/item_planetary-shield.png); } .base_items DIV.item_planetary-ring DIV.base_items-level { background-image: url(img/item_planetary-ring.png); } /* test */ .base_items DIV.item_new-structure DIV.base_items-level { background-image: url(img/item_new-structure.png); } /* units */ .base_items DIV.item_fighters DIV.base_items-level { background-image: url(img/item_fighters.png); } .base_items DIV.item_bombers DIV.base_items-level { background-image: url(img/item_bombers.png); } .base_items DIV.item_corvette DIV.base_items-level { background-image: url(img/item_corvette.png); } .base_items DIV.item_recycler DIV.base_items-level { background-image: url(img/item_recycler.png); } .base_items DIV.item_destroyer DIV.base_items-level { background-image: url(img/item_destroyer.png); } .base_items DIV.item_frigate DIV.base_items-level { background-image: url(img/item_frigate.png); } .base_items DIV.item_heavy-bombers DIV.base_items-level { background-image: url(img/item_heavy-bombers.png); } .base_items DIV.item_ion-bombers DIV.base_items-level { background-image: url(img/item_ion-bombers.png); } .base_items DIV.item_ion-frigate DIV.base_items-level { background-image: url(img/item_ion-frigate.png); } .base_items DIV.item_scout-ship DIV.base_items-level { background-image: url(img/item_scout-ship.png); } .base_items DIV.item_outpost-ship DIV.base_items-level { background-image: url(img/item_outpost-ship.png); } .base_items DIV.item_cruiser DIV.base_items-level { background-image: url(img/item_cruiser.png); } .base_items DIV.item_carrier DIV.base_items-level { background-image: url(img/item_carrier.png); } .base_items DIV.item_heavy-cruiser DIV.base_items-level { background-image: url(img/item_heavy-cruiser.png); } .base_items DIV.item_battleship DIV.base_items-level { background-image: url(img/item_battleship.png); } .base_items DIV.item_fleet-carrier DIV.base_items-level { background-image: url(img/item_fleet-carrier.png); } .base_items DIV.item_dreadnought DIV.base_items-level { background-image: url(img/item_dreadnought.png); } .base_items DIV.item_titan DIV.base_items-level { background-image: url(img/item_titan.png); } .base_items DIV.item_leviathan DIV.base_items-level { background-image: url(img/item_leviathan.png); } .base_items DIV.item_death-star DIV.base_items-level { background-image: url(img/item_death-star.png); } .base_items DIV.item_goods DIV.base_items-level { background-image: url(img/item_goods.png); } /* technologies */ .base_items DIV.item_energy DIV.base_items-level { background-image: url(img/item_energy.png); } .base_items DIV.item_computer DIV.base_items-level { background-image: url(img/item_computer.png); } .base_items DIV.item_armour DIV.base_items-level { background-image: url(img/item_armour.png); } .base_items DIV.item_laser DIV.base_items-level { background-image: url(img/item_laser.png); } .base_items DIV.item_missiles DIV.base_items-level { background-image: url(img/item_missiles.png); } .base_items DIV.item_plasma DIV.base_items-level { background-image: url(img/item_plasma.png); } .base_items DIV.item_stellar-drive DIV.base_items-level { background-image: url(img/item_stellar-drive.png); } .base_items DIV.item_warp-drive DIV.base_items-level { background-image: url(img/item_warp-drive.png); } .base_items DIV.item_shielding DIV.base_items-level { background-image: url(img/item_shielding.png); } .base_items DIV.item_ion DIV.base_items-level { background-image: url(img/item_ion.png); } .base_items DIV.item_photon DIV.base_items-level { background-image: url(img/item_photon.png); } .base_items DIV.item_disruptor DIV.base_items-level { background-image: url(img/item_disruptor.png); } .base_items DIV.item_artificial-intelligence DIV.base_items-level { background-image: url(img/item_artificial-intelligence.png); } .base_items DIV.item_cybernetics DIV.base_items-level { background-image: url(img/item_cybernetics.png); } .base_items DIV.item_tachyon-communications DIV.base_items-level { background-image: url(img/item_tachyon-communications.png); } .base_items DIV.item_anti-gravity DIV.base_items-level { background-image: url(img/item_anti-gravity.png); } .base_items_details { float: right; margin-top: 5px; background: rgba(28, 47, 67, 0.45); } .base_items_details-inner { width: 400px; min-height: 300px; float: left; padding: 2px 2px 6px; position: relative; } #base_structures .base_items_details-inner, #base_defenses .base_items_details-inner { min-height: 338px; } #base_reseach .base_items_details-inner { min-height: 280px; } .base_items_details .itemmedia { width: 100%; height: 200px; float: left; text-align: center; background: #0f151b; position: relative; } .base_items_details .itemmedia DIV.itemmedia-info { position: absolute; top: -14px; right: 4px; } .base_items_details .itemmedia DIV.itemmedia-info SPAN { float: left; margin-right: 2px; padding: 3px 6px 0; height: 18px; -moz-border-radius: 4px; border-radius: 4px; background-color: rgba(49, 77, 98, 0.3); font-size: 95%; } .base_items_details .itemmedia DIV.itemmedia-info SPAN.itemmedia-info-level { padding: 3px 8px; background-color: #2a7bb3; font-size: 110%; font-weight: bold; } #base_structures .base_items_details .itemmedia, #base_defenses .base_items_details .itemmedia { height: 255px !important; } .base_items_details .terrain-glacial {background-image: url(img/item2_terrain-glacial.png); } .base_items_details .terrain-tundra {background-image: url(img/item2_terrain-tundra.png); } .base_items_details .terrain-orbital {background-image: url(img/item2_terrain-orbital.png); } .base_items_details .terrain-gaia {background-image: url(img/item2_terrain-gaia.png); } .base_items_details .terrain-earthly {background-image: url(img/item2_terrain-earthly.png); } .base_items_details .terrain-crystalline {background-image: url(img/item2_terrain-crystalline.png); } .base_items_details .terrain-arid {background-image: url(img/item2_terrain-arid.png); } .base_items_details .terrain-magma {background-image: url(img/item2_terrain-magma.png); } .base_items_details .terrain-volcanic {background-image: url(img/item2_terrain-volcanic.png); } .base_items_details .terrain-oceanic {background-image: url(img/item2_terrain-oceanic.png); } .base_items_details .terrain-radioactive {background-image: url(img/item2_terrain-radioactive.png); } .base_items_details .terrain-toxic {background-image: url(img/item2_terrain-toxic.png); } .base_items_details .terrain-rocky {background-image: url(img/item2_terrain-rocky.png); } .base_items_details .terrain-metallic {background-image: url(img/item2_terrain-metallic.png); } .base_items_details .terrain-asteroid {background-image: url(img/item2_terrain-asteroid.png); } .base_items_details .terrain-craters {background-image: url(img/item2_terrain-craters.png); } .base_items_details .itemdesc { width: 390px; padding: 5px 5px 0; float: left; } .itemdesc .input-button { height: auto; padding: 3px 5px; } .itemdesc .mini-infobox { margin-right : 2px; padding: 2px 4px 4px 18px; height: 14px; background-position: 1px 0px; } .itemdesc DIV.blankspace { float: left; width: 7px; height: 5px; margin: 0; padding: 0; } .base_items_details H6 { font-size: 110%; height: 22px; margin: 0; padding: 0; text-align: center; /*width: 100%;*/ position: absolute; right: 10px; top: -12px; z-index: 5; font-weight: normal; height: 18px; padding: 3px 8px; /*text-shadow: #000 2px 2px 0px; font-weight: bold;*/ background-color: rgba(49, 77, 98, 0.6); /*-moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;*/ } #base_structures .base_items_details H6, #base_defenses .base_items_details H6 { right: 50px; } .base_items_details P { /*width: 100%; float: left;*/ margin: 0; padding: 5px 0 0; line-height: 15px; color: #89a2b7 /*#BBB*/; font-size: 95%; } .base_items_details P STRONG { color: #4DDB65; font-weight: normal; } /*.base_items_details .important { float: left; }*/ #base_structures .base_items_details IMG.itempic, #base_defenses .base_items_details IMG.itempic { /*margin: 0 0 0 0; padding: 0;*/ } .base_items_details .itemdesc_cell { width: 50%; float: left; background: rgba(0, 0, 0, 0.1); } .base_items_details .itemdesc_cell P { margin: 3px 0; color: #DDD; } .base_items_details IMG.itempic_level0 { filter: alpha(opacity=50); /* internet explorer */ opacity: 0.5; /* fx, safari, opera, chrome */ } /* BASE "QUEUE" */ .base_listing .box-anchor { width: 100%; float: left; margin: 10px 0 0 0; } .base_listing .box-large { width: 400px; float: right; padding: 6px 2px; background-color: rgba(28, 47, 67, 0.45); background-image: -webkit-linear-gradient(#132233, #0E1825); background-image: -moz-linear-gradient(#132233, #0E1825); background-image: linear-gradient(#132233, #0E1825); } .base_listing .box-large .box2_header { height: auto; } .base_listing .box-large .box2_header .subbox_content .sbox_ctr span { padding: 15px 0 5px; font-weight: normal; } .base_listing .subbox_content .sbox_header .sbox_lft { background: none; } .base_listing .subbox_content .sbox_header .sbox_ctr { background: none; } .base_listing .subbox_content .sbox_header .sbox_rht { background: none; } .base_listing .box-large .box2_lft { background: none; } .base_listing .box-large .box2_ctr { background: none; } .base_listing .box-large .box2_rht { background: none; } #base-queue .tbllisting2 tr, #base_events-production .tbllisting2 tr { background: none !important; } #base-queue .tbllisting2 td, #base_events-production .tbllisting2 td { border-color: #0E2B3A; background-color: #0d1623; } #base-queue .tbllisting2 tr.row_active, #base_events-production .tbllisting2 tr.row_active { background-color: #182B43 !important; } #base-queue .tbllisting2 tr.row_active td, #base_events-production .tbllisting2 tr.row_active td { border-color: #20547B !important; } #base-queue .btn-action, #base_events-production .btn-action { margin: 2px 4px 2px 0; float: right; } /* test */ .tutorial-info {} .tutorial-info-tip { padding: 10px 10px; margin: 6px 0 10px; -moz-border-radius: 8px; border-radius: 8px; background: rgba(26,35,45,0.7); border: 1px solid #273443; color: #E1ECEC; } .tutorial-info-mission { float: left; padding: 5px 10px; margin: 10px auto; -moz-border-radius: 8px; border-radius: 8px; background: rgba(18,46,37,0.7); border: 1px solid #1B4336; } .tutorial-info B { font-size: 110%; } .tutorial-info UL { margin: 5px 0; } .tutorial-info UL LI { margin: 5px 0 5px 15px; list-style-type: square; } .tutorial-info UL LI SMALL { color: #5db96b; } .tutorial-pic-intro { background: url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/tut_intro.png) no-repeat right; } .tutorial-pic-base1 { background-repeat: no-repeat; background-position: right; } .tutorial-actions-box { font-size: 95%; } .btn-reward .btn_ctr DIV { background: url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/images/mini_icon_credits.png) no-repeat right 2px; } .btn-reward2 .btn_ctr DIV { background: url(https://cdn.astroempires.com/skins/BlueNova_v3.5.5/images/mini_icon_diamonds.png) no-repeat right 2px; } .btn-reward .btn_ctr DIV SPAN, .btn-reward2 .btn_ctr DIV SPAN { float: right; margin-right: 16px; } .btn-reward .btn_ctr DIV SPAN { color: #CADDEC; } .btn-reward2 .btn_ctr DIV SPAN { color: Orange; } .btn-reward .btn_ctr DIV B, .btn-reward2 .btn_ctr DIV B { color: Red; font-weight: normal; } .tutorial-info-reward { clear: left; float: left; padding: 5px 30px 5px 10px; margin: 10px auto; -moz-border-radius: 8px; border-radius: 8px; background: rgba(26,35,45,0.7); border: 1px solid #273443; } .tutorial-info .tutorial-info-reward UL LI { color: #EAC767; } /* smaller window size <920 */ @media screen and (max-width: 950px) { .box_cell_main-header-nav { width: 41%; } #main-header-logo_content { width: 90px; background-image: url(img/main-header-logo_800.png); } .box3_header .box3_lft, .box3_header .box3_rht, .box3_content .box3_lft, .box3_content .box3_rht, .box3_footer .box3_lft, .box3_footer .box3_rht { min-width: 13px; width: 13px; } .box3_header .box3_rht, .box3_content .box3_rht, .box3_footer .box3_rht { background-position: -29px 0px } .base_items DIV.item2-show { padding-right: 0px; } .base_items DIV.base_items-level { } DIV .base_items-level H6 { padding: 5px 0 0 0; font-size: 95%; } #base_production .base_items DIV.base_items-level { background-size: 120%; width: 80px; background-position: -6px 3px !important; } #base_production DIV .base_items-level H6 { padding: 25px 0 0 0; } .base_items DIV.base_items-input .bonus { display: none; } .btn-tab, .btn-tab-active { padding: 5px 20px 6px; } #local-header .subbox_content { width: 100%; } #local-header .mini-infobox { padding: 13px 2px 0; font-size: 90%; background-position: center -2px; } #local-header .infocolor-red { background-position: center -82px; } .base_listing-cell-media { width: 410px; } /*TEST*/ .board-listing .board-msg { width: 85%; } /* media */ .base_listing-cell-media { width: 360px; } .base_items_details-inner { width: 350px; } .base_items_details .itemdesc { width: 340px; } .base_listing .box-large { width: 350px; } .base_items_details .itemmedia { overflow: hidden; } #base_structures .base_items_details IMG.itempic, #base_defenses .base_items_details IMG.itempic { position: absolute; top: 0; left:0; left:-25px; } #base_reseach .base_items_details IMG.itempic { position: absolute; top: 0; left:0; left:-25px; } #base_production .base_items_details #videobox_1 { position: absolute; top: 0; left:-25px; } .base_items_details .itemmedia DIV.itemmedia-info { top: 5px; } #advertising DIV { font-size: 90%; } } @media screen and (max-width: 780px) { /*#top-header { width: 100%; float: left; margin: 0; } #top-header_menu { width: 100%; float: left; margin: 0; max-width: none; } #top-header_server-time { width: 100%; float: left; margin: 0; } .top-header_server-time-bg { background: none; }*/ #background-content { width: 100%; } /* account */ #account_main .tbllisting2 { width: 200px !important; } .box-default_header .box-default_lft, .box-default_header .box-default_rht, .box-default_content .box-default_lft, .box-default_content .box-default_rht, .box-default_footer .box-default_lft, .box-default_footer .box-default_rht { min-width: 0px; width: 0px; } .box4_header .box4_lft, .box6_header .box6_lft, .box4_header .box4_rht, .box6_header .box6_rht, .box4_content .box4_lft, .box6_content .box6_lft, .box4_content .box4_rht, .box6_content .box6_rht, .box4_footer .box4_lft, .box6_footer .box6_lft, .box4_footer .box4_rht, .box6_footer .box6_rht { min-width: 14px; width: 14px; } .local-header_header .local-header_lft, .local-header-tab_header .local-header-tab_lft, .local-header_header .local-header_rht, .local-header-tab_header .local-header-tab_rht, .local-header_content .local-header_lft, .local-header-tab_content .local-header-tab_lft, .local-header_content .local-header_rht, .local-header-tab_content .local-header-tab_rht, .local-header-tab_footer .local-header-tab_lft, .local-header-tab_footer .local-header-tab_rht, .local-header_footer .local-header_lft, .local-header_footer .local-header_rht { min-width: 13px; width: 13px; } .btn-tab, .btn-tab-active { padding: 5px 5px 6px; } .base_items DIV.base_items-level { background-size: 140%; width: 85px; background-position: -12px 1px !important; } #base_production .base_items DIV.base_items-level { background-size: 120%; width: 80px; background-position: -6px 3px !important; } #base_production DIV .base_items-level H6 { padding: 25px 0 0 0; } .base_items SPAN.credits, .base_items SPAN.time { letter-spacing: -1px; padding: 0 0 1px 13px; } .base_items DIV.base_items-title { width: 120px; padding-left: 5px; } DIV .base_items-title H6 { font-size: 95%; padding: 3px 0 2px; margin: 0; } #local-header .subbox_content .sbox_footer .sbox_lft { width: 38px; } #local-header .subbox_content .sbox_footer .sbox_rht { width: 58px; } /*#local-header FORM A { margin-top: 0; }*/ #local-header FORM A { float: left; } .base-overview_btns { bottom: 45px; } } @media screen and (max-width: 720px) { #top-header_server-time { background: none; } .box_cell_main-header-nav { width: 48%; } #main-header-logo_content { width: 23px; background-image: url(img/main-header-logo_600.png); } #local-header .mini-infobox { padding: 13px 1px 0; } #astro-base_overview-terrain, #bo_layer1 { min-width: 840px !important; } #local-header .subbox_content .sbox_footer .sbox_lft { width: 10px; } #local-header .subbox_content .sbox_footer .sbox_rht { width: 10px; } #local-header .mini-infobox { padding: 13px 0 0; font-size: 85%; } /*#local-header .mini-infobox { padding: 13px 0px 0; }*/ .mini-infobox SMALL { /*display: none;*/ } /*TEST*/ .board-listing .board-msg { width: 80%; } /* media */ .base_listing-cell-media { width: 280px; } .base_items_details-inner { width: 270px; } .base_items_details .itemdesc { width: 260px; } .base_listing .box-large { width: 270px; } .base_items_details .itemmedia { overflow: hidden; } #base_structures .base_items_details IMG.itempic, #base_defenses .base_items_details IMG.itempic { position: absolute; top: 0; left:0; left:-65px; } #base_reseach .base_items_details IMG.itempic { position: absolute; top: 0; left:0; left:-65px; } #base_production .base_items_details #videobox_1 { position: absolute; top: 0; left:-65px; } /* queue */ #base-queue .box2_header .box2_lft, #base-queue .box2_header .box2_rht, #base-queue .box2_content .box2_lft, #base-queue .box2_content .box2_rht, #base-queue .box2_footer .box2_lft, #base-queue .box2_footer .box2_rht { min-width: 0; width: 0; } #advertising-left, #advertising-right { display: none; } #advertising DIV { background: none; } } @media screen and (max-width: 650px) { #top-header .mn_item .btn_lft, #top-header .mn_item .btn_rht { width: 0; } #top-header .mn_separator, .dropdown_lft, .dropdown_rht { display: none; } /*#main-header-nav .btn_ctr DIV { color: transparent !important; font-size: 8px; }*/ .box_cell_main-header-nav { width: 41%; } #astro-base_overview-terrain, #bo_layer1 { min-width: 800px !important; } #main-header-nav .btn_ctr DIV { min-width: 18px !important; color: transparent !important; font-size: 0px; } /* #main-header-infobox .btn_ctr DIV */ #main-header-nav .mn_item a.btn-normal-active .btn_ctr DIV, #main-header-nav .mn_item a.btn-special-active .btn_ctr DIV, #main-header-nav .mn_item a.btn-premium-active .btn_ctr DIV, #main-header-nav .mn_item a.btn-important-active .btn_ctr DIV, #main-header-nav .mn_item a.btn-disabled-active .btn_ctr DIV, #main-header-nav .mn_item a.btn-special .btn_ctr DIV, #main-header-nav .mn_item a.btn-important .btn_ctr DIV { background-position: center -35px; } #main-header-nav .btn_ctr DIV { background-position: center 5px; } #main-header-nav .mn_item a:hover .btn_ctr DIV { background-position: center -35px; } /*.local-header-tab_ctr FORM { width: 100px; }*/ #local-header select { font-size: 95%; } .base_items DIV.base_items-level { /*background-size: 130%; width: 75px; background-position: -5px 4px !important;*/ } /*.base_items DIV.base_items-title { width: 120px; } DIV .base_items-title H6 { font-size: 90%; padding: 3px 0 0; margin: 0; }*/ /*DIV .base_items-title H6 { display: none; } .base_items SPAN.credits, .base_items SPAN.time { float: left; width: 100%; margin: 5px 0 0 5px; }*/ } @media screen and (max-width: 620px) { #top-header a { font-size: 75%; } #account_main .layout .layout TD { width: 50% !important; } #account_main .tbllisting2 { width: 180px !important; } /*.box4_header .subbox_content .sbox_header .sbox_lft, .box6_header .subbox_content .sbox_header .sbox_lft, .box4_header .subbox_content .sbox_header .sbox_rht, .box6_header .subbox_content .sbox_header .sbox_rht { width: 0px; }*/ .box3_header .box3_lft, .box3_header .box3_rht, .box3_content .box3_lft, .box3_content .box3_rht, .box3_footer .box3_lft, .box3_footer .box3_rht { min-width: 0; width: 0; } /*html, body { background: #0d2a3a !important; }*/ #background-content {background: #001018 !important; } body { background: #001018 url(img/bg_mobile.jpg) repeat !important; } /*html { background: url(img/bg_mobile.jpg) repeat !important; }*/ } @media screen and (max-device-width: 481px) { /*#background-content { width: 480px !important; }*/ /*#background-content { max-width: 650px; width: 100%; min-width: 650px; }*/ }/**/ /*#login_menu { float: left; }*/