mirror of
https://github.com/Max-Stevenson/jurassic-park-interface.git
synced 2024-06-01 21:41:31 +00:00
Continuation of responsive refactor.
This commit is contained in:
Max Stevenson
parent
38d8b91638
commit
4009d0de52
12
index.html
12
index.html
|
|
@ -494,18 +494,18 @@
|
||||||
<p class="button-text__embossed small-button">glitches</p>
|
<p class="button-text__embossed small-button">glitches</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="outer-edge__light buttons">
|
<div class="outer-edge__light-buttons buttons">
|
||||||
<div class="inner-edge__light">
|
<div class="inner-edge__light-buttons">
|
||||||
<p class="button-text__engraved small-button">maps</p>
|
<p class="button-text__engraved small-button">maps</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="outer-edge__light buttons">
|
<div class="outer-edge__light-buttons buttons">
|
||||||
<div class="inner-edge__light">
|
<div class="inner-edge__light-buttons">
|
||||||
<p class="button-text__engraved small-button">system</p>
|
<p class="button-text__engraved small-button">system</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="outer-edge__light buttons">
|
<div class="outer-edge__light-buttons buttons">
|
||||||
<div class="inner-edge__light">
|
<div class="inner-edge__light-buttons">
|
||||||
<p class="button-text__engraved small-button">emerg.</p>
|
<p class="button-text__engraved small-button">emerg.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -65,7 +65,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
#console-display {
|
#console-display {
|
||||||
flex: 0 0 70px;
|
flex: 0 0 calc(10% - .5vw);
|
||||||
}
|
}
|
||||||
|
|
||||||
#control-panel {
|
#control-panel {
|
||||||
|
|
@ -163,10 +163,10 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.outer-edge__dark, .outer-edge__dark__no-right-edge {
|
.outer-edge__dark, .outer-edge__dark__no-right-edge {
|
||||||
border-left: solid 0.1vw #302a2a;
|
border-left: solid 0.15vw #302a2a;
|
||||||
border-top: solid 0.1vw #302a2a;
|
border-top: solid 0.15vw #302a2a;
|
||||||
border-right: solid 0.1vw #c1c2c6;
|
border-right: solid 0.15vw #c1c2c6;
|
||||||
border-bottom: solid 0.1vw #c1c2c6;
|
border-bottom: solid 0.15vw #c1c2c6;
|
||||||
border-radius: 1px;
|
border-radius: 1px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -211,19 +211,19 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.outer-edge__console {
|
.outer-edge__console {
|
||||||
border-top: solid 1px #6A6767;
|
border-top: solid 0.1vw #6A6767;
|
||||||
border-right: solid 1px #B1ABAB;
|
border-right: solid 0.1vw #B1ABAB;
|
||||||
border-bottom: solid 1px #B1ABAB;
|
border-bottom: solid 0.1vw #B1ABAB;
|
||||||
border-left: solid 1px #6A6767;
|
border-left: solid 0.1vw #6A6767;
|
||||||
border-radius: 1px;
|
border-radius: 1px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inner-edge__console {
|
.inner-edge__console {
|
||||||
border-top: solid 1px #EAE9E9;
|
border-top: solid 0.1vw #EAE9E9;
|
||||||
border-right: solid 1px #A59B9A;
|
border-right: solid 0.1vw #A59B9A;
|
||||||
border-bottom: solid 1px #A59B9A;
|
border-bottom: solid 0.1vw #A59B9A;
|
||||||
border-left: solid 1px #EAE9E9;
|
border-left: solid 0.1vw #EAE9E9;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -487,25 +487,26 @@ body {
|
||||||
|
|
||||||
.room-info__container {
|
.room-info__container {
|
||||||
background-color: #e2eb57;
|
background-color: #e2eb57;
|
||||||
padding: 3px;
|
padding: 2% 1%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
|
flex: 0 0 13%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.room-info__level-display {
|
.room-info__level-display {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.room-info__level-text {
|
.room-info__level-text {
|
||||||
|
font-size: 1vw;
|
||||||
color: white;
|
color: white;
|
||||||
background: black;
|
background: black;
|
||||||
width: fit-content;
|
|
||||||
padding: 1px 8px;
|
padding: 1px 8px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
font-size: small;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.room-info__level-number {
|
.room-info__level-number {
|
||||||
|
|
@ -522,7 +523,6 @@ body {
|
||||||
|
|
||||||
.room-info__title-container {
|
.room-info__title-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -532,9 +532,9 @@ body {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
margin: 2px 8px;
|
margin: 0.1vw 0.5vw;
|
||||||
padding: 8px 0;
|
padding: 0.5vw 1.5vw;
|
||||||
font-size: large;
|
font-size: 1.5vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.room-info__subtitle {
|
.room-info__subtitle {
|
||||||
|
|
@ -874,6 +874,10 @@ body {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.control-panel__output-display .inner-edge__light, .control-panel__output-display .inner-edge__light__no-padding {
|
||||||
|
padding: 0.25vw;
|
||||||
|
}
|
||||||
|
|
||||||
.output-display__wrapper {
|
.output-display__wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -908,7 +912,7 @@ body {
|
||||||
|
|
||||||
#system-icons__container {
|
#system-icons__container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 0 0 70px;
|
flex: 0 0 calc(10% + .6vw);
|
||||||
}
|
}
|
||||||
|
|
||||||
#system-icons__container > div, #system-icons__container > div > div {
|
#system-icons__container > div, #system-icons__container > div > div {
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"sourceRoot":"","sources":["../../sass/components/_buttons.scss","../../sass/base/_base.scss","../../sass/components/_layout.scss","../../sass/components/_instructions-panel.scss","../../sass/components/_borders.scss","../../sass/components/_display-text.scss","../../sass/components/_level-info.scss","../../sass/components/_screen-display.scss","../../sass/components/_video-screen.scss","../../sass/components/_control-panel.scss","../../sass/components/_output-display.scss","../../sass/components/_system-icons.scss","../../sass/components/_modal.scss","../../sass/components/_main-display.scss","../../sass/components/_power-screen.scss"],"names":[],"mappings":"AAkEQ;AClER;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC/BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC3DF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACXF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AJ3HF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AK3LF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;ACnEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC3DF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtHF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AC3KF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AC3BF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AC7BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7CF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACxBF;EACE;;;ACDF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA","file":"styles.css"}
|
{"version":3,"sourceRoot":"","sources":["../../sass/components/_buttons.scss","../../sass/base/_base.scss","../../sass/components/_layout.scss","../../sass/components/_instructions-panel.scss","../../sass/components/_borders.scss","../../sass/components/_display-text.scss","../../sass/components/_level-info.scss","../../sass/components/_screen-display.scss","../../sass/components/_video-screen.scss","../../sass/components/_control-panel.scss","../../sass/components/_output-display.scss","../../sass/components/_system-icons.scss","../../sass/components/_modal.scss","../../sass/components/_main-display.scss","../../sass/components/_power-screen.scss"],"names":[],"mappings":"AAkEQ;AClER;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC/BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC3DF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACXF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AJ3HF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AK3LF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;ACnEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5DF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtHF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AC3KF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC/BF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AC7BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7CF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACxBF;EACE;;;ACDF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA","file":"styles.css"}
|
||||||
|
|
@ -53,10 +53,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.outer-edge__dark {
|
.outer-edge__dark {
|
||||||
border-left: solid .1vw #302a2a;
|
border-left: solid .15vw #302a2a;
|
||||||
border-top: solid .1vw #302a2a;
|
border-top: solid .15vw #302a2a;
|
||||||
border-right: solid .1vw #c1c2c6;
|
border-right: solid .15vw #c1c2c6;
|
||||||
border-bottom: solid .1vw #c1c2c6;
|
border-bottom: solid .15vw #c1c2c6;
|
||||||
border-radius: 1px;
|
border-radius: 1px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -107,19 +107,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.outer-edge__console {
|
.outer-edge__console {
|
||||||
border-top: solid 1px #6A6767;
|
border-top: solid .1vw #6A6767;
|
||||||
border-right: solid 1px #B1ABAB;
|
border-right: solid .1vw #B1ABAB;
|
||||||
border-bottom: solid 1px #B1ABAB;
|
border-bottom: solid .1vw #B1ABAB;
|
||||||
border-left: solid 1px #6A6767;
|
border-left: solid .1vw #6A6767;
|
||||||
border-radius: 1px;
|
border-radius: 1px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inner-edge__console {
|
.inner-edge__console {
|
||||||
border-top: solid 1px #EAE9E9;
|
border-top: solid .1vw #EAE9E9;
|
||||||
border-right: solid 1px #A59B9A;
|
border-right: solid .1vw #A59B9A;
|
||||||
border-bottom: solid 1px #A59B9A;
|
border-bottom: solid .1vw #A59B9A;
|
||||||
border-left: solid 1px #EAE9E9;
|
border-left: solid .1vw #EAE9E9;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -26,4 +26,8 @@
|
||||||
|
|
||||||
.control-panel__output-display {
|
.control-panel__output-display {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.control-panel__output-display .inner-edge__light {
|
||||||
|
padding: 0.25vw;
|
||||||
}
|
}
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#console-display {
|
#console-display {
|
||||||
flex: 0 0 70px;
|
flex: 0 0 calc(10% - .5vw);
|
||||||
}
|
}
|
||||||
|
|
||||||
#control-panel {
|
#control-panel {
|
||||||
|
|
|
||||||
|
|
@ -1,24 +1,25 @@
|
||||||
.room-info__container {
|
.room-info__container {
|
||||||
background-color: #e2eb57;
|
background-color: #e2eb57;
|
||||||
padding: 3px;
|
padding: 2% 1%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
|
flex: 0 0 13%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.room-info__level-display {
|
.room-info__level-display {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.room-info__level-text {
|
.room-info__level-text {
|
||||||
|
font-size: 1vw;
|
||||||
color: white;
|
color: white;
|
||||||
background: black;
|
background: black;
|
||||||
width: fit-content;
|
|
||||||
padding: 1px 8px;
|
padding: 1px 8px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
font-size: small;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.room-info__level-number {
|
.room-info__level-number {
|
||||||
|
|
@ -35,7 +36,7 @@
|
||||||
|
|
||||||
.room-info__title-container {
|
.room-info__title-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
// flex: 0 0 75%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
@ -45,9 +46,9 @@
|
||||||
background-color: black;
|
background-color: black;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
margin: 2px 8px;
|
margin: .1vw .5vw;
|
||||||
padding: 8px 0;
|
padding: .5vw 1.5vw;
|
||||||
font-size: large;
|
font-size: 1.5vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.room-info__subtitle {
|
.room-info__subtitle {
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
#system-icons__container {
|
#system-icons__container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 0 0 70px;
|
flex: 0 0 calc(10% + .6vw);
|
||||||
}
|
}
|
||||||
|
|
||||||
#system-icons__container > div, #system-icons__container > div > div {
|
#system-icons__container > div, #system-icons__container > div > div {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user