mirror of
https://github.com/Relintai/mourne_rcpp_fw.git
synced 2024-12-27 23:17:11 +01:00
814 lines
12 KiB
CSS
Executable File
814 lines
12 KiB
CSS
Executable File
img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
a {
|
|
color: #A8A8A8;
|
|
style: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: white;
|
|
}
|
|
|
|
.nofloat {
|
|
float: none;
|
|
height: 10px;
|
|
width: 10px;
|
|
}
|
|
|
|
body {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background-color: #292929;
|
|
color: #A8A8A8;
|
|
}
|
|
|
|
.content {
|
|
width: 970px;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.resources {
|
|
height: 22px;
|
|
width: 970px;
|
|
margin: 2px auto 0px auto;
|
|
}
|
|
|
|
.num_res {
|
|
float: right;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.res_wood_container,
|
|
.res_food_container,
|
|
.res_stone_container,
|
|
.res_iron_container,
|
|
.res_mana_container {
|
|
float: left;
|
|
height: 20px;
|
|
width: 190px;
|
|
border-right-style: solid;
|
|
border-color: #0D0F0B;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.res_food_container {
|
|
border-left-style: solid;
|
|
border-color: #0D0F0B;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.separator {
|
|
float: left;
|
|
font-size: 12px;
|
|
color: #A8A8A8;
|
|
}
|
|
|
|
.res_icon {
|
|
float: left;
|
|
font-size: 12px;
|
|
color: #A8A8A8;
|
|
padding: 2px 4px 0px 5px;
|
|
}
|
|
|
|
.res_food,
|
|
.res_wood,
|
|
.res_stone,
|
|
.res_iron,
|
|
.res_mana {
|
|
float: left;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #A8A8A8;
|
|
}
|
|
|
|
.res_food_max,
|
|
.res_wood_max,
|
|
.res_stone_max,
|
|
.res_iron_max,
|
|
.res_mana_max {
|
|
float: left;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #A8A8A8;
|
|
}
|
|
|
|
.res_food_max,
|
|
.res_wood_max,
|
|
.res_stone_max,
|
|
.res_iron_max,
|
|
.res_mana_max,
|
|
.res_food,
|
|
.res_wood,
|
|
.res_stone,
|
|
.res_iron,
|
|
.res_mana,
|
|
.separator {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.event_container {
|
|
width: 100%;
|
|
height: 22px;
|
|
margin: 5px 0px;
|
|
}
|
|
|
|
.event {
|
|
margin: 0px auto 5px auto;
|
|
width: 930px;
|
|
border: 1px solid #363634;
|
|
color: #9C9C9C;
|
|
text-align: center;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
.event_first {
|
|
background-color: #191C16;
|
|
}
|
|
|
|
/* vllage view */
|
|
|
|
.village_grid {
|
|
width: 996px;
|
|
margin: 0px auto;
|
|
padding: 15px 0px 0px 10px;
|
|
}
|
|
|
|
.grid_entry {
|
|
float: left;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.grid_entry:hover,
|
|
.grid_entry_selected {
|
|
border-color: white;
|
|
}
|
|
|
|
.grid_row {
|
|
height: 50px;
|
|
}
|
|
|
|
/* village select */
|
|
|
|
.village_container {
|
|
width: 100%;
|
|
margin-top: 5px;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.village_row {
|
|
width: 650px;
|
|
height: 18px;
|
|
margin: 0px auto 2px auto;
|
|
padding: 10px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
.first_village_row {
|
|
background-color: #191C16;
|
|
}
|
|
|
|
.village_name,
|
|
.village_score {
|
|
float: left;
|
|
}
|
|
|
|
.village_name {
|
|
width: 300px;
|
|
}
|
|
|
|
.village_score {
|
|
width: 100px;
|
|
}
|
|
|
|
.village_action {
|
|
float: right;
|
|
width: 100px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* village settings */
|
|
|
|
.village_settings_row {
|
|
width: 650px;
|
|
height: 18px;
|
|
margin: 0px auto 2px auto;
|
|
padding: 10px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
.first_village_settings_row {
|
|
background-color: #191C16;
|
|
}
|
|
|
|
.settings_container {
|
|
width: 100%;
|
|
margin-top: 5px;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.settings_name {
|
|
float: left;
|
|
}
|
|
|
|
.settings_input {
|
|
float: right;
|
|
width: 185px;
|
|
text-align: center;
|
|
}
|
|
|
|
.settings_submit {
|
|
width: 105px;
|
|
height: 25px;
|
|
margin: 10px auto 30px auto;
|
|
padding: 3px 5px 0px 10px;
|
|
font-size: 14px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
.back {
|
|
width: 970px;
|
|
margin: 5px auto 5px auto;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
padding: 2px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* village menu */
|
|
|
|
.village_menu_container {
|
|
width: 100%;
|
|
height: 30px;
|
|
background-color: #141412;
|
|
}
|
|
|
|
.village_menu {
|
|
height: 20px;
|
|
width: 900px;
|
|
padding-top: 5px;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.village_menuentry,
|
|
.village_menuentry_first {
|
|
float: left;
|
|
width: 175px;
|
|
text-align: center;
|
|
border-color: #363634;
|
|
border-right-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.village_menuentry_first {
|
|
border-left-style: solid;
|
|
}
|
|
|
|
/* Village Log */
|
|
|
|
.log_list {
|
|
width: 470px;
|
|
height: 18px;
|
|
margin: 0px auto 2px auto;
|
|
padding: 10px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
.log_list_first {
|
|
background-color: #191C16;
|
|
}
|
|
|
|
.log_list_new {
|
|
float: left;
|
|
width: 120px;
|
|
height: 18px;
|
|
}
|
|
|
|
.log_list_attack {
|
|
float: left;
|
|
width: 250px;
|
|
height: 18px;
|
|
}
|
|
|
|
.log_list_delete {
|
|
float: left;
|
|
height: 18px;
|
|
width: 100px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Log viewer */
|
|
|
|
.log_data {
|
|
width: 600px;
|
|
margin: 0px auto 0px auto;
|
|
padding: 10px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/* bulding */
|
|
|
|
.building_menu_container {
|
|
width: 100%;
|
|
height: 30px;
|
|
background-color: #141412;
|
|
}
|
|
|
|
.building_menu {
|
|
height: 20px;
|
|
width: 900px;
|
|
padding-top: 5px;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.building_menuentry,
|
|
.building_menuentry_first {
|
|
float: left;
|
|
width: 127px;
|
|
text-align: center;
|
|
border-color: #363634;
|
|
border-right-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.building_menuentry_first {
|
|
border-left-style: solid;
|
|
}
|
|
|
|
.building_header_container {
|
|
margin: 10px 0px 10px 0px;
|
|
/* height:95px; */
|
|
width: 100%;
|
|
}
|
|
|
|
.building_header {
|
|
width: 970px;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.building_header_art {}
|
|
|
|
.building_header_text {
|
|
margin-left: 20px;
|
|
color: #9C9C9C;
|
|
}
|
|
|
|
.building_container {
|
|
width: 100%;
|
|
margin-top: 5px;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.building_header_back {
|
|
width: 970px;
|
|
margin: 5px auto 5px auto;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
padding: 2px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* bulding data */
|
|
|
|
.building_data,
|
|
.spell_data,
|
|
.create_data,
|
|
.research_data,
|
|
.upgrade_data,
|
|
.building_list_data {
|
|
width: 970px;
|
|
height: 22px;
|
|
margin: 0px auto 2px auto;
|
|
padding: 10px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
.spell_data {
|
|
height: 50px;
|
|
}
|
|
|
|
.create_data {
|
|
height: 82px;
|
|
}
|
|
|
|
.research_data {
|
|
height: 50px;
|
|
}
|
|
|
|
.building_list_data {
|
|
height: 50px;
|
|
}
|
|
|
|
.upgrade_data {
|
|
height: 50px;
|
|
}
|
|
|
|
.event_data {
|
|
width: 970px;
|
|
margin: auto 0px auto 20px;
|
|
padding: 10px 10px 5px 5px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
/* costs */
|
|
|
|
.cost,
|
|
.cost_icon {
|
|
float: left;
|
|
}
|
|
|
|
.costs,
|
|
.cost {
|
|
padding-top: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.cost_icon {
|
|
font-size: 12px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.cost_food,
|
|
.cost_wood,
|
|
.cost_stone,
|
|
.cost_iron,
|
|
.cost_mana {
|
|
float: left;
|
|
width: 100px;
|
|
padding: 0px 3px 0px 4px;
|
|
font-size: 12px;
|
|
border-right-style: solid;
|
|
border-width: 1px;
|
|
border-color: #363634;
|
|
text-align: right;
|
|
}
|
|
|
|
.cost_spell {
|
|
float: left;
|
|
width: 88px;
|
|
padding: 0px 3px 0px 4px;
|
|
border-right-style: solid;
|
|
border-width: 1px;
|
|
border-color: #363634;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
}
|
|
|
|
.cost_unit {
|
|
float: left;
|
|
width: 583px;
|
|
padding: 0px 3px 0px 4px;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
}
|
|
|
|
.cost_unit_time {
|
|
float: left;
|
|
width: 601px;
|
|
padding: 0px 3px 0px 4px;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
}
|
|
|
|
.cost_unit_time_container {
|
|
height: 14px;
|
|
padding-top: 1px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
.cost_research {
|
|
float: left;
|
|
width: 105px;
|
|
padding: 0px 3px 0px 4px;
|
|
border-right-style: solid;
|
|
border-width: 1px;
|
|
border-color: #363634;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
}
|
|
|
|
.cost_building_list {
|
|
float: left;
|
|
width: 105px;
|
|
padding: 0px 3px 0px 4px;
|
|
border-right-style: solid;
|
|
border-width: 1px;
|
|
border-color: #363634;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
}
|
|
|
|
.cost_unit_container {
|
|
height: 14px;
|
|
padding-top: 1px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
/* create */
|
|
|
|
.create_unit_container {
|
|
width: 315px;
|
|
height: 35px;
|
|
margin-top: 10px;
|
|
padding: 10px 0px 0px 5px;
|
|
border-left-style: solid;
|
|
border-width: 1px;
|
|
border-color: #363634;
|
|
}
|
|
|
|
.create_unit {
|
|
float: right;
|
|
}
|
|
|
|
.create_name {
|
|
margin-bottom: 4px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
}
|
|
|
|
.description {
|
|
font-size: 12px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
/* research */
|
|
|
|
.research_header {
|
|
height: 22px;
|
|
width: 800px;
|
|
margin: 1px auto 5px auto;
|
|
padding-top: 1px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.research_description {
|
|
height: 15px;
|
|
margin-top: 20px;
|
|
width: 800px;
|
|
font-size: 14px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.research_box {
|
|
height: 35px;
|
|
width: 165px;
|
|
margin-top: 1px;
|
|
padding-top: 13px;
|
|
text-align: center;
|
|
border-left-style: solid;
|
|
border-width: 1px;
|
|
border-color: #363634;
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* spell */
|
|
|
|
.spell_description {
|
|
width: 800px;
|
|
height: 15px;
|
|
margin-top: 20px;
|
|
font-size: 14px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.spell_box {
|
|
height: 35px;
|
|
width: 165px;
|
|
margin-top: 1px;
|
|
padding-top: 13px;
|
|
text-align: center;
|
|
border-left-style: solid;
|
|
border-width: 1px;
|
|
border-color: #363634;
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* upgrade */
|
|
|
|
.cost_upgrade {
|
|
float: left;
|
|
width: 105px;
|
|
padding: 0px 3px 0px 4px;
|
|
border-right-style: solid;
|
|
border-width: 1px;
|
|
border-color: #363634;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
}
|
|
|
|
.upgrade_description {
|
|
width: 800px;
|
|
height: 15px;
|
|
margin: 20px 0px 4px 0px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.upgrade_box {
|
|
width: 165px;
|
|
height: 35px;
|
|
margin-top: 1px;
|
|
padding-top: 13px;
|
|
border-left-style: solid;
|
|
border-width: 1px;
|
|
border-color: #363634;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* stats */
|
|
|
|
.stat {
|
|
float: left;
|
|
padding-top: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.stat_icon {
|
|
float: left;
|
|
font-size: 12px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.num_stat {
|
|
float: left;
|
|
width: 165px;
|
|
padding: 0px 3px 0px 4px;
|
|
border-right-style: solid;
|
|
border-width: 1px;
|
|
border-color: #363634;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
}
|
|
|
|
.stats_data {
|
|
width: 965px;
|
|
height: 120px;
|
|
margin: 0px auto 2px auto;
|
|
padding-left: 5px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
.stat_header {
|
|
height: 22px;
|
|
width: 800px;
|
|
margin: 12px auto 5px auto;
|
|
padding-top: 1px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* cannot */
|
|
|
|
.cannot {
|
|
width: 970px;
|
|
height: 30px;
|
|
margin: 0px auto;
|
|
padding-top: 10px;
|
|
border: 1px solid #363634;
|
|
border-radius: 5px 5px 5px 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Widget stuff */
|
|
|
|
.submit {
|
|
width: 100px;
|
|
color: #9C9C9C;
|
|
background-color: #0D0F0B;
|
|
border: 2px solid #363634;
|
|
border-bottom-color: #191C16;
|
|
border-right-color: #191C16;
|
|
transition: all 0.2s linear 0s;
|
|
}
|
|
|
|
.submit:hover {
|
|
color: #0D0F0B;
|
|
background-color: #9C9C9C;
|
|
border-color: #191C16;
|
|
border-bottom-color: #363634;
|
|
border-right-color: #363634;
|
|
}
|
|
|
|
.input {
|
|
color: #0D0F0B;
|
|
background-color: #9C9C9C;
|
|
border: 2px solid #191C16;
|
|
}
|
|
|
|
.textarea {
|
|
color: #0D0F0B;
|
|
background-color: #9C9C9C;
|
|
border: 2px solid #191C16;
|
|
resize: none;
|
|
}
|
|
|
|
.drop {
|
|
color: #0D0F0B;
|
|
background-color: #9C9C9C;
|
|
border: 2px solid #191C16;
|
|
}
|
|
|
|
/* map stuff */
|
|
|
|
.map_entry {
|
|
float: left;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.map {
|
|
width: 600px;
|
|
height: 600px;
|
|
float: left;
|
|
}
|
|
|
|
.map_vertical {
|
|
width: 650px;
|
|
height: 25px;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.map_horizontal {
|
|
float: left;
|
|
height: 600px;
|
|
}
|
|
|
|
.map_center {
|
|
height: 600px;
|
|
width: 800px;
|
|
}
|
|
|
|
.map_nav {
|
|
width: 700px;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.map_options {
|
|
width: 800px;
|
|
height: 40px;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.map_village {
|
|
float: left;
|
|
padding-left: 10px;
|
|
border-left-style: solid;
|
|
border-color: #0D0F0B;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.map_s_xy,
|
|
.map_s_name {
|
|
float: left;
|
|
margin-left: 10px;
|
|
padding: 0px 10px;
|
|
border-left-style: solid;
|
|
border-right-style: solid;
|
|
border-color: #0D0F0B;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.map_s_name {
|
|
margin-left: 0px;
|
|
border-left-style: none;
|
|
}
|
|
|
|
/* Weather */
|
|
/*
|
|
.weather
|
|
{
|
|
width:900px;
|
|
margin:4px auto 4px auto;
|
|
text-align:center;
|
|
}
|
|
*/
|
|
/* Building Spacer */
|
|
|
|
.vertical_spacer {
|
|
width: 900px;
|
|
margin: 20px auto 20px auto;
|
|
border-top-style: solid;
|
|
border-color: #0D0F0B;
|
|
border-width: 3px;
|
|
text-align: center;
|
|
} |