make member button hoverable
This commit is contained in:
parent
73d9e77d42
commit
d64c9fb935
2 changed files with 17 additions and 2 deletions
13
style.css
13
style.css
|
@ -39,6 +39,12 @@ html *
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pronouns {
|
||||||
|
font-size: 12pt;
|
||||||
|
opacity: 0.5;
|
||||||
|
margin-left: 0.25cm;
|
||||||
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
@ -134,7 +140,12 @@ html *
|
||||||
margin-bottom: 0.5cm;
|
margin-bottom: 0.5cm;
|
||||||
min-height: 3cm;
|
min-height: 3cm;
|
||||||
min-width: 6cm;
|
min-width: 6cm;
|
||||||
width: 32.5%
|
width: 32.5%;
|
||||||
|
transition-duration: 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemcard-stealth:hover {
|
||||||
|
background-color: #e0e0e0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -55,7 +55,11 @@
|
||||||
<div class="listaction">
|
<div class="listaction">
|
||||||
<img src="icons/c4c.png" alt="Compute4Change" width="80" height="80" style="margin: 0.3cm;">
|
<img src="icons/c4c.png" alt="Compute4Change" width="80" height="80" style="margin: 0.3cm;">
|
||||||
<div>
|
<div>
|
||||||
|
<div style="display: flex; align-items: center;">
|
||||||
<h3>Late Night Defender</h3>
|
<h3>Late Night Defender</h3>
|
||||||
|
<p class="pronouns">she/they</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<p class="description">เข้าร่วมเมื่อ 23 ก.ค. 2023</p>
|
<p class="description">เข้าร่วมเมื่อ 23 ก.ค. 2023</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue