Started fixing CSS

This commit is contained in:
unsettledgames 2021-06-23 23:27:06 +02:00
parent 2cc6bb4d89
commit 16e5d6187f
2 changed files with 24 additions and 26 deletions

View File

@ -1612,11 +1612,9 @@ div#pb-options {
} }
#sp-quickstart-container { #sp-quickstart-container {
left:200px; width:75%;
height:65vh;
width:650px;
display:inline;
float:right; float:right;
position:relative;
} }
#sp-quickstart-title { #sp-quickstart-title {
@ -1663,9 +1661,12 @@ div#pb-options {
} }
#sp-newpixel { #sp-newpixel {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
display: inline-block; display: inline-block;
width:220px; width:25%;
height:64vh; height:65vh;
padding:20px; padding:20px;
position:relative; position:relative;
background-color:$basecolor; background-color:$basecolor;
@ -1706,7 +1707,7 @@ div#pb-options {
display:inline-block; display:inline-block;
padding: 0 0 0 0; padding: 0 0 0 0;
text-align:left; text-align:left;
div { div {
border:none; border:none;
padding:none; padding:none;
@ -1739,25 +1740,24 @@ div#pb-options {
#splash-news { #splash-news {
position:relative; position:relative;
right:20px; width:26%;
height:95%; height:95%;
top:2.5%;
background-color: #232125 !important; background-color: #232125 !important;
} }
#latest-update { #latest-update {
float: right;
width:23%;
font-size:15px; font-size:15px;
width:350px !important;
height:90%; height:90%;
overflow-y: scroll; overflow-y: scroll;
overflow-x:hidden; overflow-x: scroll;
line-height: 1.5; line-height: 1.5;
position:absolute; position:relative;
top:40px; top:20px;
right:0px;
img { img {
width:350px; width:100%;
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {

View File

@ -274,22 +274,21 @@
<div class="splash-news"> <div class="splash-news">
<div id="latest-update"> <div id="latest-update">
<h1>Latest updates</h1> <h1>Latest updates</h1>
</div> </div>
</div> </div>
<div id="splash-input"> <div id="splash-input">
<div class="splash-menu"> <div id="editor-logo">
<div id="editor-logo"> <div id="black">
<div id="black"> <div id="sp-coverdata">
<div id="sp-coverdata"> <img src="https://lospec.com/brand/lospec_logo_3x.png"/> pixel editor
<img src="https://lospec.com/brand/lospec_logo_3x.png"/> pixel editor <p>Version 1.4.0</p>
<p>Version 1.4.0</p> <a href="https://cdn.discordapp.com/attachments/506277390050131978/795660870221955082/final.png">Art by Unsettled</a>
<a href="https://cdn.discordapp.com/attachments/506277390050131978/795660870221955082/final.png">Art by Unsettled</a>
</div>
</div> </div>
</div> </div>
</div>
<div class="splash-menu">
<div id="sp-newpixel"> <div id="sp-newpixel">
<h1>New Custom Pixel</h1> <h1>New Custom Pixel</h1>
<!-- Editor mode--> <!-- Editor mode-->
@ -310,7 +309,6 @@
<button id="palette-button-splash" class="dropdown-button">Choose a palette...</button> <button id="palette-button-splash" class="dropdown-button">Choose a palette...</button>
<div id="palette-menu-splash" class="dropdown-menu"><button id="load-palette-button-splash">Load palette...</button></div> <div id="palette-menu-splash" class="dropdown-menu"><button id="load-palette-button-splash">Load palette...</button></div>
<div id="new-pixel-warning">Creating a new pixel will discard your current one.</div> <div id="new-pixel-warning">Creating a new pixel will discard your current one.</div>
<div class="sp-np-entry"> <div class="sp-np-entry">
<button id="create-button-splash" class="default">Create</button> <button id="create-button-splash" class="default">Create</button>