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: | 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