Personal_mirrors/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2024-11-30 11:33:47 +01:00
Code Issues Packages Projects Releases Wiki Activity
b35e25e5dc
bitburner-src/dist/engineStyle.css

4882 lines
115 KiB
CSS
Raw Normal View History

Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* COLORS */
/* Attributes */
/* COLORS */
/* Attributes */
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
* {
font-size: 16px;
font-family: "Lucida Console", "Lucida Sans Unicode", "Fira Mono", "Consolas", "Courier New", Courier, monospace, "Times New Roman"; }
*,
*:before,
*:after {
margin: 0;
padding: 0;
box-sizing: border-box;
vertical-align: top; }
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
:root {
--my-font-color: #6f3;
--my-background-color: #000;
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
--my-highlight-color: #fff;
--my-prompt-color: #f92672; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
body {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: var(--my-background-color); }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
p,
pre,
h2,
.text {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: var(--my-font-color); }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
h1 {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
font-size: 22px;
color: var(--my-font-color); }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
ul {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
padding: 2px;
list-style-type: none; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
li {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
list-style-type: none; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#entire-game-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: transparent; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Disable border highlight on elements */
input:focus,
textarea:focus,
button:focus,
td:focus,
tr:focus {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
outline: none; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Make html links ("a" elements) nice looking buttons with this class */
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
a:link,
a:visited {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #fff; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.dropdown {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #fff;
background-color: #000; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.text-input {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #fff;
v0.45.1 Build
2019-03-24 03:59:13 +01:00
background-color: #000;
border-style: solid;
border-width: 1px;
border-color: white; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Notification icon (for create program right now only) */
#create-program-tab {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: relative; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
#create-program-notification {
font-size: 10px;
position: absolute;
/* Position the badge within the relatively positioned button */
top: 0;
right: 0; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.notification-on {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #fa3e3e;
color: #fff;
border-radius: 2px;
padding: 1px 3px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.notification-off {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #333;
color: #333;
border-radius: 0;
padding: 0; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* help tip. Question mark that opens popup with info/details */
.help-tip {
Revert "Revert "Gang rework"" This reverts commit be0a08d70caacd9bc3a43faab2825cd5f3c68e1f.
2018-10-23 20:55:42 +02:00
background-color: black;
Revert "Gang rework"
2018-10-23 20:47:00 +02:00
border: 1px solid #fff;
border-radius: 5px;
Revert "Revert "Gang rework"" This reverts commit be0a08d70caacd9bc3a43faab2825cd5f3c68e1f.
2018-10-23 20:55:42 +02:00
color: #fff;
content: '?';
display: inline-block;
margin-left: 3px;
padding: 1px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
V0.40.2 BUndle and minor bug/typo fixes
2018-08-26 06:26:42 +02:00
.help-tip-big {
content: '?';
padding: 3px;
margin-left: 3px;
color: #fff;
border: 1px solid #fff;
border-radius: 8px;
display: inline-block; }
.help-tip:hover,
.help-tip-big:hover {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #888; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
V0.40.2 BUndle and minor bug/typo fixes
2018-08-26 06:26:42 +02:00
.help-tip:active,
.help-tip-big:active {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
-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);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Flashing button (Red) */
@-webkit-keyframes glowing {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
background-color: #b20000;
-webkit-box-shadow: 0 0 3px #b20000; }
50% {
background-color: #f00;
-webkit-box-shadow: 0 0 40px #f00; }
100% {
background-color: #b20000;
-webkit-box-shadow: 0 0 3px #b20000; } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@-moz-keyframes glowing {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
background-color: #b20000;
-moz-box-shadow: 0 0 3px #b20000; }
50% {
background-color: #f00;
-moz-box-shadow: 0 0 40px #f00; }
100% {
background-color: #b20000;
-moz-box-shadow: 0 0 3px #b20000; } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@-o-keyframes glowing {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
background-color: #b20000;
box-shadow: 0 0 3px #b20000; }
50% {
background-color: #f00;
box-shadow: 0 0 40px #f00; }
100% {
background-color: #b20000;
box-shadow: 0 0 3px #b20000; } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@keyframes glowing {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
background-color: #b20000;
box-shadow: 0 0 3px #b20000; }
50% {
background-color: #f00;
box-shadow: 0 0 40px #f00; }
100% {
background-color: #b20000;
box-shadow: 0 0 3px #b20000; } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.flashing-button {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
-webkit-animation: glowing 1500ms infinite;
-moz-animation: glowing 1500ms infinite;
-o-animation: glowing 1500ms infinite;
animation: glowing 1500ms infinite; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Blinking Cursor */
/* ----- blinking cursor animation ----- */
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
.typed-cursor {
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
opacity: 1;
-webkit-animation: blink 0.95s infinite;
-moz-animation: blink 0.95s infinite;
-ms-animation: blink 0.95s infinite;
-o-animation: blink 0.95s infinite;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
animation: blink 0.95s infinite; }
@-keyframes blink {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes blink {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes blink {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@-ms-keyframes blink {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes blink {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Status text */
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
@-webkit-keyframes status-text {
from {
Added option to disable hospitalization popup message
2018-08-12 07:39:37 +02:00
opacity: 1; }
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
to {
Added option to disable hospitalization popup message
2018-08-12 07:39:37 +02:00
opacity: 0; } }
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
.status-text {
Added option to disable hospitalization popup message
2018-08-12 07:39:37 +02:00
display: inline-block;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
Added option to disable hospitalization popup message
2018-08-12 07:39:37 +02:00
z-index: 2;
-webkit-animation: status-text 3s 1; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#status-text-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: transparent; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#status-text {
Added option to disable hospitalization popup message
2018-08-12 07:39:37 +02:00
background-color: transparent;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
bottom: 0;
Added option to disable hospitalization popup message
2018-08-12 07:39:37 +02:00
color: #fff;
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
display: none;
font-size: 20px;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin-right: 14px;
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
opacity: 0;
Added option to disable hospitalization popup message
2018-08-12 07:39:37 +02:00
padding: 4px;
right: 0;
top: 0;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: auto; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Scan analyze links from AutoLink */
.scan-analyze-link {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
cursor: pointer;
color: #fff;
text-decoration: underline; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
.scan-analyze-link:hover {
text-decoration: none; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Accordion menus (Header with collapsible panel) */
.accordion-header {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #444;
color: #fff;
v0.47.1
2019-06-28 18:28:08 +02:00
font-size: 20px;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin: 6px 6px 0 6px;
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
padding: 4px 6px;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
cursor: pointer;
width: 80%;
text-align: left;
border: none;
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
outline: none;
position: relative; }
.accordion-header.active, .accordion-header:hover {
background-color: #555; }
.accordion-header.active:hover {
background-color: #666; }
.accordion-header:after {
content: '\2795';
/* "plus" sign (+) */
Revert "Revert "Gang rework"" This reverts commit be0a08d70caacd9bc3a43faab2825cd5f3c68e1f.
2018-10-23 20:55:42 +02:00
font-size: 14px;
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
float: right;
color: transparent;
text-shadow: 0 0 0 #fff;
position: absolute;
bottom: 5px;
right: 6px; }
.accordion-header.active:after {
content: "\2796";
/* "minus" sign (-) */ }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.accordion-panel {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin: 0 6px 6px 6px;
padding: 0 6px 6px 6px;
width: 75%;
margin-left: 5%;
display: none;
background-color: #555;
overflow-y: auto;
overflow-x: none; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
.accordion-panel div, .accordion-panel ul, .accordion-panel p, .accordion-panel ul > li {
background-color: #555; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
/* override the global <span> styling */
#active-scripts-total-production-active,
#active-scripts-total-prod-aug-total,
#active-scripts-total-prod-aug-avg {
margin: 0;
padding: 0; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* Helper Classes */
.hacker-green {
color: #adff2f; }
.money-gold {
color: #ffd700; }
.light-yellow {
color: #faffdf; }
.failure {
color: #ff2929;
text-shadow: 0 0 0 #ff2929; }
.success {
color: #3adb76;
text-shadow: 0 0 0 #3adb76; }
.physical-yellow {
color: #faffdf; }
.charisma-purple {
color: #a671d1; }
Revert "Revert "Gang rework"" This reverts commit be0a08d70caacd9bc3a43faab2825cd5f3c68e1f.
2018-10-23 20:55:42 +02:00
.smallfont {
font-size: 13px; }
Implemented Corporation Market-TA Research (untested). Implemented Corporation dividends. Fixed new Corp mechanic bugs.
2018-12-22 11:27:04 +01:00
/* COLORS */
/* Attributes */
/* Styling for tooltip-style elements */
/* Tool tips (when hovering over an element */
.tooltip {
display: inline-block;
position: relative;
/* Positioned to left of element rather than right */
/* Tooltip goes below cursor instead of above */ }
.tooltip .tooltiptext {
visibility: hidden;
width: 300px;
background-color: var(--my-background-color);
border: 2px solid var(--my-highlight-color);
color: #fff;
text-align: center;
padding: 4px;
left: 101%;
pointer-events: none;
position: absolute;
z-index: 99; }
.tooltip .tooltiptextleft {
visibility: hidden;
width: 300px;
background-color: var(--my-background-color);
border: 2px solid var(--my-highlight-color);
color: #fff;
text-align: center;
padding: 4px;
top: 50%;
left: 50%;
transform: translate(-100%, -100%);
/* Backwards compatibility */
-webkit-transform: translate(-100%, -100%);
-moz-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
position: absolute;
z-index: 99; }
.tooltip .tooltiptextlow {
visibility: hidden;
width: 300px;
background-color: var(--my-background-color);
border: 2px solid var(--my-highlight-color);
color: #fff;
text-align: center;
padding: 4px;
left: 101%;
pointer-events: none;
position: absolute;
z-index: 99;
bottom: 25%; }
/* Same thing as a normal tooltip except its a bit higher */
.tooltip .tooltiptexthigh {
visibility: hidden;
width: 300px;
background-color: var(--my-background-color);
border: 2px solid var(--my-highlight-color);
color: #fff;
text-align: center;
padding: 4px;
left: 101%;
bottom: -25%;
position: absolute;
z-index: 99; }
.tooltip:hover .tooltiptext,
.tooltip:hover .tooltiptexthigh,
.tooltip:hover .tooltiptextleft,
.tooltip:hover .tooltiptextlow {
visibility: visible; }
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
/* COLORS */
/* Attributes */
/**
* Styling for all buttons
*
* Includes <button> elements as well as classes that are used
* for formatting buttons
*/
/* Remove default <button> styling */
button {
Changed buttons that used <span> into <button> elements for real this time
2018-10-03 20:09:11 +02:00
border: none;
background-color: transparent; }
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
.a-link-button,
.std-button {
text-decoration: none;
background-color: #555;
color: #fff;
padding: 3px 5px;
margin: 5px;
border: 1px solid #333;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none; }
.a-link-button:hover,
.std-button:hover {
background-color: #666; }
.a-link-button:active,
.std-button:active {
-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);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); }
.a-link-button-inactive,
Fixed bug where sleeves's exp didnt properly reset on prestige. Updated versions to v0.46.0. Added production build
2019-04-04 01:58:15 +02:00
.std-button-disabled,
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
.std-button:disabled {
text-decoration: none;
background-color: #333;
color: #fff;
padding: 3px 5px;
margin: 5px;
border: 1px solid #333;
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
cursor: default;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none; }
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
.a-link-button-inactive:hover .tooltiptext,
.a-link-button-inactive:hover .tooltiptexthigh,
.a-link-button-inactive:hover .tooltiptextleft,
Fixed bug where sleeves's exp didnt properly reset on prestige. Updated versions to v0.46.0. Added production build
2019-04-04 01:58:15 +02:00
.std-button-disabled:hover .tooltiptext,
.std-button-disabled:hover .tooltiptexthigh,
.std-button-disabled:hover .tooltiptextleft,
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
.std-button:disabled:hover .tooltiptext,
.std-button:disabled:hover .tooltiptexthigh,
.std-button:disabled:hover .tooltiptextleft {
visibility: visible; }
.a-link-button-inactive:active,
Fixed bug where sleeves's exp didnt properly reset on prestige. Updated versions to v0.46.0. Added production build
2019-04-04 01:58:15 +02:00
.std-button-disabled:active,
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
.std-button:disabled:active {
pointer-events: none; }
.a-link-button-bought,
.std-button-bought {
text-decoration: none;
background-color: #0a0;
color: #fff;
padding: 3px 5px;
margin: 5px;
border: 1px solid #0a0;
cursor: default; }
.a-link-button-bought:hover .tooltiptext,
.a-link-button-bought:hover .tooltiptexthigh,
.a-link-button-bought:hover .tooltiptextleft,
.std-button-bought:hover .tooltiptext,
.std-button-bought:hover .tooltiptexthigh,
.std-button-bought:hover .tooltiptextleft {
visibility: visible; }
.a-link-button-bought:active,
.std-button-bought:active {
pointer-events: none; }
Revert "Revert "Gang rework"" This reverts commit be0a08d70caacd9bc3a43faab2825cd5f3c68e1f.
2018-10-23 20:55:42 +02:00
/**
* This is a button that is meant to be used on accordions (accordion-header and accordion-panel classes)
* It has a black background so it does not clash with the default accordion coloring
*/
.accordion-button {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 1px 1px 3px #000;
-moz-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
color: #aaa;
font-size: 16px;
font-weight: bold;
margin: 4px;
padding: 4px;
background-color: #000;
/* TODO focus selector? */ }
.accordion-button:hover, .accordion-button:active {
color: #fff;
text-decoration: none;
cursor: pointer; }
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
/* COLORS */
/* Attributes */
/**
* Styling for the main navigation menu on the left-hand-side
*/
.mainmenu {
list-style-type: none;
margin: 0;
padding: 0;
width: 10%;
position: fixed;
height: 100%;
overflow: auto;
border: 0;
border-bottom: 1px solid #000;
border-radius: 0;
background-color: #333; }
/* Default buttons */
.mainmenu > li a,
.mainmenu > li button {
display: block;
color: #e6e6e6;
background-color: #555;
padding: 12px 8px;
text-decoration: none;
v0.40.4
2018-09-30 03:52:38 +02:00
cursor: pointer;
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
width: 100%;
text-align: left; }
.mainmenu.classic > li a,
.mainmenu.classic > li button {
padding: 16px; }
v0.41.2 Updated build and changelog
2018-11-24 02:39:01 +01:00
.mainmenu.compact > li a,
.mainmenu.compact > li button {
display: block;
color: #e6e6e6;
background-color: #555;
text-decoration: none;
cursor: pointer;
width: 100%;
text-align: left;
padding: 4px; }
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
/* Hovering makes them lighter */
.mainmenu > li a:hover,
.mainmenu > li a:hover:not(.active),
.mainmenu > li a:focus {
background-color: #777;
color: #fff; }
.mainmenu > li button:hover,
.mainmenu > li button:hover:not(.active) {
background-color: #777;
color: #fff; }
/* Panel headers can become active, and they are "lighter" than the rest */
.mainmenu > li a.active,
.mainmenu > li button.active {
background-color: #777;
color: #fff; }
.mainmenu > li a.active:hover,
.mainmenu > li button.active:hover {
background-color: #aaa; }
#hacking-menu-header-li,
#character-menu-header-li,
#world-menu-header-li,
#help-menu-header-li {
position: relative; }
/* Accordion Outline */
v0.41.2 Updated build and changelog
2018-11-24 02:39:01 +01:00
.mainmenu-accordion-header,
.mainmenu-accordion-header-compact {
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
outline: 2px solid #fff !important; }
.mainmenu-accordion-header-classic {
border: 2px solid #fff;
padding: 16px !important; }
/* Plus and minus signs */
v0.41.2 Updated build and changelog
2018-11-24 02:39:01 +01:00
.mainmenu-accordion-header:after,
.mainmenu-accordion-header-compact:after {
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
content: '\2795';
float: right;
font-size: 13px;
position: absolute;
bottom: 25%;
right: 3px;
color: transparent;
text-shadow: 0 0 0 #fff; }
.mainmenu-accordion-header-classic:after {
content: '\2795';
float: right;
font-size: 13px;
color: #fff;
margin-left: 5px; }
.mainmenu-accordion-header.opened,
v0.41.2 Updated build and changelog
2018-11-24 02:39:01 +01:00
.mainmenu-accordion-header-classic.opened,
.mainmenu-accordion-header-compact.opened {
background-color: #222 !important; }
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
.mainmenu-accordion-header.opened:after,
v0.41.2 Updated build and changelog
2018-11-24 02:39:01 +01:00
.mainmenu-accordion-header-classic.opened:after,
.mainmenu-accordion-header-compact.opened:after {
Update documentation. Hacknet Node API functions for getting costs now return Infinity if the specified Node is at max level
2018-09-26 07:00:28 +02:00
content: "\2796"; }
/* Slide down transition */
.mainmenu-accordion-panel {
max-height: 0;
opacity: 1;
transition: max-height 0.2s ease-out; }
Updated Changelog. Updated Version to v0.41.1. Fixed reference error bug in gang.ascendMember() Netscript function
2018-11-06 01:16:53 +01:00
/* COLORS */
/* Attributes */
/**
Fixed bug where sleeves's exp didnt properly reset on prestige. Updated versions to v0.46.0. Added production build
2019-04-04 01:58:15 +02:00
* Styling for the Character Overview Panel (top-right panel)
Updated Changelog. Updated Version to v0.41.1. Fixed reference error bug in gang.ascendMember() Netscript function
2018-11-06 01:16:53 +01:00
*/
#character-overview-wrapper {
position: relative; }
#character-overview-container {
display: none;
position: absolute;
/* Stay in place */
right: 0;
top: 0;
height: auto;
/* Full height */
padding: 10px 2px;
border: 2px solid var(--my-highlight-color);
width: auto;
max-width: 280px;
overflow: auto;
/* Enable scroll if needed */
background-color: rgba(57, 54, 54, 0.9);
/* Fallback color */
z-index: 1; }
#character-overview-text {
color: #faffdf; }
#character-overview-text table {
border-collapse: collapse;
margin: auto; }
#character-overview-text td {
padding: 2px;
vertical-align: middle; }
.character-stat-text {
color: #fff;
background-color: #444; }
.character-stat-cell {
text-align: right; }
#character-hack-wrapper td,
#character-agi-wrapper td {
border-bottom: 1px #aaa solid;
padding-bottom: 10px; }
#character-str-wrapper td,
#character-cha-wrapper td {
padding-top: 10px; }
#character-hp-wrapper {
color: #dd3434; }
#character-money-wrapper {
color: #ffd700; }
#character-hack-wrapper {
color: #adff2f; }
#character-cha-wrapper {
color: #a671d1; }
#character-int-wrapper {
color: #6495ed; }
.character-overview-btn {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 1px 1px 3px #000;
-moz-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
color: #cecece;
display: inline-block;
font-size: 14px;
font-weight: bold;
height: 25px;
background-color: #000;
padding: 5px 8px; }
.character-quick-options {
margin-top: 10px;
text-align: center; }
.character-overview-btn:hover,
.character-overview-btn:focus {
color: #fff;
text-decoration: none;
cursor: pointer; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* COLORS */
/* Attributes */
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
#terminal-container {
position: fixed;
margin-left: 10%;
height: 100%;
width: 99%;
overflow: auto;
overflow-y: scroll; }
#terminal {
padding-top: 10px;
padding-left: 10px;
height: auto;
width: 70%;
font-size: 16px;
overflow: auto;
overflow-y: scroll;
background-color: var(--my-background-color);
table-layout: fixed; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
#terminal .prompt {
color: var(--my-prompt-color);
margin: 0;
padding: 0; }
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
#terminal-input {
background-color: var(--my-background-color);
color: var(--my-font-color);
transition: height 1s; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
.terminal-input {
display: inline-block;
padding: 0 !important;
margin: 0 !important;
border: 0;
background-color: var(--my-background-color);
font-size: 16px;
outline: none;
color: var(--my-font-color); }
.terminal-line {
width: 70%;
word-wrap: break-word;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto; }
#terminal-input-td {
display: flex; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
#terminal-input-td textarea {
overflow: hidden;
resize: none;
height: auto; }
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
#terminal-input-header {
white-space: pre; }
#terminal-input-text-box {
Implemented new Editor Option: CodeMirror. (Vim mode not 100% done yet)
2019-01-27 23:08:45 +01:00
margin-left: 2px;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
flex: 1 1 auto; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* COLORS */
/* Attributes */
Implemented new Editor Option: CodeMirror. (Vim mode not 100% done yet)
2019-01-27 23:08:45 +01:00
/**
* Styling for Script Editor (both Ace and CodeMirror)
*/
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#script-editor-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: transparent; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Implemented new Editor Option: CodeMirror. (Vim mode not 100% done yet)
2019-01-27 23:08:45 +01:00
#ace-editor {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin: 10px;
height: 80%;
width: 100%;
margin-left: 6px;
padding-left: 6px;
padding-top: 6px;
padding-bottom: 6px;
border: 2px solid var(--my-highlight-color);
z-index: 1;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
font-family: "Lucida Console", "Lucida Sans Unicode", "Fira Mono", "Consolas", "Courier New", Courier, monospace, "Times New Roman"; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* This temp element is used for auto adjusting filename field */
.tmp-element {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
visibility: hidden;
white-space: pre; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#script-editor-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
padding-top: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#script-editor-buttons-wrapper {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 100%;
padding-right: 0;
margin-right: 0; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#script-editor-wrapper {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
height: 100%;
width: 70%;
background: transparent; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#script-editor-filename-wrapper {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #555;
margin-left: 6px;
margin-right: 0;
padding-left: 6px;
width: 100%;
border: 2px solid var(--my-highlight-color); }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#script-editor-filename-tag {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
padding-top: 10px;
padding-bottom: 0;
float: center;
background-color: #555;
color: #fff; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#script-editor-filename {
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #555;
v0.46.1 build
2019-04-13 01:52:59 +02:00
border: 2px solid var(--my-highlight-color);
color: #fff;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
float: center;
margin: 4px;
padding: 2px;
v0.46.1 build
2019-04-13 01:52:59 +02:00
resize: none;
v0.46.2
2019-04-14 11:08:10 +02:00
width: 60%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#script-editor-status {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
float: left;
color: #fff; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#script-editor-options-panel {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: absolute;
right: 9%;
bottom: 15%;
border: 2px solid #fff;
width: 19%;
background-color: #444;
padding: 2px;
overflow: auto;
z-index: 1;
Added BitNode multipliers for purchased servers. Fixed bugs in new Script Editor implementation. Added documentation for script editors
2019-01-30 07:02:27 +01:00
color: #fff;
max-height: 50%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#script-editor-options-panel fieldset {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin-top: 8px;
margin-bottom: 8px;
padding: 2px;
font-size: 12px; }
Implemented new Editor Option: CodeMirror. (Vim mode not 100% done yet)
2019-01-27 23:08:45 +01:00
#script-editor-options-panel fieldset input {
margin: 2px; }
/* Specific overrides for Ace Editor */
.ace_line,
.ace_line * {
background-color: transparent;
margin: 0;
padding: 0; }
.ace_text-input {
font-size: 16px;
background-color: transparent; }
/* Specified overrides for Code mirror Editor are defined in codemirror-override.scss */
Configured unit test webpack build to work
2019-05-10 04:36:04 +02:00
/* COLORS */
/* Attributes */
/**
* Customized styling for the Code Mirror editor
*/
#codemirror-form-wrapper {
height: 80%;
margin: 10px 0px 0px 6px; }
.CodeMirror {
height: 100%;
width: 100%;
border: 2px solid var(--my-highlight-color);
z-index: 1;
font-family: "Lucida Console", "Lucida Sans Unicode", "Fira Mono", "Consolas", "Courier New", Courier, monospace, "Times New Roman";
font-size: 16px; }
/**
* Highlight matches
*/
.cm-matchhighlight {
background-color: #8F908A; }
.CodeMirror-selection-highlight-scrollbar {
background-color: #8F908A; }
/**
* Show Invisibles
*/
.cm-whitespace::before {
position: absolute;
pointer-events: none;
color: #404F7D; }
/**
* Vim command display
*/
#codemirror-vim-command-display-wrapper {
background-color: white;
font-size: 13px;
height: 30px;
margin-left: 6px; }
v0.47.1
2019-06-28 18:28:08 +02:00
/* COLORS */
/* Attributes */
.active-scripts-list {
list-style-type: none; }
#active-scripts-container {
position: fixed;
padding-top: 10px; }
#active-scripts-container > p {
width: 70%;
margin: 6px;
padding: 4px; }
#active-scripts-container .accordion-header > pre {
color: white; }
.active-scripts-server-header {
background-color: #444;
font-size: 20px;
color: #fff;
margin: 6px 6px 0 6px;
padding: 6px;
cursor: pointer;
width: 60%;
text-align: left;
border: none;
outline: none; }
.active-scripts-server-header:after {
content: '\2795';
/* "plus" sign (+) */
font-size: 13px;
color: #fff;
float: right;
margin-left: 5px; }
.active-scripts-server-header.active, .active-scripts-server-header:hover {
background-color: #555; }
.active-scripts-server-header.active:after {
content: "\2796";
/* "minus" sign (-) */
font-size: 13px;
color: #fff;
float: right;
margin-left: 5px; }
.active-scripts-server-header.active:hover {
background-color: #666; }
.active-scripts-server-panel {
margin: 0 6px 6px 6px;
padding: 0 6px 6px 6px;
width: 55%;
margin-left: 5%;
display: none; }
.active-scripts-server-panel div, .active-scripts-server-panel ul, .active-scripts-server-panel ul > li {
background-color: #555; }
.active-scripts-script-header {
background-color: #555;
border: none;
color: var(--my-font-color);
cursor: pointer;
display: block;
outline: none;
padding: 4px 25px 4px 10px;
position: relative;
text-align: left;
width: auto; }
.active-scripts-script-header:after {
content: '\2795';
/* "plus" sign (+) */
font-size: 13px;
float: right;
margin-left: 5px;
color: transparent;
text-shadow: 0 0 0 var(--my-font-color);
position: absolute;
bottom: 4px; }
.active-scripts-script-header.active:after {
content: "\2796";
/* "minus" sign (-) */ }
.active-scripts-script-header:hover, .active-scripts-script-header.active:hover {
background-color: #666; }
.active-scripts-script-header.active {
background-color: #555; }
.active-scripts-script-panel {
background-color: #555;
display: none;
font-size: 14px;
margin-bottom: 6px;
padding: 0 18px;
width: auto; }
.active-scripts-script-panel pre, .active-scripts-script-panel h2, .active-scripts-script-panel ul, .active-scripts-script-panel li {
background-color: #555;
width: auto;
color: #fff;
margin-left: 5%; }
Fixed bug where sleeves's exp didnt properly reset on prestige. Updated versions to v0.46.0. Added production build
2019-04-04 01:58:15 +02:00
/* COLORS */
/* Attributes */
/**
* Styling for the Hacknet Nodes UI Page
*/
#hacknet-nodes-container {
position: fixed;
padding: 10px; }
.hacknet-general-info {
margin: 10px;
width: 70vw; }
#hacknet-nodes-container li {
float: left;
overflow: hidden;
white-space: nowrap; }
#hacknet-nodes-container li.hacknet-node {
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
margin: 6px;
padding: 7px;
width: 35vw;
border: 2px solid var(--my-highlight-color); }
#hacknet-nodes-list {
list-style: none;
width: 82vw; }
#hacknet-nodes-money {
margin: 10px;
float: left; }
#hacknet-nodes-money-multipliers-div {
display: inline-block;
width: 70vw; }
#hacknet-nodes-multipliers {
float: right; }
#hacknet-nodes-purchase-button {
display: inline-block; }
.hacknet-node-container {
display: inline-table; }
.hacknet-node-container .row {
display: table-row;
height: 30px; }
.hacknet-node-container .row p {
display: table-cell; }
.hacknet-node-container .upgradable-info {
display: inline-block;
margin: 0 4px;
/* Don't want the vertical margin/padding, just left & right */
padding: 0 4px;
width: 64px; }
Implemented new Editor Option: CodeMirror. (Vim mode not 100% done yet)
2019-01-27 23:08:45 +01:00
/* COLORS */
/* Attributes */
/* CSS for different main menu pages, such as character info, script editor, etc (but excluding
terminal which has its own page) */
.generic-menupage-container {
height: 100%;
padding-left: 10px;
margin-left: 10%;
width: 99%;
overflow-y: scroll; }
/* Character Info */
#character-container {
padding-top: 10px;
position: fixed; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* World */
#world-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
padding-top: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#world-city-name,
#world-city-desc {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
padding: 4px;
margin: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Create program */
#create-program-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
padding-top: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#create-program-page-text,
#create-program-list {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 70%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Factions and Faction (Single Faction page) */
#factions-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
padding-top: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#faction-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
padding-top: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.faction-work-div {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 70%;
height: 100%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.faction-work-div-wrapper {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
overflow: hidden;
border: 2px solid #333;
padding: 6px;
margin: 6px;
width: 70%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#faction-container p,
#faction-container pre {
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
padding: 4px 6px;
margin: 4px 6px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#faction-container pre {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +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+ */ }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* World */
#world-container li {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin: 0 0 15px 0;
list-style-type: none; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Tutorial */
#tutorial-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
padding-top: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#tutorial-text {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 70%;
margin: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#tutorial-container a {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 50%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Dev menu */
#dev-menu-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
padding-top: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#dev-menu-text {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 70%;
margin: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#dev-menu-container a {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 50%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Location */
#location-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
padding: 6px;
overflow-x: hidden; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#location-container a {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
width: 30%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#location-slums-description {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 70%;
margin: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#location-return-to-world-button {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin: 10px;
padding: 6px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
#location-container > * {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin: 10px 5px 10px 5px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
#location-job-reputation,
#location-company-favor {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Infiltration */
#infiltration-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
padding: 6px; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
#infiltration-container span {
margin: 0;
padding: 0; }
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#infiltration-left-panel,
#infiltration-right-panel {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
border: 1px solid #fff;
width: 35%;
height: 75%;
top: 10px;
overflow-y: auto;
overflow-x: auto; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#infiltration-faction-select {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #fff; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#infiltration-left-panel p,
#infiltration-right-panel p {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
#infiltration-buttons {
margin-top: 20px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#infiltration-buttons .a-link-button {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline;
width: 25%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
v0.47.1
2019-06-28 18:28:08 +02:00
/**
* Styling for the Augmentations UI. This is the page that displays all of the
* player's owned and purchased Augmentations and Source-Files. It also allows
* the player to install Augmentations
*/
/* COLORS */
/* Attributes */
#augmentations-container {
position: fixed;
padding-top: 10px; }
#augmentations-content > p {
font-size: 14px;
width: 70%; }
.augmentations-list button,
.augmentations-list div {
color: var(--my-font-color);
text-decoration: none; }
.augmentations-list button {
padding: 4px; }
Fixed bugs with Sleeve mechanics. Updated documentation to use RTD theme
2019-01-20 23:57:38 +01:00
/* COLORS */
/* Attributes */
/**
* Styling for the Red Pill screen (the BitNode selection UI)
*/
#red-pill-container {
position: fixed; }
v0.47.2
2019-07-16 06:40:13 +02:00
.bitnode.level-0 {
color: red; }
Fixed bugs with Sleeve mechanics. Updated documentation to use RTD theme
2019-01-20 23:57:38 +01:00
v0.47.2
2019-07-16 06:40:13 +02:00
.bitnode.level-1 {
color: yellow; }
Fixed bugs with Sleeve mechanics. Updated documentation to use RTD theme
2019-01-20 23:57:38 +01:00
v0.47.2
2019-07-16 06:40:13 +02:00
.bitnode.level-2 {
color: #48D1CC; }
.bitnode.level-3 {
color: blue; }
.bitnode.unimplemented {
color: gray; }
.bitnode:hover {
Fixed bugs with Sleeve mechanics. Updated documentation to use RTD theme
2019-01-20 23:57:38 +01:00
color: #fff; }
Updated Stock market UI for new stock Max Shares restriction. Added Netscript function for getting a stock's max shares
2019-01-09 11:06:49 +01:00
/* COLORS */
/* Attributes */
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#stock-market-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
padding: 6px; }
V0.40.2 BUndle and minor bug/typo fixes
2018-08-26 06:26:42 +02:00
#stock-market-container p {
font-size: 13px; }
#stock-market-container a {
font-size: 14px; }
Configured unit test webpack build to work
2019-05-10 04:36:04 +02:00
.stock-market-info-and-purchases > h2 {
display: block;
margin-top: 10px;
margin-left: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Configured unit test webpack build to work
2019-05-10 04:36:04 +02:00
.stock-market-info-and-purchases > p {
display: block;
margin-left: 10px;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 70%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Configured unit test webpack build to work
2019-05-10 04:36:04 +02:00
.stock-market-info-and-purchases > a, .stock-market-info-and-purchases > button {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Configured unit test webpack build to work
2019-05-10 04:36:04 +02:00
#stock-market-list {
list-style: none; }
#stock-market-list li button {
font-size: 16px; }
V0.40.2 BUndle and minor bug/typo fixes
2018-08-26 06:26:42 +02:00
#stock-market-watchlist-filter {
Configured unit test webpack build to work
2019-05-10 04:36:04 +02:00
display: block;
margin: 5px 5px 5px 10px;
padding: 4px;
width: 50%; }
V0.40.2 BUndle and minor bug/typo fixes
2018-08-26 06:26:42 +02:00
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.stock-market-input {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
padding: 4px;
margin: 2px;
background-color: #000;
border: 1px solid #fff;
color: var(--my-font-color); }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Configured unit test webpack build to work
2019-05-10 04:36:04 +02:00
.stock-market-price-movement-warning {
border: 1px solid white;
color: red;
margin: 2px;
padding: 2px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.stock-market-position-text {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #fff;
Configured unit test webpack build to work
2019-05-10 04:36:04 +02:00
display: block; }
.stock-market-position-text p {
color: #fff;
display: inline-block;
margin: 4px; }
.stock-market-position-text h3 {
margin: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.stock-market-order-list {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
overflow-y: auto;
max-height: 100px; }
Configured unit test webpack build to work
2019-05-10 04:36:04 +02:00
.stock-market-order-list li {
color: #fff;
padding: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.stock-market-order-cancel-btn {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #000;
border: 1px solid #fff;
color: var(--my-font-color);
margin: 2px;
padding: 0; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* COLORS */
/* Attributes */
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Both Work in progress and BitNode stuff */
.generic-fullscreen-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: var(--my-font-color);
width: 99%;
Converted pop-up boxes to use css flex
2018-08-12 21:45:35 +02:00
height: 100%;
overflow-y: hidden; }
.generic-fullscreen-container-scroll {
height: 100%;
width: 100%;
overflow: auto;
padding-right: 20px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#work-in-progress-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#work-in-progress-text {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: var(--my-font-color);
width: 70%;
margin: 10px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#work-in-progress-cancel-button {
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 1px 1px 3px #000;
-moz-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #aaa;
float: left;
font-size: 20px;
font-weight: bold;
margin: 10px;
padding: 5px;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
border: 3px solid #fff; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#work-in-progress-cancel-button:hover,
#work-in-progress-cancel-button:focus {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #fff;
text-decoration: none;
cursor: pointer; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#cinematic-text-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* COLORS */
/* Attributes */
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Pop-up boxes */
.popup-box-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: none;
Fixed bug where sleeves's exp didnt properly reset on prestige. Updated versions to v0.46.0. Added production build
2019-04-04 01:58:15 +02:00
/* Initially hidden */
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
/* Stay in place */
z-index: 10;
/* Sit on top */
left: 0;
top: 0;
Converted pop-up boxes to use css flex
2018-08-12 21:45:35 +02:00
align-items: center;
justify-content: center;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 100%;
height: 100%;
overflow: auto;
background-color: rbga(var(--my-background-color), 0.4); }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.popup-box-content {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: var(--my-background-color);
padding: 12px;
border: 5px solid var(--my-highlight-color);
width: 70%;
Converted pop-up boxes to use css flex
2018-08-12 21:45:35 +02:00
max-height: 80%;
overflow-y: auto;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: var(--my-font-color); }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.popup-box-button,
.popup-box-button-inactive {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #aaa;
float: right;
font-size: 16px;
font-weight: bold;
padding: 2px;
margin: 6px;
border: 1px solid #fff;
background-color: #000; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.popup-box-button:hover,
.popup-box-button:focus {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: var(--my-font-color);
text-decoration: none;
cursor: pointer; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.popupbox-button-inactive {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
pointer-events: none;
cursor: default; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#yes-no-text-input-box-input {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: var(--my-font-color);
border: 1px solid #fff;
background-color: #000; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.dialog-box-container,
#log-box-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: block;
position: absolute;
z-index: 10;
width: 50%;
height: auto;
Fixed bugs with Sleeve mechanics. Updated documentation to use RTD theme
2019-01-20 23:57:38 +01:00
max-height: 50%;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
top: 40%;
left: 50%;
margin: -10% 0 0 -25%;
overflow: auto;
background-color: var(--my-background-color);
border: 5px solid var(--my-highlight-color); }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.dialog-box-content,
#log-box-content {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
z-index: 2;
background-color: var(--my-background-color);
padding: 10px; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
.dialog-box-content p span,
#log-box-content p span {
padding: 0;
margin: 0; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.dialog-box-close-button {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 1px 1px 3px #000;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
-moz-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
float: right;
color: #aaa;
font-size: 20px;
font-weight: bold; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#log-box-close {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: fixed;
right: 27%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#log-box-kill-script {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
right: 11%;
position: relative; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#log-box-close, #log-box-kill-script {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
float: right;
display: inline-block; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.dialog-box-close-button:hover,
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
.dialog-box-close-button:focus {
color: #fff;
text-decoration: none;
cursor: pointer; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Faction invitation box */
#faction-invitation-box-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
transition: opacity 400ms ease-in; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#faction-invitation-box-warning {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin: 4px;
padding: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Infiltration-box */
#infiltration-box-sell,
#infiltration-box-faction {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: block;
padding: 8px;
margin: 8px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
#infiltration-box-content span {
padding: 0;
margin: 0; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#infiltration-faction-select {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #000; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Generic Yes No Box */
#yes-no-text-input-box-input {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #fff; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Game Options */
#game-options-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
transition: opacity 400ms ease-in; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#game-options-content {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: var(--my-background-color);
padding: 10px;
border: 5px solid var(--my-highlight-color);
Converted pop-up boxes to use css flex
2018-08-12 21:45:35 +02:00
color: var(--my-font-color);
width: 80%;
max-height: 80%;
overflow-y: auto; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#game-options-left-panel,
#game-options-right-panel {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
width: 49%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#game-options-close-button {
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 1px 1px 3px #000;
-moz-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #aaa;
float: right;
margin: 4px;
padding: 4px;
font-size: 20px;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
font-weight: bold; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#game-options-close-button:hover,
#game-options-close-button:focus {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #fff;
text-decoration: none;
cursor: pointer; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#game-options-left-panel fieldset {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
padding: 2px;
margin: 2px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#import-game-file-selector {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: none; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Added copy save to clipbaord option. Added getOrders netscript function. Fixed Corporation Bugs
2018-12-31 01:11:48 +01:00
/* Styling for the game options/settings
*
* Styling for the actual Game Options popup box can be found in popupboxes.scss
* This stylesheet is for everything inside the Game Options pop-up box
*/
/* COLORS */
/* Attributes */
#game-options-right-panel a {
display: block;
width: 46%; }
#game-options-right-panel button {
display: inline-block;
width: 46%; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* COLORS */
/* Attributes */
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* interactivetutorial.css */
#interactive-tutorial-wrapper {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
position: relative; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#interactive-tutorial-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: none;
position: absolute;
/* Stay in place */
right: 0;
top: 0;
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
height: 450px;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
padding: 10px;
border: 5px solid #fff;
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
width: 23%;
overflow: hidden;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #444;
/* Fallback color */
color: #fff; }
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
#interactive-tutorial-container > strong {
background-color: #444; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#interactive-tutorial-text {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
padding: 4px;
margin: 4px;
color: #fff;
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
background-color: #444;
font-size: 14px;
max-height: 350px;
overflow-y: auto; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#interactive-tutorial-exit,
#interactive-tutorial-next,
#interactive-tutorial-back {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 1px 1px 3px #000;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
-moz-box-shadow: 1px 1px 3px #000;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
box-shadow: 1px 1px 3px #000;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
color: #aaa;
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
font-size: 18px;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
font-weight: bold;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #000; }
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
#interactive-tutorial-exit:hover, #interactive-tutorial-exit:focus,
#interactive-tutorial-next:hover,
#interactive-tutorial-next:focus,
#interactive-tutorial-back:hover,
#interactive-tutorial-back:focus {
color: #fff;
text-decoration: none;
cursor: pointer; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
#interactive-tutorial-exit {
position: absolute;
bottom: 0;
Changed buttons that used <span> into <button> elements for real this time
2018-10-03 20:09:11 +02:00
left: 0;
padding: 4px; }
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
#interactive-tutorial-back {
Changed buttons that used <span> into <button> elements for real this time
2018-10-03 20:09:11 +02:00
float: left;
padding: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#interactive-tutorial-next {
Changed buttons that used <span> into <button> elements for real this time
2018-10-03 20:09:11 +02:00
float: right;
padding: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* COLORS */
/* Attributes */
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
* {
font-size: 16px;
font-family: "Lucida Console", "Lucida Sans Unicode", "Fira Mono", "Consolas", "Courier New", Courier, monospace, "Times New Roman"; }
*,
*:before,
*:after {
margin: 0;
padding: 0;
box-sizing: border-box;
vertical-align: top; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* COLORS */
/* Attributes */
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@-webkit-keyframes LOADERSPINNER {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg); }
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg); } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@-moz-keyframes LOADERSPINNER {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
-moz-transform: translate(-50%, -50%) rotate(0deg); }
100% {
-moz-transform: translate(-50%, -50%) rotate(360deg); } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@-ms-keyframes LOADERSPINNER {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
-ms-transform: translate(-50%, -50%) rotate(0deg); }
100% {
-ms-transform: translate(-50%, -50%) rotate(360deg); } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@-o-keyframes LOADERSPINNER {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
-o-transform: translate(-50%, -50%) rotate(0deg); }
100% {
-o-transform: translate(-50%, -50%) rotate(360deg); } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@keyframes LOADERSPINNER {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
transform: translate(-50%, -50%) rotate(0deg); }
100% {
transform: translate(-50%, -50%) rotate(360deg); } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@-webkit-keyframes LOADERLABEL {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
opacity: 1.0;
-webkit-transform: translate(-50%, -50%) scale(1); }
5% {
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); } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@-moz-keyframes LOADERLABEL {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
opacity: 1.0;
-moz-transform: translate(-50%, -50%) scale(1); }
5% {
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); } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@-ms-keyframes LOADERLABEL {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
opacity: 1.0;
-ms-transform: translate(-50%, -50%) scale(1); }
5% {
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); } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@-o-keyframes LOADERLABEL {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
opacity: 1.0;
-o-transform: translate(-50%, -50%) scale(1); }
5% {
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); } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
@keyframes LOADERLABEL {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
0% {
opacity: 1.0;
transform: translate(-50%, -50%) scale(1); }
5% {
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); } }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.loaderoverlay {
position: absolute;
width: 100%;
height: 100%;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
background: #000;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #6f3; }
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
.loaderoverlay .loaderspinner, .loaderoverlay .loaderspinner:before, .loaderoverlay .loaderspinner:after {
border: 20px solid rgba(0, 0, 0, 0);
border-top-color: #6f3;
border-bottom-color: #6f3;
border-radius: 1000px;
position: absolute;
top: 50%;
left: 50%; }
.loaderoverlay .loaderspinner:before,
.loaderoverlay .loaderspinner:after {
content: ""; }
.loaderoverlay .loaderspinner {
-webkit-animation: LOADERSPINNER 5s linear infinite;
-moz-animation: LOADERSPINNER 5s linear infinite;
-ms-animation: LOADERSPINNER 5s linear infinite;
-o-animation: LOADERSPINNER 5s linear infinite;
animation: LOADERSPINNER 5s linear infinite;
width: 200px;
height: 200px; }
.loaderoverlay .loaderspinner:before {
-webkit-animation: LOADERSPINNER 10s linear infinite;
-moz-animation: LOADERSPINNER 10s linear infinite;
-ms-animation: LOADERSPINNER 10s linear infinite;
-o-animation: LOADERSPINNER 10s linear infinite;
animation: LOADERSPINNER 10s linear infinite;
width: 160px;
height: 160px; }
.loaderoverlay .loaderspinner:after {
-webkit-animation: LOADERSPINNER 5s linear infinite;
-moz-animation: LOADERSPINNER 5s linear infinite;
-ms-animation: LOADERSPINNER 5s linear infinite;
-o-animation: LOADERSPINNER 5s linear infinite;
animation: LOADERSPINNER 5s linear infinite;
width: 120px;
height: 120px; }
.loaderoverlay .loaderlabel {
-webkit-animation: LOADERLABEL 5s linear infinite;
-moz-animation: LOADERLABEL 5s linear infinite;
-ms-animation: LOADERLABEL 5s linear infinite;
-o-animation: LOADERLABEL 5s linear infinite;
animation: LOADERLABEL 5s linear infinite;
text-transform: uppercase;
font-family: sans-serif;
font-size: 22px;
font-weight: 700;
letter-spacing: 2px;
position: absolute;
top: 50%;
left: 50%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
.killAllMessage {
position: absolute;
top: 95%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.killAllMessageWrapperHidden {
display: none; }
.killAllMessageWrapperShow {
display: block; }
/* COLORS */
/* Attributes */
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
/* css for Missions */
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Hacking missions */
#mission-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
overflow: hidden; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.hack-mission-grid {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 2.5%;
height: 90%;
position: absolute;
width: 100%;
overflow-y: auto;
padding-right: 10px; }
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
.hack-mission-grid::-webkit-scrollbar {
display: none; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.hack-mission-node {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
z-index: 5;
background-color: #808080;
align-self: center;
justify-self: center;
display: inline-block; }
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
.hack-mission-node p {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-top: 8px;
color: #fff;
font-size: 12px;
text-align: center; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.hack-mission-player-node {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #fff;
background-color: #00f; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.hack-mission-player-node-active {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 2px solid #fff;
background-color: #66f; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.hack-mission-enemy-node {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: #fff;
background-color: #f00; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.hack-mission-cpu-node {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
-webkit-border-radius: 50%;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
-moz-border-radius: 50%;
border-radius: 50%;
width: 100%;
height: 100%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.hack-mission-firewall-node {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 90%;
height: 100%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.hack-mission-database-node {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
-ms-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
width: 100%;
height: 90%; }
.hack-mission-database-node p {
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
font-size: 12px;
margin-top: 8px;
text-align: center; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
.hack-mission-transfer-node {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
-ms-transform: skew(-20deg);
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
-o-transform: skew(-20deg);
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
transform: skew(-20deg);
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 100%;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
height: 90%; }
.hack-mission-transfer-node p {
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-ms-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
font-size: 12px;
margin-top: 8px;
text-align: center; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.hack-mission-spam-node,
.hack-mission-shield-node {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
height: 100%;
width: 100%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Non-map related DOM elements */
/* Element at the top of the Hacking Mission page (intro page, start button, guide buttons, etc.) */
.hack-mission-header-element {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
margin: 6px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.hack-mission-action-buttons-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 2px solid #fff; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* COLORS */
/* Attributes */
Implemented Corporation Research Tree UI using Treant library
2018-12-16 00:31:21 +01:00
/**
* 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
*/
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#cmpy-mgmt-container p,
#cmpy-mgmt-container a,
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
#cmpy-mgmt-container div,
#cmpy-mgmt-container br {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
font-size: 13px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Header tabs */
.cmpy-mgmt-header-tab {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
color: #fff;
background-color: #555;
border: 1px solid #fff;
padding: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-header-tab:hover {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #666; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-header-tab.current {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #777; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Switch between Cities */
.cmpy-mgmt-city-tab {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
color: #fff;
background-color: #555;
border: 1px solid #fff;
padding: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-city-tab:hover {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #666; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-city-tab.current {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #777; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Panels */
#cmpy-mgmt-panel {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
height: 90%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-industry-left-panel,
.cmpy-mgmt-industry-right-panel {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
height: 100%;
overflow-y: auto;
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
overflow-x: auto;
overflow: visible;
top: 10px;
width: 45%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-industry-overview-panel {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 1px solid #fff;
color: var(--my-font-color);
display: inline-block;
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
padding: 3px;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 100%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-employee-panel {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 1px solid #fff;
display: block;
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
padding: 3px;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 100%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-warehouse-panel {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 1px solid #fff;
display: inline-block;
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
padding: 3px;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
width: 100%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
/* Hiring new employees */
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-find-employee-option {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 1px solid #fff;
margin: 6px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-find-employee-option:hover {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #3d4044; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Warehouse */
.cmpy-mgmt-warehouse-material-div {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
padding: 2px;
border: 1px solid #fff; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-warehouse-product-div {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
padding: 2px;
border: 1px solid #fff; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Exporting materials/products */
.cmpy-mgmt-existing-export {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 1px solid #fff;
border-radius: 25px;
margin: 4px;
padding: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-existing-export:hover {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #333; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
/* Corporation Upgrades */
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-upgrade-container {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 1px solid #fff;
width: 60%;
margin: 4px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
.cmpy-mgmt-upgrade-header {
margin: 6px;
padding: 6px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-upgrade-div {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
border: 1px solid #fff;
margin: 2px;
padding: 6px;
border-radius: 25px;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
font-size: 12px;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
color: var(--my-font-color); }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.cmpy-mgmt-upgrade-div:hover {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
background-color: #333; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
/* Industry Upgrades */
.industry-purchases-and-upgrades-header {
font-size: 14px;
margin: 2px;
padding: 2px; }
/* Advertising */
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
.cmpy-mgmt-advertising-info {
font-size: 12px; }
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
/* Research */
Added hackAnalyze() functions. Fixed bug with gymWorkout() and Millenium Fitness Gym. Updated documentation for new functions
2019-01-03 09:39:32 +01:00
#corporation-research-popup-box-content {
Updated to v0.45.0 production build
2019-03-23 06:11:09 +01:00
overflow-x: auto !important;
overflow-y: auto !important; }
Added hackAnalyze() functions. Fixed bug with gymWorkout() and Millenium Fitness Gym. Updated documentation for new functions
2019-01-03 09:39:32 +01:00
Updated changelog and version. Added build distribution files
2018-09-12 18:34:18 +02:00
/* COLORS */
/* Attributes */
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#bladeburner-container a,
#bladeburner-container div,
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
#bladeburner-container p,
#bladeburner-container pre,
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
#bladeburner-container td {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
font-size: 13px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.bladeburner-action {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 1px solid #fff;
margin: 7px;
padding: 7px;
white-space: pre-wrap; }
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
.bladeburner-action pre {
white-space: pre-wrap; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Whatever action is currently active */
.bladeburner-active-action {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 4px solid #fff; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Action & Skills panel navigation button */
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
.bladeburner-nav-button, .bladeburner-nav-button-inactive {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
border: 1px solid #fff;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
margin: 2px;
More bug fixes for Sleeve/Resleeve features. Rebalancing for Sleeve/Resleeve and stock market. Added an option to remove source files in the dev menu
2019-01-22 05:39:52 +01:00
padding: 2px;
Fixed bug in Changelog text. Properly credited kopelli for Active Server UI Ram usage change
2018-08-03 17:50:20 +02:00
color: #fff; }
More bug fixes for Sleeve/Resleeve features. Rebalancing for Sleeve/Resleeve and stock market. Added an option to remove source files in the dev menu
2019-01-22 05:39:52 +01:00
.bladeburner-nav-button:hover {
background-color: #3d4044; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.bladeburner-nav-button-inactive {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
text-decoration: none;
background-color: #555;
cursor: default;
pointer-events: none; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
v0.45.1 Build
2019-03-24 03:59:13 +01:00
/* Checkbox for (de)selecting autoleveling */
.bbcheckbox {
position: relative;
display: inline; }
.bbcheckbox label {
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
background: black;
border-width: 1px;
border-color: white;
border-style: solid; }
.bbcheckbox label: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); }
.bbcheckbox input[type=checkbox] {
margin: 3px;
visibility: hidden; }
.bbcheckbox input[type=checkbox]:checked + label:after {
opacity: 1; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
/* Bladeburner Console */
.bladeburner-console-div {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
width: 40%;
border: 1px solid #fff;
overflow: auto;
height: 100%;
position: absolute; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.bladeburner-console-table {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
height: auto;
overflow: auto;
table-layout: fixed;
width: 100%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.bladeburner-console-input-row {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
transition: height 1s;
width: 100%; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.bladeburner-console-input-cell {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: flex; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.bladeburner-console-input {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
display: inline-block;
padding: 0 !important;
margin: 0 !important;
border: 0;
background-color: var(--my-background-color);
font-size: 13px;
outline: none;
color: var(--my-font-color);
flex: 1 1 auto; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
.bladeburner-console-line {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
word-wrap: break-word;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Revert "Revert "Gang rework"" This reverts commit be0a08d70caacd9bc3a43faab2825cd5f3c68e1f.
2018-10-23 20:55:42 +02:00
/* COLORS */
/* Attributes */
/**
* Styling for the Gang mechanic UI (BitNode-2)
*/
#gang-container {
position: fixed;
padding: 6px; }
#gang-container p, #gang-container pre {
font-size: 15px; }
#gang-container select {
background-color: black;
color: white; }
#gang-management-subpage > p {
padding: 4px; }
.gang-member-info-div {
background-color: #555;
display: inline;
float: left;
width: 30%; }
/**
* Showing owned upgrades in the Equipment Box
*/
.gang-owned-upgrades-div {
display: inline-block;
margin-left: 6px;
width: 75%; }
.gang-owned-upgrade {
border: 1px solid white;
font-size: 12px;
margin: 1px;
padding: 1px; }
Fixed bugs with Sleeve mechanics. Updated documentation to use RTD theme
2019-01-20 23:57:38 +01:00
/**
* Styling for the Sleeves Management page
*/
/* COLORS */
/* Attributes */
.sleeve-container {
border: 1px solid white;
margin: 4px;
width: 75%; }
.sleeve-container p {
font-size: 14px; }
.sleeves-page-info {
display: "block";
width: 75%; }
.sleeve-panel {
display: inline-block;
margin: 0px;
padding: 2px; }
.sleeve-panel select {
display: block; }
/**
* Styling for the Re-Sleeving Page
*/
/* COLORS */
/* Attributes */
.resleeve-container {
border: 1px solid white;
margin: 4px;
width: 75%; }
.resleeve-container p {
font-size: 13px; }
.resleeve-panel {
display: inline-block;
margin: 0px;
padding: 2px; }
.resleeve-aug-selector {
font-size: 13px; }
.resleeve-aug-selector option {
font-size: 13px; }
Implemented Corporation Research Tree UI using Treant library
2018-12-16 00:31:21 +01:00
/* required LIB STYLES */
/* .Treant se automatski dodaje na svaki chart conatiner */
.Treant {
position: relative;
overflow: hidden;
padding: 0 !important; }
.Treant > .node,
.Treant > .pseudo {
position: absolute;
display: block;
visibility: hidden; }
.Treant.Treant-loaded .node,
.Treant.Treant-loaded .pseudo {
visibility: visible; }
.Treant > .pseudo {
width: 0;
height: 0;
border: none;
padding: 0; }
.Treant .collapse-switch {
width: 3px;
height: 3px;
display: block;
border: 1px solid black;
position: absolute;
top: 1px;
right: 1px;
cursor: pointer; }
.Treant .collapsed .collapse-switch {
background-color: #868DEE; }
.Treant > .node img {
border: none;
float: left; }
.Treant > .node {
cursor: pointer;
padding: 4px;
min-width: 60px;
text-align: center;
border: 2px solid #E8E8E3;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
font-size: 12px; }
.Treant > .researched {
Corporation Research Trees are now properly saved
2018-12-27 03:38:07 +01:00
background-color: #666;
font-size: 16px; }
Implemented Corporation Research Tree UI using Treant library
2018-12-16 00:31:21 +01:00
.Treant > .locked > div {
color: red;
pointer-events: none; }
.Treant > .node > div {
font-size: 12px; }
.Treant > .unlocked:hover {
background-color: #666; }
v0.45.1 Build
2019-03-24 03:59:13 +01:00
/*!
* Bootstrap Grid v4.1.2 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@-ms-viewport {
width: device-width; }
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar; }
*, *::before, *::after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container {
max-width: 540px; } }
@media (min-width: 768px) {
.container {
max-width: 720px; } }
@media (min-width: 992px) {
.container {
max-width: 960px; } }
@media (min-width: 1200px) {
.container {
max-width: 1140px; } }
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-1 {
margin-left: 8.3333333333%; }
.offset-2 {
margin-left: 16.6666666667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.3333333333%; }
.offset-5 {
margin-left: 41.6666666667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.3333333333%; }
.offset-8 {
margin-left: 66.6666666667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.3333333333%; }
.offset-11 {
margin-left: 91.6666666667%; }
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.3333333333%; }
.offset-sm-2 {
margin-left: 16.6666666667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.3333333333%; }
.offset-sm-5 {
margin-left: 41.6666666667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.3333333333%; }
.offset-sm-8 {
margin-left: 66.6666666667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.3333333333%; }
.offset-sm-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.3333333333%; }
.offset-md-2 {
margin-left: 16.6666666667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.3333333333%; }
.offset-md-5 {
margin-left: 41.6666666667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.3333333333%; }
.offset-md-8 {
margin-left: 66.6666666667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.3333333333%; }
.offset-md-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.3333333333%; }
.offset-lg-2 {
margin-left: 16.6666666667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.3333333333%; }
.offset-lg-5 {
margin-left: 41.6666666667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.3333333333%; }
.offset-lg-8 {
margin-left: 66.6666666667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.3333333333%; }
.offset-lg-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.3333333333%; }
.offset-xl-2 {
margin-left: 16.6666666667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.3333333333%; }
.offset-xl-5 {
margin-left: 41.6666666667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.3333333333%; }
.offset-xl-8 {
margin-left: 66.6666666667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.3333333333%; }
.offset-xl-11 {
margin-left: 91.6666666667%; } }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-md-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.w-auto {
width: auto !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.h-auto {
height: auto !important; }
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
.m-0 {
margin: 0 !important; }
.mt-0, .my-0 {
margin-top: 0 !important; }
.mr-0, .mx-0 {
margin-right: 0 !important; }
.mb-0, .my-0 {
margin-bottom: 0 !important; }
.ml-0, .mx-0 {
margin-left: 0 !important; }
.m-1 {
margin: .25rem !important; }
.mt-1, .my-1 {
margin-top: .25rem !important; }
.mr-1, .mx-1 {
margin-right: .25rem !important; }
.mb-1, .my-1 {
margin-bottom: .25rem !important; }
.ml-1, .mx-1 {
margin-left: .25rem !important; }
.m-2 {
margin: .5rem !important; }
.mt-2, .my-2 {
margin-top: .5rem !important; }
.mr-2, .mx-2 {
margin-right: .5rem !important; }
.mb-2, .my-2 {
margin-bottom: .5rem !important; }
.ml-2, .mx-2 {
margin-left: .5rem !important; }
.m-3 {
margin: 1rem !important; }
.mt-3, .my-3 {
margin-top: 1rem !important; }
.mr-3, .mx-3 {
margin-right: 1rem !important; }
.mb-3, .my-3 {
margin-bottom: 1rem !important; }
.ml-3, .mx-3 {
margin-left: 1rem !important; }
.m-4 {
margin: 1.5rem !important; }
.mt-4, .my-4 {
margin-top: 1.5rem !important; }
.mr-4, .mx-4 {
margin-right: 1.5rem !important; }
.mb-4, .my-4 {
margin-bottom: 1.5rem !important; }
.ml-4, .mx-4 {
margin-left: 1.5rem !important; }
.m-5 {
margin: 3rem !important; }
.mt-5, .my-5 {
margin-top: 3rem !important; }
.mr-5, .mx-5 {
margin-right: 3rem !important; }
.mb-5, .my-5 {
margin-bottom: 3rem !important; }
.ml-5, .mx-5 {
margin-left: 3rem !important; }
.p-0 {
padding: 0 !important; }
.pt-0, .py-0 {
padding-top: 0 !important; }
.pr-0, .px-0 {
padding-right: 0 !important; }
.pb-0, .py-0 {
padding-bottom: 0 !important; }
.pl-0, .px-0 {
padding-left: 0 !important; }
.p-1 {
padding: .25rem !important; }
.pt-1, .py-1 {
padding-top: .25rem !important; }
.pr-1, .px-1 {
padding-right: .25rem !important; }
.pb-1, .py-1 {
padding-bottom: .25rem !important; }
.pl-1, .px-1 {
padding-left: .25rem !important; }
.p-2 {
padding: .5rem !important; }
.pt-2, .py-2 {
padding-top: .5rem !important; }
.pr-2, .px-2 {
padding-right: .5rem !important; }
.pb-2, .py-2 {
padding-bottom: .5rem !important; }
.pl-2, .px-2 {
padding-left: .5rem !important; }
.p-3 {
padding: 1rem !important; }
.pt-3, .py-3 {
padding-top: 1rem !important; }
.pr-3, .px-3 {
padding-right: 1rem !important; }
.pb-3, .py-3 {
padding-bottom: 1rem !important; }
.pl-3, .px-3 {
padding-left: 1rem !important; }
.p-4 {
padding: 1.5rem !important; }
.pt-4, .py-4 {
padding-top: 1.5rem !important; }
.pr-4, .px-4 {
padding-right: 1.5rem !important; }
.pb-4, .py-4 {
padding-bottom: 1.5rem !important; }
.pl-4, .px-4 {
padding-left: 1.5rem !important; }
.p-5 {
padding: 3rem !important; }
.pt-5, .py-5 {
padding-top: 3rem !important; }
.pr-5, .px-5 {
padding-right: 3rem !important; }
.pb-5, .py-5 {
padding-bottom: 3rem !important; }
.pl-5, .px-5 {
padding-left: 3rem !important; }
.m-auto {
margin: auto !important; }
.mt-auto, .my-auto {
margin-top: auto !important; }
.mr-auto, .mx-auto {
margin-right: auto !important; }
.mb-auto, .my-auto {
margin-bottom: auto !important; }
.ml-auto, .mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important; }
.mt-sm-0, .my-sm-0 {
margin-top: 0 !important; }
.mr-sm-0, .mx-sm-0 {
margin-right: 0 !important; }
.mb-sm-0, .my-sm-0 {
margin-bottom: 0 !important; }
.ml-sm-0, .mx-sm-0 {
margin-left: 0 !important; }
.m-sm-1 {
margin: .25rem !important; }
.mt-sm-1, .my-sm-1 {
margin-top: .25rem !important; }
.mr-sm-1, .mx-sm-1 {
margin-right: .25rem !important; }
.mb-sm-1, .my-sm-1 {
margin-bottom: .25rem !important; }
.ml-sm-1, .mx-sm-1 {
margin-left: .25rem !important; }
.m-sm-2 {
margin: .5rem !important; }
.mt-sm-2, .my-sm-2 {
margin-top: .5rem !important; }
.mr-sm-2, .mx-sm-2 {
margin-right: .5rem !important; }
.mb-sm-2, .my-sm-2 {
margin-bottom: .5rem !important; }
.ml-sm-2, .mx-sm-2 {
margin-left: .5rem !important; }
.m-sm-3 {
margin: 1rem !important; }
.mt-sm-3, .my-sm-3 {
margin-top: 1rem !important; }
.mr-sm-3, .mx-sm-3 {
margin-right: 1rem !important; }
.mb-sm-3, .my-sm-3 {
margin-bottom: 1rem !important; }
.ml-sm-3, .mx-sm-3 {
margin-left: 1rem !important; }
.m-sm-4 {
margin: 1.5rem !important; }
.mt-sm-4, .my-sm-4 {
margin-top: 1.5rem !important; }
.mr-sm-4, .mx-sm-4 {
margin-right: 1.5rem !important; }
.mb-sm-4, .my-sm-4 {
margin-bottom: 1.5rem !important; }
.ml-sm-4, .mx-sm-4 {
margin-left: 1.5rem !important; }
.m-sm-5 {
margin: 3rem !important; }
.mt-sm-5, .my-sm-5 {
margin-top: 3rem !important; }
.mr-sm-5, .mx-sm-5 {
margin-right: 3rem !important; }
.mb-sm-5, .my-sm-5 {
margin-bottom: 3rem !important; }
.ml-sm-5, .mx-sm-5 {
margin-left: 3rem !important; }
.p-sm-0 {
padding: 0 !important; }
.pt-sm-0, .py-sm-0 {
padding-top: 0 !important; }
.pr-sm-0, .px-sm-0 {
padding-right: 0 !important; }
.pb-sm-0, .py-sm-0 {
padding-bottom: 0 !important; }
.pl-sm-0, .px-sm-0 {
padding-left: 0 !important; }
.p-sm-1 {
padding: .25rem !important; }
.pt-sm-1, .py-sm-1 {
padding-top: .25rem !important; }
.pr-sm-1, .px-sm-1 {
padding-right: .25rem !important; }
.pb-sm-1, .py-sm-1 {
padding-bottom: .25rem !important; }
.pl-sm-1, .px-sm-1 {
padding-left: .25rem !important; }
.p-sm-2 {
padding: .5rem !important; }
.pt-sm-2, .py-sm-2 {
padding-top: .5rem !important; }
.pr-sm-2, .px-sm-2 {
padding-right: .5rem !important; }
.pb-sm-2, .py-sm-2 {
padding-bottom: .5rem !important; }
.pl-sm-2, .px-sm-2 {
padding-left: .5rem !important; }
.p-sm-3 {
padding: 1rem !important; }
.pt-sm-3, .py-sm-3 {
padding-top: 1rem !important; }
.pr-sm-3, .px-sm-3 {
padding-right: 1rem !important; }
.pb-sm-3, .py-sm-3 {
padding-bottom: 1rem !important; }
.pl-sm-3, .px-sm-3 {
padding-left: 1rem !important; }
.p-sm-4 {
padding: 1.5rem !important; }
.pt-sm-4, .py-sm-4 {
padding-top: 1.5rem !important; }
.pr-sm-4, .px-sm-4 {
padding-right: 1.5rem !important; }
.pb-sm-4, .py-sm-4 {
padding-bottom: 1.5rem !important; }
.pl-sm-4, .px-sm-4 {
padding-left: 1.5rem !important; }
.p-sm-5 {
padding: 3rem !important; }
.pt-sm-5, .py-sm-5 {
padding-top: 3rem !important; }
.pr-sm-5, .px-sm-5 {
padding-right: 3rem !important; }
.pb-sm-5, .py-sm-5 {
padding-bottom: 3rem !important; }
.pl-sm-5, .px-sm-5 {
padding-left: 3rem !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto, .my-sm-auto {
margin-top: auto !important; }
.mr-sm-auto, .mx-sm-auto {
margin-right: auto !important; }
.mb-sm-auto, .my-sm-auto {
margin-bottom: auto !important; }
.ml-sm-auto, .mx-sm-auto {
margin-left: auto !important; } }
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important; }
.mt-md-0, .my-md-0 {
margin-top: 0 !important; }
.mr-md-0, .mx-md-0 {
margin-right: 0 !important; }
.mb-md-0, .my-md-0 {
margin-bottom: 0 !important; }
.ml-md-0, .mx-md-0 {
margin-left: 0 !important; }
.m-md-1 {
margin: .25rem !important; }
.mt-md-1, .my-md-1 {
margin-top: .25rem !important; }
.mr-md-1, .mx-md-1 {
margin-right: .25rem !important; }
.mb-md-1, .my-md-1 {
margin-bottom: .25rem !important; }
.ml-md-1, .mx-md-1 {
margin-left: .25rem !important; }
.m-md-2 {
margin: .5rem !important; }
.mt-md-2, .my-md-2 {
margin-top: .5rem !important; }
.mr-md-2, .mx-md-2 {
margin-right: .5rem !important; }
.mb-md-2, .my-md-2 {
margin-bottom: .5rem !important; }
.ml-md-2, .mx-md-2 {
margin-left: .5rem !important; }
.m-md-3 {
margin: 1rem !important; }
.mt-md-3, .my-md-3 {
margin-top: 1rem !important; }
.mr-md-3, .mx-md-3 {
margin-right: 1rem !important; }
.mb-md-3, .my-md-3 {
margin-bottom: 1rem !important; }
.ml-md-3, .mx-md-3 {
margin-left: 1rem !important; }
.m-md-4 {
margin: 1.5rem !important; }
.mt-md-4, .my-md-4 {
margin-top: 1.5rem !important; }
.mr-md-4, .mx-md-4 {
margin-right: 1.5rem !important; }
.mb-md-4, .my-md-4 {
margin-bottom: 1.5rem !important; }
.ml-md-4, .mx-md-4 {
margin-left: 1.5rem !important; }
.m-md-5 {
margin: 3rem !important; }
.mt-md-5, .my-md-5 {
margin-top: 3rem !important; }
.mr-md-5, .mx-md-5 {
margin-right: 3rem !important; }
.mb-md-5, .my-md-5 {
margin-bottom: 3rem !important; }
.ml-md-5, .mx-md-5 {
margin-left: 3rem !important; }
.p-md-0 {
padding: 0 !important; }
.pt-md-0, .py-md-0 {
padding-top: 0 !important; }
.pr-md-0, .px-md-0 {
padding-right: 0 !important; }
.pb-md-0, .py-md-0 {
padding-bottom: 0 !important; }
.pl-md-0, .px-md-0 {
padding-left: 0 !important; }
.p-md-1 {
padding: .25rem !important; }
.pt-md-1, .py-md-1 {
padding-top: .25rem !important; }
.pr-md-1, .px-md-1 {
padding-right: .25rem !important; }
.pb-md-1, .py-md-1 {
padding-bottom: .25rem !important; }
.pl-md-1, .px-md-1 {
padding-left: .25rem !important; }
.p-md-2 {
padding: .5rem !important; }
.pt-md-2, .py-md-2 {
padding-top: .5rem !important; }
.pr-md-2, .px-md-2 {
padding-right: .5rem !important; }
.pb-md-2, .py-md-2 {
padding-bottom: .5rem !important; }
.pl-md-2, .px-md-2 {
padding-left: .5rem !important; }
.p-md-3 {
padding: 1rem !important; }
.pt-md-3, .py-md-3 {
padding-top: 1rem !important; }
.pr-md-3, .px-md-3 {
padding-right: 1rem !important; }
.pb-md-3, .py-md-3 {
padding-bottom: 1rem !important; }
.pl-md-3, .px-md-3 {
padding-left: 1rem !important; }
.p-md-4 {
padding: 1.5rem !important; }
.pt-md-4, .py-md-4 {
padding-top: 1.5rem !important; }
.pr-md-4, .px-md-4 {
padding-right: 1.5rem !important; }
.pb-md-4, .py-md-4 {
padding-bottom: 1.5rem !important; }
.pl-md-4, .px-md-4 {
padding-left: 1.5rem !important; }
.p-md-5 {
padding: 3rem !important; }
.pt-md-5, .py-md-5 {
padding-top: 3rem !important; }
.pr-md-5, .px-md-5 {
padding-right: 3rem !important; }
.pb-md-5, .py-md-5 {
padding-bottom: 3rem !important; }
.pl-md-5, .px-md-5 {
padding-left: 3rem !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto, .my-md-auto {
margin-top: auto !important; }
.mr-md-auto, .mx-md-auto {
margin-right: auto !important; }
.mb-md-auto, .my-md-auto {
margin-bottom: auto !important; }
.ml-md-auto, .mx-md-auto {
margin-left: auto !important; } }
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important; }
.mt-lg-0, .my-lg-0 {
margin-top: 0 !important; }
.mr-lg-0, .mx-lg-0 {
margin-right: 0 !important; }
.mb-lg-0, .my-lg-0 {
margin-bottom: 0 !important; }
.ml-lg-0, .mx-lg-0 {
margin-left: 0 !important; }
.m-lg-1 {
margin: .25rem !important; }
.mt-lg-1, .my-lg-1 {
margin-top: .25rem !important; }
.mr-lg-1, .mx-lg-1 {
margin-right: .25rem !important; }
.mb-lg-1, .my-lg-1 {
margin-bottom: .25rem !important; }
.ml-lg-1, .mx-lg-1 {
margin-left: .25rem !important; }
.m-lg-2 {
margin: .5rem !important; }
.mt-lg-2, .my-lg-2 {
margin-top: .5rem !important; }
.mr-lg-2, .mx-lg-2 {
margin-right: .5rem !important; }
.mb-lg-2, .my-lg-2 {
margin-bottom: .5rem !important; }
.ml-lg-2, .mx-lg-2 {
margin-left: .5rem !important; }
.m-lg-3 {
margin: 1rem !important; }
.mt-lg-3, .my-lg-3 {
margin-top: 1rem !important; }
.mr-lg-3, .mx-lg-3 {
margin-right: 1rem !important; }
.mb-lg-3, .my-lg-3 {
margin-bottom: 1rem !important; }
.ml-lg-3, .mx-lg-3 {
margin-left: 1rem !important; }
.m-lg-4 {
margin: 1.5rem !important; }
.mt-lg-4, .my-lg-4 {
margin-top: 1.5rem !important; }
.mr-lg-4, .mx-lg-4 {
margin-right: 1.5rem !important; }
.mb-lg-4, .my-lg-4 {
margin-bottom: 1.5rem !important; }
.ml-lg-4, .mx-lg-4 {
margin-left: 1.5rem !important; }
.m-lg-5 {
margin: 3rem !important; }
.mt-lg-5, .my-lg-5 {
margin-top: 3rem !important; }
.mr-lg-5, .mx-lg-5 {
margin-right: 3rem !important; }
.mb-lg-5, .my-lg-5 {
margin-bottom: 3rem !important; }
.ml-lg-5, .mx-lg-5 {
margin-left: 3rem !important; }
.p-lg-0 {
padding: 0 !important; }
.pt-lg-0, .py-lg-0 {
padding-top: 0 !important; }
.pr-lg-0, .px-lg-0 {
padding-right: 0 !important; }
.pb-lg-0, .py-lg-0 {
padding-bottom: 0 !important; }
.pl-lg-0, .px-lg-0 {
padding-left: 0 !important; }
.p-lg-1 {
padding: .25rem !important; }
.pt-lg-1, .py-lg-1 {
padding-top: .25rem !important; }
.pr-lg-1, .px-lg-1 {
padding-right: .25rem !important; }
.pb-lg-1, .py-lg-1 {
padding-bottom: .25rem !important; }
.pl-lg-1, .px-lg-1 {
padding-left: .25rem !important; }
.p-lg-2 {
padding: .5rem !important; }
.pt-lg-2, .py-lg-2 {
padding-top: .5rem !important; }
.pr-lg-2, .px-lg-2 {
padding-right: .5rem !important; }
.pb-lg-2, .py-lg-2 {
padding-bottom: .5rem !important; }
.pl-lg-2, .px-lg-2 {
padding-left: .5rem !important; }
.p-lg-3 {
padding: 1rem !important; }
.pt-lg-3, .py-lg-3 {
padding-top: 1rem !important; }
.pr-lg-3, .px-lg-3 {
padding-right: 1rem !important; }
.pb-lg-3, .py-lg-3 {
padding-bottom: 1rem !important; }
.pl-lg-3, .px-lg-3 {
padding-left: 1rem !important; }
.p-lg-4 {
padding: 1.5rem !important; }
.pt-lg-4, .py-lg-4 {
padding-top: 1.5rem !important; }
.pr-lg-4, .px-lg-4 {
padding-right: 1.5rem !important; }
.pb-lg-4, .py-lg-4 {
padding-bottom: 1.5rem !important; }
.pl-lg-4, .px-lg-4 {
padding-left: 1.5rem !important; }
.p-lg-5 {
padding: 3rem !important; }
.pt-lg-5, .py-lg-5 {
padding-top: 3rem !important; }
.pr-lg-5, .px-lg-5 {
padding-right: 3rem !important; }
.pb-lg-5, .py-lg-5 {
padding-bottom: 3rem !important; }
.pl-lg-5, .px-lg-5 {
padding-left: 3rem !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto, .my-lg-auto {
margin-top: auto !important; }
.mr-lg-auto, .mx-lg-auto {
margin-right: auto !important; }
.mb-lg-auto, .my-lg-auto {
margin-bottom: auto !important; }
.ml-lg-auto, .mx-lg-auto {
margin-left: auto !important; } }
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important; }
.mt-xl-0, .my-xl-0 {
margin-top: 0 !important; }
.mr-xl-0, .mx-xl-0 {
margin-right: 0 !important; }
.mb-xl-0, .my-xl-0 {
margin-bottom: 0 !important; }
.ml-xl-0, .mx-xl-0 {
margin-left: 0 !important; }
.m-xl-1 {
margin: .25rem !important; }
.mt-xl-1, .my-xl-1 {
margin-top: .25rem !important; }
.mr-xl-1, .mx-xl-1 {
margin-right: .25rem !important; }
.mb-xl-1, .my-xl-1 {
margin-bottom: .25rem !important; }
.ml-xl-1, .mx-xl-1 {
margin-left: .25rem !important; }
.m-xl-2 {
margin: .5rem !important; }
.mt-xl-2, .my-xl-2 {
margin-top: .5rem !important; }
.mr-xl-2, .mx-xl-2 {
margin-right: .5rem !important; }
.mb-xl-2, .my-xl-2 {
margin-bottom: .5rem !important; }
.ml-xl-2, .mx-xl-2 {
margin-left: .5rem !important; }
.m-xl-3 {
margin: 1rem !important; }
.mt-xl-3, .my-xl-3 {
margin-top: 1rem !important; }
.mr-xl-3, .mx-xl-3 {
margin-right: 1rem !important; }
.mb-xl-3, .my-xl-3 {
margin-bottom: 1rem !important; }
.ml-xl-3, .mx-xl-3 {
margin-left: 1rem !important; }
.m-xl-4 {
margin: 1.5rem !important; }
.mt-xl-4, .my-xl-4 {
margin-top: 1.5rem !important; }
.mr-xl-4, .mx-xl-4 {
margin-right: 1.5rem !important; }
.mb-xl-4, .my-xl-4 {
margin-bottom: 1.5rem !important; }
.ml-xl-4, .mx-xl-4 {
margin-left: 1.5rem !important; }
.m-xl-5 {
margin: 3rem !important; }
.mt-xl-5, .my-xl-5 {
margin-top: 3rem !important; }
.mr-xl-5, .mx-xl-5 {
margin-right: 3rem !important; }
.mb-xl-5, .my-xl-5 {
margin-bottom: 3rem !important; }
.ml-xl-5, .mx-xl-5 {
margin-left: 3rem !important; }
.p-xl-0 {
padding: 0 !important; }
.pt-xl-0, .py-xl-0 {
padding-top: 0 !important; }
.pr-xl-0, .px-xl-0 {
padding-right: 0 !important; }
.pb-xl-0, .py-xl-0 {
padding-bottom: 0 !important; }
.pl-xl-0, .px-xl-0 {
padding-left: 0 !important; }
.p-xl-1 {
padding: .25rem !important; }
.pt-xl-1, .py-xl-1 {
padding-top: .25rem !important; }
.pr-xl-1, .px-xl-1 {
padding-right: .25rem !important; }
.pb-xl-1, .py-xl-1 {
padding-bottom: .25rem !important; }
.pl-xl-1, .px-xl-1 {
padding-left: .25rem !important; }
.p-xl-2 {
padding: .5rem !important; }
.pt-xl-2, .py-xl-2 {
padding-top: .5rem !important; }
.pr-xl-2, .px-xl-2 {
padding-right: .5rem !important; }
.pb-xl-2, .py-xl-2 {
padding-bottom: .5rem !important; }
.pl-xl-2, .px-xl-2 {
padding-left: .5rem !important; }
.p-xl-3 {
padding: 1rem !important; }
.pt-xl-3, .py-xl-3 {
padding-top: 1rem !important; }
.pr-xl-3, .px-xl-3 {
padding-right: 1rem !important; }
.pb-xl-3, .py-xl-3 {
padding-bottom: 1rem !important; }
.pl-xl-3, .px-xl-3 {
padding-left: 1rem !important; }
.p-xl-4 {
padding: 1.5rem !important; }
.pt-xl-4, .py-xl-4 {
padding-top: 1.5rem !important; }
.pr-xl-4, .px-xl-4 {
padding-right: 1.5rem !important; }
.pb-xl-4, .py-xl-4 {
padding-bottom: 1.5rem !important; }
.pl-xl-4, .px-xl-4 {
padding-left: 1.5rem !important; }
.p-xl-5 {
padding: 3rem !important; }
.pt-xl-5, .py-xl-5 {
padding-top: 3rem !important; }
.pr-xl-5, .px-xl-5 {
padding-right: 3rem !important; }
.pb-xl-5, .py-xl-5 {
padding-bottom: 3rem !important; }
.pl-xl-5, .px-xl-5 {
padding-left: 3rem !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto, .my-xl-auto {
margin-top: auto !important; }
.mr-xl-auto, .mx-xl-auto {
margin-right: auto !important; }
.mb-xl-auto, .my-xl-auto {
margin-bottom: auto !important; }
.ml-xl-auto, .mx-xl-auto {
margin-left: auto !important; } }
.visible {
visibility: visible !important; }
.invisible {
visibility: hidden !important; }
.add-exp-button {
margin-right: 0px; }
.remove-exp-button {
margin-left: 0px; }
.exp-input {
margin-right: 0px;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding: 2px 5px; }
.text-center {
margin: auto;
text-align: center;
vertical-align: middle; }
.touch-right {
margin-right: 0px; }
.touch-left {
margin-left: 0px; }
.touch-sides {
margin-left: 0px;
margin-right: 0px; }
[refactor, chore] "Compile" CSS via Webpack This may seem unnecessary (and odd to import CSS files into JS...), but this sets up the project for being able to keep the distributed (release) resources all together, as well as setting the stage for introducing something like SCSS.
2018-07-11 17:19:36 +02:00
Configured unit test webpack build to work
2019-05-10 04:36:04 +02:00
/*# sourceMappingURL=engineStyle.css.map*/
Reference in New Issue Copy Permalink