Personal_mirrors/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2024-11-10 17:53:55 +01:00
Code Issues Packages Projects Releases Wiki Activity
4a56076ba9
bitburner-src/dist/engine.css

1857 lines
39 KiB
CSS
Raw Normal View History

[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;
--my-highlight-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
* {
[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;
padding: 0;
font-size: 16px;
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
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
span {
[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
#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
/* Main navigation menu */
.mainmenu {
[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;
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; }
[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
/* Default buttons */
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
.mainmenu > li a {
display: block;
color: #e6e6e6;
background-color: #555;
padding: 16px;
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
/* Hovering makes them lighter */
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
.mainmenu > li a:hover,
.mainmenu > li a:hover:not(.active),
.mainmenu > li a:focus {
background-color: #777;
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
/* Panel headers can become active, and they are "lighter" than the rest */
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
.mainmenu > li a.active {
background-color: #777;
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
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
.mainmenu > li a.active:hover {
background-color: #aaa; }
[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
/* Plus and minus signs */
.mainmenu-accordion-header:after {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
content: '\2795';
font-size: 13px;
color: #fff;
float: right;
margin-left: 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
.mainmenu-accordion-header.opened:after {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
content: "\2796"; }
[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
.mainmenu-accordion-header.opened {
[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: #222; }
[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
/* Slide down transition */
.mainmenu-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
max-height: 0;
opacity: 1;
transition: max-height 0.2s ease-out; }
[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
/* Borders */
.mainmenu-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
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
/* Make html links ("a" elements) nice looking buttons with this class */
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
.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
text-decoration: none;
background-color: #555;
color: #fff;
padding: 5px;
margin: 5px;
border: 1px solid #333;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: 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
.a-link-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
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
.a-link-button: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
/* Make anchor tags ("a" elements) inactive (not clickable) */
.a-link-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: #333;
color: #fff;
padding: 5px;
margin: 5px;
border: 1px solid #333;
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
.a-link-button-inactive:hover .tooltiptext,
.a-link-button-inactive:hover .tooltiptexthigh,
.a-link-button-inactive:hover .tooltiptextleft {
[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: visible; }
[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
.a-link-button-inactive: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
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
/* Make anchor tags ("a" elements) for activated actions */
.a-link-button-bought {
[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: #0a0;
color: #fff;
padding: 5px;
margin: 5px;
border: 1px solid #0a0;
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
.a-link-button-bought:hover .tooltiptext,
.a-link-button-bought:hover .tooltiptexthigh,
.a-link-button-bought:hover .tooltiptextleft {
[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: visible; }
[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
.a-link-button-bought: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
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
.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;
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
/* 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
/* Tool tips (when hovering over an element */
.tooltip {
[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;
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
.tooltip .tooltiptext {
[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;
width: 300px;
background-color: var(--my-background-color);
border: 2px solid var(--my-highlight-color);
color: #fff;
text-align: center;
padding: 4px;
left: 101%;
position: absolute;
z-index: 99; }
[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
/* Same thing as a normal tooltip except its a bit higher */
.tooltip .tooltiptexthigh {
[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;
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; }
[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
/* Similar to a normal tooltip except its positioned on the left of the elemnt
rather than the right to avoid exceeding the elements normal width */
.tooltip .tooltiptextleft {
[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;
width: 300px;
background-color: var(--my-background-color);
border: 2px solid var(--my-highlight-color);
color: #fff;
text-align: center;
padding: 4px;
left: 40%;
bottom: -10%;
position: absolute;
z-index: 99; }
[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
.tooltip:hover .tooltiptext,
.tooltip:hover .tooltiptexthigh,
.tooltip:hover .tooltiptextleft {
[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: visible; }
[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 {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
content: '?';
padding: 1px;
margin-left: 3px;
color: #fff;
border: 1px solid #fff;
border-radius: 5px;
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
.help-tip: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
.help-tip: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 {
opacity: 1;
top: 0; }
to {
opacity: 0;
top: 0; } }
.status-text {
display: inline;
position: fixed;
top: 0;
-webkit-animation: status-text 3s 1;
background-color: transparent;
height: 15%; }
[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 {
[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: 20px;
color: #fff;
right: 0;
bottom: 0;
padding: 4px;
margin-right: 14px;
background-color: transparent;
z-index: 2;
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
/* Character Overview */
#character-overview-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
#character-overview-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;
height: 205px;
/* Full height */
padding: 5px;
border: 2px solid var(--my-highlight-color);
width: 19%;
overflow: auto;
/* Enable scroll if needed */
background-color: #444;
/* Fallback color */
z-index: 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
#character-overview-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: 8px;
color: #fff;
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
#character-overview-save-button,
#character-overview-options-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
color: #aaa;
font-size: 14px;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
height: 22px;
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
#character-overview-save-button:hover,
#character-overview-save-button:focus,
#character-overview-options-button:hover,
#character-overview-options-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
#character-overview-options-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; }
[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; }
[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-link: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
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;
font-size: 20px;
color: #fff;
margin: 6px 6px 0 6px;
padding: 6px;
cursor: pointer;
width: 80%;
text-align: left;
border: none;
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
.accordion-header.active,
.accordion-header: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: #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
.accordion-header.active: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
.accordion-header:after {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
content: '\2795';
/* "plus" sign (+) */
font-size: 13px;
color: #fff;
float: right;
margin-left: 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
.accordion-header.active:after {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
content: "\2796";
/* "minus" sign (-) */
font-size: 13px;
color: #fff;
float: right;
margin-left: 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
.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; }
[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 div,
.accordion-panel ul,
.accordion-panel p,
.accordion-panel ul > 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
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
[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; }
#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; }
#terminal-input-header {
white-space: pre; }
#terminal-input-text-box {
flex: 1 1 auto; }
/* CSS for different main menu pages, such as character info, script editor, etc (but excluding
terminal which has its own page) */
[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-menupage-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
height: 100%;
padding-left: 10px;
margin-left: 10%;
width: 99%;
overflow-y: scroll; }
[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
/* Character Info */
#character-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
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
/* Script Editor */
#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
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
#javascript-editor {
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;
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
.ace_line,
.ace_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
background-color: transparent;
margin: 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
.ace_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
font-size: 16px;
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
/* 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 {
[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;
display: inline-block;
float: center;
resize: none;
color: #fff;
margin: 4px;
padding: 2px;
border: 2px solid var(--my-highlight-color);
-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); }
[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;
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 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; }
[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
/* Active scripts */
.active-scripts-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
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
#active-scripts-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
#active-scripts-text,
#active-scripts-total-prod {
[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: 6px;
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
.active-scripts-server-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;
font-size: 20px;
color: #fff;
margin: 6px 6px 0 6px;
padding: 6px;
cursor: pointer;
width: 60%;
text-align: left;
border: none;
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
.active-scripts-server-header.active,
.active-scripts-server-header: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: #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
.active-scripts-server-header.active: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
.active-scripts-server-header:after {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
content: '\2795';
/* "plus" sign (+) */
font-size: 13px;
color: #fff;
float: right;
margin-left: 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
.active-scripts-server-header.active:after {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
content: "\2796";
/* "minus" sign (-) */
font-size: 13px;
color: #fff;
float: right;
margin-left: 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
.active-scripts-server-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: 55%;
margin-left: 5%;
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
.active-scripts-server-panel div,
.active-scripts-server-panel ul,
.active-scripts-server-panel ul > 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
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
.active-scripts-script-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: #555;
color: var(--my-font-color);
padding: 4px;
padding-left: 10px;
cursor: pointer;
width: auto;
text-align: left;
border: none;
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
.active-scripts-script-header:hover,
.active-scripts-script-header.active: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
.active-scripts-script-header.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
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
.active-scripts-script-header:after {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
content: '\2795';
/* "plus" sign (+) */
font-size: 13px;
color: var(--my-font-color);
float: right;
margin-left: 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
.active-scripts-script-header.active:after {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
content: "\2796";
/* "minus" sign (-) */
font-size: 13px;
color: var(--my-font-color);
float: right;
margin-left: 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
.active-scripts-script-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
padding: 0 18px;
background-color: #555;
width: auto;
display: none;
margin-bottom: 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
.active-scripts-script-panel p,
.active-scripts-script-panel h2,
.active-scripts-script-panel ul,
.active-scripts-script-panel 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
background-color: #555;
width: auto;
color: #fff;
margin-left: 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
.active-scripts-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
color: #aaa;
font-size: 16px;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
margin: 4px;
padding: 4px;
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
.active-scripts-button:hover,
.active-scripts-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
/* Hacknet Nodes */
#hacknet-nodes-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: 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
#hacknet-nodes-text,
#hacknet-nodes-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: 10px;
padding: 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
#hacknet-nodes-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
float: left;
overflow: hidden;
white-space: nowrap; }
[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
#hacknet-nodes-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
list-style: none;
width: 82vw; }
[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
#hacknet-nodes-money {
[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;
float: left; }
[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
#hacknet-nodes-money-multipliers-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: 70vw; }
[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
#hacknet-nodes-multipliers {
[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; }
[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
#hacknet-nodes-purchase-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-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
.hacknet-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
margin: 6px;
padding: 6px;
width: 34vw;
border: 2px solid var(--my-highlight-color);
-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); }
[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
.hacknet-node-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: inline-table; }
[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
.hacknet-node-container .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
display: table-row;
height: 30px; }
[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
.hacknet-node-container .row 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
display: table-cell; }
[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
.hacknet-node-container .upgradable-info {
[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;
margin: 0 4px;
/* Don't want the vertical margin/padding, just left & right */
padding: 0 4px;
width: 48px;
/* Four times font-size */ }
[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
.menu-page-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: 70vw; }
[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-donate-amount-txt,
#faction-donate-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
padding: 6px;
margin: 6px;
display: inline-block;
color: var(--my-font-color);
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
#faction-donate-amount-txt {
[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
#faction-container p,
#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
padding: 6px;
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
#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
/* Faction Augmentations */
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
#faction-augmentations-container {
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-augmentations-container p,
#faction-augmentations-container a,
#faction-augmentations-container 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
#faction-augmentations-container h1 {
margin: 8px;
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
/* 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
/* Augmentations */
#augmentations-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
.augmentations-list button,
.augmentations-list 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
color: var(--my-font-color);
padding: 8px;
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
/* 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
#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
#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; }
[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
#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
/* Stock market */
#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; }
[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 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
padding: 10px;
margin: 10px;
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
#stock-market-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
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
.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
.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;
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
.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; }
[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
/* Gang */
#gang-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; }
[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
#gang-management-subpage > 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
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
.gang-member-info-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
float: left;
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
/* 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%;
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
#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 {
[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;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
margin: 10px;
padding: 5px;
border-radius: 12px;
border: 3px solid #fff;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #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
#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
#red-pill-container,
#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
.bitnode {
[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: #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
.bitnode-destroyed {
[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: #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
.bitnode:hover,
.bitnode-destroyed: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
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
/* 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;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 10;
/* Sit on top */
left: 0;
top: 0;
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);
margin: 15% auto;
padding: 12px;
border: 5px solid var(--my-highlight-color);
width: 70%;
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;
max-height: 40%;
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; }
[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
float: right;
color: #aaa;
font-size: 20px;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #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
#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
#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);
margin: 15% auto;
padding: 10px;
border: 5px solid var(--my-highlight-color);
width: 60%;
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
#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 {
[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;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px #fff;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #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
#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
/* 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;
height: 400px;
/* Full height */
padding: 10px;
border: 5px solid #fff;
width: 20%;
overflow: auto;
/* Enable scroll if needed */
background-color: #444;
/* Fallback color */
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
#interactive-tutorial-container > strong {
[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; }
[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;
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-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
color: #aaa;
font-size: 20px;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
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
#interactive-tutorial-exit {
[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; }
[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-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
margin-right: 20%;
float: right; }
[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 {
[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; }
[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:hover,
#interactive-tutorial-exit:focus,
#interactive-tutorial-next:hover,
#interactive-tutorial-next:focus,
#interactive-tutorial-back:hover,
#interactive-tutorial-back: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
@-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
*, *:before, *:after {
margin: 0;
padding: 0;
box-sizing: border-box;
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
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
.loaderoverlay {
position: absolute;
width: 100%;
height: 100%;
[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: 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
.loaderoverlay .loaderspinner,
.loaderoverlay .loaderspinner:before,
.loaderoverlay .loaderspinner:after {
[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: 20px solid rgba(0, 0, 0, 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
border-top: 20px solid #ccc;
border-bottom: 20px solid #ccc;
border-radius: 1000px;
position: absolute;
top: 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
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
.loaderoverlay .loaderspinner:before,
.loaderoverlay .loaderspinner:after {
[chore] Introducing SCSS, renaming existing files. Not utilizing any functionality yet, just setting up for refactorings.
2018-07-13 22:13:49 +02:00
content: ""; }
[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 .loaderspinner {
width: 200px;
height: 200px;
-webkit-animation: LOADERSPINNER 5s linear infinite;
-moz-animation: LOADERSPINNER 5s linear infinite;
-ms-animation: LOADERSPINNER 5s linear infinite;
-o-animation: LOADERSPINNER 5s linear 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: LOADERSPINNER 5s linear 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
.loaderoverlay .loaderspinner:before {
width: 160px;
height: 160px;
-webkit-animation: LOADERSPINNER 10s linear infinite;
-moz-animation: LOADERSPINNER 10s linear infinite;
-ms-animation: LOADERSPINNER 10s linear infinite;
-o-animation: LOADERSPINNER 10s linear 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: LOADERSPINNER 10s linear 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
.loaderoverlay .loaderspinner:after {
width: 120px;
height: 120px;
-webkit-animation: LOADERSPINNER 5s linear infinite;
-moz-animation: LOADERSPINNER 5s linear infinite;
-ms-animation: LOADERSPINNER 5s linear infinite;
-o-animation: LOADERSPINNER 5s linear 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: LOADERSPINNER 5s linear 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
.loaderoverlay .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
color: #6f3;
[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-transform: uppercase;
font-family: sans-serif;
font-size: 22px;
font-weight: 700;
letter-spacing: 2px;
position: absolute;
top: 50%;
left: 50%;
-webkit-animation: LOADERLABEL 5s linear infinite;
-moz-animation: LOADERLABEL 5s linear infinite;
-ms-animation: LOADERLABEL 5s linear infinite;
-o-animation: LOADERLABEL 5s linear 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: LOADERLABEL 5s linear 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
button[type="button"] {
padding: 0.5rem 1rem;
position: absolute;
z-index: 1;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-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
transform: translateX(-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
/* Customize */
.loaderoverlay {
[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: #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
.loaderoverlay .loaderspinner,
.loaderoverlay .loaderspinner:before,
.loaderoverlay .loaderspinner:after {
[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-top-color: #6f3 !important;
border-bottom-color: #6f3 !important; }
[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 .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
color: #6f3; }
[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
/* 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; }
[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::-webkit-scrollbar {
[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
.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; }
[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 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-top: 8px;
color: #fff;
font-size: 12px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: 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-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
width: 100%;
height: 100%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 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
.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
width: 100%;
height: 90%;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg); }
[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 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
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
color: #fff;
font-size: 12px;
margin-top: 8px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: 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-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
width: 100%;
height: 90%;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg); }
[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-transfer-node 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
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
color: #fff;
font-size: 12px;
margin-top: 8px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: 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-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
#cmpy-mgmt-container p,
#cmpy-mgmt-container a,
#cmpy-mgmt-container 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
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;
width: 45%;
height: 100%;
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
.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;
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;
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;
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
/* Upgrades */
.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
.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;
font-size: "12px";
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
#bladeburner-container p,
#bladeburner-container pre,
#bladeburner-container a,
#bladeburner-container div,
#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; }
[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 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
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 */
.bladeburner-nav-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
border: 1px solid #fff;
color: #fff;
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
.bladeburner-nav-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
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
border: 1px solid #fff;
padding: 2px;
margin: 2px;
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
/* 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
/*# sourceMappingURL=engine.css.map*/
Reference in New Issue Copy Permalink