mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-05-13 14:31:10 -05:00
1589b84c4b
* side layout initial * add elements to side nav * side buttons links * remove clog * calendar page initial * position sticky working * x trends page initial * new table * same mode selector * mobile friendly table * no underline for nav links * xsearch * x trends page outlined * sr initial * relocate calendar components * calendar fix flex * topnav fancier look * layout looking good edition * relocate xtrends * xtrends remove linecharts * x trends new * calender page new * delete headbanner, new login * remove calendar stuff from api * rename stuff in utils * fix user item margin * new home page initial * remove page concept * no pointer xtrends * remove xrank from app * xtrends service * move fa from app * move plus * maps tweaks * new table for plus history * navigational sidebar flex tweaks * builds page * analyzer * user page * free agents * plans * remove mx * tweaks * change layout to grid * home page finalized * mobile nav * restrict main content width * tweaks style * language switcher * container in css * sticky nav * use duplicate icons for now * change mapsketch width to old * chara tour vid * borzoic icons
124 lines
1.8 KiB
CSS
124 lines
1.8 KiB
CSS
body {
|
|
margin: 0;
|
|
}
|
|
header, footer {
|
|
grid-column-end: span 3;
|
|
}
|
|
main {
|
|
grid-column-start: 2;
|
|
width: 100%;
|
|
max-width: 64rem;
|
|
margin-inline-end: auto;
|
|
margin-inline-start: auto;
|
|
}
|
|
nav {
|
|
grid-row-start: 2;
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
aside {
|
|
grid-column-start: 3;
|
|
}
|
|
header {
|
|
width: 100%;
|
|
}
|
|
|
|
#__next {
|
|
display: grid;
|
|
row-gap: 1.5rem;
|
|
column-gap: 1.5rem;
|
|
grid-template-rows: 37px 1fr 100px;
|
|
grid-template-columns: 175px 1fr 175px;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
#__next {
|
|
grid-template-columns: 175px 1fr 0px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
#__next {
|
|
grid-template-columns: 0px 1fr 0px;
|
|
}
|
|
}
|
|
|
|
.rgb {
|
|
background: linear-gradient(
|
|
124deg,
|
|
#ff2400,
|
|
#e81d1d,
|
|
#e8b71d,
|
|
#e3e81d,
|
|
#1de840,
|
|
#1ddde8,
|
|
#2b1de8,
|
|
#dd00f3,
|
|
#dd00f3
|
|
);
|
|
|
|
-webkit-animation: rainbow 18s ease infinite;
|
|
-z-animation: rainbow 18s ease infinite;
|
|
-o-animation: rainbow 18s ease infinite;
|
|
animation: rainbow 18s ease infinite;
|
|
background-size: 1800% 1800%;
|
|
}
|
|
|
|
@-webkit-keyframes rainbow {
|
|
0% {
|
|
background-position: 0% 82%;
|
|
}
|
|
50% {
|
|
background-position: 100% 19%;
|
|
}
|
|
100% {
|
|
background-position: 0% 82%;
|
|
}
|
|
}
|
|
@-moz-keyframes rainbow {
|
|
0% {
|
|
background-position: 0% 82%;
|
|
}
|
|
50% {
|
|
background-position: 100% 19%;
|
|
}
|
|
100% {
|
|
background-position: 0% 82%;
|
|
}
|
|
}
|
|
@-o-keyframes rainbow {
|
|
0% {
|
|
background-position: 0% 82%;
|
|
}
|
|
50% {
|
|
background-position: 100% 19%;
|
|
}
|
|
100% {
|
|
background-position: 0% 82%;
|
|
}
|
|
}
|
|
@keyframes rainbow {
|
|
0% {
|
|
background-position: 0% 82%;
|
|
}
|
|
50% {
|
|
background-position: 100% 19%;
|
|
}
|
|
100% {
|
|
background-position: 0% 82%;
|
|
}
|
|
}
|
|
|
|
/*
|
|
For Next.JS image
|
|
*/
|
|
|
|
.rounded {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
a.nounderline {
|
|
text-decoration: none !important;
|
|
}
|