wellfedbison/gilroyhacks.com
wellfedbison/gilroyhacks.com
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Changed Styles

Browse Source
This commit is contained in:
James Dinh 2022-06-02 18:34:59 -07:00
parent c556a38b1e
commit 45b66a2ef1
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/general.css
View File

@ -872,7 +872,7 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
position: relative; position: relative;
} }
.prize-desc:hover { .prize-desc:hover > .prize-content {
transform: rotate3d(0, 1, 0, 360deg); transform: rotate3d(0, 1, 0, 360deg);
transition: 0.5s; transition: 0.5s;
} }
@ -887,12 +887,14 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
position: absolute; position: absolute;
color: rgb(77, 218, 211); color: rgb(77, 218, 211);
font-size: 25px; font-size: 25px;
margin-bottom: 40px; margin-bottom: 45px;
} }
.prize-content { .prize-content {
color:rgb(129, 218, 126); color:rgb(129, 218, 126);
font-size: 20px; font-size: 20px;
height: 20px;
position: absolute;
} }
#second-column { #second-column {

9
index.html
View File

@ -347,7 +347,8 @@
<div class="podium-description"> <div class="podium-description">
<div class="prize-desc"> <div class="prize-desc">
<img class="prize-laurel" src="img/silver-laurel.png" loading="lazy" alt="silver laurel"> <img class="prize-laurel" src="img/silver-laurel.png" loading="lazy" alt="silver laurel">
<div class="prize-title">2nd<br><div class="prize-content">$300</div></div> <div class="prize-title">2nd</div>
<div class="prize-content">$300</div>
</div> </div>
<div class="podium-edge"></div> <div class="podium-edge"></div>
<div id="second-podium"></div> <div id="second-podium"></div>
@ -357,7 +358,8 @@
<div class="podium-description"> <div class="podium-description">
<div class="prize-desc"> <div class="prize-desc">
<img class="prize-laurel" src="img/gold-laurel.png" loading="lazy" alt="gold laurel"> <img class="prize-laurel" src="img/gold-laurel.png" loading="lazy" alt="gold laurel">
<div class="prize-title">1st<br><div class="prize-content">$400</div></div> <div class="prize-title">1st</div>
<div class="prize-content">$400</div>
</div> </div>
<div class="podium-edge"></div> <div class="podium-edge"></div>
<div id="first-podium"> <div id="first-podium">
@ -371,7 +373,8 @@
<div class="podium-description"> <div class="podium-description">
<div class="prize-desc"> <div class="prize-desc">
<img class="prize-laurel" src="img/bronze-laurel.png" loading="lazy" alt="bronze laurel"> <img class="prize-laurel" src="img/bronze-laurel.png" loading="lazy" alt="bronze laurel">
<div class="prize-title">3rd<br><div class="prize-content">$200</div></div> <div class="prize-title">3rd</div>
<div class="prize-content">$200</div>
</div> </div>
<div class="podium-edge"></div> <div class="podium-edge"></div>
<div id="third-podium"></div> <div id="third-podium"></div>