Files
old-krovovi-kalkulator/helix/static/css/main.css
2018-01-15 13:31:00 +01:00

1068 lines
19 KiB
CSS

/* line 3 */
.array_information {
margin: 0 25px;
display: flex;
flex-direction: column;
width: calc(100% - 50px);
border: 1px solid #D1D1D1;
}
/* line 10 */
.array_information .item_title {
font-weight: bold;
}
/* line 14 */
.array_information .item_body {
color: #0075C2;
font-weight: 600;
}
/* line 19 */
.array_information .array_summary {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 10px;
justify-content: flex-start;
}
/* line 26 */
.array_information .array_summary .summary_item {
width: calc(50% - 50px);
margin: 10px 20px;
}
/* line 33 */
.array_information .subarray_summary h4 {
padding: 0 25px;
margin-bottom: 0;
}
/* line 38 */
.array_information .subarray_summary #seismic_save {
color: white;
height: 50px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
}
/* line 47 */
.array_information .subarray_summary #seismic_save .left_container {
display: flex;
justify-content: flex-start;
align-items: center;
}
/* line 52 */
.array_information .subarray_summary #seismic_save .left_container .seismic_save_message {
padding-left: 10px;
}
/* line 57 */
.array_information .subarray_summary #seismic_save .circle {
border: 2px solid white;
border-radius: 50%;
height: 25px;
width: 25px;
font-weight: 500;
text-align: center;
line-height: 25px;
}
/* line 67 */
.array_information .subarray_summary #seismic_save .dismiss_button {
height: 20px;
}
/* line 71 */
.array_information .subarray_summary #seismic_save.seismic_error {
background: #F06A3F;
}
/* line 75 */
.array_information .subarray_summary #seismic_save.seismic_success {
background: #6BB24A;
}
/* line 82 */
.system_data_upload {
display: flex;
}
/* line 85 */
.system_data_upload.initial_array_upload {
color: #9B9B9B;
width: 100%;
flex-direction: column;
border: 1px solid #EAEAEA;
background: #FDFDFD;
padding: 30px;
margin: 0 40px 50px;
}
/* line 95 */
.system_data_upload.change_array_form {
display: flex;
width: 100%;
border-bottom: 1px solid #D1D1D1;
align-items: flex-end;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
/* line 104 */
.system_data_upload.change_array_form .form_row {
flex-grow: 2;
padding: 0;
}
/* line 108 */
.system_data_upload.change_array_form .form_row label {
font-weight: 600;
}
/* line 113 */
.system_data_upload.change_array_form .button {
flex-grow: 1;
width: calc(50% - 100px);
margin: 20px;
}
/* line 120 */
.system_data_upload .system_data_title {
align-self: center;
font-size: 20px;
font-weight: 500;
margin-bottom: 30px;
}
/* line 127 */
.system_data_upload .upload_field {
align-self: center;
margin-top: 30px;
cursor: pointer;
text-align: center;
position: relative;
overflow: hidden;
width: auto;
}
/* line 137 */
.system_data_upload .upload_field .upload_field_text i {
margin-right: 10px;
}
/* line 141 */
.system_data_upload .upload_field .system_upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
height: 100%;
width: 100%;
}
/* line 157 */
.grey_line {
border: 1px solid #EAEAEA;
width: calc(100% - 50px);
margin: 0 25px;
height: 0;
}
/* line 164 */
.array_visualization_header {
margin: 10px 25px 0;
display: flex;
justify-content: space-between;
width: 100%;
font-weight: 600;
padding-bottom: 10px;
align-items: center;
}
/* line 173 */
.array_visualization_header #zoom_level {
margin-right: 10px;
}
/* line 177 */
.array_visualization_header .seismic_anchor_control {
display: flex;
}
/* line 180 */
.array_visualization_header .seismic_anchor_control .seismic_control {
padding: 5px 10px;
}
/* line 184 */
.array_visualization_header .seismic_anchor_control a {
text-decoration: none;
width: auto;
}
/* line 189 */
.array_visualization_header .seismic_anchor_control .cancel_button {
color: #C7C7C7;
background: white;
font-size: 20px;
}
/* line 196 */
.array_visualization_header .seismic_anchor_control #add_seismic .icon-seismic-anchor {
color: #70B72D;
border: 1px solid #70B72D;
border-radius: 50%;
}
/* line 204 */
.array_visualization_header .seismic_anchor_control #remove_seismic .icon-seismic-anchor {
color: #EF6C6E;
border: 1px solid #EF6C6E;
border-radius: 50%;
}
/* line 212 */
.array_visualization_header .overlay_toggle {
border: 1px solid #2888CB;
padding: 5px 10px;
margin: 0 10px;
}
/* line 217 */
.array_visualization_header .overlay_toggle.overlay_active {
border: 3px solid #2888CB;
}
/* line 222 */
.array_visualization_header .header_action {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
color: #2888CB;
}
/* line 229 */
.array_visualization_header .header_action .zoom_indicator {
background: #DDDDDD;
width: 8px;
margin: 3px;
height: 20px;
}
/* line 235 */
.array_visualization_header .header_action .zoom_indicator.zoom_active {
background: #2888CB;
}
/* line 240 */
.array_visualization_header .header_action .zoom_button {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 50%;
border: 1px solid #2888CB;
width: 30px;
height: 30px;
font-size: 20px;
display: flex;
margin: 3px;
justify-content: center;
line-height: 30px;
}
/* line 258 */
#legend_container {
display: flex;
align-items: center;
justify-content: space-between;
margin: 25px;
}
/* line 265 */
.legend {
width: 50%;
}
/* line 269 */
.anchor_colors_legend {
padding: 15px;
}
/* line 273 */
canvas {
margin: 0 25px;
border: 1px solid #D1D1D1;
}
/* line 278 */
.array_summary_warning {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
background-color: #ffdc8b;
border: 1px solid #F59234;
padding: 7px;
}
/* line 3 */
.ebom_section_content {
width: 100%;
}
/* line 7 */
.ebom_form {
margin: 25px 50px;
border: 1px solid #EAEAEA;
}
/* line 11 */
.ebom_form.hidden {
display: none;
}
/* line 16 */
.ebom_subsection {
width: 100%;
border-top: 1px solid #EAEAEA;
}
/* line 20 */
.ebom_subsection.submit {
text-align: left;
padding: 25px;
display: flex;
}
/* line 25 */
.ebom_subsection.submit .button {
width: 100px;
height: 45px;
box-sizing: border-box;
padding: 0;
text-align: center;
line-height: 45px;
}
/* line 34 */
.ebom_subsection.submit .cancel_button {
border: 2px solid #EAEAEA;
color: #C7C7C7;
background: white;
margin-left: 10px;
}
/* line 41 */
.ebom_subsection.submit .delete_button {
color: white;
background: #CE0B24;
}
/* line 46 */
.ebom_subsection.submit a.button {
display: inline-block;
text-decoration: none;
margin-left: 10px;
}
/* line 51 */
.ebom_subsection.submit a.button.hidden {
display: none;
}
/* line 59 */
.inverter_form_row .bold_header {
font-weight: 600;
font-size: 18px;
margin-left: 25px;
}
/* line 65 */
.inverter_form_row .form_row {
margin-top: 0;
}
/* line 70 */
#standalone_inverter_form .inverter_form_row {
margin-top: 20px;
width: 100%;
}
/* line 75 */
.inverter_inputs_container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin: 0 20px;
}
/* line 81 */
.inverter_inputs_container .form_row {
margin-left: 0;
margin-right: 0;
}
/* line 86 */
.inverter_inputs_container input, .inverter_inputs_container select {
font-size: 16px;
letter-spacing: 0;
}
/* line 92 */
.required_inverter_fields {
display: flex;
width: 68%;
}
/* line 96 */
.required_inverter_fields .inverter_strings {
width: 28%;
}
/* line 100 */
.required_inverter_fields .inverter_model {
width: calc(100% - 20px);
flex-grow: 1;
}
/* line 105 */
.required_inverter_fields .quantity {
width: 65px;
}
/* line 110 */
.optional_inverter_fields {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 5px;
}
/* line 117 */
.optional_inverter_fields .checkbox_form_row {
width: 100%;
margin-top: 0;
text-align: center;
}
/* line 125 */
.checkbox_form_row input {
width: auto;
}
/* line 130 */
#aux_plug_row.checkbox_form_row {
align-self: center;
}
/* line 134 */
.checkbox_row {
display: flex;
width: 100%;
}
/* line 139 */
.add_button {
font-size: 18px;
font-weight: normal;
}
/* line 143 */
.add_button.disabled {
color: #CCCCCC;
}
/* line 146 */
.add_button.disabled .icon-plus {
color: #D6EBF6;
}
/* line 152 */
.power_station_table, .standalone_inverter_table, .supervisor_monitor_table {
margin: 50px;
font-size: 14px;
width: calc(100% - 100px);
border-spacing: 0;
}
/* line 158 */
.power_station_table td, .standalone_inverter_table td, .supervisor_monitor_table td {
padding-left: 15px;
padding-right: 20px;
}
/* line 162 */
.power_station_table td.narrow_line, .standalone_inverter_table td.narrow_line, .supervisor_monitor_table td.narrow_line {
line-height: 90%;
}
/* line 166 */
.power_station_table td.centered, .standalone_inverter_table td.centered, .supervisor_monitor_table td.centered {
text-align: center;
}
/* line 171 */
.power_station_table th, .standalone_inverter_table th, .supervisor_monitor_table th {
text-align: left;
font-weight: 500;
color: #0075C2;
padding-left: 15px;
padding-bottom: 5px;
border-bottom: 2px solid #0075C2;
}
/* line 180 */
.power_station_table .alternating_row_color:nth-child(odd), .standalone_inverter_table .alternating_row_color:nth-child(odd), .supervisor_monitor_table .alternating_row_color:nth-child(odd) {
background-color: #ECF9FF;
}
/* line 184 */
.power_station_table tr.alternating_row_color.selected, .standalone_inverter_table tr.alternating_row_color.selected, .supervisor_monitor_table tr.alternating_row_color.selected {
background: #5199F5;
color: white;
}
/* line 189 */
.power_station_table i, .standalone_inverter_table i, .supervisor_monitor_table i {
color: #C7C7C7;
font-size: 20px;
}
/* line 194 */
.power_station_table i.icon-ok, .standalone_inverter_table i.icon-ok, .supervisor_monitor_table i.icon-ok {
color: #0075C2;
}
/* line 198 */
.power_station_table .trash_can_link, .standalone_inverter_table .trash_can_link, .supervisor_monitor_table .trash_can_link {
display: inline-block;
text-decoration: none;
}
/* line 205 */
.standalone_inverter_table td, .supervisor_monitor_table td {
padding-top: 10px;
padding-bottom: 10px;
}
/* line 211 */
.icon-plus {
font-size: 25px;
font-weight: bold;
color: #0075C2;
}
/* line 217 */
.empty_state {
height: 200px;
display: flex;
align-items: center;
justify-content: center;
background: #FDFDFD;
font-weight: 500;
color: #C7C7C7;
font-size: 18px;
}
/* line 228 */
.ebom_section_header {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-left: 50px;
margin-right: 50px;
font-size: 20px;
font-weight: 600;
}
/* line 238 */
.monitoring_tag {
background: #FBE7C8;
color: #BA842C;
border: 1px solid #F0D09D;
border-radius: 3px;
padding: 0 5px;
}
/* line 3 */
.form_section {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
/* line 8 */
.form_section h3 {
width: 100%;
margin: 25px;
font-weight: 600;
border-bottom: 2px solid #0075C2;
}
/* line 14 */
.form_section h3 span.optional {
color: #C7C7C7;
font-size: 12px;
padding-left: 10px;
font-weight: normal;
}
/* line 23 */
i.icon-info-circled {
color: #0075C2;
font-size: 18px;
}
/* line 28 */
.tooltip_container {
display: inline-block;
position: relative;
}
/* line 33 */
.tooltip {
background: black;
color: white;
border-radius: 5px;
position: absolute;
bottom: 30px;
width: 200px;
left: -100px;
padding: 16px;
}
/* line 43 */
.tooltip:after {
top: 100%;
left: 50%;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border: 10px solid transparent;
border-top-color: black;
margin-left: -10px;
}
/* line 57 */
.form_row {
padding: 5px;
margin: 20px;
width: calc(50% - 50px);
}
/* line 62 */
.form_row label {
white-space: nowrap;
margin-bottom: 8px;
}
/* line 68 */
.error_container {
display: flex;
flex-grow: 1;
width: calc(50% - 20px);
margin: 0 10px;
}
/* line 75 */
.info_message {
color: black;
padding-left: 5px;
margin: 0 auto;
}
/* line 81 */
.error_message {
color: red;
padding-left: 5px;
margin: 0 auto;
}
/* line 87 */
input, select {
width: calc(100% - 20px);
padding: 10px;
font-size: 22px;
background: #F4F4F4;
border: none;
color: #0075C2;
letter-spacing: 2px;
}
/* line 97 */
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #F4F4F4 url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat calc(100% - 15px);
}
/* line 104 */
.submit, .download {
padding: 20px;
text-align: center;
border-top: 1px solid #EAEAEA;
}
/* line 110 */
.button, button {
background: #5199F5;
color: white;
padding: 10px 30px;
width: 50%;
border: none;
border-radius: 5px;
font-size: 20px;
letter-spacing: 2px;
}
/* line 121 */
.navigation_buttons {
display: flex;
justify-content: flex-end;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
padding: 20px;
}
/* line 128 */
.navigation_buttons a {
text-decoration: none;
width: auto;
margin: 0 20px;
}
/* line 134 */
.navigation_buttons .button {
width: auto;
}
/* line 139 */
.back {
border: 2px solid #5199F5;
color: #5199F5;
background: white;
margin-left: 10px;
}
/* line 146 */
a.back {
text-decoration: none;
}
/* line 150 */
.sample_images {
display: flex;
justify-content: flex-end;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
padding: 15px;
}
/* line 157 */
.sample_images a {
text-decoration: none;
width: auto;
margin: 2px 5px;
}
/* line 163 */
.sample_images .button {
width: auto;
}
/* line 168 */
.image_button, button {
background: #5199F5;
color: white;
padding: 10px 30px;
width: 50%;
border: none;
border-radius: 5px;
font-size: 15px;
letter-spacing: 1px;
}
/* line 3 */
dt {
font-weight: 600;
font-size: 18px;
color: #0075C2;
}
/* line 9 */
dd {
margin-bottom: 20px;
}
/* line 13 */
.documentation {
width: 100%;
margin: 25px;
}
/* line 17 */
.documentation img {
width: 100%;
}
/* line 21 */
.documentation h3 {
font-weight: 600;
border-bottom: 2px solid #0075C2;
}
/* line 25 */
.documentation h3 span.optional {
color: #C7C7C7;
font-size: 12px;
padding-left: 10px;
font-weight: normal;
}
/* line 33 */
.documentation p {
font-weight: 500;
}
/* line 37 */
.documentation a {
text-decoration: none;
}
/* line 3 */
body {
font-family: "Avenir Next", sans-serif;
margin: 0;
}
/* line 8 */
header {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 20px solid #0075C2;
border-bottom: 2px solid #EAEAEA;
padding: 20px;
}
/* line 16 */
header .group {
display: flex;
justify-content: flex-start;
align-items: center;
}
/* line 21 */
header .group h1 {
width: 100%;
padding-right: 25px;
}
/* line 26 */
header .group .back {
padding: 5px 10px;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
}
/* line 34 */
header img {
width: 200px;
height: 25px;
}
/* line 40 */
h1 {
margin: 0;
font-size: 25px;
font-weight: 600;
}
/* line 46 */
.content {
width: 900px;
margin: 40px auto;
}
/* line 51 */
.hidden {
display: none;
}
/* line 55 */
.clickable {
cursor: pointer;
}
/* line 59 */
.spacer {
flex-grow: 1;
}
/* line 63 */
.spinner-panel {
position: fixed;
margin: 0 auto;
top: 0;
left: 0;
width: 0;
/* It will be updated to 100% in JS. Workaround for Safari issue with display:none; */
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
font-size: 24px;
overflow: hidden;
}
/* line 84 */
.msg-container {
background-color: #FDFDFD;
border: 1px solid #D8D8D8;
margin: 20px;
padding: 10px;
padding-left: 30px;
}
/* line 91 */
.msg-container li {
padding-left: 0 !important;
}
/* line 3 */
.navigation_header {
display: flex;
justify-content: space-between;
}
/* line 9 */
.navigation_header .nav_step {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
}
/* line 16 */
.navigation_header .step_line {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 5px;
}
/* line 22 */
.navigation_header .step_line .line {
flex-grow: 1;
height: 0;
border: 2px solid #D8D8D8;
}
/* line 29 */
.navigation_header .circle {
border: 3px solid #9B9B9B;
border-radius: 50%;
height: 30px;
width: 30px;
}
/* line 36 */
.navigation_header i.icon-ok {
display: none;
color: #C7C7C7;
text-align: center;
line-height: 30px;
width: 30px;
}
/* line 45 */
.navigation_header .completed i.icon-ok {
display: inline-block;
}
/* line 51 */
.navigation_header .active .circle {
border: 3px solid #F59234;
}
/* line 55 */
.navigation_header .active i.icon-ok {
color: #F8A33C;
}
/* line 3 */
#summary_table {
width: calc(100% - 50px);
}
/* line 7 */
#seismic_anchor_table {
overflow-x: auto;
width: calc(100% - 50px);
display: inline-block;
margin-top: 5px;
}
/* line 12 */
#seismic_anchor_table th {
border-bottom: 3px solid #EAEAEA;
}
/* line 19 */
#seismic_anchor_table tr td:first-child, #summary_values_table tr td:first-child {
border-left: none;
}
/* line 23 */
#seismic_anchor_table tr td:last-child, #summary_values_table tr td:last-child {
border-right: none;
}
/* line 27 */
#seismic_anchor_table tr td, #summary_values_table tr td {
padding-left: 10px;
padding-right: 10px;
}
/* line 34 */
.summary_table {
margin: 25px;
text-align: center;
border-spacing: 0;
border-collapse: collapse;
}
/* line 40 */
.summary_table th {
background: #EAEAEA;
padding: 10px;
font-weight: 600;
font-size: 14px;
border-left: 3px solid #EAEAEA;
}
/* line 48 */
.summary_table td {
padding: 7px;
font-weight: 500;
border: 3px solid #EAEAEA;
}
/* line 54 */
.summary_table .alternating_row_color:nth-child(6n),
.summary_table .alternating_row_color:nth-child(6n+1),
.summary_table .alternating_row_color:nth-child(6n+2) {
background-color: #ECF9FF;
}
/* line 61 */
.summary_warning {
background-color: #ffdc8b;
border: 1px solid #F59234;
padding: 10px;
}
/* line 67 */
td.table_horizontal_borders {
border: none;
border-bottom: 3px solid #EAEAEA;
border-top: 3px solid #EAEAEA;
}
/* line 72 */
td.table_horizontal_borders.warning {
background-color: #ffdc8b;
}
/* line 77 */
td.table_meta_headers {
font-weight: 600;
border: none;
font-size: 18px;
}
/* line 83 */
td.corner_border {
border-left: 3px solid #9C63CC;
}
/* line 87 */
td.north_south_border {
border-left: 3px solid #FFBE25;
}
/* line 91 */
td.east_west_border {
border-left: 3px solid #0BB2EE;
}
/* line 95 */
td.middle_border {
border-left: 3px solid #94CE57;
}
/* line 99 */
table .left_text_cell {
text-align: left;
padding-left: 10px;
}
/* line 104 */
table .right_border_cell {
border-left: none;
}
/* line 108 */
.image_container {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
/* line 116 */
.image_container img {
width: 90%;
}
/* line 119 */
.image_container img.side_by_side {
width: 50%;
}
/* line 123 */
.image_container img.dual_tilt_panel_types {
width: 65%;
margin-bottom: 25px;
}