mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-11-10 09:43:54 +01:00
Merge pull request #353 from kopelli/stylelint-refactors
Stylelint refactors
This commit is contained in:
danielyxie
GitHub
commit
eed0a664cd
@ -7,9 +7,9 @@
|
||||
}
|
||||
|
||||
.bladeburner-action {
|
||||
border:1px solid white;
|
||||
margin:7px;
|
||||
padding:7px;
|
||||
border: 1px solid #fff;
|
||||
margin: 7px;
|
||||
padding: 7px;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
@ -19,25 +19,25 @@
|
||||
|
||||
/* Whatever action is currently active */
|
||||
.bladeburner-active-action {
|
||||
border:4px solid white;
|
||||
border: 4px solid #fff;
|
||||
}
|
||||
|
||||
/* Action & Skills panel navigation button */
|
||||
.bladeburner-nav-button {
|
||||
border:1px solid white;
|
||||
color:white;
|
||||
padding:2px;
|
||||
margin:2px;
|
||||
border: 1px solid #fff;
|
||||
color: #fff;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.bladeburner-nav-button:hover {
|
||||
background-color:#3d4044;
|
||||
background-color: #3d4044;
|
||||
}
|
||||
|
||||
.bladeburner-nav-button-inactive {
|
||||
border:1px solid white;
|
||||
padding:2px;
|
||||
margin:2px;
|
||||
border: 1px solid #fff;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
text-decoration: none;
|
||||
background-color: #555;
|
||||
cursor: default;
|
||||
@ -46,24 +46,24 @@
|
||||
|
||||
/* Bladeburner Console */
|
||||
.bladeburner-console-div {
|
||||
display:inline-block;
|
||||
width:40%;
|
||||
border:1px solid white;
|
||||
overflow:auto;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
display: inline-block;
|
||||
width: 40%;
|
||||
border: 1px solid #fff;
|
||||
overflow: auto;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.bladeburner-console-table {
|
||||
height:auto;
|
||||
overflow:auto;
|
||||
table-layout:fixed;
|
||||
width:100%;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bladeburner-console-input-row {
|
||||
transition: height 1s;
|
||||
width:100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bladeburner-console-input-cell {
|
||||
@ -72,19 +72,19 @@
|
||||
|
||||
.bladeburner-console-input {
|
||||
display: inline-block;
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
border: 0px;
|
||||
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;
|
||||
}
|
||||
|
||||
.bladeburner-console-line {
|
||||
word-wrap: break-word;
|
||||
hyphens:auto;
|
||||
hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
}
|
||||
|
||||
@ -4,13 +4,12 @@
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
||||
/* Header tabs */
|
||||
.cmpy-mgmt-header-tab {
|
||||
display: inline-block;
|
||||
color: white;
|
||||
background-color:#555;
|
||||
border:1px solid white;
|
||||
color: #fff;
|
||||
background-color: #555;
|
||||
border: 1px solid #fff;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
@ -24,10 +23,10 @@
|
||||
|
||||
/* Switch between Cities */
|
||||
.cmpy-mgmt-city-tab {
|
||||
display:inline-block;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
background-color: #555;
|
||||
border: 1px solid white;
|
||||
border: 1px solid #fff;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
@ -46,7 +45,7 @@
|
||||
|
||||
.cmpy-mgmt-industry-left-panel,
|
||||
.cmpy-mgmt-industry-right-panel {
|
||||
display:inline-block;
|
||||
display: inline-block;
|
||||
width: 45%;
|
||||
height: 100%;
|
||||
top: 10px;
|
||||
@ -55,75 +54,74 @@
|
||||
}
|
||||
|
||||
.cmpy-mgmt-industry-overview-panel {
|
||||
border: 1px solid white;
|
||||
border: 1px solid #fff;
|
||||
color: var(--my-font-color);
|
||||
display:inline-block;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cmpy-mgmt-employee-panel {
|
||||
border: 1px solid white;
|
||||
display:block;
|
||||
width:100%;
|
||||
border: 1px solid #fff;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cmpy-mgmt-warehouse-panel {
|
||||
border: 1px solid white;
|
||||
display:inline-block;
|
||||
width:100%;
|
||||
border: 1px solid #fff;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Hiring new employees*/
|
||||
/* Hiring new employees */
|
||||
.cmpy-mgmt-find-employee-option {
|
||||
border:1px solid white;
|
||||
border: 1px solid #fff;
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
.cmpy-mgmt-find-employee-option:hover {
|
||||
background-color:#3d4044;
|
||||
background-color: #3d4044;
|
||||
}
|
||||
|
||||
/* Warehouse */
|
||||
.cmpy-mgmt-warehouse-material-div {
|
||||
padding:2px;
|
||||
border:1px solid white;
|
||||
padding: 2px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.cmpy-mgmt-warehouse-product-div {
|
||||
padding:2px;
|
||||
border:1px solid white;
|
||||
padding: 2px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
/* Exporting materials/products */
|
||||
.cmpy-mgmt-existing-export {
|
||||
border:1px solid white;
|
||||
border-radius:25px;
|
||||
margin:4px;
|
||||
padding:4px;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 25px;
|
||||
margin: 4px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.cmpy-mgmt-existing-export:hover {
|
||||
background-color:#333333;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
|
||||
/* Upgrades */
|
||||
.cmpy-mgmt-upgrade-container {
|
||||
border:1px solid white;
|
||||
border: 1px solid #fff;
|
||||
width: 60%;
|
||||
margin:4px;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.cmpy-mgmt-upgrade-div {
|
||||
display:inline-block;
|
||||
border:1px solid white;
|
||||
margin:2px;
|
||||
padding:6px;
|
||||
border-radius:25px;
|
||||
font-size:"12px";
|
||||
color:var(--my-font-color);
|
||||
display: inline-block;
|
||||
border: 1px solid #fff;
|
||||
margin: 2px;
|
||||
padding: 6px;
|
||||
border-radius: 25px;
|
||||
font-size: "12px";
|
||||
color: var(--my-font-color);
|
||||
}
|
||||
|
||||
.cmpy-mgmt-upgrade-div:hover {
|
||||
background-color:#333333;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
/* interactivetutorial.css */
|
||||
#interactive-tutorial-wrapper {
|
||||
position:relative;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#interactive-tutorial-container {
|
||||
@ -10,11 +10,11 @@
|
||||
top: 0;
|
||||
height: 400px; /* Full height */
|
||||
padding: 10px;
|
||||
border: 5px solid #FFFFFF;
|
||||
border: 5px solid #fff;
|
||||
width: 20%;
|
||||
overflow: auto; /* Enable scroll if needed */
|
||||
background-color: #444; /* Fallback color */
|
||||
color: white;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#interactive-tutorial-container > strong {
|
||||
@ -24,7 +24,7 @@
|
||||
#interactive-tutorial-text {
|
||||
padding: 4px;
|
||||
margin: 4px;
|
||||
color: white;
|
||||
color: #fff;
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
-moz-box-shadow: 1px 1px 3px #000;
|
||||
-webkit-box-shadow: 1px 1px 3px #000;
|
||||
box-shadow: 1px 1px 3px #000;
|
||||
background-color:black;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
#interactive-tutorial-exit {
|
||||
@ -62,7 +62,7 @@
|
||||
#interactive-tutorial-next:focus,
|
||||
#interactive-tutorial-back:hover,
|
||||
#interactive-tutorial-back:focus {
|
||||
color: white;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
192
css/loader.css
192
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: #66ff33;
|
||||
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: #66ff33!important;
|
||||
border-bottom-color:#66ff33 !important;
|
||||
border-top-color: #6f3 !important;
|
||||
border-bottom-color: #6f3 !important;
|
||||
}
|
||||
.loaderoverlay .loaderlabel {
|
||||
color: #66ff33;
|
||||
}
|
||||
color: #6f3;
|
||||
}
|
||||
|
||||
@ -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 */
|
||||
@ -17,7 +17,7 @@
|
||||
|
||||
/* Script Editor */
|
||||
#script-editor-container {
|
||||
background-color:transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
#javascript-editor {
|
||||
margin: 10px;
|
||||
@ -37,43 +37,43 @@
|
||||
|
||||
.ace_line,
|
||||
.ace_line * {
|
||||
background-color:transparent;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
background-color: transparent;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ace_text-input {
|
||||
font-size:16px;
|
||||
background-color:transparent;
|
||||
font-size: 16px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
width: 100%;
|
||||
padding-right: 0xp;
|
||||
margin-right: 0px;
|
||||
padding-right: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#script-editor-wrapper {
|
||||
height:100%;
|
||||
height: 100%;
|
||||
width: 70%;
|
||||
background:transparent;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#script-editor-filename-wrapper {
|
||||
background-color: #555;
|
||||
margin-left: 6px;
|
||||
margin-right: 0px;
|
||||
margin-right: 0;
|
||||
padding-left: 6px;
|
||||
width: 100%;
|
||||
border: 2px solid var(--my-highlight-color);
|
||||
@ -82,57 +82,57 @@
|
||||
#script-editor-filename-tag {
|
||||
display: inline-block;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 0px;
|
||||
float:center;
|
||||
padding-bottom: 0;
|
||||
float: center;
|
||||
background-color: #555;
|
||||
color: white;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#script-editor-filename {
|
||||
background-color: #555;
|
||||
display: inline-block;
|
||||
float: center;
|
||||
resize: none;
|
||||
color: white;
|
||||
float: center;
|
||||
resize: none;
|
||||
color: #fff;
|
||||
margin: 4px;
|
||||
|
||||
padding: 2px;
|
||||
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: #ffffff;
|
||||
float: left;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#script-editor-options-panel {
|
||||
position:absolute;
|
||||
position: absolute;
|
||||
right: 9%;
|
||||
bottom:15%;
|
||||
border:2px solid white;
|
||||
width:19%;
|
||||
background-color:#444;
|
||||
padding:2px;
|
||||
overflow:auto;
|
||||
bottom: 15%;
|
||||
border: 2px solid #fff;
|
||||
width: 19%;
|
||||
background-color: #444;
|
||||
padding: 2px;
|
||||
overflow: auto;
|
||||
z-index: 1;
|
||||
color: white;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#script-editor-options-panel fieldset {
|
||||
margin-top:8px;
|
||||
margin-bottom:8px;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
padding: 2px;
|
||||
font-size:12px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Active scripts */
|
||||
@ -141,8 +141,8 @@
|
||||
}
|
||||
|
||||
#active-scripts-container {
|
||||
position: fixed;
|
||||
padding-top: 10px;
|
||||
position: fixed;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#active-scripts-text,
|
||||
@ -155,8 +155,8 @@
|
||||
.active-scripts-server-header {
|
||||
background-color: #444;
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
margin: 6px 6px 0px 6px;
|
||||
color: #fff;
|
||||
margin: 6px 6px 0 6px;
|
||||
padding: 6px;
|
||||
cursor: pointer;
|
||||
width: 60%;
|
||||
@ -177,7 +177,7 @@
|
||||
.active-scripts-server-header:after {
|
||||
content: '\02795'; /* "plus" sign (+) */
|
||||
font-size: 13px;
|
||||
color: white;
|
||||
color: #fff;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
@ -185,14 +185,14 @@
|
||||
.active-scripts-server-header.active:after {
|
||||
content: "\2796"; /* "minus" sign (-) */
|
||||
font-size: 13px;
|
||||
color: white;
|
||||
color: #fff;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.active-scripts-server-panel {
|
||||
margin: 0px 6px 6px 6px;
|
||||
padding: 0px 6px 6px 6px;
|
||||
margin: 0 6px 6px 6px;
|
||||
padding: 0 6px 6px 6px;
|
||||
width: 55%;
|
||||
margin-left: 5%;
|
||||
display: none;
|
||||
@ -255,7 +255,7 @@
|
||||
.active-scripts-script-panel li {
|
||||
background-color: #555;
|
||||
width: auto;
|
||||
color: white;
|
||||
color: #fff;
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
@ -271,12 +271,12 @@
|
||||
box-shadow: 1px 1px 3px #000;
|
||||
margin: 4px;
|
||||
padding: 4px;
|
||||
background-color:black;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.active-scripts-button:hover,
|
||||
.active-scripts-button:focus {
|
||||
color: white;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -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 {
|
||||
@ -368,7 +368,6 @@
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
#world-city-name,
|
||||
#world-city-desc {
|
||||
padding: 4px;
|
||||
@ -403,11 +402,11 @@
|
||||
}
|
||||
|
||||
.faction-work-div-wrapper {
|
||||
overflow:hidden;
|
||||
overflow: hidden;
|
||||
border: 2px solid #333;
|
||||
padding: 6px;
|
||||
margin: 6px;
|
||||
width:70%;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
#faction-donate-amount-txt,
|
||||
@ -416,11 +415,11 @@
|
||||
margin: 6px;
|
||||
display: inline-block;
|
||||
color: var(--my-font-color);
|
||||
background-color:black;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
#faction-donate-amount-txt {
|
||||
width:50%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#faction-container p,
|
||||
@ -467,7 +466,7 @@
|
||||
.augmentations-list button,
|
||||
.augmentations-list div {
|
||||
color: var(--my-font-color);
|
||||
padding: 8px;
|
||||
padding: 8px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -503,13 +502,13 @@
|
||||
|
||||
/* Location */
|
||||
#location-container {
|
||||
position: fixed;
|
||||
padding: 6px;
|
||||
position: fixed;
|
||||
padding: 6px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#location-container a {
|
||||
display:inline-block;
|
||||
display: inline-block;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
@ -524,7 +523,7 @@
|
||||
}
|
||||
|
||||
#location-container * {
|
||||
margin: 10px 5px 10px 5px;
|
||||
margin: 10px 5px 10px 5px;
|
||||
}
|
||||
|
||||
#location-job-reputation, #location-company-favor {
|
||||
@ -538,8 +537,8 @@
|
||||
}
|
||||
#infiltration-left-panel,
|
||||
#infiltration-right-panel {
|
||||
display:inline-block;
|
||||
border: 1px solid white;
|
||||
display: inline-block;
|
||||
border: 1px solid #fff;
|
||||
width: 35%;
|
||||
height: 75%;
|
||||
top: 10px;
|
||||
@ -548,7 +547,7 @@
|
||||
}
|
||||
|
||||
#infiltration-faction-select {
|
||||
color:white;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#infiltration-left-panel p,
|
||||
@ -557,7 +556,7 @@
|
||||
}
|
||||
|
||||
#infiltration-buttons .a-link-button {
|
||||
display:inline;
|
||||
display: inline;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
@ -581,27 +580,27 @@
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
margin: 2px;
|
||||
background-color: black;
|
||||
border: 1px solid white;
|
||||
background-color: #000;
|
||||
border: 1px solid #fff;
|
||||
color: var(--my-font-color);
|
||||
}
|
||||
|
||||
.stock-market-position-text {
|
||||
color:white;
|
||||
display:inline-block;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.stock-market-order-list {
|
||||
overflow-y:auto;
|
||||
overflow-y: auto;
|
||||
max-height: 100px;
|
||||
}
|
||||
|
||||
.stock-market-order-cancel-btn {
|
||||
background-color: black;
|
||||
border: 1px solid white;
|
||||
background-color: #000;
|
||||
border: 1px solid #fff;
|
||||
color: var(--my-font-color);
|
||||
margin: 2px;
|
||||
padding: 0px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Gang */
|
||||
@ -615,6 +614,6 @@
|
||||
}
|
||||
|
||||
.gang-member-info-div {
|
||||
float:left;
|
||||
float: left;
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
@ -2,40 +2,38 @@
|
||||
|
||||
/* Hacking missions */
|
||||
#mission-container {
|
||||
overflow:hidden;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hack-mission-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-rows: 10% 10% 10% 10% 10% 10% 10% 10%;*/
|
||||
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||
grid-gap: 2.5%;
|
||||
height: 90%;
|
||||
position:absolute;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
overflow-y:auto;
|
||||
overflow-y: auto;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.hack-mission-grid::-webkit-scrollbar {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hack-mission-node {
|
||||
z-index:5;
|
||||
background-color:gray;
|
||||
z-index: 5;
|
||||
background-color: #808080;
|
||||
align-self: center;
|
||||
justify-self: center;
|
||||
display:inline-block;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.hack-mission-node p {
|
||||
margin-top:8px;
|
||||
color:white;
|
||||
font-size:12px;
|
||||
text-align:center;
|
||||
margin-top: 8px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
@ -43,49 +41,49 @@
|
||||
}
|
||||
|
||||
.hack-mission-player-node {
|
||||
color:white;
|
||||
background-color:blue;
|
||||
color: #fff;
|
||||
background-color: #00f;
|
||||
}
|
||||
|
||||
.hack-mission-player-node-active {
|
||||
border: 2px solid white;
|
||||
background-color: #6666ff;
|
||||
border: 2px solid #fff;
|
||||
background-color: #66f;
|
||||
}
|
||||
|
||||
.hack-mission-enemy-node {
|
||||
color:white;
|
||||
background-color:red;
|
||||
color: #fff;
|
||||
background-color: #f00;
|
||||
}
|
||||
|
||||
.hack-mission-cpu-node {
|
||||
width:100%;
|
||||
height:100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.hack-mission-firewall-node {
|
||||
width:90%;
|
||||
height:100%;
|
||||
width: 90%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.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);
|
||||
color:white;
|
||||
font-size:12px;
|
||||
-moz-transform: skew(-20deg);
|
||||
-o-transform: skew(-20deg);
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
margin-top: 8px;
|
||||
text-align:center;
|
||||
text-align: center;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
@ -94,20 +92,20 @@
|
||||
|
||||
.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);
|
||||
color:white;
|
||||
font-size:12px;
|
||||
-moz-transform: skew(20deg);
|
||||
-o-transform: skew(20deg);
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
margin-top: 8px;
|
||||
text-align:center;
|
||||
text-align: center;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
@ -116,7 +114,7 @@
|
||||
|
||||
.hack-mission-spam-node,
|
||||
.hack-mission-shield-node {
|
||||
height:100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -128,5 +126,5 @@
|
||||
}
|
||||
|
||||
.hack-mission-action-buttons-container {
|
||||
border: 2px solid white;
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow:auto;
|
||||
overflow: auto;
|
||||
background-color: rbga(var(--my-background-color), 0.4);
|
||||
}
|
||||
|
||||
@ -28,8 +28,8 @@
|
||||
font-weight: bold;
|
||||
padding: 2px;
|
||||
margin: 6px;
|
||||
border: 1px solid white;
|
||||
background-color:black;
|
||||
border: 1px solid #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.popup-box-button:hover,
|
||||
@ -46,8 +46,8 @@
|
||||
|
||||
#yes-no-text-input-box-input {
|
||||
color: var(--my-font-color);
|
||||
border: 1px solid white;
|
||||
background-color:black;
|
||||
border: 1px solid #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.dialog-box-container,
|
||||
@ -97,13 +97,13 @@
|
||||
}
|
||||
|
||||
#log-box-close, #log-box-kill-script {
|
||||
float:right;
|
||||
display:inline-block;
|
||||
float: right;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.dialog-box-close-button:hover,
|
||||
.dialog-box-close-button:focus,{
|
||||
color: white;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -126,12 +126,12 @@
|
||||
}
|
||||
|
||||
#infiltration-faction-select {
|
||||
background-color:black;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
/* Generic Yes No Box */
|
||||
#yes-no-text-input-box-input {
|
||||
color: white;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Game Options */
|
||||
@ -163,7 +163,7 @@
|
||||
font-weight: bold;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px white;
|
||||
border-radius: 12px #fff;
|
||||
-moz-box-shadow: 1px 1px 3px #000;
|
||||
-webkit-box-shadow: 1px 1px 3px #000;
|
||||
box-shadow: 1px 1px 3px #000;
|
||||
@ -171,16 +171,16 @@
|
||||
|
||||
#game-options-close-button:hover,
|
||||
#game-options-close-button:focus {
|
||||
color: white;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#game-options-left-panel fieldset {
|
||||
padding:2px;
|
||||
margin:2px;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
#import-game-file-selector {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
225
css/styles.css
225
css/styles.css
@ -1,7 +1,7 @@
|
||||
:root{
|
||||
--my-font-color: #66ff33;
|
||||
--my-background-color: #000000;
|
||||
--my-highlight-color: #ffffff;
|
||||
--my-font-color: #6f3;
|
||||
--my-background-color: #000;
|
||||
--my-highlight-color: #fff;
|
||||
}
|
||||
|
||||
* {
|
||||
@ -42,7 +42,7 @@ span {
|
||||
}
|
||||
|
||||
#entire-game-container {
|
||||
background-color:transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* Disable border highlight on elements */
|
||||
@ -51,7 +51,7 @@ textarea:focus,
|
||||
button:focus,
|
||||
td:focus,
|
||||
tr:focus {
|
||||
outline:none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Main navigation menu */
|
||||
@ -65,13 +65,13 @@ tr:focus {
|
||||
overflow: auto;
|
||||
|
||||
border: 0;
|
||||
border-bottom: 1px solid #000000;
|
||||
border-radius: 0;
|
||||
background-color: #333;
|
||||
border-bottom: 1px solid #000;
|
||||
border-radius: 0;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
/* Default buttons */
|
||||
.mainmenu>li a {
|
||||
.mainmenu > li a {
|
||||
display: block;
|
||||
color: #e6e6e6;
|
||||
background-color: #555;
|
||||
@ -80,28 +80,28 @@ tr:focus {
|
||||
}
|
||||
|
||||
/* Hovering makes them lighter */
|
||||
.mainmenu>li a:hover,
|
||||
.mainmenu>li a:hover:not(.active),
|
||||
.mainmenu>li a:focus {
|
||||
.mainmenu > li a:hover,
|
||||
.mainmenu > li a:hover:not(.active),
|
||||
.mainmenu > li a:focus {
|
||||
background-color: #777;
|
||||
color: white;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Panel headers can become active, and they are "lighter" than the rest */
|
||||
.mainmenu>li a.active {
|
||||
.mainmenu > li a.active {
|
||||
background-color: #777;
|
||||
color: white;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mainmenu>li a.active:hover {
|
||||
background-color:#aaa;
|
||||
.mainmenu > li a.active:hover {
|
||||
background-color: #aaa;
|
||||
}
|
||||
|
||||
/* Plus and minus signs */
|
||||
.mainmenu-accordion-header:after {
|
||||
content: '\02795';
|
||||
font-size: 13px;
|
||||
color: white;
|
||||
color: #fff;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
@ -111,7 +111,7 @@ tr:focus {
|
||||
}
|
||||
|
||||
.mainmenu-accordion-header.opened {
|
||||
background-color:#222;
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
/* Slide down transition */
|
||||
@ -123,21 +123,21 @@ tr:focus {
|
||||
|
||||
/* Borders */
|
||||
.mainmenu-accordion-header {
|
||||
border:2px solid white;
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
|
||||
/* Make html links ("a" elements) nice looking buttons with this class */
|
||||
a:link, a:visited {
|
||||
color:white;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.a-link-button {
|
||||
text-decoration: none;
|
||||
background-color: #555;
|
||||
color: #FFFFFF;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
border: 1px solid #333333;
|
||||
border: 1px solid #333;
|
||||
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
@ -151,18 +151,18 @@ 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) */
|
||||
.a-link-button-inactive {
|
||||
text-decoration: none;
|
||||
background-color: #333;
|
||||
color: #FFFFFF;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
border: 1px solid #333333;
|
||||
border: 1px solid #333;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
@ -179,11 +179,11 @@ a:link, a:visited {
|
||||
/* Make anchor tags ("a" elements) for activated actions */
|
||||
.a-link-button-bought {
|
||||
text-decoration: none;
|
||||
background-color: #00AA00;
|
||||
color: #FFFFFF;
|
||||
background-color: #0a0;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
border: 1px solid #00AA00;
|
||||
border: 1px solid #0a0;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
@ -198,18 +198,18 @@ a:link, a:visited {
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
color:white;
|
||||
background-color:black;
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.text-input {
|
||||
color:white;
|
||||
background-color:black;
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
/* Notification icon (for create program right now only) */
|
||||
#create-program-tab {
|
||||
position:relative;
|
||||
position: relative;
|
||||
}
|
||||
#create-program-notification {
|
||||
font-size: 10px;
|
||||
@ -221,7 +221,7 @@ a:link, a:visited {
|
||||
|
||||
.notification-on {
|
||||
background-color: #fa3e3e;
|
||||
color: white;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
@ -229,8 +229,8 @@ a:link, a:visited {
|
||||
.notification-off {
|
||||
background-color: #333;
|
||||
color: #333;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Tool tips (when hovering over an element */
|
||||
@ -243,8 +243,8 @@ a:link, a:visited {
|
||||
visibility: hidden;
|
||||
width: 300px;
|
||||
background-color: var(--my-background-color);
|
||||
border: 2px solid var(--my-highlight-color);;
|
||||
color: white;
|
||||
border: 2px solid var(--my-highlight-color);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 4px;
|
||||
left: 101%;
|
||||
@ -258,12 +258,12 @@ a:link, a:visited {
|
||||
visibility: hidden;
|
||||
width: 300px;
|
||||
background-color: var(--my-background-color);
|
||||
border: 2px solid var(--my-highlight-color);;
|
||||
color: white;
|
||||
border: 2px solid var(--my-highlight-color);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 4px;
|
||||
left: 101%;
|
||||
bottom:-25%;
|
||||
bottom: -25%;
|
||||
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
@ -275,12 +275,12 @@ a:link, a:visited {
|
||||
visibility: hidden;
|
||||
width: 300px;
|
||||
background-color: var(--my-background-color);
|
||||
border: 2px solid var(--my-highlight-color);;
|
||||
color: white;
|
||||
border: 2px solid var(--my-highlight-color);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 4px;
|
||||
left: 40%;
|
||||
bottom:-10%;
|
||||
bottom: -10%;
|
||||
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
@ -294,13 +294,13 @@ a:link, a:visited {
|
||||
|
||||
/* help tip. Question mark that opens popup with info/details */
|
||||
.help-tip {
|
||||
content:'?';
|
||||
padding:1px;
|
||||
margin-left:3px;
|
||||
color:#fff;
|
||||
border:1px solid white;
|
||||
border-radius:5px;
|
||||
display:inline-block;
|
||||
content: '?';
|
||||
padding: 1px;
|
||||
margin-left: 3px;
|
||||
color: #fff;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.help-tip:hover {
|
||||
@ -309,33 +309,33 @@ 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) */
|
||||
@-webkit-keyframes glowing {
|
||||
0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
|
||||
50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
|
||||
100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
|
||||
0% { background-color: #b20000; -webkit-box-shadow: 0 0 3px #b20000; }
|
||||
50% { background-color: #f00; -webkit-box-shadow: 0 0 40px #f00; }
|
||||
100% { background-color: #b20000; -webkit-box-shadow: 0 0 3px #b20000; }
|
||||
}
|
||||
|
||||
@-moz-keyframes glowing {
|
||||
0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
|
||||
50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
|
||||
100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
|
||||
0% { background-color: #b20000; -moz-box-shadow: 0 0 3px #b20000; }
|
||||
50% { background-color: #f00; -moz-box-shadow: 0 0 40px #f00; }
|
||||
100% { background-color: #b20000; -moz-box-shadow: 0 0 3px #b20000; }
|
||||
}
|
||||
|
||||
@-o-keyframes glowing {
|
||||
0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
|
||||
50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
|
||||
100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
|
||||
0% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
|
||||
50% { background-color: #f00; box-shadow: 0 0 40px #f00; }
|
||||
100% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
|
||||
}
|
||||
|
||||
@keyframes glowing {
|
||||
0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
|
||||
50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
|
||||
100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
|
||||
0% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
|
||||
50% { background-color: #f00; box-shadow: 0 0 40px #f00; }
|
||||
100% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
|
||||
}
|
||||
|
||||
.flashing-button {
|
||||
@ -348,57 +348,57 @@ 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 */
|
||||
@-webkit-keyframes status-text{
|
||||
from{
|
||||
opacity:1;
|
||||
top:0px;
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
}
|
||||
to{
|
||||
opacity:0;
|
||||
top:0px;
|
||||
opacity: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.status-text{
|
||||
display:inline;
|
||||
position:fixed;
|
||||
top:0px;
|
||||
-webkit-animation:status-text 3s 1;
|
||||
display: inline;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
-webkit-animation: status-text 3s 1;
|
||||
background-color: transparent;
|
||||
height: 15%;
|
||||
}
|
||||
@ -409,7 +409,7 @@ a:link, a:visited {
|
||||
|
||||
#status-text {
|
||||
font-size: 20px;
|
||||
color: #FFFFFF;
|
||||
color: #fff;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 4px;
|
||||
@ -429,7 +429,6 @@ a:link, a:visited {
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 205px; /* Full height */
|
||||
/*margin: 50% auto;*/
|
||||
padding: 5px;
|
||||
border: 2px solid var(--my-highlight-color);
|
||||
width: 19%;
|
||||
@ -441,7 +440,7 @@ a:link, a:visited {
|
||||
#character-overview-text {
|
||||
padding: 4px;
|
||||
margin: 8px;
|
||||
color: white;
|
||||
color: #fff;
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
@ -457,14 +456,14 @@ a:link, a:visited {
|
||||
-webkit-box-shadow: 1px 1px 3px #000;
|
||||
box-shadow: 1px 1px 3px #000;
|
||||
height: 22px;
|
||||
background-color:black;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
#character-overview-save-button:hover,
|
||||
#character-overview-save-button:focus,
|
||||
#character-overview-options-button:hover,
|
||||
#character-overview-options-button:focus {
|
||||
color: white;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -475,20 +474,20 @@ a:link, a:visited {
|
||||
|
||||
/* Scan analyze links from AutoLink */
|
||||
.scan-analyze-link {
|
||||
cursor:pointer;
|
||||
color:#FFFFFF;
|
||||
text-decoration:underline;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.scan-analyze-link:hover {
|
||||
text-decoration:none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Accordion menus (Header with collapsible panel) */
|
||||
.accordion-header {
|
||||
background-color: #444;
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
margin: 6px 6px 0px 6px;
|
||||
color: #fff;
|
||||
margin: 6px 6px 0 6px;
|
||||
padding: 6px;
|
||||
cursor: pointer;
|
||||
width: 80%;
|
||||
@ -509,7 +508,7 @@ a:link, a:visited {
|
||||
.accordion-header:after {
|
||||
content: '\02795'; /* "plus" sign (+) */
|
||||
font-size: 13px;
|
||||
color: white;
|
||||
color: #fff;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
@ -517,20 +516,20 @@ a:link, a:visited {
|
||||
.accordion-header.active:after {
|
||||
content: "\2796"; /* "minus" sign (-) */
|
||||
font-size: 13px;
|
||||
color: white;
|
||||
color: #fff;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.accordion-panel {
|
||||
margin: 0px 6px 6px 6px;
|
||||
padding: 0px 6px 6px 6px;
|
||||
margin: 0 6px 6px 6px;
|
||||
padding: 0 6px 6px 6px;
|
||||
width: 75%;
|
||||
margin-left: 5%;
|
||||
display: none;
|
||||
background-color: #555;
|
||||
overflow-y:auto;
|
||||
overflow-x:none;
|
||||
overflow-y: auto;
|
||||
overflow-x: none;
|
||||
}
|
||||
|
||||
.accordion-panel div,
|
||||
|
||||
@ -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,10 +13,10 @@
|
||||
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;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
#terminal-input {
|
||||
@ -26,20 +26,20 @@
|
||||
}
|
||||
|
||||
.terminal-input {
|
||||
display: inline-block;
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
border: 0px;
|
||||
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);
|
||||
}
|
||||
|
||||
.terminal-line {
|
||||
width: 70%;
|
||||
word-wrap: break-word;
|
||||
hyphens:auto;
|
||||
hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
}
|
||||
|
||||
@ -25,7 +25,7 @@
|
||||
margin: 10px;
|
||||
padding: 5px;
|
||||
border-radius: 12px;
|
||||
border: 3px solid white;
|
||||
border: 3px solid #fff;
|
||||
-moz-box-shadow: 1px 1px 3px #000;
|
||||
-webkit-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:focus {
|
||||
color: white;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -44,12 +44,12 @@
|
||||
}
|
||||
|
||||
.bitnode {
|
||||
color:blue;
|
||||
color: #00f;
|
||||
}
|
||||
.bitnode-destroyed {
|
||||
color:red;
|
||||
color: #f00;
|
||||
}
|
||||
.bitnode:hover,
|
||||
.bitnode-destroyed:hover {
|
||||
color:white;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -42,20 +42,20 @@ module.exports = {
|
||||
// "block-opening-brace-newline-after": "always",
|
||||
// "block-opening-brace-newline-before": "never-single-line",
|
||||
// "block-opening-brace-space-before": "always",
|
||||
// "color-hex-case": "lower",
|
||||
// "color-hex-length": "short",
|
||||
// "color-named": "never",
|
||||
"color-hex-case": "lower",
|
||||
"color-hex-length": "short",
|
||||
"color-named": "never",
|
||||
//"color-no-hex": true,
|
||||
"color-no-invalid-hex": true,
|
||||
// "comment-empty-line-before": "always",
|
||||
"comment-no-empty": true,
|
||||
// "comment-whitespace-inside": "always",
|
||||
"comment-whitespace-inside": "always",
|
||||
"comment-word-blacklist": [],
|
||||
"custom-media-pattern": ".+",
|
||||
"custom-property-empty-line-before": "never",
|
||||
"custom-property-pattern": "my-.+",
|
||||
"declaration-bang-space-after": "never",
|
||||
// "declaration-bang-space-before": "always",
|
||||
"declaration-bang-space-before": "always",
|
||||
// "declaration-block-no-duplicate-properties": true,
|
||||
"declaration-block-no-redundant-longhand-properties": true,
|
||||
"declaration-block-no-shorthand-property-overrides": true,
|
||||
@ -65,7 +65,7 @@ module.exports = {
|
||||
// "declaration-block-single-line-max-declarations": 1,
|
||||
"declaration-block-trailing-semicolon": "always",
|
||||
"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-empty-line-before": "never",
|
||||
//"declaration-no-important": true,
|
||||
@ -81,7 +81,7 @@ module.exports = {
|
||||
"function-calc-no-unspaced-operator": true,
|
||||
"function-comma-newline-after": "always-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-linear-gradient-no-nonstandard-direction": true,
|
||||
"function-max-empty-lines": 1,
|
||||
@ -100,10 +100,10 @@ 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,
|
||||
"length-zero-no-unit": true,
|
||||
"max-empty-lines": 1,
|
||||
"max-line-length": 160,
|
||||
"max-nesting-depth": 99,
|
||||
"media-feature-colon-space-after": "always",
|
||||
@ -125,9 +125,9 @@ module.exports = {
|
||||
// "no-duplicate-selectors": true,
|
||||
"no-empty-source": true,
|
||||
"no-eol-whitespace": true,
|
||||
// "no-extra-semicolons": true,
|
||||
"no-extra-semicolons": 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,
|
||||
"number-leading-zero": "always",
|
||||
"number-max-precision": [3, { ignoreUnits: [ "%" ] }],
|
||||
@ -229,16 +229,16 @@ module.exports = {
|
||||
"scss/selector-no-redundant-nesting-selector": true,*/
|
||||
"selector-attribute-brackets-space-inside": "never",
|
||||
"selector-attribute-operator-blacklist": [],
|
||||
// "selector-attribute-operator-space-after": "always",
|
||||
// "selector-attribute-operator-space-before": "always",
|
||||
"selector-attribute-operator-space-after": "never",
|
||||
"selector-attribute-operator-space-before": "never",
|
||||
"selector-attribute-operator-whitelist": [
|
||||
"="
|
||||
],
|
||||
"selector-attribute-quotes": "always",
|
||||
"selector-class-pattern": ".+",
|
||||
//"selector-combinator-blacklist": [],
|
||||
// "selector-combinator-space-after": "always",
|
||||
// "selector-combinator-space-before": "always",
|
||||
"selector-combinator-space-after": "always",
|
||||
"selector-combinator-space-before": "always",
|
||||
//"selector-combinator-whitelist": [],
|
||||
"selector-descendant-combinator-no-non-space": true,
|
||||
"selector-id-pattern": ".+",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user