From 17c91b83d1b13410e766884c36c5b42182b9e032 Mon Sep 17 00:00:00 2001 From: Steven Evans Date: Mon, 9 Jul 2018 23:10:31 -0400 Subject: [PATCH] [style] Enabled Stylelint 'indentation' rule --- css/bladeburner.css | 12 +-- css/loader.css | 190 ++++++++++++++++++++++---------------------- css/menupages.css | 58 +++++++------- css/missions.css | 24 +++--- css/styles.css | 56 ++++++------- css/terminal.css | 24 +++--- stylelint.config.js | 2 +- 7 files changed, 183 insertions(+), 183 deletions(-) diff --git a/css/bladeburner.css b/css/bladeburner.css index 9d1736db4..149a5d0cf 100644 --- a/css/bladeburner.css +++ b/css/bladeburner.css @@ -72,12 +72,12 @@ .bladeburner-console-input { display: inline-block; - padding: 0 !important; - margin: 0 !important; - border: 0; - background-color: var(--my-background-color); - font-size: 13px; - outline: none; + padding: 0 !important; + margin: 0 !important; + border: 0; + background-color: var(--my-background-color); + font-size: 13px; + outline: none; color: var(--my-font-color); flex: 1 1 auto; } diff --git a/css/loader.css b/css/loader.css index 0e18fb004..606ddcaf5 100644 --- a/css/loader.css +++ b/css/loader.css @@ -1,148 +1,148 @@ @-webkit-keyframes LOADERSPINNER { - 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); } - 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); } + 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); } + 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); } } @-moz-keyframes LOADERSPINNER { - 0% { -moz-transform: translate(-50%, -50%) rotate(0deg); } - 100% { -moz-transform: translate(-50%, -50%) rotate(360deg); } + 0% { -moz-transform: translate(-50%, -50%) rotate(0deg); } + 100% { -moz-transform: translate(-50%, -50%) rotate(360deg); } } @-ms-keyframes LOADERSPINNER { - 0% { -ms-transform: translate(-50%, -50%) rotate(0deg); } - 100% { -ms-transform: translate(-50%, -50%) rotate(360deg); } + 0% { -ms-transform: translate(-50%, -50%) rotate(0deg); } + 100% { -ms-transform: translate(-50%, -50%) rotate(360deg); } } @-o-keyframes LOADERSPINNER { - 0% { -o-transform: translate(-50%, -50%) rotate(0deg); } - 100% { -o-transform: translate(-50%, -50%) rotate(360deg); } + 0% { -o-transform: translate(-50%, -50%) rotate(0deg); } + 100% { -o-transform: translate(-50%, -50%) rotate(360deg); } } @keyframes LOADERSPINNER { - 0% { transform: translate(-50%, -50%) rotate(0deg); } - 100% { transform: translate(-50%, -50%) rotate(360deg); } + 0% { transform: translate(-50%, -50%) rotate(0deg); } + 100% { transform: translate(-50%, -50%) rotate(360deg); } } @-webkit-keyframes LOADERLABEL { - 0% { opacity: 1.0; -webkit-transform: translate(-50%, -50%) scale(1.0); } - 5% { opacity: 0.5; -webkit-transform: translate(-50%, -50%) scale(0.5); } - 95% { opacity: 0.5; -webkit-transform: translate(-50%, -50%) scale(0.5); } - 100% { opacity: 1.0; -webkit-transform: translate(-50%, -50%) scale(1.0); } + 0% { opacity: 1.0; -webkit-transform: translate(-50%, -50%) scale(1.0); } + 5% { opacity: 0.5; -webkit-transform: translate(-50%, -50%) scale(0.5); } + 95% { opacity: 0.5; -webkit-transform: translate(-50%, -50%) scale(0.5); } + 100% { opacity: 1.0; -webkit-transform: translate(-50%, -50%) scale(1.0); } } @-moz-keyframes LOADERLABEL { - 0% { opacity: 1.0; -moz-transform: translate(-50%, -50%) scale(1.0); } - 5% { opacity: 0.5; -moz-transform: translate(-50%, -50%) scale(0.5); } - 95% { opacity: 0.5; -moz-transform: translate(-50%, -50%) scale(0.5); } - 100% { opacity: 1.0; -moz-transform: translate(-50%, -50%) scale(1.0); } + 0% { opacity: 1.0; -moz-transform: translate(-50%, -50%) scale(1.0); } + 5% { opacity: 0.5; -moz-transform: translate(-50%, -50%) scale(0.5); } + 95% { opacity: 0.5; -moz-transform: translate(-50%, -50%) scale(0.5); } + 100% { opacity: 1.0; -moz-transform: translate(-50%, -50%) scale(1.0); } } @-ms-keyframes LOADERLABEL { - 0% { opacity: 1.0; -ms-transform: translate(-50%, -50%) scale(1.0); } - 5% { opacity: 0.5; -ms-transform: translate(-50%, -50%) scale(0.5); } - 95% { opacity: 0.5; -ms-transform: translate(-50%, -50%) scale(0.5); } - 100% { opacity: 1.0; -ms-transform: translate(-50%, -50%) scale(1.0); } + 0% { opacity: 1.0; -ms-transform: translate(-50%, -50%) scale(1.0); } + 5% { opacity: 0.5; -ms-transform: translate(-50%, -50%) scale(0.5); } + 95% { opacity: 0.5; -ms-transform: translate(-50%, -50%) scale(0.5); } + 100% { opacity: 1.0; -ms-transform: translate(-50%, -50%) scale(1.0); } } @-o-keyframes LOADERLABEL { - 0% { opacity: 1.0; -o-transform: translate(-50%, -50%) scale(1.0); } - 5% { opacity: 0.5; -o-transform: translate(-50%, -50%) scale(0.5); } - 95% { opacity: 0.5; -o-transform: translate(-50%, -50%) scale(0.5); } - 100% { opacity: 1.0; -o-transform: translate(-50%, -50%) scale(1.0); } + 0% { opacity: 1.0; -o-transform: translate(-50%, -50%) scale(1.0); } + 5% { opacity: 0.5; -o-transform: translate(-50%, -50%) scale(0.5); } + 95% { opacity: 0.5; -o-transform: translate(-50%, -50%) scale(0.5); } + 100% { opacity: 1.0; -o-transform: translate(-50%, -50%) scale(1.0); } } @keyframes LOADERLABEL { - 0% { opacity: 1.0; transform: translate(-50%, -50%) scale(1.0); } - 5% { opacity: 0.5; transform: translate(-50%, -50%) scale(0.5); } - 95% { opacity: 0.5; transform: translate(-50%, -50%) scale(0.5); } - 100% { opacity: 1.0; transform: translate(-50%, -50%) scale(1.0); } + 0% { opacity: 1.0; transform: translate(-50%, -50%) scale(1.0); } + 5% { opacity: 0.5; transform: translate(-50%, -50%) scale(0.5); } + 95% { opacity: 0.5; transform: translate(-50%, -50%) scale(0.5); } + 100% { opacity: 1.0; transform: translate(-50%, -50%) scale(1.0); } } *, *:before, *:after { - margin: 0; - padding: 0; - box-sizing: border-box; - vertical-align: top; + margin: 0; + padding: 0; + box-sizing: border-box; + vertical-align: top; } .loaderoverlay { - position: absolute; - width: 100%; - height: 100%; - background: rgba(255, 255, 255, 1.0); + position: absolute; + width: 100%; + height: 100%; + background: rgba(255, 255, 255, 1.0); } .loaderoverlay .loaderspinner, .loaderoverlay .loaderspinner:before, .loaderoverlay .loaderspinner:after { - border: 20px solid rgba(0, 0, 0, 0); - border-top: 20px solid #ccc; - border-bottom: 20px solid #ccc; - border-radius: 1000px; - position: absolute; - top: 50%; - left: 50%; + border: 20px solid rgba(0, 0, 0, 0); + border-top: 20px solid #ccc; + border-bottom: 20px solid #ccc; + border-radius: 1000px; + position: absolute; + top: 50%; + left: 50%; } .loaderoverlay .loaderspinner:before, .loaderoverlay .loaderspinner:after { - content: ""; + content: ""; } .loaderoverlay .loaderspinner { - width: 200px; - height: 200px; - -webkit-animation: LOADERSPINNER 5s linear infinite; - -moz-animation: LOADERSPINNER 5s linear infinite; - -ms-animation: LOADERSPINNER 5s linear infinite; - -o-animation: LOADERSPINNER 5s linear infinite; - animation: LOADERSPINNER 5s linear infinite; + width: 200px; + height: 200px; + -webkit-animation: LOADERSPINNER 5s linear infinite; + -moz-animation: LOADERSPINNER 5s linear infinite; + -ms-animation: LOADERSPINNER 5s linear infinite; + -o-animation: LOADERSPINNER 5s linear infinite; + animation: LOADERSPINNER 5s linear infinite; } .loaderoverlay .loaderspinner:before { - width: 160px; - height: 160px; - -webkit-animation: LOADERSPINNER 10s linear infinite; - -moz-animation: LOADERSPINNER 10s linear infinite; - -ms-animation: LOADERSPINNER 10s linear infinite; - -o-animation: LOADERSPINNER 10s linear infinite; - animation: LOADERSPINNER 10s linear infinite; + width: 160px; + height: 160px; + -webkit-animation: LOADERSPINNER 10s linear infinite; + -moz-animation: LOADERSPINNER 10s linear infinite; + -ms-animation: LOADERSPINNER 10s linear infinite; + -o-animation: LOADERSPINNER 10s linear infinite; + animation: LOADERSPINNER 10s linear infinite; } .loaderoverlay .loaderspinner:after { - width: 120px; - height: 120px; - -webkit-animation: LOADERSPINNER 5s linear infinite; - -moz-animation: LOADERSPINNER 5s linear infinite; - -ms-animation: LOADERSPINNER 5s linear infinite; - -o-animation: LOADERSPINNER 5s linear infinite; - animation: LOADERSPINNER 5s linear infinite; + width: 120px; + height: 120px; + -webkit-animation: LOADERSPINNER 5s linear infinite; + -moz-animation: LOADERSPINNER 5s linear infinite; + -ms-animation: LOADERSPINNER 5s linear infinite; + -o-animation: LOADERSPINNER 5s linear infinite; + animation: LOADERSPINNER 5s linear infinite; } .loaderoverlay .loaderlabel { - color: #6f3; - text-transform: uppercase; - font-family: sans-serif; - font-size: 22px; - font-weight: 700; - letter-spacing: 2px; - position: absolute; - top: 50%; - left: 50%; - -webkit-animation: LOADERLABEL 5s linear infinite; - -moz-animation: LOADERLABEL 5s linear infinite; - -ms-animation: LOADERLABEL 5s linear infinite; - -o-animation: LOADERLABEL 5s linear infinite; - animation: LOADERLABEL 5s linear infinite; + color: #6f3; + text-transform: uppercase; + font-family: sans-serif; + font-size: 22px; + font-weight: 700; + letter-spacing: 2px; + position: absolute; + top: 50%; + left: 50%; + -webkit-animation: LOADERLABEL 5s linear infinite; + -moz-animation: LOADERLABEL 5s linear infinite; + -ms-animation: LOADERLABEL 5s linear infinite; + -o-animation: LOADERLABEL 5s linear infinite; + animation: LOADERLABEL 5s linear infinite; } button[type="button"] { - padding: 0.5rem 1rem; - position: absolute; - z-index: 1; - bottom: 10px; - left: 50%; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - transform: translateX(-50%); + padding: 0.5rem 1rem; + position: absolute; + z-index: 1; + bottom: 10px; + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); } /* Customize */ .loaderoverlay { - background: #000; + background: #000; } .loaderoverlay .loaderspinner, .loaderoverlay .loaderspinner:before, .loaderoverlay .loaderspinner:after { - border-top-color: #6f3 !important; - border-bottom-color: #6f3 !important; + border-top-color: #6f3 !important; + border-bottom-color: #6f3 !important; } .loaderoverlay .loaderlabel { - color: #6f3; + color: #6f3; } \ No newline at end of file diff --git a/css/menupages.css b/css/menupages.css index 884b61b12..68c2b5654 100644 --- a/css/menupages.css +++ b/css/menupages.css @@ -1,12 +1,12 @@ /* CSS for different main menu pages, such as character info, script editor, etc (but excluding - terminal which has its own page) */ + terminal which has its own page) */ .generic-menupage-container { height: 100%; padding-left: 10px; margin-left: 10%; width: 99%; - overflow-y: scroll; + overflow-y: scroll; } /* Character Info */ @@ -49,13 +49,13 @@ /* This temp element is used for auto adjusting filename field */ .tmp-element { - visibility: hidden; - white-space: pre; + visibility: hidden; + white-space: pre; } #script-editor-container { - position: fixed; - padding-top: 10px; + position: fixed; + padding-top: 10px; } #script-editor-buttons-wrapper { @@ -91,28 +91,28 @@ #script-editor-filename { background-color: #555; display: inline-block; - float: center; - resize: none; - color: #fff; + float: center; + resize: none; + color: #fff; margin: 4px; padding: 2px; border: 2px solid var(--my-highlight-color); -webkit-box-shadow: - inset 0 0 8px rgba(0, 0, 0, 0.1), - 0 0 16px rgba(0, 0, 0, 0.1); + inset 0 0 8px rgba(0, 0, 0, 0.1), + 0 0 16px rgba(0, 0, 0, 0.1); -moz-box-shadow: - inset 0 0 8px rgba(0, 0, 0, 0.1), - 0 0 16px rgba(0, 0, 0, 0.1); + inset 0 0 8px rgba(0, 0, 0, 0.1), + 0 0 16px rgba(0, 0, 0, 0.1); box-shadow: - inset 0 0 8px rgba(0, 0, 0, 0.1), - 0 0 16px rgba(0, 0, 0, 0.1); + inset 0 0 8px rgba(0, 0, 0, 0.1), + 0 0 16px rgba(0, 0, 0, 0.1); } #script-editor-status { - float: left; - color: #fff; + float: left; + color: #fff; } #script-editor-options-panel { @@ -141,8 +141,8 @@ } #active-scripts-container { - position: fixed; - padding-top: 10px; + position: fixed; + padding-top: 10px; } #active-scripts-text, @@ -328,14 +328,14 @@ width: 34vw; border: 2px solid var(--my-highlight-color); -webkit-box-shadow: - inset 0 0 8px rgba(0, 0, 0, 0.1), - 0 0 16px rgba(0, 0, 0, 0.1); + inset 0 0 8px rgba(0, 0, 0, 0.1), + 0 0 16px rgba(0, 0, 0, 0.1); -moz-box-shadow: - inset 0 0 8px rgba(0, 0, 0, 0.1), - 0 0 16px rgba(0, 0, 0, 0.1); + inset 0 0 8px rgba(0, 0, 0, 0.1), + 0 0 16px rgba(0, 0, 0, 0.1); box-shadow: - inset 0 0 8px rgba(0, 0, 0, 0.1), - 0 0 16px rgba(0, 0, 0, 0.1); + inset 0 0 8px rgba(0, 0, 0, 0.1), + 0 0 16px rgba(0, 0, 0, 0.1); } .hacknet-node-container { @@ -467,7 +467,7 @@ .augmentations-list button, .augmentations-list div { color: var(--my-font-color); - padding: 8px; + padding: 8px; text-decoration: none; } @@ -503,8 +503,8 @@ /* Location */ #location-container { - position: fixed; - padding: 6px; + position: fixed; + padding: 6px; overflow-x: hidden; } @@ -524,7 +524,7 @@ } #location-container * { - margin: 10px 5px 10px 5px; + margin: 10px 5px 10px 5px; } #location-job-reputation, #location-company-favor { diff --git a/css/missions.css b/css/missions.css index 261727afa..2c57e59e9 100644 --- a/css/missions.css +++ b/css/missions.css @@ -72,16 +72,16 @@ .hack-mission-database-node { width: 100%; - height: 90%; - -webkit-transform: skew(20deg); - -moz-transform: skew(20deg); - -o-transform: skew(20deg); + height: 90%; + -webkit-transform: skew(20deg); + -moz-transform: skew(20deg); + -o-transform: skew(20deg); } .hack-mission-database-node p { -webkit-transform: skew(-20deg); - -moz-transform: skew(-20deg); - -o-transform: skew(-20deg); + -moz-transform: skew(-20deg); + -o-transform: skew(-20deg); color: #fff; font-size: 12px; margin-top: 8px; @@ -94,16 +94,16 @@ .hack-mission-transfer-node { width: 100%; - height: 90%; - -webkit-transform: skew(-20deg); - -moz-transform: skew(-20deg); - -o-transform: skew(-20deg); + height: 90%; + -webkit-transform: skew(-20deg); + -moz-transform: skew(-20deg); + -o-transform: skew(-20deg); } .hack-mission-transfer-node p { -webkit-transform: skew(20deg); - -moz-transform: skew(20deg); - -o-transform: skew(20deg); + -moz-transform: skew(20deg); + -o-transform: skew(20deg); color: #fff; font-size: 12px; margin-top: 8px; diff --git a/css/styles.css b/css/styles.css index 197cae8ae..f81180722 100644 --- a/css/styles.css +++ b/css/styles.css @@ -65,9 +65,9 @@ tr:focus { overflow: auto; border: 0; - border-bottom: 1px solid #000; - border-radius: 0; - background-color: #333; + border-bottom: 1px solid #000; + border-radius: 0; + background-color: #333; } /* Default buttons */ @@ -151,8 +151,8 @@ a:link, a:visited { .a-link-button:active { -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); - -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); + -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); } /* Make anchor tags ("a" elements) inactive (not clickable) */ @@ -309,8 +309,8 @@ a:link, a:visited { .help-tip:active { -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); - -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); + -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); } /* Flashing button (Red) */ @@ -348,38 +348,38 @@ a:link, a:visited { /* Blinking Cursor */ /* ----- blinking cursor animation ----- */ .typed-cursor{ - opacity: 1; - -webkit-animation: blink 0.95s infinite; - -moz-animation: blink 0.95s infinite; - -ms-animation: blink 0.95s infinite; - -o-animation: blink 0.95s infinite; - animation: blink 0.95s infinite; + opacity: 1; + -webkit-animation: blink 0.95s infinite; + -moz-animation: blink 0.95s infinite; + -ms-animation: blink 0.95s infinite; + -o-animation: blink 0.95s infinite; + animation: blink 0.95s infinite; } @-keyframes blink{ - 0% { opacity: 1; } - 50% { opacity: 0; } - 100% { opacity: 1; } + 0% { opacity: 1; } + 50% { opacity: 0; } + 100% { opacity: 1; } } @-webkit-keyframes blink{ - 0% { opacity: 1; } - 50% { opacity: 0; } - 100% { opacity: 1; } + 0% { opacity: 1; } + 50% { opacity: 0; } + 100% { opacity: 1; } } @-moz-keyframes blink{ - 0% { opacity: 1; } - 50% { opacity: 0; } - 100% { opacity: 1; } + 0% { opacity: 1; } + 50% { opacity: 0; } + 100% { opacity: 1; } } @-ms-keyframes blink{ - 0% { opacity: 1; } - 50% { opacity: 0; } - 100% { opacity: 1; } + 0% { opacity: 1; } + 50% { opacity: 0; } + 100% { opacity: 1; } } @-o-keyframes blink{ - 0% { opacity: 1; } - 50% { opacity: 0; } - 100% { opacity: 1; } + 0% { opacity: 1; } + 50% { opacity: 0; } + 100% { opacity: 1; } } /* Status text */ diff --git a/css/terminal.css b/css/terminal.css index b3fc648ab..54da4e75e 100644 --- a/css/terminal.css +++ b/css/terminal.css @@ -1,10 +1,10 @@ #terminal-container { position: fixed; margin-left: 10%; - height: 100%; + height: 100%; width: 99%; - overflow: auto; - overflow-y: scroll; + overflow: auto; + overflow-y: scroll; } #terminal { @@ -13,8 +13,8 @@ height: auto; width: 70%; font-size: 16px; - overflow: auto; - overflow-y: scroll; + overflow: auto; + overflow-y: scroll; background-color: var(--my-background-color); table-layout: fixed; } @@ -26,13 +26,13 @@ } .terminal-input { - display: inline-block; - padding: 0 !important; - margin: 0 !important; - border: 0; - background-color: var(--my-background-color); - font-size: 16px; - outline: none; + display: inline-block; + padding: 0 !important; + margin: 0 !important; + border: 0; + background-color: var(--my-background-color); + font-size: 16px; + outline: none; color: var(--my-font-color); } diff --git a/stylelint.config.js b/stylelint.config.js index d232b2cf6..cd2beeb40 100644 --- a/stylelint.config.js +++ b/stylelint.config.js @@ -100,7 +100,7 @@ module.exports = { // "var" // ], "function-whitespace-after": "always", -// "indentation": 4, + "indentation": 4, "keyframe-declaration-no-important": true, "length-zero-no-unit": true, // "max-empty-lines": 1,