|
|
|
/*
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
* Moved the fences_unified_metadata file from /tmp, which apache can not read, to /var/www/html/.
* Fixed a bug (well, made a work-around for an issue without a known reproducer) where, on some occassion, a record will end up in the public table without being copied into the history schema. When this happens, the next resync would crash out because the resynd reads in the history table only. Now, when about to INSERT a record into the public schema during a resync, an explicit check is made to see if the record alread
y exists. If it does, the INSERT is instead redirected to the history schema.
* Cleaned up the fence agent metadata when displaying to a user, converting the shell codes to underline a string with square brackets instead. We also now replace newlines with <br /> tags. Lastly, to help fence_azure_arm's metadata description to display cleanly, a check is made to format the table correctly.
* Began work on the Striker menu for handling fence device management
Signed-off-by: Digimer <digimer@alteeve.ca>
5 years ago
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
|
|
|
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;
|
|
|
|
}
|