bitburner-src/css/bladeburner.scss

136 lines
2.3 KiB
SCSS
Raw Normal View History

@import "theme";
#bladeburner-container {
2021-09-05 01:09:30 +02:00
a,
div,
p,
pre,
td {
font-size: $defaultFontSize * 0.8125;
}
2018-05-02 19:38:11 +02:00
}
.bladeburner-action {
2021-09-05 01:09:30 +02:00
border: 1px solid #fff;
margin: 7px;
padding: 7px;
white-space: pre-wrap;
2018-05-02 19:38:11 +02:00
2021-09-05 01:09:30 +02:00
pre {
white-space: pre-wrap;
}
2018-05-02 19:38:11 +02:00
}
/* Whatever action is currently active */
.bladeburner-active-action {
2021-09-05 01:09:30 +02:00
border: 4px solid #fff;
2018-05-02 19:38:11 +02:00
}
/* Action & Skills panel navigation button */
%bladeburner-nav-button {
2021-09-05 01:09:30 +02:00
border: 1px solid #fff;
margin: 2px;
padding: 2px;
color: #fff;
2018-05-02 19:38:11 +02:00
}
.bladeburner-nav-button {
2021-09-05 01:09:30 +02:00
@extend %bladeburner-nav-button;
2021-09-05 01:09:30 +02:00
&:hover {
background-color: #3d4044;
}
2018-05-02 19:38:11 +02:00
}
.bladeburner-nav-button-inactive {
2021-09-05 01:09:30 +02:00
@extend %bladeburner-nav-button;
2021-09-05 01:09:30 +02:00
text-decoration: none;
background-color: #555;
cursor: default;
pointer-events: none;
2018-05-02 19:38:11 +02:00
}
2019-03-24 03:40:35 +01:00
/* Checkbox for (de)selecting autoleveling */
.bbcheckbox {
2021-09-05 01:09:30 +02:00
position: relative;
display: inline;
label {
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
background: black;
border-width: 1px;
border-color: white;
border-style: solid;
&:after {
content: "";
width: 9px;
height: 5px;
position: absolute;
top: 5px;
left: 5px;
border: 3px solid white;
border-top: none;
border-right: none;
opacity: 0;
transform: rotate(-45deg);
2019-03-24 03:40:35 +01:00
}
2021-09-05 01:09:30 +02:00
}
input[type="checkbox"] {
margin: 3px;
visibility: hidden;
&:checked + label:after {
opacity: 1;
2019-03-24 03:40:35 +01:00
}
2021-09-05 01:09:30 +02:00
}
2019-03-24 03:40:35 +01:00
}
2018-05-02 19:38:11 +02:00
/* Bladeburner Console */
.bladeburner-console-div {
2021-09-05 01:09:30 +02:00
display: inline-block;
width: 40%;
border: 1px solid #fff;
overflow: auto;
height: 100%;
position: absolute;
2018-05-02 19:38:11 +02:00
}
.bladeburner-console-table {
2021-09-05 01:09:30 +02:00
height: auto;
overflow: auto;
table-layout: fixed;
width: 100%;
2018-05-02 19:38:11 +02:00
}
.bladeburner-console-input-row {
2021-09-05 01:09:30 +02:00
transition: height 1s;
width: 100%;
2018-05-02 19:38:11 +02:00
}
.bladeburner-console-input-cell {
2021-09-05 01:09:30 +02:00
display: flex;
2018-05-02 19:38:11 +02:00
}
.bladeburner-console-input {
2021-09-05 01:09:30 +02:00
display: inline-block;
padding: 0 !important;
margin: 0 !important;
border: 0;
background-color: var(--my-background-color);
font-size: $defaultFontSize * 0.8125;
outline: none;
color: var(--my-font-color);
flex: 1 1 auto;
2018-05-02 19:38:11 +02:00
}
.bladeburner-console-line {
2021-09-05 01:09:30 +02:00
word-wrap: break-word;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
2018-05-02 19:38:11 +02:00
}