diff --git a/css/_theme.scss b/css/_theme.scss index 75134be78..0b727d702 100644 --- a/css/_theme.scss +++ b/css/_theme.scss @@ -2,11 +2,16 @@ $fontFamily: 'Lucida Console', 'Lucida Sans Unicode', 'Fira Mono', 'Consolas', ' $defaultFontSize: 16px; /* COLORS */ -$hacky-green: #adff2f; +$hacker-green: #adff2f; +$success-green: #3adb76; +$alert-red: #ff2929; +$money-gold: #ffd700; +$light-yellow: #faffdf; /* Attributes */ -$my-stat-hp-color: #dd3434; -$my-stat-money-color: #ffd700; -$my-stat-hack-color: $hacky-green; -$my-stat-cha-color: #a671d1; -$my-stat-int-color: #6495ed; +$my-stat-hp-color: #dd3434; +$my-stat-money-color: $money-gold; +$my-stat-hack-color: $hacker-green; +$my-stat-physical: $light-yellow; +$my-stat-cha-color: #a671d1; +$my-stat-int-color: #6495ed; diff --git a/css/menupages.scss b/css/menupages.scss index cd35bec4a..e949b0fce 100644 --- a/css/menupages.scss +++ b/css/menupages.scss @@ -200,38 +200,37 @@ .active-scripts-script-header { background-color: #555; color: var(--my-font-color); - padding: 4px; - padding-left: 10px; + padding: 4px 25px 4px 10px; cursor: pointer; width: auto; text-align: left; border: none; outline: none; -} + position: relative; -.active-scripts-script-header:hover, -.active-scripts-script-header.active:hover { - background-color: #666; -} + &:after { + content: '\02795'; /* "plus" sign (+) */ + font-size: $defaultFontSize * 0.8125; + float: right; + margin-left: 5px; + color: transparent; + text-shadow: 0 0 0 var(--my-font-color); + position: absolute; + bottom: 4px; + } -.active-scripts-script-header.active { - background-color: #555; -} + &.active:after { + content: "\2796"; /* "minus" sign (-) */ + } -.active-scripts-script-header:after { - content: '\02795'; /* "plus" sign (+) */ - font-size: $defaultFontSize * 0.8125; - float: right; - margin-left: 5px; - color: transparent; - text-shadow: 0 0 0 var(--my-font-color); -} + &:hover, + &.active:hover { + background-color: #666; + } -.active-scripts-script-header.active:after { - content: "\2796"; /* "minus" sign (-) */ - font-size: $defaultFontSize * 0.8125; - float: right; - margin-left: 5px; + &.active { + background-color: #555; + } } .active-scripts-script-panel { @@ -405,8 +404,8 @@ #faction-container p, #faction-container pre { - padding: 6px; - margin: 6px; + padding: 4px 6px; + margin: 4px 6px; } #faction-container pre { @@ -522,6 +521,11 @@ #infiltration-container { position: fixed; padding: 6px; + + span { + margin: 0; + padding: 0; + } } #infiltration-left-panel, @@ -544,6 +548,10 @@ margin: 4px; } +#infiltration-buttons { + margin-top: 20px; +} + #infiltration-buttons .a-link-button { display: inline; width: 25%; diff --git a/css/popupboxes.scss b/css/popupboxes.scss index 453a06e7a..d6536f2c5 100644 --- a/css/popupboxes.scss +++ b/css/popupboxes.scss @@ -87,6 +87,11 @@ z-index: 2; background-color: var(--my-background-color); padding: 10px; + + p span { + padding: 0; + margin: 0; + } } .dialog-box-close-button { @@ -138,6 +143,11 @@ margin: 8px; } +#infiltration-box-content span { + padding: 0; + margin: 0; +} + #infiltration-faction-select { background-color: #000; } diff --git a/css/styles.scss b/css/styles.scss index b725b4fff..c0ee086e3 100644 --- a/css/styles.scss +++ b/css/styles.scss @@ -163,14 +163,14 @@ a:visited { -ms-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -} -.a-link-button:hover { - background-color: #666; -} + &:hover { + background-color: #666; + } -.a-link-button:active { - @include boxShadow(inset 0 1px 4px rgba(0, 0, 0, 0.6)); + &:active { + @include boxShadow(inset 0 1px 4px rgba(0, 0, 0, 0.6)); + } } /* Make anchor tags ("a" elements) inactive (not clickable) */ @@ -182,16 +182,18 @@ a:visited { margin: 5px; border: 1px solid #333; cursor: default; -} -.a-link-button-inactive:hover .tooltiptext, -.a-link-button-inactive:hover .tooltiptexthigh, -.a-link-button-inactive:hover .tooltiptextleft { - visibility: visible; -} + &:hover { + .tooltiptext, + .tooltiptexthigh, + .tooltiptextleft { + visibility: visible; + } + } -.a-link-button-inactive:active { - pointer-events: none; + &:active { + pointer-events: none; + } } /* Make anchor tags ("a" elements) for activated actions */ @@ -203,16 +205,18 @@ a:visited { margin: 5px; border: 1px solid #0a0; cursor: default; -} -.a-link-button-bought:hover .tooltiptext, -.a-link-button-bought:hover .tooltiptexthigh, -.a-link-button-bought:hover .tooltiptextleft { - visibility: visible; -} + &:hover { + .tooltiptext, + .tooltiptexthigh, + .tooltiptextleft { + visibility: visible; + } + } -.a-link-button-bought:active { - pointer-events: none; + &:active { + pointer-events: none; + } } .dropdown { @@ -253,22 +257,23 @@ a:visited { /* Tool tips (when hovering over an element */ .tooltip { - position: relative; display: inline-block; -} + position: relative; -.tooltip .tooltiptext { - visibility: hidden; - width: 300px; - background-color: var(--my-background-color); - border: 2px solid var(--my-highlight-color); - color: #fff; - text-align: center; - padding: 4px; - left: 101%; + .tooltiptext { + visibility: hidden; + width: 300px; + background-color: var(--my-background-color); + border: 2px solid var(--my-highlight-color); + color: #fff; + text-align: center; + padding: 4px; + left: 101%; - position: absolute; - z-index: 99; + pointer-events: none; + position: absolute; + z-index: 99; + } } /* Same thing as a normal tooltip except its a bit higher */ @@ -287,7 +292,7 @@ a:visited { z-index: 99; } -/* Similar to a normal tooltip except its positioned on the left of the elemnt +/* Similar to a normal tooltip except its positioned on the left of the element rather than the right to avoid exceeding the elements normal width */ .tooltip .tooltiptextleft { visibility: hidden; @@ -460,12 +465,12 @@ a:visited { width: auto; max-width: 280px; overflow: auto; /* Enable scroll if needed */ - background-color: #393636; /* Fallback color */ + background-color: rgba(57, 54, 54, 0.9); /* Fallback color */ z-index: 1; } #character-overview-text { - color: #faffdf; + color: $my-stat-physical; table { border-collapse: collapse; @@ -536,10 +541,10 @@ a:visited { cursor: pointer; color: #fff; text-decoration: underline; -} -.scan-analyze-link:hover { - text-decoration: none; + &:hover { + text-decoration: none; + } } /* Accordion menus (Header with collapsible panel) */ @@ -572,7 +577,7 @@ a:visited { color: transparent; text-shadow: 0 0 0 #fff; position: absolute; - bottom: 3px; + bottom: 5px; right: 6px; } @@ -603,3 +608,34 @@ a:visited { margin: 0; padding: 0; } + +/* Helper Classes */ +.hacker-green { + color: $hacker-green; +} + +.money-gold { + color: $money-gold; +} + +.light-yellow { + color: $light-yellow; +} + +.failure { + color: $alert-red; + text-shadow: 0 0 0 $alert-red; +} + +.success { + color: $success-green; + text-shadow: 0 0 0 $success-green; +} + +.physical-yellow { + color: $my-stat-physical; +} + +.charisma-purple { + color: $my-stat-cha-color; +} diff --git a/css/terminal.scss b/css/terminal.scss index cbc54b782..856df717c 100644 --- a/css/terminal.scss +++ b/css/terminal.scss @@ -19,6 +19,12 @@ overflow-y: scroll; background-color: var(--my-background-color); table-layout: fixed; + + .prompt { + color: var(--my-prompt-color); + margin: 0; + padding: 0; + } } #terminal-input { @@ -51,7 +57,6 @@ } #terminal-input-header { - color: var(--my-prompt-color); white-space: pre; } diff --git a/index.html b/index.html index 81f7ddf08..7c6a79b0a 100644 --- a/index.html +++ b/index.html @@ -187,9 +187,9 @@ provides information about each script's production. The scripts are categorized by the hostname of the servers on which they are running.
Total online production of
- Active scripts: $0.000 / sec
- Total online production since last Aug installation: $0.000
- ($0.000 / sec)
- Money:
- Total Hacknet Node Production:
+ Money:
+ Total Hacknet Node Production:
You have entered the Slums, a poverty-ridden district filled with gangs, criminals, and
other shadowy entities. The city's government and police have neglected this area for years...
-
+
In the Slums, you can commit crimes to earn money and experience. Crime attempts are not always
successful. Your chance at successfully committing a crime is determined by your stats.