anvil/html/skins/alteeve/main.css

/* 
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;
}

.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_required {
	color: 1px solid #3ed688;
}

.say_required {
	color: #3ed688;
}

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_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;
}

.fixed_link {
	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 {
	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_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;
}

table.list {
/*	margin-left:    auto; */
/* 	margin-right:   auto; */
	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;
}