mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-12-19 12:45:45 +01:00
[style] Enabled Stylelint 'indentation' rule
This commit is contained in:
Steven Evans
parent
30de15efb7
commit
17c91b83d1
@ -72,12 +72,12 @@
|
|||||||
|
|
||||||
.bladeburner-console-input {
|
.bladeburner-console-input {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: var(--my-background-color);
|
background-color: var(--my-background-color);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
outline: none;
|
outline: none;
|
||||||
color: var(--my-font-color);
|
color: var(--my-font-color);
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|||||||
190
css/loader.css
190
css/loader.css
@ -1,148 +1,148 @@
|
|||||||
@-webkit-keyframes LOADERSPINNER {
|
@-webkit-keyframes LOADERSPINNER {
|
||||||
0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); }
|
0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); }
|
||||||
100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); }
|
100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); }
|
||||||
}
|
}
|
||||||
@-moz-keyframes LOADERSPINNER {
|
@-moz-keyframes LOADERSPINNER {
|
||||||
0% { -moz-transform: translate(-50%, -50%) rotate(0deg); }
|
0% { -moz-transform: translate(-50%, -50%) rotate(0deg); }
|
||||||
100% { -moz-transform: translate(-50%, -50%) rotate(360deg); }
|
100% { -moz-transform: translate(-50%, -50%) rotate(360deg); }
|
||||||
}
|
}
|
||||||
@-ms-keyframes LOADERSPINNER {
|
@-ms-keyframes LOADERSPINNER {
|
||||||
0% { -ms-transform: translate(-50%, -50%) rotate(0deg); }
|
0% { -ms-transform: translate(-50%, -50%) rotate(0deg); }
|
||||||
100% { -ms-transform: translate(-50%, -50%) rotate(360deg); }
|
100% { -ms-transform: translate(-50%, -50%) rotate(360deg); }
|
||||||
}
|
}
|
||||||
@-o-keyframes LOADERSPINNER {
|
@-o-keyframes LOADERSPINNER {
|
||||||
0% { -o-transform: translate(-50%, -50%) rotate(0deg); }
|
0% { -o-transform: translate(-50%, -50%) rotate(0deg); }
|
||||||
100% { -o-transform: translate(-50%, -50%) rotate(360deg); }
|
100% { -o-transform: translate(-50%, -50%) rotate(360deg); }
|
||||||
}
|
}
|
||||||
@keyframes LOADERSPINNER {
|
@keyframes LOADERSPINNER {
|
||||||
0% { transform: translate(-50%, -50%) rotate(0deg); }
|
0% { transform: translate(-50%, -50%) rotate(0deg); }
|
||||||
100% { transform: translate(-50%, -50%) rotate(360deg); }
|
100% { transform: translate(-50%, -50%) rotate(360deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes LOADERLABEL {
|
@-webkit-keyframes LOADERLABEL {
|
||||||
0% { 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); }
|
5% { opacity: 0.5; -webkit-transform: translate(-50%, -50%) scale(0.5); }
|
||||||
95% { 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); }
|
100% { opacity: 1.0; -webkit-transform: translate(-50%, -50%) scale(1.0); }
|
||||||
}
|
}
|
||||||
@-moz-keyframes LOADERLABEL {
|
@-moz-keyframes LOADERLABEL {
|
||||||
0% { 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); }
|
5% { opacity: 0.5; -moz-transform: translate(-50%, -50%) scale(0.5); }
|
||||||
95% { 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); }
|
100% { opacity: 1.0; -moz-transform: translate(-50%, -50%) scale(1.0); }
|
||||||
}
|
}
|
||||||
@-ms-keyframes LOADERLABEL {
|
@-ms-keyframes LOADERLABEL {
|
||||||
0% { 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); }
|
5% { opacity: 0.5; -ms-transform: translate(-50%, -50%) scale(0.5); }
|
||||||
95% { 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); }
|
100% { opacity: 1.0; -ms-transform: translate(-50%, -50%) scale(1.0); }
|
||||||
}
|
}
|
||||||
@-o-keyframes LOADERLABEL {
|
@-o-keyframes LOADERLABEL {
|
||||||
0% { 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); }
|
5% { opacity: 0.5; -o-transform: translate(-50%, -50%) scale(0.5); }
|
||||||
95% { 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); }
|
100% { opacity: 1.0; -o-transform: translate(-50%, -50%) scale(1.0); }
|
||||||
}
|
}
|
||||||
@keyframes LOADERLABEL {
|
@keyframes LOADERLABEL {
|
||||||
0% { 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); }
|
5% { opacity: 0.5; transform: translate(-50%, -50%) scale(0.5); }
|
||||||
95% { 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); }
|
100% { opacity: 1.0; transform: translate(-50%, -50%) scale(1.0); }
|
||||||
}
|
}
|
||||||
|
|
||||||
*, *:before, *:after {
|
*, *:before, *:after {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
.loaderoverlay {
|
.loaderoverlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: rgba(255, 255, 255, 1.0);
|
background: rgba(255, 255, 255, 1.0);
|
||||||
}
|
}
|
||||||
.loaderoverlay .loaderspinner,
|
.loaderoverlay .loaderspinner,
|
||||||
.loaderoverlay .loaderspinner:before,
|
.loaderoverlay .loaderspinner:before,
|
||||||
.loaderoverlay .loaderspinner:after {
|
.loaderoverlay .loaderspinner:after {
|
||||||
border: 20px solid rgba(0, 0, 0, 0);
|
border: 20px solid rgba(0, 0, 0, 0);
|
||||||
border-top: 20px solid #ccc;
|
border-top: 20px solid #ccc;
|
||||||
border-bottom: 20px solid #ccc;
|
border-bottom: 20px solid #ccc;
|
||||||
border-radius: 1000px;
|
border-radius: 1000px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
}
|
}
|
||||||
.loaderoverlay .loaderspinner:before,
|
.loaderoverlay .loaderspinner:before,
|
||||||
.loaderoverlay .loaderspinner:after {
|
.loaderoverlay .loaderspinner:after {
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
.loaderoverlay .loaderspinner {
|
.loaderoverlay .loaderspinner {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
-webkit-animation: LOADERSPINNER 5s linear infinite;
|
-webkit-animation: LOADERSPINNER 5s linear infinite;
|
||||||
-moz-animation: LOADERSPINNER 5s linear infinite;
|
-moz-animation: LOADERSPINNER 5s linear infinite;
|
||||||
-ms-animation: LOADERSPINNER 5s linear infinite;
|
-ms-animation: LOADERSPINNER 5s linear infinite;
|
||||||
-o-animation: LOADERSPINNER 5s linear infinite;
|
-o-animation: LOADERSPINNER 5s linear infinite;
|
||||||
animation: LOADERSPINNER 5s linear infinite;
|
animation: LOADERSPINNER 5s linear infinite;
|
||||||
}
|
}
|
||||||
.loaderoverlay .loaderspinner:before {
|
.loaderoverlay .loaderspinner:before {
|
||||||
width: 160px;
|
width: 160px;
|
||||||
height: 160px;
|
height: 160px;
|
||||||
-webkit-animation: LOADERSPINNER 10s linear infinite;
|
-webkit-animation: LOADERSPINNER 10s linear infinite;
|
||||||
-moz-animation: LOADERSPINNER 10s linear infinite;
|
-moz-animation: LOADERSPINNER 10s linear infinite;
|
||||||
-ms-animation: LOADERSPINNER 10s linear infinite;
|
-ms-animation: LOADERSPINNER 10s linear infinite;
|
||||||
-o-animation: LOADERSPINNER 10s linear infinite;
|
-o-animation: LOADERSPINNER 10s linear infinite;
|
||||||
animation: LOADERSPINNER 10s linear infinite;
|
animation: LOADERSPINNER 10s linear infinite;
|
||||||
}
|
}
|
||||||
.loaderoverlay .loaderspinner:after {
|
.loaderoverlay .loaderspinner:after {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
height: 120px;
|
height: 120px;
|
||||||
-webkit-animation: LOADERSPINNER 5s linear infinite;
|
-webkit-animation: LOADERSPINNER 5s linear infinite;
|
||||||
-moz-animation: LOADERSPINNER 5s linear infinite;
|
-moz-animation: LOADERSPINNER 5s linear infinite;
|
||||||
-ms-animation: LOADERSPINNER 5s linear infinite;
|
-ms-animation: LOADERSPINNER 5s linear infinite;
|
||||||
-o-animation: LOADERSPINNER 5s linear infinite;
|
-o-animation: LOADERSPINNER 5s linear infinite;
|
||||||
animation: LOADERSPINNER 5s linear infinite;
|
animation: LOADERSPINNER 5s linear infinite;
|
||||||
}
|
}
|
||||||
.loaderoverlay .loaderlabel {
|
.loaderoverlay .loaderlabel {
|
||||||
color: #6f3;
|
color: #6f3;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
-webkit-animation: LOADERLABEL 5s linear infinite;
|
-webkit-animation: LOADERLABEL 5s linear infinite;
|
||||||
-moz-animation: LOADERLABEL 5s linear infinite;
|
-moz-animation: LOADERLABEL 5s linear infinite;
|
||||||
-ms-animation: LOADERLABEL 5s linear infinite;
|
-ms-animation: LOADERLABEL 5s linear infinite;
|
||||||
-o-animation: LOADERLABEL 5s linear infinite;
|
-o-animation: LOADERLABEL 5s linear infinite;
|
||||||
animation: LOADERLABEL 5s linear infinite;
|
animation: LOADERLABEL 5s linear infinite;
|
||||||
}
|
}
|
||||||
button[type="button"] {
|
button[type="button"] {
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
-webkit-transform: translateX(-50%);
|
-webkit-transform: translateX(-50%);
|
||||||
-moz-transform: translateX(-50%);
|
-moz-transform: translateX(-50%);
|
||||||
-ms-transform: translateX(-50%);
|
-ms-transform: translateX(-50%);
|
||||||
-o-transform: translateX(-50%);
|
-o-transform: translateX(-50%);
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Customize */
|
/* Customize */
|
||||||
.loaderoverlay {
|
.loaderoverlay {
|
||||||
background: #000;
|
background: #000;
|
||||||
}
|
}
|
||||||
.loaderoverlay .loaderspinner,
|
.loaderoverlay .loaderspinner,
|
||||||
.loaderoverlay .loaderspinner:before,
|
.loaderoverlay .loaderspinner:before,
|
||||||
.loaderoverlay .loaderspinner:after {
|
.loaderoverlay .loaderspinner:after {
|
||||||
border-top-color: #6f3 !important;
|
border-top-color: #6f3 !important;
|
||||||
border-bottom-color: #6f3 !important;
|
border-bottom-color: #6f3 !important;
|
||||||
}
|
}
|
||||||
.loaderoverlay .loaderlabel {
|
.loaderoverlay .loaderlabel {
|
||||||
color: #6f3;
|
color: #6f3;
|
||||||
}
|
}
|
||||||
@ -1,12 +1,12 @@
|
|||||||
/* CSS for different main menu pages, such as character info, script editor, etc (but excluding
|
/* 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 {
|
.generic-menupage-container {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
margin-left: 10%;
|
margin-left: 10%;
|
||||||
width: 99%;
|
width: 99%;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Character Info */
|
/* Character Info */
|
||||||
@ -49,13 +49,13 @@
|
|||||||
|
|
||||||
/* This temp element is used for auto adjusting filename field */
|
/* This temp element is used for auto adjusting filename field */
|
||||||
.tmp-element {
|
.tmp-element {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
}
|
}
|
||||||
|
|
||||||
#script-editor-container {
|
#script-editor-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#script-editor-buttons-wrapper {
|
#script-editor-buttons-wrapper {
|
||||||
@ -91,28 +91,28 @@
|
|||||||
#script-editor-filename {
|
#script-editor-filename {
|
||||||
background-color: #555;
|
background-color: #555;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: center;
|
float: center;
|
||||||
resize: none;
|
resize: none;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
|
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
|
|
||||||
border: 2px solid var(--my-highlight-color);
|
border: 2px solid var(--my-highlight-color);
|
||||||
-webkit-box-shadow:
|
-webkit-box-shadow:
|
||||||
inset 0 0 8px 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);
|
0 0 16px rgba(0, 0, 0, 0.1);
|
||||||
-moz-box-shadow:
|
-moz-box-shadow:
|
||||||
inset 0 0 8px 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);
|
0 0 16px rgba(0, 0, 0, 0.1);
|
||||||
box-shadow:
|
box-shadow:
|
||||||
inset 0 0 8px 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);
|
0 0 16px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
#script-editor-status {
|
#script-editor-status {
|
||||||
float: left;
|
float: left;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#script-editor-options-panel {
|
#script-editor-options-panel {
|
||||||
@ -141,8 +141,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#active-scripts-container {
|
#active-scripts-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#active-scripts-text,
|
#active-scripts-text,
|
||||||
@ -328,14 +328,14 @@
|
|||||||
width: 34vw;
|
width: 34vw;
|
||||||
border: 2px solid var(--my-highlight-color);
|
border: 2px solid var(--my-highlight-color);
|
||||||
-webkit-box-shadow:
|
-webkit-box-shadow:
|
||||||
inset 0 0 8px 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);
|
0 0 16px rgba(0, 0, 0, 0.1);
|
||||||
-moz-box-shadow:
|
-moz-box-shadow:
|
||||||
inset 0 0 8px 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);
|
0 0 16px rgba(0, 0, 0, 0.1);
|
||||||
box-shadow:
|
box-shadow:
|
||||||
inset 0 0 8px 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);
|
0 0 16px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hacknet-node-container {
|
.hacknet-node-container {
|
||||||
@ -467,7 +467,7 @@
|
|||||||
.augmentations-list button,
|
.augmentations-list button,
|
||||||
.augmentations-list div {
|
.augmentations-list div {
|
||||||
color: var(--my-font-color);
|
color: var(--my-font-color);
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -503,8 +503,8 @@
|
|||||||
|
|
||||||
/* Location */
|
/* Location */
|
||||||
#location-container {
|
#location-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -524,7 +524,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#location-container * {
|
#location-container * {
|
||||||
margin: 10px 5px 10px 5px;
|
margin: 10px 5px 10px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#location-job-reputation, #location-company-favor {
|
#location-job-reputation, #location-company-favor {
|
||||||
|
|||||||
@ -72,16 +72,16 @@
|
|||||||
|
|
||||||
.hack-mission-database-node {
|
.hack-mission-database-node {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 90%;
|
height: 90%;
|
||||||
-webkit-transform: skew(20deg);
|
-webkit-transform: skew(20deg);
|
||||||
-moz-transform: skew(20deg);
|
-moz-transform: skew(20deg);
|
||||||
-o-transform: skew(20deg);
|
-o-transform: skew(20deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hack-mission-database-node p {
|
.hack-mission-database-node p {
|
||||||
-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: #fff;
|
color: #fff;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
@ -94,16 +94,16 @@
|
|||||||
|
|
||||||
.hack-mission-transfer-node {
|
.hack-mission-transfer-node {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 90%;
|
height: 90%;
|
||||||
-webkit-transform: skew(-20deg);
|
-webkit-transform: skew(-20deg);
|
||||||
-moz-transform: skew(-20deg);
|
-moz-transform: skew(-20deg);
|
||||||
-o-transform: skew(-20deg);
|
-o-transform: skew(-20deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hack-mission-transfer-node p {
|
.hack-mission-transfer-node p {
|
||||||
-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: #fff;
|
color: #fff;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
|
|||||||
@ -65,9 +65,9 @@ tr:focus {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
||||||
border: 0;
|
border: 0;
|
||||||
border-bottom: 1px solid #000;
|
border-bottom: 1px solid #000;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Default buttons */
|
/* Default buttons */
|
||||||
@ -151,8 +151,8 @@ a:link, a:visited {
|
|||||||
|
|
||||||
.a-link-button:active {
|
.a-link-button:active {
|
||||||
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
|
-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);
|
-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);
|
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Make anchor tags ("a" elements) inactive (not clickable) */
|
/* Make anchor tags ("a" elements) inactive (not clickable) */
|
||||||
@ -309,8 +309,8 @@ a:link, a:visited {
|
|||||||
|
|
||||||
.help-tip:active {
|
.help-tip:active {
|
||||||
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
|
-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);
|
-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);
|
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Flashing button (Red) */
|
/* Flashing button (Red) */
|
||||||
@ -348,38 +348,38 @@ a:link, a:visited {
|
|||||||
/* Blinking Cursor */
|
/* Blinking Cursor */
|
||||||
/* ----- blinking cursor animation ----- */
|
/* ----- blinking cursor animation ----- */
|
||||||
.typed-cursor{
|
.typed-cursor{
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
-webkit-animation: blink 0.95s infinite;
|
-webkit-animation: blink 0.95s infinite;
|
||||||
-moz-animation: blink 0.95s infinite;
|
-moz-animation: blink 0.95s infinite;
|
||||||
-ms-animation: blink 0.95s infinite;
|
-ms-animation: blink 0.95s infinite;
|
||||||
-o-animation: blink 0.95s infinite;
|
-o-animation: blink 0.95s infinite;
|
||||||
animation: blink 0.95s infinite;
|
animation: blink 0.95s infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-keyframes blink{
|
@-keyframes blink{
|
||||||
0% { opacity: 1; }
|
0% { opacity: 1; }
|
||||||
50% { opacity: 0; }
|
50% { opacity: 0; }
|
||||||
100% { opacity: 1; }
|
100% { opacity: 1; }
|
||||||
}
|
}
|
||||||
@-webkit-keyframes blink{
|
@-webkit-keyframes blink{
|
||||||
0% { opacity: 1; }
|
0% { opacity: 1; }
|
||||||
50% { opacity: 0; }
|
50% { opacity: 0; }
|
||||||
100% { opacity: 1; }
|
100% { opacity: 1; }
|
||||||
}
|
}
|
||||||
@-moz-keyframes blink{
|
@-moz-keyframes blink{
|
||||||
0% { opacity: 1; }
|
0% { opacity: 1; }
|
||||||
50% { opacity: 0; }
|
50% { opacity: 0; }
|
||||||
100% { opacity: 1; }
|
100% { opacity: 1; }
|
||||||
}
|
}
|
||||||
@-ms-keyframes blink{
|
@-ms-keyframes blink{
|
||||||
0% { opacity: 1; }
|
0% { opacity: 1; }
|
||||||
50% { opacity: 0; }
|
50% { opacity: 0; }
|
||||||
100% { opacity: 1; }
|
100% { opacity: 1; }
|
||||||
}
|
}
|
||||||
@-o-keyframes blink{
|
@-o-keyframes blink{
|
||||||
0% { opacity: 1; }
|
0% { opacity: 1; }
|
||||||
50% { opacity: 0; }
|
50% { opacity: 0; }
|
||||||
100% { opacity: 1; }
|
100% { opacity: 1; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Status text */
|
/* Status text */
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
#terminal-container {
|
#terminal-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
margin-left: 10%;
|
margin-left: 10%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 99%;
|
width: 99%;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
#terminal {
|
#terminal {
|
||||||
@ -13,8 +13,8 @@
|
|||||||
height: auto;
|
height: auto;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
background-color: var(--my-background-color);
|
background-color: var(--my-background-color);
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
}
|
}
|
||||||
@ -26,13 +26,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.terminal-input {
|
.terminal-input {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: var(--my-background-color);
|
background-color: var(--my-background-color);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
outline: none;
|
outline: none;
|
||||||
color: var(--my-font-color);
|
color: var(--my-font-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -100,7 +100,7 @@ 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,
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user