bitburner-src/css/interactivetutorial.scss

91 lines
1.5 KiB
SCSS
Raw Normal View History

@import "mixins";
@import "theme";
/* interactivetutorial.css */
#interactive-tutorial-wrapper {
2021-09-05 01:09:30 +02:00
position: relative;
}
#interactive-tutorial-container {
2021-09-05 01:09:30 +02:00
display: none;
2021-09-14 20:44:23 +02:00
position: fixed; /* Stay in place */
2021-09-05 01:09:30 +02:00
right: 0;
top: 0;
height: 450px;
padding: 10px;
border: 5px solid #fff;
width: 23%;
overflow: hidden;
background-color: #444; /* Fallback color */
color: #fff;
2021-09-05 01:09:30 +02:00
> strong {
background-color: #444;
}
}
#interactive-tutorial-text {
2021-09-05 01:09:30 +02:00
padding: 4px;
margin: 4px;
color: #fff;
background-color: #444;
font-size: $defaultFontSize * 0.875;
max-height: 350px;
overflow-y: auto;
}
#interactive-tutorial-exit,
2017-05-15 07:09:14 +02:00
#interactive-tutorial-next,
#interactive-tutorial-back {
2021-09-05 01:09:30 +02:00
@include borderRadius(12px);
@include boxShadow(1px 1px 3px #000);
2021-09-05 01:09:30 +02:00
color: #aaa;
font-size: $defaultFontSize * 1.125;
font-weight: bold;
background-color: #000;
2021-09-05 01:09:30 +02:00
&:hover,
&:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
}
#interactive-tutorial-exit {
2021-09-05 01:09:30 +02:00
position: absolute;
bottom: 0;
left: 0;
padding: 4px;
}
#interactive-tutorial-back {
2021-09-05 01:09:30 +02:00
float: left;
padding: 4px;
}
2017-05-15 07:09:14 +02:00
#interactive-tutorial-next {
2021-09-05 01:09:30 +02:00
float: right;
padding: 4px;
}
2021-06-12 10:23:15 +02:00
.interactive-tutorial-command {
2021-09-05 01:09:30 +02:00
background-color: #000;
color: $hacker-green;
white-space: nowrap;
2021-06-12 10:23:15 +02:00
}
.interactive-tutorial-code {
2021-09-05 01:09:30 +02:00
background-color: #272822;
color: white;
padding: 3px;
2021-06-12 10:23:15 +02:00
}
.interactive-tutorial-tab {
2021-09-05 01:09:30 +02:00
background-color: #555;
color: #e6e6e6;
padding: 3px;
box-shadow: 0 0 3px #000;
}