Template:Maorwy/main.css: Difference between revisions
Appearance
mNo edit summary |
mNo edit summary |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.bg { | .bg { | ||
position: fixed; | position: fixed; | ||
left: 0; top: 0; right: 0; bottom: 0; | left: 0; top: 0; right: 0; bottom: 0; | ||
background-color: # | background-color: #301940; | ||
} | |||
.centered { | |||
width: 948px; | |||
margin: auto; | |||
} | |||
.strip { | |||
width: 100vw; | |||
position: relative; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
font-weight: 500; | |||
padding: 50px; | |||
box-sizing: border-box; | |||
margin-bottom: 50px; | |||
} | |||
.strip * { | |||
filter: drop-shadow(0 1px 1px #301940); | |||
} | } | ||
.sauce { | .sauce { | ||
position: relative; | position: relative; | ||
color: # | color: #e6e3ed; | ||
font-size: medium; | |||
} | |||
a:link { | |||
color: #fe71eb; | |||
text-decoration: none; | |||
} | |||
a:visited { | |||
color: #c83cb8; | |||
} | |||
a:hover { | |||
text-decoration: underline; | |||
} | } | ||
h2 { | h2 { | ||
color: #ccc; | color: #ccc; | ||
} | |||
aside { | |||
background-color: #5d3590 !important; | |||
border-radius: 15px; | |||
} | |||
aside * { | |||
background-color: #0000 !important; | |||
color: #e6e3ed; | |||
} | } | ||
@keyframes zoomie { | @keyframes zoomie { | ||
0% {scale: 1;} | 0% {scale: 1;} | ||
50% {scale: 1. | 50% {scale: 1.1;} | ||
100% {scale: 1;} | 100% {scale: 1;} | ||
} | } | ||
Latest revision as of 20:57, 15 March 2026
.bg {
position: fixed;
left: 0; top: 0; right: 0; bottom: 0;
background-color: #301940;
}
.centered {
width: 948px;
margin: auto;
}
.strip {
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
font-weight: 500;
padding: 50px;
box-sizing: border-box;
margin-bottom: 50px;
}
.strip * {
filter: drop-shadow(0 1px 1px #301940);
}
.sauce {
position: relative;
color: #e6e3ed;
font-size: medium;
}
a:link {
color: #fe71eb;
text-decoration: none;
}
a:visited {
color: #c83cb8;
}
a:hover {
text-decoration: underline;
}
h2 {
color: #ccc;
}
aside {
background-color: #5d3590 !important;
border-radius: 15px;
}
aside * {
background-color: #0000 !important;
color: #e6e3ed;
}
@keyframes zoomie {
0% {scale: 1;}
50% {scale: 1.1;}
100% {scale: 1;}
}
.zoomie img {
width: 600px;
animation: zoomie 2.5s ease-in-out infinite;
}