Página creada con «@media only screen and (min-device-width: 600px) { .allie-title { font-size: 5.4em; font-family: 'Segoe UI'; color: #fff; padding: 75px; background-image: radial-gradient(circle at 100% 100%, transparent 2px, #AA00FF 2px, #AA00FF 4px, transparent 4px), linear-gradient(to right, #AA00FF, #0091EA), radial-gradient(circle at 0% 100%, transparent 2px, #0091EA 2px, #0091EA 4px, transparent 4px), linear-gradient(to bottom, #0091EA, #64DD17), radial-gr…» |
Sin resumen de edición |
||
Línea 25: | Línea 25: | ||
padding: 45px; | padding: 45px; | ||
} | } | ||
} | |||
/* from https://stackoverflow.com/a/38352601 */ | |||
.allie-aw-title { | |||
text-align: center; | |||
font-weight: bold; | |||
position: relative; | |||
padding: 8px 8px 32px 8px; | |||
background-color: #36c; | |||
color: #fff; | |||
font-size: 343%; | |||
} | |||
.allie-aw-title:after { | |||
background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0); | |||
background-repeat: repeat-x; | |||
background-size: 32px 32px; | |||
content: " "; | |||
display: block; | |||
position: absolute; | |||
bottom: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 32px; | |||
} | } |
Revisión del 00:57 19 oct 2022
@media only screen and (min-device-width: 600px) {
.allie-title {
font-size: 5.4em;
font-family: 'Segoe UI';
color: #fff;
padding: 75px;
background-image: radial-gradient(circle at 100% 100%, transparent 2px, #AA00FF 2px, #AA00FF 4px, transparent 4px),
linear-gradient(to right, #AA00FF, #0091EA),
radial-gradient(circle at 0% 100%, transparent 2px, #0091EA 2px, #0091EA 4px, transparent 4px),
linear-gradient(to bottom, #0091EA, #64DD17),
radial-gradient(circle at 0% 0%, transparent 2px, #64DD17 2px, #64DD17 4px, transparent 4px),
linear-gradient(to left, #64DD17, #FF6D00),
radial-gradient(circle at 100% 0%, transparent 2px, #FF6D00 2px, #FF6D00 4px, transparent 4px),
linear-gradient(to top, #FF6D00, #AA00FF);
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
}
@media only screen and (max-device-width: 600px) {
.allie-title {
font-size: 2.4em;
color: white;
font-family: 'Segoe UI';
background-color: #d32;
padding: 45px;
}
}
/* from https://stackoverflow.com/a/38352601 */
.allie-aw-title {
text-align: center;
font-weight: bold;
position: relative;
padding: 8px 8px 32px 8px;
background-color: #36c;
color: #fff;
font-size: 343%;
}
.allie-aw-title:after {
background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);
background-repeat: repeat-x;
background-size: 32px 32px;
content: " ";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 32px;
}