Personal_mirrors/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2025-03-26 20:22:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request from kopelli/stylelint-refactors

Browse Source 
Stylelint refactors
This commit is contained in:
danielyxie
2018-07-14 19:31:48 -05:00
committed by GitHub
parent b98f113845 65082d4e0b
commit eed0a664cd
11 changed files with 454 additions and 460 deletions

18
css/bladeburner.css

@ -7,7 +7,7 @@
} }
.bladeburner-action { .bladeburner-action {
border:1px solid white; border: 1px solid #fff;
margin: 7px; margin: 7px;
padding: 7px; padding: 7px;
white-space: pre-wrap; white-space: pre-wrap;
@ -19,13 +19,13 @@
/* Whatever action is currently active */ /* Whatever action is currently active */
.bladeburner-active-action { .bladeburner-active-action {
border:4px solid white; border: 4px solid #fff;
} }
/* Action & Skills panel navigation button */ /* Action & Skills panel navigation button */
.bladeburner-nav-button { .bladeburner-nav-button {
border:1px solid white; border: 1px solid #fff;
color:white; color: #fff;
padding: 2px; padding: 2px;
margin: 2px; margin: 2px;
} }
@ -35,7 +35,7 @@
} }
.bladeburner-nav-button-inactive { .bladeburner-nav-button-inactive {
border:1px solid white; border: 1px solid #fff;
padding: 2px; padding: 2px;
margin: 2px; margin: 2px;
text-decoration: none; text-decoration: none;
@ -48,7 +48,7 @@
.bladeburner-console-div { .bladeburner-console-div {
display: inline-block; display: inline-block;
width: 40%; width: 40%;
border:1px solid white; border: 1px solid #fff;
overflow: auto; overflow: auto;
height: 100%; height: 100%;
position: absolute; position: absolute;
@ -72,9 +72,9 @@
.bladeburner-console-input { .bladeburner-console-input {
display: inline-block; display: inline-block;
padding: 0px !important; padding: 0 !important;
margin: 0px !important; margin: 0 !important;
border: 0px; border: 0;
background-color: var(--my-background-color); background-color: var(--my-background-color);
font-size: 13px; font-size: 13px;
outline: none; outline: none;

32
css/companymanagement.css

@ -4,13 +4,12 @@
font-size: 13px; font-size: 13px;
} }
/* Header tabs */ /* Header tabs */
.cmpy-mgmt-header-tab { .cmpy-mgmt-header-tab {
display: inline-block; display: inline-block;
color: white; color: #fff;
background-color: #555; background-color: #555;
border:1px solid white; border: 1px solid #fff;
padding: 4px; padding: 4px;
} }
@ -25,9 +24,9 @@
/* Switch between Cities */ /* Switch between Cities */
.cmpy-mgmt-city-tab { .cmpy-mgmt-city-tab {
display: inline-block; display: inline-block;
color: white; color: #fff;
background-color: #555; background-color: #555;
border: 1px solid white; border: 1px solid #fff;
padding: 4px; padding: 4px;
} }
@ -55,27 +54,27 @@
} }
.cmpy-mgmt-industry-overview-panel { .cmpy-mgmt-industry-overview-panel {
border: 1px solid white; border: 1px solid #fff;
color: var(--my-font-color); color: var(--my-font-color);
display: inline-block; display: inline-block;
width: 100%; width: 100%;
} }
.cmpy-mgmt-employee-panel { .cmpy-mgmt-employee-panel {
border: 1px solid white; border: 1px solid #fff;
display: block; display: block;
width: 100%; width: 100%;
} }
.cmpy-mgmt-warehouse-panel { .cmpy-mgmt-warehouse-panel {
border: 1px solid white; border: 1px solid #fff;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
} }
/* Hiring new employees */ /* Hiring new employees */
.cmpy-mgmt-find-employee-option { .cmpy-mgmt-find-employee-option {
border:1px solid white; border: 1px solid #fff;
margin: 6px; margin: 6px;
} }
@ -86,37 +85,36 @@
/* Warehouse */ /* Warehouse */
.cmpy-mgmt-warehouse-material-div { .cmpy-mgmt-warehouse-material-div {
padding: 2px; padding: 2px;
border:1px solid white; border: 1px solid #fff;
} }
.cmpy-mgmt-warehouse-product-div { .cmpy-mgmt-warehouse-product-div {
padding: 2px; padding: 2px;
border:1px solid white; border: 1px solid #fff;
} }
/* Exporting materials/products */ /* Exporting materials/products */
.cmpy-mgmt-existing-export { .cmpy-mgmt-existing-export {
border:1px solid white; border: 1px solid #fff;
border-radius: 25px; border-radius: 25px;
margin: 4px; margin: 4px;
padding: 4px; padding: 4px;
} }
.cmpy-mgmt-existing-export:hover { .cmpy-mgmt-existing-export:hover {
background-color:#333333; background-color: #333;
} }
/* Upgrades */ /* Upgrades */
.cmpy-mgmt-upgrade-container { .cmpy-mgmt-upgrade-container {
border:1px solid white; border: 1px solid #fff;
width: 60%; width: 60%;
margin: 4px; margin: 4px;
} }
.cmpy-mgmt-upgrade-div { .cmpy-mgmt-upgrade-div {
display: inline-block; display: inline-block;
border:1px solid white; border: 1px solid #fff;
margin: 2px; margin: 2px;
padding: 6px; padding: 6px;
border-radius: 25px; border-radius: 25px;
@ -125,5 +123,5 @@
} }
.cmpy-mgmt-upgrade-div:hover { .cmpy-mgmt-upgrade-div:hover {
background-color:#333333; background-color: #333;
} }

10
css/interactivetutorial.css

@ -10,11 +10,11 @@
top: 0; top: 0;
height: 400px; /* Full height */ height: 400px; /* Full height */
padding: 10px; padding: 10px;
border: 5px solid #FFFFFF; border: 5px solid #fff;
width: 20%; width: 20%;
overflow: auto; /* Enable scroll if needed */ overflow: auto; /* Enable scroll if needed */
background-color: #444; /* Fallback color */ background-color: #444; /* Fallback color */
color: white; color: #fff;
} }
#interactive-tutorial-container > strong { #interactive-tutorial-container > strong {
@ -24,7 +24,7 @@
#interactive-tutorial-text { #interactive-tutorial-text {
padding: 4px; padding: 4px;
margin: 4px; margin: 4px;
color: white; color: #fff;
background-color: #444; background-color: #444;
} }
@ -40,7 +40,7 @@
-moz-box-shadow: 1px 1px 3px #000; -moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;
background-color:black; background-color: #000;
} }
#interactive-tutorial-exit { #interactive-tutorial-exit {
@ -62,7 +62,7 @@
#interactive-tutorial-next:focus, #interactive-tutorial-next:focus,
#interactive-tutorial-back:hover, #interactive-tutorial-back:hover,
#interactive-tutorial-back:focus { #interactive-tutorial-back:focus {
color: white; color: #fff;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }

