diff options
Diffstat (limited to 'src/lib/Tools/Wrapped/wrapped.css')
| -rw-r--r-- | src/lib/Tools/Wrapped/wrapped.css | 132 |
1 files changed, 66 insertions, 66 deletions
diff --git a/src/lib/Tools/Wrapped/wrapped.css b/src/lib/Tools/Wrapped/wrapped.css index 72ea09fc..e965f873 100644 --- a/src/lib/Tools/Wrapped/wrapped.css +++ b/src/lib/Tools/Wrapped/wrapped.css @@ -2,129 +2,129 @@ @import url("https://proxy.due.moe/?q=https://fonts.googleapis.com/css?family=Overpass:400,600,700,800"); .categories-grid { - display: flex; - flex-wrap: wrap; - row-gap: 1.5em; - column-gap: 1.5em; - padding: 2%; - justify-content: center; - font-family: - Roboto, - -apple-system, - BlinkMacSystemFont, - Segoe UI, - Oxygen, - Ubuntu, - Cantarell, - Fira Sans, - Droid Sans, - Helvetica Neue, - sans-serif; - background-color: #0b1622; + display: flex; + flex-wrap: wrap; + row-gap: 1.5em; + column-gap: 1.5em; + padding: 2%; + justify-content: center; + font-family: + Roboto, + -apple-system, + BlinkMacSystemFont, + Segoe UI, + Oxygen, + Ubuntu, + Cantarell, + Fira Sans, + Droid Sans, + Helvetica Neue, + sans-serif; + background-color: #0b1622; } .categories-grid b { - font-family: - Overpass, - -apple-system, - BlinkMacSystemFont, - Segoe UI, - Oxygen, - Ubuntu, - Cantarell, - Fira Sans, - Droid Sans, - Helvetica Neue, - sans-serif; - font-weight: 600; + font-family: + Overpass, + -apple-system, + BlinkMacSystemFont, + Segoe UI, + Oxygen, + Ubuntu, + Cantarell, + Fira Sans, + Droid Sans, + Helvetica Neue, + sans-serif; + font-weight: 600; } .category-grid, .image-grid { - background-color: #151f2e; - border-radius: 4px; - color: rgb(159, 173, 189); + background-color: #151f2e; + border-radius: 4px; + color: rgb(159, 173, 189); } li::marker { - color: rgb(159, 173, 189) !important; + color: rgb(159, 173, 189) !important; } .pure-category, .avatar-grid { - padding: 1.5%; + padding: 1.5%; } .category-grid { - display: grid; + display: grid; } .image-grid { - display: flex; - column-gap: 1em; - flex-wrap: wrap; + display: flex; + column-gap: 1em; + flex-wrap: wrap; } .image-grid img { - width: 6em; - height: auto; - border-radius: 3px; + width: 6em; + height: auto; + border-radius: 3px; } .categories-grid a { - text-decoration: none; - color: unset; + text-decoration: none; + color: unset; } .transparent .categories-grid { - background-color: transparent !important; + background-color: transparent !important; } .light-theme .categories-grid { - background-color: #edf1f5; + background-color: #edf1f5; } .light-theme .category-grid { - background-color: #fafafa; - color: rgb(92, 114, 138); + background-color: #fafafa; + color: rgb(92, 114, 138); } .light-theme .image-grid { - background-color: #fafafa; - color: rgb(92, 114, 138); + background-color: #fafafa; + color: rgb(92, 114, 138); } ol { - margin: 0 !important; + margin: 0 !important; } #watermark { - color: rgb(61, 180, 242); + color: rgb(61, 180, 242); } #wrapped-final { - height: auto; - width: 50%; + height: auto; + width: 50%; } #list-container { - display: flex; - gap: 1rem; - flex-wrap: wrap; - align-items: start; + display: flex; + gap: 1rem; + flex-wrap: wrap; + align-items: start; } #list-container > .card { - overflow-x: auto; - min-width: 0; + overflow-x: auto; + min-width: 0; } .list { - flex-grow: 1; - flex-basis: 1%; - min-width: 0; + flex-grow: 1; + flex-basis: 1%; + min-width: 0; } #wrapped { - overflow-y: scroll; + overflow-y: scroll; } |