bitburner-src/css/menupages.scss

137 lines
2.1 KiB
SCSS
Raw Normal View History

@import "mixins";
@import "theme";
2016-11-24 23:30:33 +01:00
/* CSS for different main menu pages, such as character info, script editor, etc (but excluding
terminal which has its own page) */
.generic-menupage-container {
2021-09-11 18:42:41 +02:00
-ms-overflow-style: none; /* for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
2021-09-14 20:44:23 +02:00
flex-grow: 1;
2021-09-16 08:52:45 +02:00
height: 100vh;
bottom: 0px;
2016-11-24 23:30:33 +01:00
}
#generic-react-container {
2021-09-11 18:24:09 +02:00
overflow-y: scroll;
2021-09-16 08:52:45 +02:00
height: 100vh;
bottom: 0px;
}
2021-09-11 18:28:31 +02:00
#generic-react-container::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
#world-city-name,
#world-city-desc {
2021-09-05 01:09:30 +02:00
padding: 4px;
margin: 4px;
}
#create-program-page-text,
2017-05-25 10:09:51 +02:00
#create-program-list {
2021-09-05 01:09:30 +02:00
width: 70%;
2017-05-25 10:09:51 +02:00
}
2017-08-13 07:01:33 +02:00
.faction-work-div {
2021-09-05 01:09:30 +02:00
width: 70%;
height: 100%;
}
2017-08-13 07:01:33 +02:00
.faction-work-div-wrapper {
2021-09-05 01:09:30 +02:00
overflow: hidden;
border: 2px solid #333;
padding: 6px;
margin: 6px;
width: 70%;
}
2021-09-12 05:29:04 +02:00
.faction-container p,
.faction-container pre {
2021-09-05 01:09:30 +02:00
padding: 4px 6px;
margin: 4px 6px;
2017-04-19 21:19:33 +02:00
}
2021-09-12 05:29:04 +02:00
.faction-container pre {
2021-09-05 01:09:30 +02:00
width: 70%;
white-space: pre-wrap; /* Since CSS 2.1 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* World */
#world-container li {
2021-09-05 01:09:30 +02:00
margin: 0 0 15px 0;
list-style-type: none;
}
/* Tutorial */
#tutorial-container {
2021-09-05 01:09:30 +02:00
position: fixed;
padding-top: 10px;
2017-05-07 00:19:18 +02:00
}
#tutorial-text {
2021-09-05 01:09:30 +02:00
width: 70%;
margin: 10px;
}
#tutorial-container a {
2021-09-05 01:09:30 +02:00
width: 50%;
}
2018-06-12 21:27:37 +02:00
/* Dev menu */
#dev-menu-container {
2021-09-05 01:09:30 +02:00
position: fixed;
padding-top: 10px;
2018-06-12 21:27:37 +02:00
}
#dev-menu-text {
2021-09-05 01:09:30 +02:00
width: 70%;
margin: 10px;
2018-06-12 21:27:37 +02:00
}
#dev-menu-container a {
2021-09-05 01:09:30 +02:00
width: 50%;
2018-06-12 21:27:37 +02:00
}
/* Location */
#location-container {
2021-09-05 01:09:30 +02:00
position: fixed;
padding: 6px;
overflow-x: hidden;
}
#location-container a {
2021-09-05 01:09:30 +02:00
display: inline-block;
width: 30%;
}
#location-slums-description {
2021-09-05 01:09:30 +02:00
width: 70%;
margin: 10px;
}
#location-return-to-world-button {
2021-09-05 01:09:30 +02:00
margin: 10px;
padding: 6px;
}
#location-container > * {
2021-09-05 01:09:30 +02:00
margin: 10px 5px 10px 5px;
}
#location-job-reputation,
#location-company-favor {
2021-09-05 01:09:30 +02:00
display: inline;
}
/* Infiltration */
#infiltration-container {
2021-09-05 01:09:30 +02:00
position: fixed;
margin: 5px;
width: 70%;
}