copy stuff from friends list to equipment (yes thats all ive done im distracted by this live stream)
This commit is contained in:
parent
bc7583c44e
commit
fc65d9a363
2 changed files with 50 additions and 10 deletions
|
|
@ -22,7 +22,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="main-wrapper">
|
||||
<div class="content">
|
||||
<div class="content">
|
||||
|
||||
<div class="header-flex-row">
|
||||
|
||||
<div class="logo-left-align">
|
||||
<div id="stage-header-logo">
|
||||
<img class="bg-layer" src="../assets/en/svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg">
|
||||
|
|
@ -33,9 +36,14 @@
|
|||
Check out the gear and weapons you had equipped while playing online!
|
||||
</div>
|
||||
</div>
|
||||
<div class="stages-container" id="stages-container"></div>
|
||||
</div>
|
||||
|
||||
<div class="splat-info-box">
|
||||
<p>example text lols</p>
|
||||
</div>
|
||||
|
||||
</div> <div class="stages-container" id="stages-container"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/assets/general.js"></script>
|
||||
<script src="equipment.js"></script>
|
||||
|
|
|
|||
|
|
@ -12,6 +12,16 @@
|
|||
font-style: normal;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
|
@ -26,6 +36,7 @@ body {
|
|||
background-repeat: repeat;
|
||||
background-size: 800px 800px;
|
||||
background-attachment: fixed;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.menu-item .hover-state {
|
||||
|
|
@ -112,14 +123,12 @@ body {
|
|||
}
|
||||
|
||||
.logo-left-align {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
margin-left: 40px;
|
||||
padding-left: 40px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#stage-header-logo {
|
||||
|
|
@ -160,11 +169,34 @@ body {
|
|||
.equipmentsubtitle-text {
|
||||
margin: 0;
|
||||
padding-top: 20px;
|
||||
padding-right: 100px;
|
||||
max-width: 1200px;
|
||||
text-align: left;
|
||||
color: white;
|
||||
font-family: "Regular", sans-serif;
|
||||
font-size: 24px;
|
||||
line-height: 1.3;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.splat-info-box {
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
border-radius: 10px;
|
||||
padding: 25px 40px;
|
||||
width: 600px;
|
||||
height: auto;
|
||||
min-height: 150px;
|
||||
position: absolute;
|
||||
top: 180px;
|
||||
left: 40%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.splat-info-box p {
|
||||
color: #ffffff;
|
||||
font-family: "Regular", sans-serif;
|
||||
font-size: 20px;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
Loading…
Reference in a new issue