8
css/loader.css

@ -105,7 +105,7 @@
animation: LOADERSPINNER 5s linear infinite; animation: LOADERSPINNER 5s linear infinite;
} }
.loaderoverlay .loaderlabel { .loaderoverlay .loaderlabel {
color: #66ff33; color: #6f3;
text-transform: uppercase; text-transform: uppercase;
font-family: sans-serif; font-family: sans-serif;
font-size: 22px; font-size: 22px;
@ -140,9 +140,9 @@ button[type="button"] {
.loaderoverlay .loaderspinner, .loaderoverlay .loaderspinner,
.loaderoverlay .loaderspinner:before, .loaderoverlay .loaderspinner:before,
.loaderoverlay .loaderspinner:after { .loaderoverlay .loaderspinner:after {
border-top-color: #66ff33!important; border-top-color: #6f3 !important;
border-bottom-color:#66ff33 !important; border-bottom-color: #6f3 !important;
} }
.loaderoverlay .loaderlabel { .loaderoverlay .loaderlabel {
color: #66ff33; color: #6f3;
} }

59
css/menupages.css

@ -38,8 +38,8 @@
.ace_line, .ace_line,
.ace_line * { .ace_line * {
background-color: transparent; background-color: transparent;
margin:0px; margin: 0;
padding:0px; padding: 0;
} }
.ace_text-input { .ace_text-input {
@ -60,8 +60,8 @@
#script-editor-buttons-wrapper { #script-editor-buttons-wrapper {
width: 100%; width: 100%;
padding-right: 0xp; padding-right: 0;
margin-right: 0px; margin-right: 0;
} }
#script-editor-wrapper { #script-editor-wrapper {
@ -73,7 +73,7 @@
#script-editor-filename-wrapper { #script-editor-filename-wrapper {
background-color: #555; background-color: #555;
margin-left: 6px; margin-left: 6px;
margin-right: 0px; margin-right: 0;
padding-left: 6px; padding-left: 6px;
width: 100%; width: 100%;
border: 2px solid var(--my-highlight-color); border: 2px solid var(--my-highlight-color);
@ -82,10 +82,10 @@
#script-editor-filename-tag { #script-editor-filename-tag {
display: inline-block; display: inline-block;
padding-top: 10px; padding-top: 10px;
padding-bottom: 0px; padding-bottom: 0;
float: center; float: center;
background-color: #555; background-color: #555;
color: white; color: #fff;
} }
#script-editor-filename { #script-editor-filename {
@ -93,7 +93,7 @@
display: inline-block; display: inline-block;
float: center; float: center;
resize: none; resize: none;
color: white; color: #fff;
margin: 4px; margin: 4px;
padding: 2px; padding: 2px;
@ -112,20 +112,20 @@
#script-editor-status { #script-editor-status {
float: left; float: left;
color: #ffffff; color: #fff;
} }
#script-editor-options-panel { #script-editor-options-panel {
position: absolute; position: absolute;
right: 9%; right: 9%;
bottom: 15%; bottom: 15%;
border:2px solid white; border: 2px solid #fff;
width: 19%; width: 19%;
background-color: #444; background-color: #444;
padding: 2px; padding: 2px;
overflow: auto; overflow: auto;
z-index: 1; z-index: 1;
color: white; color: #fff;
} }
#script-editor-options-panel fieldset { #script-editor-options-panel fieldset {
@ -155,8 +155,8 @@
.active-scripts-server-header { .active-scripts-server-header {
background-color: #444; background-color: #444;
font-size: 20px; font-size: 20px;
color: white; color: #fff;
margin: 6px 6px 0px 6px; margin: 6px 6px 0 6px;
padding: 6px; padding: 6px;
cursor: pointer; cursor: pointer;
width: 60%; width: 60%;
@ -177,7 +177,7 @@
.active-scripts-server-header:after { .active-scripts-server-header:after {
content: '\02795'; /* "plus" sign (+) */ content: '\02795'; /* "plus" sign (+) */
font-size: 13px; font-size: 13px;
color: white; color: #fff;
float: right; float: right;
margin-left: 5px; margin-left: 5px;
} }
@ -185,14 +185,14 @@
.active-scripts-server-header.active:after { .active-scripts-server-header.active:after {
content: "\2796"; /* "minus" sign (-) */ content: "\2796"; /* "minus" sign (-) */
font-size: 13px; font-size: 13px;
color: white; color: #fff;
float: right; float: right;
margin-left: 5px; margin-left: 5px;
} }
.active-scripts-server-panel { .active-scripts-server-panel {
margin: 0px 6px 6px 6px; margin: 0 6px 6px 6px;
padding: 0px 6px 6px 6px; padding: 0 6px 6px 6px;
width: 55%; width: 55%;
margin-left: 5%; margin-left: 5%;
display: none; display: none;
@ -255,7 +255,7 @@
.active-scripts-script-panel li { .active-scripts-script-panel li {
background-color: #555; background-color: #555;
width: auto; width: auto;
color: white; color: #fff;
margin-left: 5%; margin-left: 5%;
} }
@ -271,12 +271,12 @@
box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;
margin: 4px; margin: 4px;
padding: 4px; padding: 4px;
background-color:black; background-color: #000;
} }
.active-scripts-button:hover, .active-scripts-button:hover,
.active-scripts-button:focus { .active-scripts-button:focus {
color: white; color: #fff;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
@ -368,7 +368,6 @@
padding-top: 10px; padding-top: 10px;
} }
#world-city-name, #world-city-name,
#world-city-desc { #world-city-desc {
padding: 4px; padding: 4px;
@ -416,7 +415,7 @@
margin: 6px; margin: 6px;
display: inline-block; display: inline-block;
color: var(--my-font-color); color: var(--my-font-color);
background-color:black; background-color: #000;
} }
#faction-donate-amount-txt { #faction-donate-amount-txt {
@ -539,7 +538,7 @@
#infiltration-left-panel, #infiltration-left-panel,
#infiltration-right-panel { #infiltration-right-panel {
display: inline-block; display: inline-block;
border: 1px solid white; border: 1px solid #fff;
width: 35%; width: 35%;
height: 75%; height: 75%;
top: 10px; top: 10px;
@ -548,7 +547,7 @@
} }
#infiltration-faction-select { #infiltration-faction-select {
color:white; color: #fff;
} }
#infiltration-left-panel p, #infiltration-left-panel p,
@ -581,13 +580,13 @@
display: inline-block; display: inline-block;
padding: 4px; padding: 4px;
margin: 2px; margin: 2px;
background-color: black; background-color: #000;
border: 1px solid white; border: 1px solid #fff;
color: var(--my-font-color); color: var(--my-font-color);
} }
.stock-market-position-text { .stock-market-position-text {
color:white; color: #fff;
display: inline-block; display: inline-block;
} }
@ -597,11 +596,11 @@
} }
.stock-market-order-cancel-btn { .stock-market-order-cancel-btn {
background-color: black; background-color: #000;
border: 1px solid white; border: 1px solid #fff;
color: var(--my-font-color); color: var(--my-font-color);
margin: 2px; margin: 2px;
padding: 0px; padding: 0;
} }
/* Gang */ /* Gang */

