bitburner-src/css/companymanagement.scss

142 lines
2.5 KiB
SCSS
Raw Normal View History

@import "mixins";
@import "theme";
/**
* Styling for Corporations
* The names/labels refer to "Company Management", which was the old name
* for the mechanic before it got changed to avoid confusion with normal
* companies
*/
2017-12-02 04:32:33 +01:00
#cmpy-mgmt-container p,
2017-12-07 04:45:47 +01:00
#cmpy-mgmt-container a,
#cmpy-mgmt-container div {
font-size: $defaultFontSize * 0.8125;
2017-12-02 04:32:33 +01:00
}
/* Header tabs */
.cmpy-mgmt-header-tab {
display: inline-block;
color: #fff;
background-color: #555;
border: 1px solid #fff;
2017-12-02 04:32:33 +01:00
padding: 4px;
}
.cmpy-mgmt-header-tab:hover {
background-color: #666;
}
.cmpy-mgmt-header-tab.current {
background-color: #777;
}
/* Switch between Cities */
.cmpy-mgmt-city-tab {
display: inline-block;
color: #fff;
2017-12-02 04:32:33 +01:00
background-color: #555;
border: 1px solid #fff;
2017-12-02 04:32:33 +01:00
padding: 4px;
}
.cmpy-mgmt-city-tab:hover {
background-color: #666;
}
.cmpy-mgmt-city-tab.current {
background-color: #777;
}
/* Panels */
#cmpy-mgmt-panel {
height: 90%;
}
.cmpy-mgmt-industry-left-panel,
.cmpy-mgmt-industry-right-panel {
display: inline-block;
2017-12-02 04:32:33 +01:00
width: 45%;
height: 100%;
top: 10px;
overflow-y: auto;
overflow-x: auto;
}
.cmpy-mgmt-industry-overview-panel {
border: 1px solid #fff;
2017-12-02 04:32:33 +01:00
color: var(--my-font-color);
display: inline-block;
2017-12-02 04:32:33 +01:00
width: 100%;
}
.cmpy-mgmt-employee-panel {
border: 1px solid #fff;
display: block;
width: 100%;
2017-12-02 04:32:33 +01:00
}
.cmpy-mgmt-warehouse-panel {
border: 1px solid #fff;
display: inline-block;
width: 100%;
2017-12-02 04:32:33 +01:00
}
/* Hiring new employees */
2017-12-02 04:32:33 +01:00
.cmpy-mgmt-find-employee-option {
border: 1px solid #fff;
2017-12-02 04:32:33 +01:00
margin: 6px;
}
.cmpy-mgmt-find-employee-option:hover {
background-color: #3d4044;
2017-12-02 04:32:33 +01:00
}
/* Warehouse */
.cmpy-mgmt-warehouse-material-div {
padding: 2px;
border: 1px solid #fff;
2017-12-02 04:32:33 +01:00
}
.cmpy-mgmt-warehouse-product-div {
padding: 2px;
border: 1px solid #fff;
2017-12-02 04:32:33 +01:00
}
2017-12-07 04:45:47 +01:00
/* Exporting materials/products */
.cmpy-mgmt-existing-export {
border: 1px solid #fff;
border-radius: 25px;
margin: 4px;
padding: 4px;
2017-12-07 04:45:47 +01:00
}
.cmpy-mgmt-existing-export:hover {
background-color: #333;
2017-12-07 04:45:47 +01:00
}
/* Upgrades */
.cmpy-mgmt-upgrade-container {
border: 1px solid #fff;
2017-12-07 04:45:47 +01:00
width: 60%;
margin: 4px;
2017-12-07 04:45:47 +01:00
}
.cmpy-mgmt-upgrade-div {
display: inline-block;
border: 1px solid #fff;
margin: 2px;
padding: 6px;
border-radius: 25px;
font-size: $defaultFontSize * 0.75;
color: var(--my-font-color);
2017-12-07 04:45:47 +01:00
}
.cmpy-mgmt-upgrade-div:hover {
background-color: #333;
2017-12-07 04:45:47 +01:00
}
.cmpy-mgmt-advertising-info {
font-size: $defaultFontSize * 0.75;
}