aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/Wrapped/wrapped.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/Tools/Wrapped/wrapped.css')
-rw-r--r--src/lib/Tools/Wrapped/wrapped.css132
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;
}