mirror/pixel-editor
1
0
Fork 0
mirror of https://github.com/lospec/pixel-editor.git synced 2023-08-10 21:12:51 +03:00
Code Issues Projects Releases Wiki Activity

Continued splash page, added presets, resized cover

Browse Source
This commit is contained in:
unsettledgames
2021-01-11 18:09:58 +01:00
parent 9b3df20533
commit e3df4618f0
5 changed files with 219 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
css/pixel-editor.scss
View File

@ -1543,27 +1543,137 @@ div#pb-options {
}
/********FEATURES LOG*************/
#features-log {
font-size:16px;
width:700px !important;
height:500px;
overflow-y: scroll;
line-height: 1.5;
#splash {
width:100% !important;
height:100% !important;
&::-webkit-scrollbar {
background: #232125;
width: 0.5em;
background-color: #232125 !important;
opacity: 1 !important;
#splash-input {
width:70%;
height:100% !important;
#splash-menu {
position:relative;
height:100%;
left:0;
top:0;
}
#editor-logo {
font-weight:bold;
text-transform:uppercase;
font-size:20px;
color:$baselink;
height:40vh;
width:100%;
position:relative;
background-image:url('https://cdn.discordapp.com/attachments/506277390050131978/795660870221955082/final.png');
background-size:cover;
background-position:center;
}
#black {
width:100%;
height:100%;
position:relative;
background-color:rgba(0,0,0,0.25);
}
#sp-coverdata {
padding:20px;
p, a {
font-size:15px;
position:absolute;
text-transform:none;
right:20px;
}
p {
top:0px;
}
a {
bottom:20px;
}
}
}
&::-webkit-scrollbar-track {
margin-top: -0.125em;
width: 0.5em;
#sp-quickstart {
color:$baselink;
width: 80%;
margin-left:10%;
padding:20px;
left:0px;
}
&::-webkit-scrollbar-thumb {
background: #332f35;
border-radius: 0.25em;
border: solid 0.125em #232125; //same color as scrollbar back to fake padding
.sp-template {
display:table;
vertical-align: middle;
text-transform: uppercase;
position:relative;
width:100px;
height:100px;
border-radius:5%;
margin-right:40px;
margin-top:30px;
background-color:$basecolor;
float:left;
font-size: 18px;
text-align:center;
font-weight: bold;
p {
span {
display:block;
font-size:16px !important;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
display:table-cell;
width:100%;
height:100%;
vertical-align: middle;
}
}
&::-webkit-scrollbar-corner {
background: #232125;
#splash-news {
position:relative;
right:20px;
height:95%;
top:2.5%;
background-color: #232125 !important;
}
#latest-update {
font-size:15px;
width:350px !important;
height:90%;
overflow-y: scroll;
line-height: 1.5;
position:absolute;
top:40px;
right:40px;
&::-webkit-scrollbar {
background: #232125;
width: 0.5em;
}
&::-webkit-scrollbar-track {
margin-top: -0.125em;
width: 0.5em;
}
&::-webkit-scrollbar-thumb {
background: #332f35;
border-radius: 0.25em;
border: solid 0.125em #232125; //same color as scrollbar back to fake padding
}
&::-webkit-scrollbar-corner {
background: #232125;
}
}
}