More actions
No edit summary |
mNo edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.featured1 { | .featured1 { | ||
color: #ffffff; | color: #ffffff; | ||
font-weight: | font-weight: 700; | ||
width: | width: 9em; | ||
height: | height: 12em; | ||
text-align: center; | text-align: center; | ||
font-size: 24px; | font-size: 24px; | ||
Line 12: | Line 12: | ||
padding: 16px 0; | padding: 16px 0; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https:// | background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/rk0mheip.webp); | ||
user-select: none; | user-select: none; | ||
overflow: hidden; | overflow: hidden; | ||
Line 23: | Line 23: | ||
} | } | ||
.featured1:hover { | .featured1:hover { | ||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/rk0mheip.webp); | |||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https:// | |||
transition: all .25s; | transition: all .25s; | ||
cursor: pointer; | cursor: pointer; | ||
Line 31: | Line 30: | ||
background-position: center; | background-position: center; | ||
} | } | ||
.featured2 { | .featured2 { | ||
color: #ffffff; | color: #ffffff; | ||
font-weight: | font-weight: 700; | ||
width: | width: 9em; | ||
height: | height: 12em; | ||
text-align: center; | text-align: center; | ||
font-size: 24px; | font-size: 24px; | ||
Line 45: | Line 43: | ||
padding: 16px 0; | padding: 16px 0; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https:// | background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/t00hji5n.webp); | ||
user-select: none; | user-select: none; | ||
overflow: hidden; | overflow: hidden; | ||
Line 56: | Line 54: | ||
} | } | ||
.featured2:hover { | .featured2:hover { | ||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/t00hji5n.webp); | |||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https:// | |||
transition: all .25s; | transition: all .25s; | ||
cursor: pointer; | cursor: pointer; | ||
Line 64: | Line 61: | ||
background-position: center; | background-position: center; | ||
} | } | ||
.featured3 { | .featured3 { | ||
color: #ffffff; | color: #ffffff; | ||
font-weight: | font-weight: 700; | ||
width: | width: 9em; | ||
height: | height: 12em; | ||
text-align: center; | text-align: center; | ||
font-size: 24px; | font-size: 24px; | ||
Line 78: | Line 74: | ||
padding: 16px 0; | padding: 16px 0; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https:// | background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/nl7d1sju.webp); | ||
user-select: none; | user-select: none; | ||
overflow: hidden; | overflow: hidden; | ||
Line 89: | Line 85: | ||
} | } | ||
.featured3:hover { | .featured3:hover { | ||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/nl7d1sju.webp); | |||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https:// | |||
transition: all .25s; | transition: all .25s; | ||
cursor: pointer; | cursor: pointer; | ||
Line 97: | Line 92: | ||
background-position: center; | background-position: center; | ||
} | } | ||
.featured4 { | .featured4 { | ||
color: #ffffff; | color: #ffffff; | ||
font-weight: | font-weight: 700; | ||
width: | width: 9em; | ||
height: | height: 12em; | ||
text-align: center; | text-align: center; | ||
font-size: 24px; | font-size: 24px; | ||
Line 111: | Line 105: | ||
padding: 16px 0; | padding: 16px 0; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https:// | background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/e5sjidi7.webp); | ||
user-select: none; | user-select: none; | ||
overflow: hidden; | overflow: hidden; | ||
Line 122: | Line 116: | ||
} | } | ||
.featured4:hover { | .featured4:hover { | ||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/e5sjidi7.webp); | |||
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https:// | |||
transition: all .25s; | transition: all .25s; | ||
cursor: pointer; | cursor: pointer; |
Latest revision as of 09:25, 4 October 2024
.featured1 { color: #ffffff; font-weight: 700; width: 9em; height: 12em; text-align: center; font-size: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0; margin-bottom: 10px; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/rk0mheip.webp); user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.25s; border-radius: 10px; background-size: cover; background-position: center; } .featured1:hover { background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/rk0mheip.webp); transition: all .25s; cursor: pointer; transform: scale(1.1); background-size: cover; background-position: center; } .featured2 { color: #ffffff; font-weight: 700; width: 9em; height: 12em; text-align: center; font-size: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0; margin-bottom: 10px; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/t00hji5n.webp); user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.25s; border-radius: 10px; background-size: cover; background-position: center; } .featured2:hover { background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/t00hji5n.webp); transition: all .25s; cursor: pointer; transform: scale(1.1); background-size: cover; background-position: center; } .featured3 { color: #ffffff; font-weight: 700; width: 9em; height: 12em; text-align: center; font-size: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0; margin-bottom: 10px; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/nl7d1sju.webp); user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.25s; border-radius: 10px; background-size: cover; background-position: center; } .featured3:hover { background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/nl7d1sju.webp); transition: all .25s; cursor: pointer; transform: scale(1.1); background-size: cover; background-position: center; } .featured4 { color: #ffffff; font-weight: 700; width: 9em; height: 12em; text-align: center; font-size: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0; margin-bottom: 10px; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/e5sjidi7.webp); user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.25s; border-radius: 10px; background-size: cover; background-position: center; } .featured4:hover { background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/e5sjidi7.webp); transition: all .25s; cursor: pointer; transform: scale(1.1); background-size: cover; background-position: center; }