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.
369 lines
6.6 KiB
369 lines
6.6 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; |
|
} |
|
|
|
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; |
|
} |
|
|
|
#center_body { |
|
height: 100%; |
|
} |
|
|
|
.code { |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
} |
|
|
|
.column_header { |
|
text-align: left; |
|
color: #9ba0a5; |
|
padding: 0.15em; |
|
} |
|
|
|
.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; |
|
} |
|
|
|
.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, select.input_alert { |
|
border: 1px solid #ff3f3f; |
|
} |
|
|
|
input[type=text].input_clear, input[type=number].input_clear, select.input_clear { |
|
border: 1px solid #9ba0a5; |
|
} |
|
|
|
.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_icon { |
|
/* border: 1px dotted blue; */ |
|
padding-top: 10px; |
|
padding-bottom: 10px; |
|
vertical-align: center; |
|
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; |
|
} |
|
|
|
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.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; |
|
} |
|
|
|
td.column_row_value_fixed { |
|
text-align: left; |
|
color: #f7f7f7; |
|
font-family: 'Dejavu Sans Mono', Courier; |
|
padding: 0.2em; |
|
font-size: 0.9em; |
|
} |
|
|
|
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_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; |
|
} |
|
|
|
.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; |
|
}
|
|
|