From cc7a3d8d97e6fcd2d6431db366adc83564aa5933 Mon Sep 17 00:00:00 2001
From: bauslo <45819550+bauslo@users.noreply.github.com>
Date: Tue, 24 Mar 2020 13:23:43 +0100
Subject: [PATCH] mynode_grey.css

---
 .../var/www/mynode/static/css/mynode_grey.css | 621 ++++++++++++++++++
 1 file changed, 621 insertions(+)
 create mode 100644 rootfs/standard/var/www/mynode/static/css/mynode_grey.css

diff --git a/rootfs/standard/var/www/mynode/static/css/mynode_grey.css b/rootfs/standard/var/www/mynode/static/css/mynode_grey.css
new file mode 100644
index 000000000..eead76b86
--- /dev/null
+++ b/rootfs/standard/var/www/mynode/static/css/mynode_grey.css
@@ -0,0 +1,621 @@
+html {
+	background-color:#fdfdfd;
+}
+
+.logo_header {
+    margin: auto;
+    width: 300px;
+    padding-bottom: 20px;
+    cursor: pointer;
+}
+
+.logo_image {
+    width: 100%;
+}
+
+.footer {
+    margin: auto;
+    padding-top: 25px;
+    text-align: center;
+    font-size: 12px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+a:link {
+    color: black;
+    text-decoration: underline solid #0078d4;
+}  
+a:visited {
+    color: black;
+    text-decoration: underline solid #0078d4;
+}
+a:hover {
+    color: black;
+    text-decoration: underline solid #b3b0ad;
+}
+a:active {
+    color: black;
+    text-decoration: underline solid #b3b0ad;
+}
+
+.mynode_back_div {
+    position: fixed;
+    top: 20px;
+    left: 20px;
+}
+
+.mynode_top_right_div {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+}
+
+.state_header {
+    color: #555555;
+    text-align: center;
+    font-size: 56px;
+    font-family: Arial, Helvetica, sans-serif;
+    padding-bottom: 15px;
+}
+
+.state_subheader {
+    color: #555555;
+    text-align: center;
+    font-size: 28px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.main_header {
+    color: #555555;
+    text-align: center;
+    font-size: 32px;
+    font-family: Arial, Helvetica, sans-serif;
+    margin-bottom: 5px;
+	margin-top: 20px;
+}
+.main_header_sub_text {
+    width: 600px;
+    color: #444444;
+    margin: auto;
+    text-align: center;
+    font-size: 14px;
+    font-family: Arial, Helvetica, sans-serif;
+    margin-bottom: 10px;
+}
+
+.error_message {
+    color: red;
+    font-size: 16px;
+    font-family: Arial, Helvetica, sans-serif;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+.success_message {
+    color: green;
+    font-size: 16px;
+    font-family: Arial, Helvetica, sans-serif;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.app_tile_row_divider_left {
+    width: 50%;
+    float: left;
+    margin: 0px;
+}
+
+.app_tile_row_divider_right {
+    width: 50%;
+    float: right;
+    margin: 0px;
+
+}
+
+.app_tile_row {
+    margin: auto;
+    display: flex;
+    text-align: center;
+    justify-content: center;
+    margin-bottom: 10px;
+}
+.app_tile_row_section {
+    margin: auto;
+    display: flex;
+    text-align: center;
+    justify-content: center;
+    margin-bottom: 0px;
+    margin-left: 20px;
+    margin-right: 20px;
+}
+.app_tile {
+    display: inline-block;
+    position: relative;
+    border: 1px solid #b3b0ad;
+    /*border-radius: 20px;*/
+	background-color:#fff;
+    width: 130px;
+    min-width: 130px;
+    height: 180px;
+    padding: 10px;
+    margin: 6px 10px 6px 10px;
+}
+.app_tile_short {
+    display: inline-block;
+    position: relative;
+    border: 1px solid #b3b0ad;
+    /*border-radius: 20px;*/
+    width: 130px;
+    min-width: 130px;
+    height: 150px;
+    padding: 10px;
+    margin: 10px;
+}
+.app_tile:hover {
+	border: 1px solid #0078d4;
+	background-color: #eff6fc;
+}
+.settings_block_header:hover{
+	border: 1px solid #0078d4;
+	background-color:#eff6fc;
+}
+.info_tile:hover {
+    border: 1px solid #0078d4;
+	background-color:#eff6fc;
+}
+.green { background-color: green; }
+.yellow { background-color: yellow; }
+.red { background-color: red; }
+.gray { background-color: gray; }
+
+.green_text {color: green;}
+.yellow_text {color: yellow;}
+.red_text {color: red;}
+
+.app_status_icon {
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    top: 5px;
+    left: 5px;
+    border-radius: 50%;
+    -moz-border-radius: 50%;
+    -webkit-border-radius: 50%;
+}
+.app_logo {
+    margin: auto;
+    height: 55px;
+    padding-bottom: 5px;
+}
+.app_logo_icon {
+    margin: auto;
+    display: block;
+    width: 40%;
+}
+.app_title {
+    font-size: 18px;
+    text-align: center;
+    font-family: Arial, Helvetica, sans-serif;
+    margin-bottom: 6px;
+}
+.app_status {
+    font-size: 12px;
+    font-family: Arial, Helvetica, sans-serif;
+    line-height: 130%;
+}
+.app_contents {
+    font-size: 12px;
+    font-family: Arial, Helvetica, sans-serif;
+    position: absolute;
+    margin: auto;
+    width: 130px;
+    bottom: 10px;
+    text-align: center;
+}
+
+.info_tile {
+    display: inline-block;
+    position: relative;
+    border: 1px solid #b3b0ad;
+    /*border-radius: 25px;*/
+    min-width: 120px;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+.info_tile_header {
+    /*border-top-left-radius: 20px;
+    border-top-right-radius: 20px;*/
+    font-size: 18px;
+    font-family: Arial, Helvetica, sans-serif;
+    color: #666;
+    background-color: #eee;
+    padding: 5px 10px 5px 10px;
+}
+.info_tile_contents {
+    margin-top: 5px;
+    font-size: 16px;
+    font-family: Arial, Helvetica, sans-serif;
+    vertical-align: middle;
+    padding: 5px 10px 5px 10px;
+}
+
+.content_block {
+    width: 600px;
+    color: #444444;
+    margin: auto;
+    text-align: justify;
+    font-size: 14px;
+    font-family: Arial, Helvetica, sans-serif;
+    margin-bottom: 40px;
+}
+
+.instructions {
+    width: 75%;
+    color: #444444;
+    margin: auto;
+    text-align: left;
+    font-size: 18px;
+    font-family: Arial, Helvetica, sans-serif;
+    margin-bottom: 40px;
+    margin-top: 40px;
+}
+
+.instructions-header {
+    font-size: 18px;
+    text-align: center;
+}
+
+.instructions-steps li {
+    padding: 0.25em;
+}
+
+.instructions-terminal {
+    font-family: "Courier New", Courier, monospace;
+}
+
+.instructions-keyboard {
+    font-weight: bold;
+}
+
+.mynode_button {
+    width: 80%;
+    font-size: 14px;
+    font-family: Arial, Helvetica, sans-serif;
+    margin-top: 5px;
+}
+
+.mynode_button_small {
+    font-size: 12px !important;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.drive_usage {
+    margin-bottom: 25px;
+    font-size: 24px;
+    color: #222222;
+}
+
+.settings_block_header {
+    color: #333333;
+    border: 1px solid #b3b0ad;
+	background-color:#fff;
+    /*border-radius: 25px;*/
+    text-align: center;
+    display: block;
+    font-size: 24px;
+    font-family: Arial, Helvetica, sans-serif;
+    padding: 5px;
+    margin-bottom: 15px;
+}
+.settings_block_subheader {
+    color: #333333;
+    text-align: left;
+    font-size: 18px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: bold;
+    margin-bottom: 6px;
+}
+.settings_block_subheader_status {
+    color: #333333;
+    height: 18px;
+    text-align: left;
+    font-size: 14px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-style: italic;
+    vertical-align: middle;
+    margin-bottom: 2px;
+}
+.settings_block_subheader_status_icon {
+    width: 10px;
+    height: 10px;
+    margin-right: 5px;
+    display: inline-block;
+    border-radius: 50%;
+    -moz-border-radius: 50%;
+    -webkit-border-radius: 50%;
+}
+.settings_block {
+    width: 800px;
+    color: #444444;
+    margin: auto;
+    text-align: justify;
+    font-size: 14px;
+    font-family: Arial, Helvetica, sans-serif;
+    margin-bottom: 30px;
+}
+.divider {
+    width: 100%;
+    margin-top: 12px;
+    margin-bottom: 12px;
+    border-bottom: 1px dotted #b3b0ad;
+    margin-left: auto;
+    margin-right: auto;
+}
+.settings_button {
+    font-size: 14px;
+    font-family: Arial, Helvetica, sans-serif;
+    margin-top: 5px;
+}
+.settings_button_small {
+    font-size: 10px !important;
+    font-family: Arial, Helvetica, sans-serif;
+}
+.settings_input {
+    font-size: 14px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.seed_textbox {
+    width: 99%;
+    height: 120px;
+    font-size: 14px;
+}
+
+.small_message {
+    width: 500px;
+    font-size: 12px;
+    line-height: 1.5;
+    font-family: Arial, Helvetica, sans-serif;
+    text-align: center;
+    padding-top: 40px;
+    margin: auto;
+}
+
+#lndconnect_tabs {
+    margin: auto;
+    width: 500px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 10px;
+    line-height: 1.2;
+    word-wrap: break-word;
+    text-align: center;
+}
+.lndconnect_qr_code {
+    width: 500px;
+    margin: auto;
+}
+
+.product_key_form {
+    width: 400px;
+    margin: auto;
+}
+.product_key_input {
+    width: 100%;
+    font-size: 24px;
+    font-family: Arial, Helvetica, sans-serif;
+    text-align: center; 
+}
+.product_key_save_button {
+    width: 100%;
+    margin-top: 10px;
+    font-size: 20px !important;
+}
+.product_key_skip_button {
+    width: 100%;
+    margin-top: 10px;
+    font-size: 14px !important;
+}
+
+.main_page_warning_block {
+    color: #333333;
+    border: 1px solid #b3b0ad;
+    background-color: rgb(255, 250, 238);
+    width: 600px;
+    /*border-radius: 25px;*/
+    text-align: justify;
+    display: block;
+    font-size: 12px;
+    font-family: Arial, Helvetica, sans-serif;
+    padding: 5px;
+    margin: auto;
+    margin-bottom: 20px;
+}
+
+.main_page_error_block {
+    color: #333333;
+    border: 3px solid red;
+    background-color: rgb(255, 238, 238);
+    width: 600px;
+    /*border-radius: 25px;*/
+    text-align: justify;
+    display: block;
+    font-size: 12px;
+    font-family: Arial, Helvetica, sans-serif;
+    padding: 5px;
+    margin: auto;
+    margin-bottom: 20px;
+}
+
+#product_key_message {
+    margin: auto;
+    padding-bottom: 10px;
+    text-align: center;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.upgrade_ad_main_page {
+    color: #333333;
+    border: 1px solid #b3b0ad;
+    background-color: rgb(255, 250, 238);
+    width: 600px;
+    /*border-radius: 25px;*/
+    text-align: justify;
+    display: block;
+    font-size: 12px;
+    font-family: Arial, Helvetica, sans-serif;
+    padding: 5px;
+    padding-left: 12px;
+    margin: auto;
+    margin-bottom: 20px;
+}
+
+.port_forwarded_icon {
+    width: 26px;
+    height: 24px;
+    margin-left: auto;
+    margin-right: auto;
+    border-radius: 50%;
+    -moz-border-radius: 50%;
+    -webkit-border-radius: 50%;
+}
+
+.cli_command {
+    width: 800px;
+    margin: auto;
+    display: table;
+    padding: 10px;
+    vertical-align: middle;
+}
+.cli_command_input {
+    width: 685px;
+    font-size: 20px;
+    vertical-align: middle;
+}
+.cli_enter_button {
+    width: 100px;
+    font-size: 16px;
+    vertical-align: middle;
+}
+
+.cli_contents {
+    margin: auto;
+    width: 800px;
+    max-height: 500px;
+    height: 500px;
+    overflow-y: scroll;
+    border: 2px solid #222222;
+    /*border-radius: 5px;*/
+}
+.login_div {
+    width: 300px;
+    color: #444444;
+    margin: auto;
+    text-align: justify;
+    font-size: 18px;
+    font-family: Arial, Helvetica, sans-serif;
+    margin-top: 10px;
+    margin-bottom: 40px;
+}
+.login_password {
+    width: 100%;
+    font-size: 18px;
+    padding: 5px 8px;
+    margin: 8px 0;
+    box-sizing: border-box;
+}
+.login_submit {
+    width: 100%;
+    margin-top: 5px;
+}
+
+#download-handle {
+    width: 6em;
+    height: 1.6em;
+    top: 50%;
+    margin-top: -.8em;
+    text-align: center;
+    line-height: 1.6em;
+}
+#upload-handle {
+    width: 6em;
+    height: 1.6em;
+    top: 50%;
+    margin-top: -.8em;
+    text-align: center;
+    line-height: 1.6em;
+}
+
+.centered_text_div {
+    width: 800px;
+    margin: auto;
+    text-align: justify;
+    font-size: 14px;
+    font-family: Arial, Helvetica, sans-serif;
+    margin-top: 10px;
+    margin-bottom: 40px;
+}
+
+.config_textarea {
+    width: 800px;
+    height: 400px;
+    font-size: 14px;
+    font-family: "Courier New", Courier, monospace;
+}
+
+.loading_image {
+    width: 128px;
+}
+
+/* The switch - the box around the slider */
+.switch {
+    position: relative;
+    display: inline-block;
+    width: 36px;
+    height: 22px;
+}
+/* Hide default HTML checkbox */
+.switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+/* The slider */
+.slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    -webkit-transition: .4s;
+    transition: .4s;
+}
+.slider:before {
+    position: absolute;
+    content: "";
+    height: 14px;
+    width: 14px;
+    left: 4px;
+    bottom: 4px;
+    background-color: white;
+    -webkit-transition: .4s;
+    transition: .4s;
+}
+input:checked + .slider {
+    background-color: #2196F3;
+}
+input:focus + .slider {
+    box-shadow: 0 0 1px #2196F3;
+}
+input:checked + .slider:before {
+    -webkit-transform: translateX(14px);
+    -ms-transform: translateX(14px);
+    transform: translateX(14px);
+}
+/* Rounded sliders */
+.slider.round {
+    border-radius: 20px;
+}
+.slider.round:before {
+    border-radius: 50%;
+}