added 'sign here' section of license toy
This commit is contained in:
@@ -10,7 +10,7 @@
|
|||||||
}
|
}
|
||||||
html {
|
html {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-size: 1rem;
|
font-size: 1.3rem;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background-color: #323232;
|
background-color: #323232;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@@ -18,8 +18,14 @@
|
|||||||
<div id="mainDiv">
|
<div id="mainDiv">
|
||||||
<div id="navBarContainer" data-alt="byte"></div>
|
<div id="navBarContainer" data-alt="byte"></div>
|
||||||
<div id="optionsContainer" class="borderedRect"></div>
|
<div id="optionsContainer" class="borderedRect"></div>
|
||||||
|
|
||||||
<div id="licenseContainer" class="blackBorderRect">
|
<div id="licenseContainer" class="blackBorderRect">
|
||||||
<div id="picContainer" class="blackBorderRect"></div>
|
<div id="picContainer" class="blackBorderRect"></div>
|
||||||
|
<div id="signatureContainer">
|
||||||
|
<p id="signature">Byte Dice</p>
|
||||||
|
<p id="signHere">Sign here</p>
|
||||||
|
</div>
|
||||||
|
<p id="credits">Original by Chilli<br>Remade by Byte Dice at bytedice.net/toys</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
+26
-2
@@ -9,14 +9,15 @@
|
|||||||
}
|
}
|
||||||
#licenseContainer {
|
#licenseContainer {
|
||||||
width: 600px;
|
width: 600px;
|
||||||
height: auto;
|
height: 400px;
|
||||||
aspect-ratio: 1.5 / 1;
|
|
||||||
padding: 40px;
|
padding: 40px;
|
||||||
padding-top: 80px;
|
padding-top: 80px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
bottom: 0%;
|
bottom: 0%;
|
||||||
transform: translate(-50%, calc(-22px * var(--pxDensity)));
|
transform: translate(-50%, calc(-22px * var(--pxDensity)));
|
||||||
|
font-size: 0.75rem;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.blackBorderRect {
|
.blackBorderRect {
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
@@ -28,3 +29,26 @@
|
|||||||
width: 150px;
|
width: 150px;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
}
|
}
|
||||||
|
#credits {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0%;
|
||||||
|
left: 0%;
|
||||||
|
margin: 0% 0% 0% 20px;
|
||||||
|
color: var(--navBarBtn_Inner);
|
||||||
|
font-size: 0.6rem;
|
||||||
|
}
|
||||||
|
#signatureContainer {
|
||||||
|
display: inline-flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 5% 0% 0% 0%;
|
||||||
|
}
|
||||||
|
#signature {
|
||||||
|
margin: 0% 0% 0.2rem 0%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
#signHere {
|
||||||
|
border-top: #000000 solid 6px;
|
||||||
|
margin: 0%;
|
||||||
|
padding: 0% 25px;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user