Test:Story Test Page: Difference between revisions
From GRAY RAVENS
Content added Content deleted
Ro-kurorai (talk | contribs) (cleared the page) Tags: Blanking 2017 source edit |
No edit summary |
||
Line 1:
{{#css:
img {
max-width: 100%;
height: auto;
}
body {
background-color: #212129;
}
.teamIcon {
width: fit-content;
padding-inline: 0.5em;
position: relative;
font-family: "Barlow Semi Condensed", sans-serif;
}
.teamPosition {
position: absolute;
left: 0;
border: 2px solid white;
padding: 0.1em 0.25em;
color: white;
background-color: #448CCB;
text-transform: uppercase;
z-index: 1;
}
.teamImage {
display: block;
width: 100px;
aspect-ratio: 1;
border: 2px solid white;
border-radius: 50%;
background-color: #448CCB;
}
.teamName {
margin: -0.25rem 0 0 0;
padding-block: 0.25em;
padding-inline: 0.5em;
background-color: white;
text-transform: uppercase;
text-align: center;
}
}}
<div class="team_Icon">
<span class="team_Position">Blue</span>
<img src="https://static.miraheze.org/pgrwiki/d/de/Dialogue-Eclipse-Icon.png" alt="" class="teamImage">
<p class="team_Name">Eclipse</p>
</div>
|
Revision as of 11:35, 22 May 2022
Blue <img src="" alt="" class="teamImage">
Eclipse