mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
72 lines
1.4 KiB
HTML
72 lines
1.4 KiB
HTML
<div class="cookie-card">
|
|
<span class="cookie-title">🍪 COOKIES</span>
|
|
<p class="cookie-description">We ensure to provide you with the
|
|
best experiences while using our website.
|
|
<a class="cookies-policy" href="#">Please review our cookies policy</a>.</p>
|
|
<button class="accept-button">Accept</button>
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by wojtek221221 - Source: wojtek221 - Tags: stats, cookies, cookie card, simple cards, Alerts, card design */
|
|
.cookie-card {
|
|
border-radius: 15px;
|
|
width: 320px;
|
|
height: 200px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.cookie-title {
|
|
font-size: 20px;
|
|
position: relative;
|
|
left: 90px;
|
|
top: 15px;
|
|
font-weight: bold;
|
|
color: rgb(31 41 55);
|
|
}
|
|
|
|
.cookie-description {
|
|
position: relative;
|
|
top: 25px;
|
|
font-size: 15px;
|
|
text-align: center;
|
|
font-family: Verdana, Geneva, Tahoma, sans-serif;
|
|
color: rgb(75 85 99);
|
|
}
|
|
|
|
.cookies-policy {
|
|
color: rgb(31 41 55);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.cookies-policy:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.cookies-policy:active {
|
|
color: rgba(31, 41, 55, 0.61);
|
|
;
|
|
}
|
|
|
|
.accept-button {
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
border-radius: 5px;
|
|
width: 85px;
|
|
height: 35px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
position: relative;
|
|
left: 115px;
|
|
top: 45px;
|
|
}
|
|
|
|
.accept-button:hover {
|
|
background-color: rgb(31 41 55);
|
|
color: #fff;
|
|
border: rgb(31 41 55);
|
|
;
|
|
}
|
|
|
|
.accept-button:active {
|
|
font-weight: 100;
|
|
}
|
|
|
|
</style>
|