You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
576 lines
10 KiB
576 lines
10 KiB
/* |
|
Colours; |
|
- Darkest Gray: #343434 |
|
- Logo Gray: #9ba0a5 |
|
- Lightest Gray: #f7f7f7 |
|
- Font Dark Gray: #444444 |
|
- Font Light Gray: #f2f2f2 |
|
- Alteeve Red: #d02724 |
|
- Footer background: #171717 |
|
- Footer text: #515151 |
|
*/ |
|
|
|
a { |
|
font-family: 'Dejavu Sans', Arial, Helvetica, Verdana, Sans-Serif; |
|
color: #f2f2f2; |
|
text-decoration: none; |
|
} |
|
a.highlight { |
|
color: #ff80ee; |
|
} |
|
|
|
body { |
|
font-family: 'Dejavu Sans', Arial, Helvetica, Verdana, Sans-Serif; |
|
background-image: url("/skins/alteeve/images/Texture.jpg"); |
|
background-repeat: repeat; |
|
color: #f2f2f2; |
|
} |
|
|
|
.body_table { |
|
width: 90%; |
|
margin: auto; |
|
top: 0; |
|
position: absolute; |
|
left: 5%; |
|
} |
|
|
|
.button { |
|
color: #343434; |
|
font: 0.9em 'Dejavu Sans', Arial, Helvetica, Verdana, Sans-Serif; |
|
text-decoration: none; |
|
background-color: #f2f2f2; |
|
padding: 5px 10px 5px 10px; |
|
border: 1px solid #343434; |
|
border-radius: 3px; |
|
} |
|
|
|
.inline_button { |
|
} |
|
|
|
#center_body { |
|
height: 100%; |
|
} |
|
|
|
.code { |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
} |
|
|
|
.column_header { |
|
text-align: left; |
|
color: #9ba0a5; |
|
padding: 0.15em; |
|
white-space: nowrap; |
|
} |
|
|
|
.row_header { |
|
text-align: right; |
|
color: #9ba0a5; |
|
padding: 0.15em; |
|
white-space: nowrap; |
|
} |
|
|
|
.column_header_veritcal { |
|
text-align: left; |
|
vertical-align: bottom; |
|
color: #9ba0a5; |
|
padding: 0.15em; |
|
transform: rotate(-90deg); |
|
} |
|
|
|
.config_header1 { |
|
color: #f7f7f7; |
|
text-align: center; |
|
font-size: 2em; |
|
} |
|
|
|
.config_header2 { |
|
color: #f2f2f2; |
|
text-align: center; |
|
font-size: 1.5em; |
|
} |
|
|
|
.config_header3 { |
|
color: #f2f2f2; |
|
text-align: center; |
|
font-size: 1em; |
|
} |
|
|
|
.disabled { |
|
color: #9D9D9D; |
|
} |
|
|
|
.error_message { |
|
border-left: 3px solid #d02724; |
|
border-right: 3px solid #d02724; |
|
background: #343434; |
|
padding-top: 0.2em; |
|
padding-left: 0.2em; |
|
padding-right: 0.2em; |
|
color: #ffdfdf; |
|
} |
|
|
|
.fixed_width { |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
} |
|
|
|
.fixed_width_no_wrap { |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
white-space: nowrap; |
|
text-align: center; |
|
} |
|
|
|
.fixed_width_no_wrap_left { |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
white-space: nowrap; |
|
text-align: left; |
|
} |
|
|
|
.fixed_width_no_wrap_right { |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
white-space: nowrap; |
|
text-align: left; |
|
} |
|
|
|
.footer { |
|
background: #171717; |
|
font-size: 12px; |
|
color: #515151; |
|
width: 90%; |
|
position: fixed; |
|
bottom: 0; |
|
left: 5%; |
|
} |
|
|
|
.footer a:hover { |
|
cursor: pointer; |
|
text-decoration: none; |
|
color: #616161; |
|
} |
|
|
|
.footer a:link, .footer a:visited { |
|
cursor: pointer; |
|
text-decoration: none; |
|
color: #515151; |
|
} |
|
|
|
.form_answer { |
|
font: 1em 'Dejavu Sans Mono', Courier; |
|
color: #dba0a5; |
|
white-space: nowrap; |
|
} |
|
|
|
.form_group_header1 { |
|
text-align: left; |
|
font-size: 1.1em; |
|
font-weight: bold; |
|
} |
|
|
|
.form_group_header2 { |
|
text-align: left; |
|
font-size: 1.1em; |
|
} |
|
|
|
.job_output { |
|
font: 0.8em 'Dejavu Sans Mono', Courier; |
|
color: #d2e2d2; |
|
/*white-space: nowrap;*/ |
|
} |
|
|
|
.job_status { |
|
border: 1px solid #9ba0a5; |
|
} |
|
|
|
.job_table { |
|
border-left: 1px dotted #d02724; |
|
} |
|
|
|
.header { |
|
text-align: center; |
|
background: #343434; |
|
color: #f2f2f2; |
|
border-bottom: 0.2em solid #d02724; |
|
} |
|
|
|
.header a:hover { |
|
cursor: pointer; |
|
color: #f6f6f6; |
|
text-decoration: none; |
|
} |
|
|
|
.header a:link, .header a:visited { |
|
cursor: pointer; |
|
color: #f6f6f6; |
|
text-decoration: none; |
|
} |
|
|
|
/* This is used by HTML::FromText when converting a text string to HTML */ |
|
.hft-lines { |
|
text-align: left; |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
padding: 0.2em; |
|
font-size: 0.9em; |
|
} |
|
|
|
.icon_button { |
|
padding-top: 30px; |
|
vertical-align: top; |
|
} |
|
|
|
input[type=text], input[type=number], input[type=password] { |
|
width: 100%; |
|
padding: 6px 10px; |
|
margin: 2px 0; |
|
display: inline-block; |
|
border: 1px solid #9ba0a5; |
|
border-radius: 2px; |
|
box-sizing: border-box; |
|
background-color: #343434; |
|
color: #f7f7f7; |
|
} |
|
|
|
input[type=text].input_alert, input[type=number].input_alert { |
|
border: 1px solid #ff3f3f; |
|
} |
|
select.input_alert { |
|
border: 1px solid #ff3f3f; |
|
font-size: 0.8em; |
|
padding: 0.2em; |
|
} |
|
|
|
input[type=text].input_alert_fixed, input[type=number].input_alert_fixed, select.input_alert_fixed { |
|
border: 1px solid #ff3f3f; |
|
} |
|
|
|
.input_required { |
|
color: 1px solid #3ed688; |
|
} |
|
|
|
.say_required { |
|
color: #3ed688; |
|
} |
|
|
|
input[type=text].input_clear, input[type=number].input_clear { |
|
border: 1px solid #9ba0a5; |
|
} |
|
select.input_clear { |
|
border: 1px solid #9ba0a5; |
|
font-size: 0.8em; |
|
padding: 0.2em; |
|
} |
|
|
|
input[type=text].input_clear_fixed, input[type=number].input_clear_fixed, select.input_clear_fixed { |
|
border: 1px solid #9ba0a5; |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
} |
|
|
|
.login { |
|
width: 600px; |
|
height: 50px; |
|
position: fixed; |
|
margin-left: -300px; /* half of width */ |
|
margin-top: -25px; /* half of height */ |
|
top: 50%; |
|
left: 50%; |
|
} |
|
|
|
.logo { |
|
border-top: 0.3em solid transparent; |
|
border-left: 0.3em solid transparent; |
|
border-right: 0.3em solid transparent; |
|
height: 2.5em; |
|
} |
|
|
|
.menu_details { |
|
padding-left: 10px; |
|
padding-right: 10px; |
|
} |
|
|
|
/* TODO: Switch the Striker menus over to these classes */ |
|
.main_option { |
|
/* border: 1px dotted red; */ |
|
color: #dbe0e5; |
|
font-size: 1.3em; |
|
padding-top: 22px; |
|
padding-left: 20px; |
|
padding-bottom: 22px; |
|
height: 100%; |
|
} |
|
|
|
.main_option_list { |
|
/* border: 1px dotted red; */ |
|
color: #dbe0e5; |
|
font-size: 1.3em; |
|
padding-top: 5px; |
|
padding-left: 20px; |
|
padding-bottom: 5px; |
|
height: 100%; |
|
} |
|
|
|
.main_option_icon { |
|
/* border: 1px dotted blue; */ |
|
padding-top: 10px; |
|
padding-bottom: 10px; |
|
vertical-align: top; |
|
height: 100%; |
|
} |
|
|
|
.menu_title { |
|
color: #dbe0e5; |
|
font-size: 1.3em; |
|
padding-top: 30px; |
|
padding-left: 20px; |
|
padding-bottom: 10px; |
|
} |
|
|
|
select { |
|
width: 100%; |
|
/* padding: 6px 10px; */ |
|
margin: 2px 0; |
|
display: inline-block; |
|
border: 1px solid #9ba0a5; |
|
border-radius: 2px; |
|
box-sizing: border-box; |
|
background-color: #343434; |
|
color: #f7f7f7; |
|
font-family: 'Dejavu Sans Mono', 'Courier 10 pitch', monospace, Courier; |
|
font-size: 1.0em; |
|
} |
|
|
|
table { |
|
border-spacing: 0; |
|
border-collapse: collapse; |
|
vertical-align: top; |
|
} |
|
|
|
table.centered { |
|
/*margin: auto;*/ |
|
margin-left: auto; |
|
margin-right: auto; |
|
} |
|
|
|
table.data_table { |
|
border: 1px solid #8f8f8f; |
|
border-radius: 4px; |
|
} |
|
|
|
table.data_table_nowrap { |
|
border: 1px solid #8f8f8f; |
|
border-radius: 4px; |
|
white-space: nowrap; |
|
} |
|
|
|
td { |
|
padding: 0; |
|
border-collapse: collapse; |
|
} |
|
|
|
td.button_cell { |
|
padding: 10px 5px; |
|
text-align: center; |
|
} |
|
|
|
td.close_top { |
|
border-top: 1px solid #8f8f8f; |
|
border-left: 1px solid transparent; |
|
border-right: 1px solid transparent; |
|
border-bottom: 1px solid transparent; |
|
} |
|
|
|
td.no_border { |
|
border: 1px solid transparent; |
|
} |
|
|
|
td.no_border_right { |
|
border: 1px solid transparent; |
|
text-align: right; |
|
} |
|
|
|
td.column_header { |
|
text-align: left; |
|
color: #9ba0a5; |
|
padding: 0.15em; |
|
} |
|
|
|
td.column_row_name { |
|
text-align: left; |
|
vertical-align: top; |
|
color: #f7f7f7; |
|
padding: 0.2em; |
|
} |
|
|
|
td.column_row_value { |
|
text-align: left; |
|
color: #f7f7f7; |
|
padding: 0.2em; |
|
vertical-align: top; |
|
} |
|
|
|
td.column_row_value_right { |
|
text-align: right; |
|
color: #f7f7f7; |
|
padding: 0.2em; |
|
} |
|
|
|
td.column_row_value_centered { |
|
text-align: center; |
|
color: #f7f7f7; |
|
padding: 0.2em; |
|
} |
|
|
|
td.column_row_value_centered_border { |
|
text-align: center; |
|
color: #f7f7f7; |
|
padding: 0.2em; |
|
border: 1px solid #8f8f8f; |
|
} |
|
|
|
.fixed_link { |
|
text-align: left; |
|
color: #f7f7f7; |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
padding: 0.2em; |
|
font-size: 0.9em; |
|
vertical-align: top; |
|
} |
|
|
|
.fixed_link_highlight { |
|
text-align: left; |
|
color: #7f7fff; |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
padding: 0.2em; |
|
font-size: 0.9em; |
|
vertical-align: top; |
|
cursor: pointer; |
|
} |
|
|
|
td.column_row_value_fixed { |
|
text-align: left; |
|
color: #f7f7f7; |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
padding: 0.2em; |
|
font-size: 0.9em; |
|
vertical-align: top; |
|
} |
|
|
|
td.column_row_value_fixed_centered { |
|
text-align: center; |
|
color: #f7f7f7; |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
padding: 0.2em; |
|
font-size: 0.9em; |
|
} |
|
|
|
td.column_row_centered_input { |
|
text-align: center; |
|
vertical-align: middle; |
|
padding: 0.2em; |
|
} |
|
|
|
td.column_subrow_name { |
|
text-align: right; |
|
vertical-align: top; |
|
color: #c7c7c7; |
|
padding: 0.1em; |
|
} |
|
|
|
td.padded_cell { |
|
padding: 0px 5px; |
|
} |
|
|
|
td.top_padded_cell { |
|
padding-top: 5px; |
|
padding-left: 5px; |
|
padding-right: 5px; |
|
padding-bottom: 0px; |
|
} |
|
|
|
.title { |
|
font-size: 1.8em; |
|
text-align: center; |
|
} |
|
|
|
.description { |
|
font-size: 1.2em; |
|
text-align: center; |
|
} |
|
|
|
.top_icon { |
|
border-top: 0.3em solid transparent; |
|
border-left: 0.3em solid transparent; |
|
border-right: 0.3em solid transparent; |
|
height: 2.5em; |
|
} |
|
|
|
tr.data_row { |
|
border-top: 1px solid #5f5f5f; |
|
} |
|
|
|
.striker_welcome { |
|
} |
|
|
|
.subtle_text { |
|
color: #9D9D9D; |
|
text-align: left; |
|
font-size: 0.9em; |
|
} |
|
|
|
.notice { |
|
font-size: 1.0em; |
|
font-weight: bold; |
|
font-style: italic; |
|
} |
|
|
|
.warning { |
|
color: #dc9012; |
|
font-size: 1.1em; |
|
font-weight: bold; |
|
} |
|
|
|
.available { |
|
color: #00934d; |
|
text-align: center; |
|
} |
|
|
|
.unavailable { |
|
color: #dc9012; |
|
text-align: center; |
|
} |
|
|
|
.changed_value { |
|
color: #00934d; |
|
text-align: center; |
|
} |
|
|
|
.default_value { |
|
color: #f2f2f2; |
|
text-align: center; |
|
} |
|
|
|
.risky_click { |
|
color: #f06075; |
|
font-weight: bold; |
|
} |
|
|
|
table.list { |
|
padding-top: 0.2em; |
|
padding-bottom: 0.2em; |
|
padding-left: 0.4em; |
|
padding-right: 0.4em; |
|
border: 1px dotted #7f7f7f; |
|
} |
|
|
|
table.manager { |
|
width: 100%; |
|
text-align: center; |
|
padding-top: 0.2em; |
|
padding-bottom: 0.2em; |
|
padding-left: 0.4em; |
|
padding-right: 0.4em; |
|
border: 1px dotted #7f7f7f; |
|
} |
|
|
|
/* This is used for the 'configured' table as well */ |
|
table.unconfigured_table { |
|
border: 1px solid blue; |
|
border-radius: 4px; |
|
}
|
|
|