24
css/missions.css

@ -7,9 +7,7 @@
.hack-mission-grid { .hack-mission-grid {
display: grid; display: grid;
/*grid-template-columns: 11% 11% 11% 11% 11% 11% 11% 11%;*/
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
/*grid-template-rows: 10% 10% 10% 10% 10% 10% 10% 10%;*/
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 2.5%; grid-gap: 2.5%;
height: 90%; height: 90%;
@ -25,7 +23,7 @@
.hack-mission-node { .hack-mission-node {
z-index: 5; z-index: 5;
background-color:gray; background-color: #808080;
align-self: center; align-self: center;
justify-self: center; justify-self: center;
display: inline-block; display: inline-block;
@ -33,7 +31,7 @@
.hack-mission-node p { .hack-mission-node p {
margin-top: 8px; margin-top: 8px;
color:white; color: #fff;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
-webkit-user-select: none; -webkit-user-select: none;
@ -43,18 +41,18 @@
} }
.hack-mission-player-node { .hack-mission-player-node {
color:white; color: #fff;
background-color:blue; background-color: #00f;
} }
.hack-mission-player-node-active { .hack-mission-player-node-active {
border: 2px solid white; border: 2px solid #fff;
background-color: #6666ff; background-color: #66f;
} }
.hack-mission-enemy-node { .hack-mission-enemy-node {
color:white; color: #fff;
background-color:red; background-color: #f00;
} }
.hack-mission-cpu-node { .hack-mission-cpu-node {
@ -82,7 +80,7 @@
-webkit-transform: skew(-20deg); -webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg); -moz-transform: skew(-20deg);
-o-transform: skew(-20deg); -o-transform: skew(-20deg);
color:white; color: #fff;
font-size: 12px; font-size: 12px;
margin-top: 8px; margin-top: 8px;
text-align: center; text-align: center;
@ -104,7 +102,7 @@
-webkit-transform: skew(20deg); -webkit-transform: skew(20deg);
-moz-transform: skew(20deg); -moz-transform: skew(20deg);
-o-transform: skew(20deg); -o-transform: skew(20deg);
color:white; color: #fff;
font-size: 12px; font-size: 12px;
margin-top: 8px; margin-top: 8px;
text-align: center; text-align: center;
@ -128,5 +126,5 @@
} }
.hack-mission-action-buttons-container { .hack-mission-action-buttons-container {
border: 2px solid white; border: 2px solid #fff;
} }

18
css/popupboxes.css

@ -28,8 +28,8 @@
font-weight: bold; font-weight: bold;
padding: 2px; padding: 2px;
margin: 6px; margin: 6px;
border: 1px solid white; border: 1px solid #fff;
background-color:black; background-color: #000;
} }
.popup-box-button:hover, .popup-box-button:hover,
@ -46,8 +46,8 @@
#yes-no-text-input-box-input { #yes-no-text-input-box-input {
color: var(--my-font-color); color: var(--my-font-color);
border: 1px solid white; border: 1px solid #fff;
background-color:black; background-color: #000;
} }
.dialog-box-container, .dialog-box-container,
@ -103,7 +103,7 @@
.dialog-box-close-button:hover, .dialog-box-close-button:hover,
.dialog-box-close-button:focus,{ .dialog-box-close-button:focus,{
color: white; color: #fff;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
@ -126,12 +126,12 @@
} }
#infiltration-faction-select { #infiltration-faction-select {
background-color:black; background-color: #000;
} }
/* Generic Yes No Box */ /* Generic Yes No Box */
#yes-no-text-input-box-input { #yes-no-text-input-box-input {
color: white; color: #fff;
} }
/* Game Options */ /* Game Options */
@ -163,7 +163,7 @@
font-weight: bold; font-weight: bold;
-webkit-border-radius: 12px; -webkit-border-radius: 12px;
-moz-border-radius: 12px; -moz-border-radius: 12px;
border-radius: 12px white; border-radius: 12px #fff;
-moz-box-shadow: 1px 1px 3px #000; -moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;
@ -171,7 +171,7 @@
#game-options-close-button:hover, #game-options-close-button:hover,
#game-options-close-button:focus { #game-options-close-button:focus {
color: white; color: #fff;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }

