diff --git a/css/menupages.css b/css/menupages.css index 756dca2de..9ed069200 100644 --- a/css/menupages.css +++ b/css/menupages.css @@ -75,7 +75,7 @@ } #script-editor-filename { -background-color: #555; + background-color: #555; display: inline-block; float: center; resize: none; @@ -274,15 +274,9 @@ background-color: #555; padding: 10px; } - -#hacknet-nodes-container li{ - padding: 6px; - margin: 6px; - width: 70%; -} - #hacknet-nodes-text, -#hacknet-nodes-money { +#hacknet-nodes-money, +#hacknet-nodes-container li { width: 70%; margin: 10px; padding: 10px; @@ -344,10 +338,7 @@ background-color: #555; padding-top: 10px; } -#create-program-page-text { - width: 70%; -} - +#create-program-page-text, #create-program-list { width: 70%; } @@ -508,12 +499,14 @@ div.faction-clear { /* Location */ #location-container { - color: var(--my-font-color); position: fixed; padding: 6px; - height: 100%; - margin-left: 10%; - width: 99%; + overflow-x: hidden; +} + +#location-container a { + display:inline-block; + width: 30%; } #location-slums-description { @@ -533,3 +526,72 @@ div.faction-clear { #location-job-reputation, #location-company-favor { display: inline; } + +/* Infiltration */ +#infiltration-container { + position: fixed; + padding: 6px; +} +#infiltration-left-panel, +#infiltration-right-panel { + display:inline-block; + border: 1px solid white; + width: 35%; + height: 75%; + top: 10px; + overflow-y: auto; + overflow-x: auto; +} + +#infiltration-faction-select { + color:white; +} + +#infiltration-left-panel p, +#infiltration-right-panel p { + margin: 4px; +} + +#infiltration-buttons .a-link-button { + display:inline; + width: 25%; +} + +/* Stock market */ +#stock-market-container { + position: fixed; + padding: 6px; +} + +#stock-market-container p { + padding: 10px; + margin: 10px; + width: 70%; +} + +#stock-market-container a { + margin: 10px; +} + +.stock-market-qty-input { + border: 1px solid white; + color: var(--my-font-color); + padding: 4px; + margin: 4px; +} + +.stock-market-buy-sell-button { + color: #aaa; + font-size: 16px; + font-weight: bold; + padding: 2px; + margin: 6px; + border: 1px solid white; +} + +.stock-market-buy-sell-button:hover, +.stock-market-buy-sell-button:focus { + color: var(--my-font-color); + text-decoration: none; + cursor: pointer; +} \ No newline at end of file diff --git a/css/popupboxes.css b/css/popupboxes.css index 4c338addd..c204464a0 100644 --- a/css/popupboxes.css +++ b/css/popupboxes.css @@ -5,14 +5,38 @@ z-index: 1; /* Sit on top */ left: 0; top: 0; - width: 100%; /* Full width */ - height: 100%; /* Full height */ + width: 100%; + height: 100%; overflow: auto; /* Enable scroll if needed */ - /*background-color: black; /* Fallback color */ - /*background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ background-color: rbga(var(--my-background-color), 0.4); } +.popup-box-content { + background-color: var(--my-background-color); + margin: 15% auto; + padding: 12px; + border: 5px solid var(--my-highlight-color); + width: 70%; + color: var(--my-font-color); +} + +.popup-box-button { + color: #aaa; + float: right; + font-size: 16px; + font-weight: bold; + padding: 2px; + margin: 6px; + border: 1px solid white; +} + +.popup-box-button:hover, +.popup-box-button:focus { + color: var(--my-font-color); + text-decoration: none; + cursor: pointer; +} + .dialog-box-container, #log-box-container { display: block; @@ -69,207 +93,45 @@ transition: opacity 400ms ease-in; } -#purchase-server-box-content { - background-color: var(--my-background-color); - margin: 15% auto; /* 15% from the top and centered */ - padding: 12px; - border: 5px solid var(--my-highlight-color);; - width: 80%; /* Could be more or less, depending on screen size */ - color: var(--my-font-color); -} - #purchase-server-box-input { color: white; } -#purchase-server-box-confirm, -#purchase-server-box-cancel { - color: #aaa; - float: right; - font-size: 16px; - font-weight: bold; - padding: 2px; - margin: 6px; - border: 1px solid white; -} - -#purchase-server-box-confirm:hover, -#purchase-server-box-confirm:focus { - color: var(--my-font-color); - text-decoration: none; - cursor: pointer; -} - -#purchase-server-box-cancel:hover, -#purchase-server-box-cancel:focus { - color: var(--my-font-color); - text-decoration: none; - cursor: pointer; -} - /* Purchase RAM for Home computer pop-up box */ #purchase-ram-for-home-box-container { transition: opacity 400ms ease-in; } -#purchase-ram-for-home-box-content { - background-color: var(--my-background-color); - margin: 15% auto; /* 15% from the top and centered */ - padding: 12px; - border: 5px solid var(--my-highlight-color); - width: 50%; /* Could be more or less, depending on screen size */ - color: var(--my-font-color); -} - -#purchase-ram-for-home-box-confirm, -#purchase-ram-for-home-box-cancel { - color: #aaa; - float: right; - font-size: 16px; - font-weight: bold; - padding: 2px; - margin: 6px; - border: 1px solid white; -} - -#purchase-ram-for-home-box-confirm:hover, -#purchase-ram-for-home-box-confirm:focus { - color: var(--my-font-color); - text-decoration: none; - cursor: pointer; -} - -#purchase-ram-for-home-box-cancel:hover, -#purchase-ram-for-home-box-cancel:focus { - color: var(--my-font-color); - text-decoration: none; - cursor: pointer; -} - /* Purchase Invitation Box */ #purchase-augmentation-box-container { transition: opacity 400ms ease-in; } -#purchase-augmentation-box-content { - background-color: var(--my-background-color); - margin: 15% auto; /* 15% from the top and centered */ - padding: 8px; - border: 5px solid var(--my-highlight-color);; - width: 80%; /* Could be more or less, depending on screen size */ - color: var(--my-font-color); -} - -#purchase-augmentation-box-confirm, -#purchase-augmentation-box-cancel { - color: #aaa; - float: right; - font-size: 16px; - font-weight: bold; - padding: 4px; - margin: 6px; - border: 1px solid white; -} - -#purchase-augmentation-box-confirm:hover, -#purchase-augmentation-box-confirm:focus { - color: var(--my-font-color); - text-decoration: none; - cursor: pointer; -} - -#purchase-augmentation-box-cancel:hover, -#purchase-augmentation-box-cancel:focus { - color: var(--my-font-color); - text-decoration: none; - cursor: pointer; -} - /* Faction invitation box */ #faction-invitation-box-container { transition: opacity 400ms ease-in; } - -#faction-invitation-box-content { - background-color: var(--my-background-color); - margin: 15% auto; /* 15% from the top and centered */ - padding: 10px; - border: 5px solid var(--my-highlight-color);; - width: 80%; /* Could be more or less, depending on screen size */ - color: var(--my-font-color); -} - #faction-invitation-box-warning { margin: 4px; padding: 4px; } -#faction-invitation-box-yes, -#faction-invitation-box-no { - color: #aaa; - font-size: 20px; - font-weight: bold; - padding: 2px; - margin: 6px; - border: 1px solid white; -} - -#faction-invitation-box-yes:hover, -#faction-invitation-box-yes:focus { - color: white; - text-decoration: none; - cursor: pointer; -} - -#faction-invitation-box-no:hover, -#faction-invitation-box-no:focus { - color: white; - text-decoration: none; - cursor: pointer; -} - - /* Travel Pop-up Box */ #travel-box-container { transition: opacity 400ms ease-in; } -#travel-box-content { - background-color: var(--my-background-color); - margin: 15% auto; /* 15% from the top and centered */ - padding: 10px; - border: 5px solid var(--my-highlight-color);; - width: 50%; /* Could be more or less, depending on screen size */ - color: var(--my-font-color); -} #travel-box-text { margin: 8px; } -#travel-box-confirm, -#travel-box-cancel { - color: #aaa; - float: right; - font-size: 16px; - font-weight: bold; - padding: 2px; - margin: 6px; - border: 1px solid white; -} - -#travel-box-confirm:hover, -#travel-box-confirm:focus { - color: white; - text-decoration: none; - cursor: pointer; -} - -#travel-box-cancel:hover, -#travel-box-cancel:focus { - color: white; - text-decoration: none; - cursor: pointer; +/* Infiltration-box */ +#infiltration-box-sell, +#infiltration-box-faction { + display: block; + padding: 8px; + margin: 8px; } /* Game Options */ diff --git a/css/styles.css b/css/styles.css index f3b8d08d2..1f883b7a6 100644 --- a/css/styles.css +++ b/css/styles.css @@ -32,7 +32,7 @@ h2 { } ul { - padding: 6px; + padding: 2px; list-style-type: none; } @@ -207,6 +207,43 @@ tr:focus { animation: glowing 1500ms infinite; } +/* 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; +} + +@-keyframes blink{ + 0% { opacity:1; } + 50% { opacity:0; } + 100% { opacity:1; } +} +@-webkit-keyframes blink{ + 0% { opacity:1; } + 50% { opacity:0; } + 100% { opacity:1; } +} +@-moz-keyframes blink{ + 0% { opacity:1; } + 50% { opacity:0; } + 100% { opacity:1; } +} +@-ms-keyframes blink{ + 0% { opacity:1; } + 50% { opacity:0; } + 100% { opacity:1; } +} +@-o-keyframes blink{ + 0% { opacity:1; } + 50% { opacity:0; } + 100% { opacity:1; } +} + /* Status text */ @-webkit-keyframes status-text{ from{ @@ -252,7 +289,7 @@ tr:focus { position: absolute; /* Stay in place */ right: 0; top: 0; - height: 185px; /* Full height */ + height: 195px; /* Full height */ /*margin: 50% auto;*/ padding: 5px; border: 2px solid var(--my-highlight-color); @@ -264,7 +301,7 @@ tr:focus { #character-overview-text { padding: 4px; - margin: 10px; + margin: 8px; color: white; background-color: #444; } @@ -272,7 +309,7 @@ tr:focus { #character-overview-save-button, #character-overview-options-button { color: #aaa; - font-size: 16px; + font-size: 14px; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; diff --git a/css/workinprogress.css b/css/workinprogress.css index 5df2903de..40fe2f6f0 100644 --- a/css/workinprogress.css +++ b/css/workinprogress.css @@ -1,3 +1,11 @@ +#generic-fullscreen-container { + color: var(--my-font-color); + padding-top: 10px; + padding-left: 10px; + height: 100%; + width: 99%; +} + #work-in-progress-container { color: var(--my-font-color); position: fixed; diff --git a/index.html b/index.html index f32080b3c..34876ac02 100644 --- a/index.html +++ b/index.html @@ -26,6 +26,7 @@ + @@ -62,6 +63,8 @@ + + @@ -84,45 +87,35 @@
From here, you can travel to any other city! A ticket costs $200,000. @@ -684,22 +711,49 @@
Enter new server hostname:
- Purchase - Cancel + Purchase + Cancel- Purchase - Cancel + Purchase + Cancel
- Yes - No + Yes + No
- Purchase - Cancel + Purchase + Cancel
Would you like to join?
Warning: Joining this faction may prevent you from joining other factions during this run!
+ + Sell on Black Market