You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
2.4 KiB
133 lines
2.4 KiB
body
|
|
{
|
|
text-align: center;
|
|
background-color: #071c24;
|
|
position: absolute;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
align-content:center;
|
|
font-family: 'Eczar', serif;
|
|
font-weight: bold;
|
|
background-image:url(https://raw.communitydragon.org/latest/game/assets/ux/loadingscreen/firstbloodsplash.png);
|
|
background-size:100%;
|
|
background-position:0% 30%;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.container
|
|
{
|
|
width:70vw;
|
|
height:40vh;
|
|
position:relative;
|
|
top:50%;
|
|
left:50%;
|
|
transform:translate(-50%, -50%);
|
|
display:flex;
|
|
}
|
|
.card
|
|
{
|
|
background-color:ivory;
|
|
height:100%;
|
|
width: 24%;
|
|
background-size:100% 100%;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.sumBox
|
|
{
|
|
position:relative;
|
|
top:70%;
|
|
}
|
|
.sums
|
|
{
|
|
height:11%;
|
|
aspect-ratio: 1;
|
|
background-color:ivory;
|
|
display:inline-block;
|
|
position:relative;
|
|
top:80%;
|
|
border: 2px solid #95792f;
|
|
background-size:100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.name
|
|
{
|
|
position:relative;
|
|
color:#95792f;
|
|
top:93%;
|
|
}
|
|
.stats
|
|
{
|
|
position:relative;
|
|
top:25%;
|
|
width:50%;
|
|
display:flex;
|
|
}
|
|
.stats h3
|
|
{
|
|
color:#0F9C94;
|
|
}
|
|
.statA
|
|
{
|
|
width:50%;
|
|
text-align:left;
|
|
margin-left:5%;
|
|
}
|
|
.statB
|
|
{
|
|
width:50%;
|
|
text-align:right;
|
|
margin-right:5%;
|
|
}
|
|
#cardA:after
|
|
{
|
|
content:'';
|
|
display:inline-block;
|
|
height:105%;
|
|
width: 115%;
|
|
position:relative;
|
|
top:-20%;
|
|
left:-7.5%;
|
|
background-size:225% 135%;
|
|
background-repeat:no-repeat;
|
|
}
|
|
#cardB:after
|
|
{
|
|
content:'';
|
|
display:inline-block;
|
|
height:105%;
|
|
width: 115%;
|
|
position:relative;
|
|
top:-20%;
|
|
left:-7.5%;
|
|
background-size:225% 135%;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
/* Going to js*/
|
|
#cardA
|
|
{
|
|
background-image: url("http://ddragon.leagueoflegends.com/cdn/img/champion/loading/Caitlyn_29.jpg");
|
|
}
|
|
#cardA:after
|
|
{
|
|
background-image:url("https://raw.communitydragon.org/latest/game/assets/ux/loadingscreen/loadingscreen_frames_atlas11.png");
|
|
background-position:-0.5vw 13%;
|
|
}
|
|
#cardB
|
|
{
|
|
background-image: url("http://ddragon.leagueoflegends.com/cdn/img/champion/loading/Ezreal_0.jpg");
|
|
|
|
}
|
|
#cardB:after
|
|
{
|
|
background-image:url("https://raw.communitydragon.org/latest/game/assets/ux/loadingscreen/loadingscreen_frames_atlas8.png");
|
|
background-position:-19.5vw 13%;
|
|
}
|
|
|
|
/* #sumsAD #sumsAF #sumsBD #sumsBF For all of this*/
|
|
|
|
.justToTest{
|
|
background-image:url("http://ddragon.leagueoflegends.com/cdn/13.7.1/img/spell/SummonerDot.png");
|
|
}
|
|
|
|
/* Gone to js ^*/ |