113
css/styles.css

@ -1,7 +1,7 @@
:root{ :root{
--my-font-color: #66ff33; --my-font-color: #6f3;
--my-background-color: #000000; --my-background-color: #000;
--my-highlight-color: #ffffff; --my-highlight-color: #fff;
} }
* { * {
@ -65,7 +65,7 @@ tr:focus {
overflow: auto; overflow: auto;
border: 0; border: 0;
border-bottom: 1px solid #000000; border-bottom: 1px solid #000;
border-radius: 0; border-radius: 0;
background-color: #333; background-color: #333;
} }
@ -84,13 +84,13 @@ tr:focus {
.mainmenu > li a:hover:not(.active), .mainmenu > li a:hover:not(.active),
.mainmenu > li a:focus { .mainmenu > li a:focus {
background-color: #777; background-color: #777;
color: white; color: #fff;
} }
/* Panel headers can become active, and they are "lighter" than the rest */ /* Panel headers can become active, and they are "lighter" than the rest */
.mainmenu > li a.active { .mainmenu > li a.active {
background-color: #777; background-color: #777;
color: white; color: #fff;
} }
.mainmenu > li a.active:hover { .mainmenu > li a.active:hover {
@ -101,7 +101,7 @@ tr:focus {
.mainmenu-accordion-header:after { .mainmenu-accordion-header:after {
content: '\02795'; content: '\02795';
font-size: 13px; font-size: 13px;
color: white; color: #fff;
float: right; float: right;
margin-left: 5px; margin-left: 5px;
} }
@ -123,21 +123,21 @@ tr:focus {
/* Borders */ /* Borders */
.mainmenu-accordion-header { .mainmenu-accordion-header {
border:2px solid white; border: 2px solid #fff;
} }
/* Make html links ("a" elements) nice looking buttons with this class */ /* Make html links ("a" elements) nice looking buttons with this class */
a:link, a:visited { a:link, a:visited {
color:white; color: #fff;
} }
.a-link-button { .a-link-button {
text-decoration: none; text-decoration: none;
background-color: #555; background-color: #555;
color: #FFFFFF; color: #fff;
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
border: 1px solid #333333; border: 1px solid #333;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
@ -159,10 +159,10 @@ a:link, a:visited {
.a-link-button-inactive { .a-link-button-inactive {
text-decoration: none; text-decoration: none;
background-color: #333; background-color: #333;
color: #FFFFFF; color: #fff;
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
border: 1px solid #333333; border: 1px solid #333;
cursor: default; cursor: default;
} }
@ -179,11 +179,11 @@ a:link, a:visited {
/* Make anchor tags ("a" elements) for activated actions */ /* Make anchor tags ("a" elements) for activated actions */
.a-link-button-bought { .a-link-button-bought {
text-decoration: none; text-decoration: none;
background-color: #00AA00; background-color: #0a0;
color: #FFFFFF; color: #fff;
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
border: 1px solid #00AA00; border: 1px solid #0a0;
cursor: default; cursor: default;
} }
@ -198,13 +198,13 @@ a:link, a:visited {
} }
.dropdown { .dropdown {
color:white; color: #fff;
background-color:black; background-color: #000;
} }
.text-input { .text-input {
color:white; color: #fff;
background-color:black; background-color: #000;
} }
/* Notification icon (for create program right now only) */ /* Notification icon (for create program right now only) */
@ -221,7 +221,7 @@ a:link, a:visited {
.notification-on { .notification-on {
background-color: #fa3e3e; background-color: #fa3e3e;
color: white; color: #fff;
border-radius: 2px; border-radius: 2px;
padding: 1px 3px; padding: 1px 3px;
} }
@ -229,8 +229,8 @@ a:link, a:visited {
.notification-off { .notification-off {
background-color: #333; background-color: #333;
color: #333; color: #333;
border-radius: 0px; border-radius: 0;
padding: 0px; padding: 0;
} }
/* Tool tips (when hovering over an element */ /* Tool tips (when hovering over an element */
@ -243,8 +243,8 @@ a:link, a:visited {
visibility: hidden; visibility: hidden;
width: 300px; width: 300px;
background-color: var(--my-background-color); background-color: var(--my-background-color);
border: 2px solid var(--my-highlight-color);; border: 2px solid var(--my-highlight-color);
color: white; color: #fff;
text-align: center; text-align: center;
padding: 4px; padding: 4px;
left: 101%; left: 101%;
@ -258,8 +258,8 @@ a:link, a:visited {
visibility: hidden; visibility: hidden;
width: 300px; width: 300px;
background-color: var(--my-background-color); background-color: var(--my-background-color);
border: 2px solid var(--my-highlight-color);; border: 2px solid var(--my-highlight-color);
color: white; color: #fff;
text-align: center; text-align: center;
padding: 4px; padding: 4px;
left: 101%; left: 101%;
@ -275,8 +275,8 @@ a:link, a:visited {
visibility: hidden; visibility: hidden;
width: 300px; width: 300px;
background-color: var(--my-background-color); background-color: var(--my-background-color);
border: 2px solid var(--my-highlight-color);; border: 2px solid var(--my-highlight-color);
color: white; color: #fff;
text-align: center; text-align: center;
padding: 4px; padding: 4px;
left: 40%; left: 40%;
@ -298,7 +298,7 @@ a:link, a:visited {
padding: 1px; padding: 1px;
margin-left: 3px; margin-left: 3px;
color: #fff; color: #fff;
border:1px solid white; border: 1px solid #fff;
border-radius: 5px; border-radius: 5px;
display: inline-block; display: inline-block;
} }
@ -315,27 +315,27 @@ a:link, a:visited {
/* Flashing button (Red) */ /* Flashing button (Red) */
@-webkit-keyframes glowing { @-webkit-keyframes glowing {
0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; } 0% { background-color: #b20000; -webkit-box-shadow: 0 0 3px #b20000; }
50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; } 50% { background-color: #f00; -webkit-box-shadow: 0 0 40px #f00; }
100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; } 100% { background-color: #b20000; -webkit-box-shadow: 0 0 3px #b20000; }
} }
@-moz-keyframes glowing { @-moz-keyframes glowing {
0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; } 0% { background-color: #b20000; -moz-box-shadow: 0 0 3px #b20000; }
50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; } 50% { background-color: #f00; -moz-box-shadow: 0 0 40px #f00; }
100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; } 100% { background-color: #b20000; -moz-box-shadow: 0 0 3px #b20000; }
} }
@-o-keyframes glowing { @-o-keyframes glowing {
0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } 0% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; } 50% { background-color: #f00; box-shadow: 0 0 40px #f00; }
100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } 100% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
} }
@keyframes glowing { @keyframes glowing {
0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } 0% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; } 50% { background-color: #f00; box-shadow: 0 0 40px #f00; }
100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } 100% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
} }
.flashing-button { .flashing-button {
@ -386,18 +386,18 @@ a:link, a:visited {
@-webkit-keyframes status-text{ @-webkit-keyframes status-text{
from{ from{
opacity: 1; opacity: 1;
top:0px; top: 0;
} }
to{ to{
opacity: 0; opacity: 0;
top:0px; top: 0;
} }
} }
.status-text{ .status-text{
display: inline; display: inline;
position: fixed; position: fixed;
top:0px; top: 0;
-webkit-animation: status-text 3s 1; -webkit-animation: status-text 3s 1;
background-color: transparent; background-color: transparent;
height: 15%; height: 15%;
@ -409,7 +409,7 @@ a:link, a:visited {
#status-text { #status-text {
font-size: 20px; font-size: 20px;
color: #FFFFFF; color: #fff;
right: 0; right: 0;
bottom: 0; bottom: 0;
padding: 4px; padding: 4px;
@ -429,7 +429,6 @@ a:link, a:visited {
right: 0; right: 0;
top: 0; top: 0;
height: 205px; /* Full height */ height: 205px; /* Full height */
/*margin: 50% auto;*/
padding: 5px; padding: 5px;
border: 2px solid var(--my-highlight-color); border: 2px solid var(--my-highlight-color);
width: 19%; width: 19%;
@ -441,7 +440,7 @@ a:link, a:visited {
#character-overview-text { #character-overview-text {
padding: 4px; padding: 4px;
margin: 8px; margin: 8px;
color: white; color: #fff;
background-color: #444; background-color: #444;
} }
@ -457,14 +456,14 @@ a:link, a:visited {
-webkit-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;
height: 22px; height: 22px;
background-color:black; background-color: #000;
} }
#character-overview-save-button:hover, #character-overview-save-button:hover,
#character-overview-save-button:focus, #character-overview-save-button:focus,
#character-overview-options-button:hover, #character-overview-options-button:hover,
#character-overview-options-button:focus { #character-overview-options-button:focus {
color: white; color: #fff;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
@ -476,7 +475,7 @@ a:link, a:visited {
/* Scan analyze links from AutoLink */ /* Scan analyze links from AutoLink */
.scan-analyze-link { .scan-analyze-link {
cursor: pointer; cursor: pointer;
color:#FFFFFF; color: #fff;
text-decoration: underline; text-decoration: underline;
} }
.scan-analyze-link:hover { .scan-analyze-link:hover {
@ -487,8 +486,8 @@ a:link, a:visited {
.accordion-header { .accordion-header {
background-color: #444; background-color: #444;
font-size: 20px; font-size: 20px;
color: white; color: #fff;
margin: 6px 6px 0px 6px; margin: 6px 6px 0 6px;
padding: 6px; padding: 6px;
cursor: pointer; cursor: pointer;
width: 80%; width: 80%;
@ -509,7 +508,7 @@ a:link, a:visited {
.accordion-header:after { .accordion-header:after {
content: '\02795'; /* "plus" sign (+) */ content: '\02795'; /* "plus" sign (+) */
font-size: 13px; font-size: 13px;
color: white; color: #fff;
float: right; float: right;
margin-left: 5px; margin-left: 5px;
} }
@ -517,14 +516,14 @@ a:link, a:visited {
.accordion-header.active:after { .accordion-header.active:after {
content: "\2796"; /* "minus" sign (-) */ content: "\2796"; /* "minus" sign (-) */
font-size: 13px; font-size: 13px;
color: white; color: #fff;
float: right; float: right;
margin-left: 5px; margin-left: 5px;
} }
.accordion-panel { .accordion-panel {
margin: 0px 6px 6px 6px; margin: 0 6px 6px 6px;
padding: 0px 6px 6px 6px; padding: 0 6px 6px 6px;
width: 75%; width: 75%;
margin-left: 5%; margin-left: 5%;
display: none; display: none;

6
css/terminal.css

@ -27,9 +27,9 @@
.terminal-input { .terminal-input {
display: inline-block; display: inline-block;
padding: 0px !important; padding: 0 !important;
margin: 0px !important; margin: 0 !important;
border: 0px; border: 0;
background-color: var(--my-background-color); background-color: var(--my-background-color);
font-size: 16px; font-size: 16px;
outline: none; outline: none;

10
css/workinprogress.css

@ -25,7 +25,7 @@
margin: 10px; margin: 10px;
padding: 5px; padding: 5px;
border-radius: 12px; border-radius: 12px;
border: 3px solid white; border: 3px solid #fff;
-moz-box-shadow: 1px 1px 3px #000; -moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;
@ -33,7 +33,7 @@
#work-in-progress-cancel-button:hover, #work-in-progress-cancel-button:hover,
#work-in-progress-cancel-button:focus { #work-in-progress-cancel-button:focus {
color: white; color: #fff;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
@ -44,12 +44,12 @@
} }
.bitnode { .bitnode {
color:blue; color: #00f;
} }
.bitnode-destroyed { .bitnode-destroyed {
color:red; color: #f00;
} }
.bitnode:hover, .bitnode:hover,
.bitnode-destroyed:hover { .bitnode-destroyed:hover {
color:white; color: #fff;
} }

32
stylelint.config.js

@ -42,20 +42,20 @@ module.exports = {
// "block-opening-brace-newline-after": "always", // "block-opening-brace-newline-after": "always",
// "block-opening-brace-newline-before": "never-single-line", // "block-opening-brace-newline-before": "never-single-line",
// "block-opening-brace-space-before": "always", // "block-opening-brace-space-before": "always",
// "color-hex-case": "lower", "color-hex-case": "lower",
// "color-hex-length": "short", "color-hex-length": "short",
// "color-named": "never", "color-named": "never",
//"color-no-hex": true, //"color-no-hex": true,
"color-no-invalid-hex": true, "color-no-invalid-hex": true,
// "comment-empty-line-before": "always", // "comment-empty-line-before": "always",
"comment-no-empty": true, "comment-no-empty": true,
// "comment-whitespace-inside": "always", "comment-whitespace-inside": "always",
"comment-word-blacklist": [], "comment-word-blacklist": [],
"custom-media-pattern": ".+", "custom-media-pattern": ".+",
"custom-property-empty-line-before": "never", "custom-property-empty-line-before": "never",
"custom-property-pattern": "my-.+", "custom-property-pattern": "my-.+",
"declaration-bang-space-after": "never", "declaration-bang-space-after": "never",
// "declaration-bang-space-before": "always", "declaration-bang-space-before": "always",
// "declaration-block-no-duplicate-properties": true, // "declaration-block-no-duplicate-properties": true,
"declaration-block-no-redundant-longhand-properties": true, "declaration-block-no-redundant-longhand-properties": true,
"declaration-block-no-shorthand-property-overrides": true, "declaration-block-no-shorthand-property-overrides": true,
@ -65,7 +65,7 @@ module.exports = {
// "declaration-block-single-line-max-declarations": 1, // "declaration-block-single-line-max-declarations": 1,
"declaration-block-trailing-semicolon": "always", "declaration-block-trailing-semicolon": "always",
"declaration-colon-newline-after": "always-multi-line", "declaration-colon-newline-after": "always-multi-line",
// "declaration-colon-space-after": "always-single-line", "declaration-colon-space-after": "always-single-line",
"declaration-colon-space-before": "never", "declaration-colon-space-before": "never",
// "declaration-empty-line-before": "never", // "declaration-empty-line-before": "never",
//"declaration-no-important": true, //"declaration-no-important": true,
@ -81,7 +81,7 @@ module.exports = {
"function-calc-no-unspaced-operator": true, "function-calc-no-unspaced-operator": true,
"function-comma-newline-after": "always-multi-line", "function-comma-newline-after": "always-multi-line",
"function-comma-newline-before": "never-multi-line", "function-comma-newline-before": "never-multi-line",
// "function-comma-space-after": "always-single-line", "function-comma-space-after": "always-single-line",
"function-comma-space-before": "never", "function-comma-space-before": "never",
"function-linear-gradient-no-nonstandard-direction": true, "function-linear-gradient-no-nonstandard-direction": true,
"function-max-empty-lines": 1, "function-max-empty-lines": 1,
@ -100,10 +100,10 @@ module.exports = {
// "var" // "var"
// ], // ],
"function-whitespace-after": "always", "function-whitespace-after": "always",
// "indentation": 4, "indentation": 4,
"keyframe-declaration-no-important": true, "keyframe-declaration-no-important": true,
// "length-zero-no-unit": true, "length-zero-no-unit": true,
// "max-empty-lines": 1, "max-empty-lines": 1,
"max-line-length": 160, "max-line-length": 160,
"max-nesting-depth": 99, "max-nesting-depth": 99,
"media-feature-colon-space-after": "always", "media-feature-colon-space-after": "always",
@ -125,9 +125,9 @@ module.exports = {
// "no-duplicate-selectors": true, // "no-duplicate-selectors": true,
"no-empty-source": true, "no-empty-source": true,
"no-eol-whitespace": true, "no-eol-whitespace": true,
// "no-extra-semicolons": true, "no-extra-semicolons": true,
"no-invalid-double-slash-comments": true, "no-invalid-double-slash-comments": true,
// "no-missing-end-of-source-newline": true, "no-missing-end-of-source-newline": true,
"no-unknown-animations": true, "no-unknown-animations": true,
"number-leading-zero": "always", "number-leading-zero": "always",
"number-max-precision": [3, { ignoreUnits: [ "%" ] }], "number-max-precision": [3, { ignoreUnits: [ "%" ] }],
@ -229,16 +229,16 @@ module.exports = {
"scss/selector-no-redundant-nesting-selector": true,*/ "scss/selector-no-redundant-nesting-selector": true,*/
"selector-attribute-brackets-space-inside": "never", "selector-attribute-brackets-space-inside": "never",
"selector-attribute-operator-blacklist": [], "selector-attribute-operator-blacklist": [],
// "selector-attribute-operator-space-after": "always", "selector-attribute-operator-space-after": "never",
// "selector-attribute-operator-space-before": "always", "selector-attribute-operator-space-before": "never",
"selector-attribute-operator-whitelist": [ "selector-attribute-operator-whitelist": [
"=" "="
], ],
"selector-attribute-quotes": "always", "selector-attribute-quotes": "always",
"selector-class-pattern": ".+", "selector-class-pattern": ".+",
//"selector-combinator-blacklist": [], //"selector-combinator-blacklist": [],
// "selector-combinator-space-after": "always", "selector-combinator-space-after": "always",
// "selector-combinator-space-before": "always", "selector-combinator-space-before": "always",
//"selector-combinator-whitelist": [], //"selector-combinator-whitelist": [],
"selector-descendant-combinator-no-non-space": true, "selector-descendant-combinator-no-non-space": true,
"selector-id-pattern": ".+", "selector-id-pattern": ".+",