aboutsummaryrefslogtreecommitdiff
path: root/static
diff options
context:
space:
mode:
Diffstat (limited to 'static')
-rw-r--r--static/backgrounds/67.jpgbin43436 -> 16140 bytes
-rw-r--r--static/emoji/1f6b6.svg2
-rw-r--r--static/style.css855
3 files changed, 1 insertions, 856 deletions
diff --git a/static/backgrounds/67.jpg b/static/backgrounds/67.jpg
index 4e23623..628256a 100644
--- a/static/backgrounds/67.jpg
+++ b/static/backgrounds/67.jpg
Binary files differ
diff --git a/static/emoji/1f6b6.svg b/static/emoji/1f6b6.svg
index 124c296..758c068 100644
--- a/static/emoji/1f6b6.svg
+++ b/static/emoji/1f6b6.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#292F33" d="M18.011 34.975l-.052.016c.018-.068.042-.19.042-.383 0-.303-.156-.869-.199-.95s-.09-.139-.194-.11c-.079.022-.685.326-1.072.341-.719.027-1.066-.618-1.066-.618s-.399.228-.716.413c-.318.185-.687.462-.959.627-.232.141-.497.208-.771.243s-.497.023-.563.029c-.066.006-.621-.061-.641.488l.003.127-.054-.026s-.048.17-.052.202c-.004.033-.024.052.046.096.07.044.378.176.77.274s1.028.243 1.519.243.909-.098 1.151-.156c.243-.058.763-.169.813-.146.05.023.116.191.173.243.058.052 1.61-.081 1.721-.104.112-.023.146-.119.146-.162v-.649c.002-.027-.021-.045-.045-.038zm10.947-3.752l-.504-.429c-.019-.016-.048-.011-.059.012l-.022.051c-.041-.059-.12-.158-.269-.285-.235-.2-.777-.454-.868-.473-.091-.02-.167-.022-.213.077-.035.076-.199.746-.444 1.056-.454.575-1.184.418-1.184.418l-.153.828c-.067.368-.096.838-.148 1.158-.044.273-.167.523-.322.758-.154.236-.31.4-.35.456-.039.055-.457.441-.045.82l.101.081-.055.025s.1.149.122.174c.022.025.025.053.104.028s.386-.177.721-.416c.336-.24.868-.637 1.192-1.018.325-.381.524-.77.64-.996.116-.226.373-.703.424-.727.051-.024.224.036.303.026.078-.01 1.001-1.302 1.057-1.403s.005-.193-.028-.221z"/><path fill="#F9CA55" d="M19.3 12.243c.927.96 3.062 2.89 3.109 3.121.251 1.223.614 2.606.52 3.454-.068.615.376 1.298.551 1.583.218.354.781.898 1.141.86.224-.023.567-.43.384-.636-.357-.4-.298-1.009-.522-1.559-.449-1.105-.045-3.194-.661-4.563-.256-.567-.733-1.693-2.824-3.626-.511.462-1.698 1.366-1.698 1.366z"/><path fill="#2A6797" d="M16.062 34.203c-1.266.109-1.853-.233-1.721-.416.165-.228.128-.397.13-.536C14.499 30.81 14 27.26 14 27.26c0-.348.003-.813.312-1.562.778-1.883 3.951-7.69 3.951-7.69.548-.958 1.771-1.293 2.729-.744.959.548 1.122 1.405.744 2.729-.715 2.508-2.965 5.602-3.903 7.477.224 2.121-.174 3.853.035 5.857.03.288-.54.767-1.806.876z"/><path fill="#4289C1" d="M26.797 31.931c-.364.553-.97.942-1.598.838-1.269-1.924-4.955-5.321-4.955-5.321-.241-.25-.562-.587-.86-1.341-.748-1.895-2.498-8.277-2.498-8.277-.272-1.07.376-2.16 1.446-2.43 1.07-.272 1.783.232 2.43 1.446 1.227 2.301 1.757 6.09 2.384 8.09 1.87 1.568 2.383 3.603 4.275 5.151-.065.857-.26 1.291-.624 1.844z"/><path fill="#FFDC5D" d="M18.604 1.418c-1.616-.481-3.893.53-4.11 2.372-.303 2.57 1.323 4.585 2.901 4.276 1.654-.324 2.648-.782 3.177-2.559.528-1.777-.352-3.608-1.968-4.089z"/><path fill="#FFDC5D" d="M20.165 5.988c2.045-2.867-3.411-2.136-3.411-2.136-1.034.127-.172 1.793-.579 2.778-.279.682 1.16.907 1.16.907s.646-.065.748.716l.001.007c.025.199.024.438-.042.763-.329 1.61 1.862 2.392 2.19.779.13-.638.012-1.18-.124-1.677l-.013-.045c-.205-.74-.435-1.383.07-2.092z"/><path fill="#FFAC33" d="M20.616 1.791c-.861-.977-3.527-1.676-5.056-.215-1.154-.1-1.497 1.019-1.347 1.633.12.49 1.352.514 1.739 1.431.193-.255.207-.744.139-.999.421.341.336 1.339 1.92 1.85 1.532.494 1.382 1.822 1.382 1.822s.747-.435 1.235-1.109c.934-1.286.937-3.336-.012-4.413z"/><path fill="#FA743E" d="M23 20s0 1-2 1h-4.898c1-4.578-.094-5.84.241-8.581.361-2.954 2.287-4.771 3.475-4.34 1.822.661 2.693 2.641 2.932 5.858S23 20 23 20z"/><path fill="#FFDC5D" d="M17.75 11.792c-.167 1.399-.322 4.433-.479 4.625-.833 1.021-1.722 2.24-2.479 2.729-.549.354-.811 1.174-.927 1.507-.144.414-.213 1.238.057 1.507.169.168.73.177.776-.11.09-.559.626-.917.927-1.467.604-1.104 2.583-2.167 3.292-3.584.294-.588.896-1.729 1.083-4.729-.72-.11-2.25-.478-2.25-.478z"/></svg> \ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#292f33" d="M18.011 34.975l-.052.016c.018-.068.042-.19.042-.383a3.51 3.51 0 0 0-.199-.95c-.043-.081-.09-.139-.194-.11-.079.022-.685.326-1.072.341-.719.027-1.066-.618-1.066-.618l-.716.413c-.318.185-.687.462-.959.627-.232.141-.497.208-.771.243s-.497.023-.563.029-.621-.061-.641.488l.003.127-.054-.026-.052.202c-.004.033-.024.052.046.096s.378.176.77.274 1.028.243 1.519.243.909-.098 1.151-.156.763-.169.813-.146.116.191.173.243 1.61-.081 1.721-.104.146-.119.146-.162v-.649c.002-.027-.021-.045-.045-.038zm10.947-3.752l-.504-.429c-.019-.016-.048-.011-.059.012l-.022.051c-.041-.059-.12-.158-.269-.285-.235-.2-.777-.454-.868-.473s-.167-.022-.213.077c-.035.076-.199.746-.444 1.056-.454.575-1.184.418-1.184.418l-.153.828c-.067.368-.096.838-.148 1.158-.044.273-.167.523-.322.758s-.31.4-.35.456-.457.441-.045.82l.101.081-.055.025.122.174c.022.025.025.053.104.028s.386-.177.721-.416.868-.637 1.192-1.018.524-.77.64-.996.373-.703.424-.727.224.036.303.026 1.001-1.302 1.057-1.403.005-.193-.028-.221z"/><path fill="#f9ca55" d="M19.3 12.243l3.109 3.121c.251 1.223.614 2.606.52 3.454-.068.615.376 1.298.551 1.583.218.354.781.898 1.141.86.224-.023.567-.43.384-.636-.357-.4-.298-1.009-.522-1.559-.449-1.105-.045-3.194-.661-4.563-.256-.567-.733-1.693-2.824-3.626-.511.462-1.698 1.366-1.698 1.366z"/><path fill="#2a6797" d="M16.062 34.203c-1.266.109-1.853-.233-1.721-.416.165-.228.128-.397.13-.536C14.499 30.81 14 27.26 14 27.26a3.64 3.64 0 0 1 .312-1.562c.778-1.883 3.951-7.69 3.951-7.69a2 2 0 0 1 2.729-.744c.959.548 1.122 1.405.744 2.729-.715 2.508-2.965 5.602-3.903 7.477.224 2.121-.174 3.853.035 5.857.03.288-.54.767-1.806.876z"/><path fill="#4289c1" d="M26.797 31.931c-.364.553-.97.942-1.598.838-1.269-1.924-4.955-5.321-4.955-5.321-.241-.25-.562-.587-.86-1.341-.748-1.895-2.498-8.277-2.498-8.277a2 2 0 0 1 1.446-2.43c1.07-.272 1.783.232 2.43 1.446 1.227 2.301 1.757 6.09 2.384 8.09 1.87 1.568 2.383 3.603 4.275 5.151-.065.857-.26 1.291-.624 1.844z"/><g fill="#ffdc5d"><path d="M18.604 1.418c-1.616-.481-3.893.53-4.11 2.372-.303 2.57 1.323 4.585 2.901 4.276 1.654-.324 2.648-.782 3.177-2.559s-.352-3.608-1.968-4.089z"/><path d="M20.165 5.988c2.045-2.867-3.411-2.136-3.411-2.136-1.034.127-.172 1.793-.579 2.778-.279.682 1.16.907 1.16.907s.646-.065.748.716l.001.007c.025.199.024.438-.042.763-.329 1.61 1.862 2.392 2.19.779.13-.638.012-1.18-.124-1.677l-.013-.045c-.205-.74-.435-1.383.07-2.092z"/></g><path fill="#ffac33" d="M20.616 1.791c-.861-.977-3.527-1.676-5.056-.215-1.154-.1-1.497 1.019-1.347 1.633.12.49 1.352.514 1.739 1.431.193-.255.207-.744.139-.999.421.341.336 1.339 1.92 1.85 1.532.494 1.382 1.822 1.382 1.822s.747-.435 1.235-1.109c.934-1.286.937-3.336-.012-4.413z"/><path fill="#fa743e" d="M23 20s0 1-2 1h-4.898c1-4.578-.094-5.84.241-8.581.361-2.954 2.287-4.771 3.475-4.34 1.822.661 2.693 2.641 2.932 5.858L23 20z"/><path fill="#ffdc5d" d="M17.75 11.792l-.479 4.625c-.833 1.021-1.722 2.24-2.479 2.729-.549.354-.811 1.174-.927 1.507-.144.414-.213 1.238.057 1.507.169.168.73.177.776-.11.09-.559.626-.917.927-1.467.604-1.104 2.583-2.167 3.292-3.584.294-.588.896-1.729 1.083-4.729-.72-.11-2.25-.478-2.25-.478z"/></svg> \ No newline at end of file
diff --git a/static/style.css b/static/style.css
deleted file mode 100644
index 42a44fa..0000000
--- a/static/style.css
+++ /dev/null
@@ -1,855 +0,0 @@
-:root {
- --theme-main-background: #111;
- --theme-lighter-background: #222;
- --theme-lightest-background: #333;
-
- --theme-main-text: #eee;
- --theme-darker-text: #999;
- --theme-transparent-border: rgba(128,128,128,.3);
-
- --theme-yellow: #ff0;
-}
-
-/* minecraft font */
-@font-face {
- font-family: Minecraft;
- src: url(https://cdn.matdoes.dev/fonts/Minecraft.ttf);
- font-display: swap;
-}
-
-/* latin-ext */
-@font-face {
- font-family: 'Atkinson Hyperlegible';
- font-style: italic;
- font-weight: 400;
- font-display: swap;
- src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-ext-italic.woff2) format('woff2');
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
- font-family: 'Atkinson Hyperlegible';
- font-style: italic;
- font-weight: 400;
- font-display: swap;
- src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-italic.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin-ext */
-@font-face {
- font-family: 'Atkinson Hyperlegible';
- font-style: italic;
- font-weight: 700;
- font-display: swap;
- src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-ext-italic-bold.woff2) format('woff2');
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
- font-family: 'Atkinson Hyperlegible';
- font-style: italic;
- font-weight: 700;
- font-display: swap;
- src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-italic-bold.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
- }
-/* latin-ext */
-@font-face {
- font-family: 'Atkinson Hyperlegible';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-ext-italic-bold.woff2) format('woff2');
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
- }
-/* latin */
-@font-face {
- font-family: 'Atkinson Hyperlegible';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin-ext */
-@font-face {
- font-family: 'Atkinson Hyperlegible';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-ext-bold.woff2) format('woff2');
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
- font-family: 'Atkinson Hyperlegible';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-bold.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-
-
-
-body {
- font-family: Twemoji, 'Atkinson Hyperlegible', sans-serif;
- color: var(--theme-main-text);
- background-color: var(--theme-main-background);
- margin: 0;
- overflow-x: hidden;
-}
-html {
- scroll-behavior: smooth
-}
-
-/* content is uglier when its max width */
-main {
- margin: 0 auto;
- width: 80%;
- padding: 1em;
-}
-
-.member-container {
- position: relative
-}
-
-/* makes random height and stuff look less broken */
-* {
- box-sizing: border-box;
- vertical-align: baseline;
-}
-
-/* base styles for inputs */
-input[type=text], input[type=submit] {
- -webkit-appearance: none;
- background-color: transparent;
- color: var(--theme-darker-text);
- transition-duration: 250ms;
- border: 1px solid var(--theme-transparent-border);
- border-radius: 4px;
- margin: 0;
- height: 2em;
- font-size: 1em;
-}
-
-/* base styles for text input boxes */
-input[type=text] {
- text-align: left;
- padding-left: .5em
-}
-/* Selecting a text box */
-input[type=text]:focus {
- /* make the text lighter */
- color: var(--theme-main-text)
-}
-
-
-/* base styles for buttons */
-input[type=submit] {
- margin-left: .2em;
- cursor: pointer;
-}
-/* Hovering over a button */
-input[type=submit]:hover {
- /* make the text lighter */
- color: var(--theme-main-text)
-}
-
-/* base styles for anchor tags */
-a {
- color: #19f;
- text-decoration: none;
-}
-
-
-h1 {
- font-size: 2.5em;
- overflow-wrap: anywhere
-}
-h2, h3 {
- margin-top: 0;
- margin-bottom: .2em
-}
-hr {
- opacity: .2
-}
-button {
- outline: none;
- font-family: inherit
-}
-
-
-.enter-username-button, .view-profiles-button {
- /* add a slight shadow on the form in the index page */
- box-shadow: 0 0 1em #000;
-}
-.enter-username-button {
- max-width: calc(90vw - 8em);
-}
-
-/* the main "SkyBlock stats" title */
-#main-title {
- text-align: center;
- font-size: calc(2em + 1vw);
- margin-top: 0;
- /*! top: 1em; */
- /*! position: relative; */
- padding-top: .5em;
-}
-
-/* the main "enter username" form */
-.user-form {
- text-align: center;
- font-size: 1.25rem;
-
- /* center the forms */
- margin: 0 auto;
- width: max-content;
-}
-
-.username {
- /* usernames have the minecraft font */
- font-family: Minecraft, sans-serif;
- /* rreduce the size of the text because the font is too big */
- font-size: .8em;
- overflow-wrap: anywhere
-}
-
-.emoji {
- position: relative;
- height: 1em;
- vertical-align: text-bottom;
- bottom: .1em
-}
-
-.username-rank-prefix {
- font-family: Minecraft, sans-serif;
- font-size: .8em;
- overflow-wrap: anywhere
-}
-
-.profile-name {
- margin-right: .5em
-}
-
-.profile-members {
- color: var(--theme-main-text)
-}
-.profile-members .username {
- margin-right: .35em;
-}
-
-.profile-list, .leaderboard-profile-list {
- font-size: 1.5em;
-}
-
-.profile-list-item {
- margin-bottom: .5em;
- color: var(--theme-darker-text)
-}
-.profile-list-item-active {
- color: #fff
-}
-.profile-list-item-online {
- color: #0e0
-}
-
-.head {
- user-select: none
-}
-
-.head2d {
- /* pixelated rendering on 2d heads */
- image-rendering: crisp-edges;
- image-rendering: pixelated;
- /* make the head centered correctly */
- position: relative;
- top: .1em;
- /* same size as font */
- height: 1em;
- width: 1em;
-}
-
-.head3d {
- /* make the head centered correctly */
- position: relative;
- top: .2em;
- /* same size as font */
- height: 1em;
- width: 1em;
-}
-
-.userHead {
- /* make the head not be touching the username */
- margin-right: .2em;
-}
-
-/* add a collapsible svg arrow */
-.collapseArrow {
- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTcuNSA0Ljc1bC03LjUgNy41LTcuNS03LjVMMSA2LjI1bDkgOSA5LTl6IiBmaWxsPSIjYWFhIi8+IDwvc3ZnPg==);
- width: 20px;
- height: 20px;
- display: inline-block;
- margin-right: 1em;
- /* transition-duration: 100ms */
-}
-
-.collapsePart:not(.collapsed) .collapseArrow {
- transform: rotate(-180deg)
-}
-
-.sectionTitle {
- display: inline-block;
- margin: 0;
- text-shadow: 0 0 .5em #000;
-}
-
-/* hide all elements preceding a collapsed section */
-.collapsePart.collapsed ~ * {
- display: none
-}
-.collapsePart {
- cursor: pointer
-}
-
-#categories section {
- margin-bottom: .5em
-}
-
-h2.sectionTitle {
- font-size: 1.5em
-}
-
-#toc {
- border: 1px solid rgba(255,255,255,0.1);
- max-width: max-content;
- padding: .75em;
- border-radius: 1em;
-
- display: inline-block;
- background: rgba(0,0,0,.1);
-}
-#toc li {
- list-style-type: none;
-}
-.member-leaderboard-item-anchor {
- color: inherit
-}
-.member-leaderboard-item {
- list-style-type: none
-}
-
-.item {
- display: inline-block;
- font-size: 32px;
- width: 1.2em;
- height: 1.2em;
- transition-property: font-size;
- transition-duration: 500ms
-}
-.item-slot {
- border: 1px solid #888;
- border-radius: .1em
-}
-.item img {
- position: absolute;
- margin-top: .075em;
- margin-left: .075em;
- width: 1em;
- height: 1em;
-}
-/* only pixelate items if they're not a head */
-.item img:not(.item-custom-head) {
- image-rendering: crisp-edges;
- image-rendering: pixelated;
-}
-
-.item-slot {
- margin: .05em
-}
-
-.item-count {
- font-size: .45em;
- float: right;
- position: relative;
- top: 1.21em;
- right: .1em;
- font-family: Minecraft
-}
-
-.inventory-content:not(.inventory-content-active) {
- display: none
-}
-
-#inventory-tabs {
- margin-bottom: 1em;
- margin-bottom: 1em;
- overflow: hidden;
- border-radius: 1em;
- max-width: max-content;
- width: min(40em, 100%);
-}
-.inventory-tab {
- background-color: var(--theme-lighter-background);
- color: var(--theme-main-text);
- border: none;
- padding: 1em;
- cursor: pointer;
- transition-duration: 200ms
-}
-.inventory-tab:hover, .inventory-tab-active {
- background-color: var(--theme-lightest-background)
-}
-
-#global-tooltip {
- position: absolute;
- user-select: none;
- pointer-events: none;
- overflow: hidden;
- z-index: 100;
- background-color: #0a0a0aee;
- padding: 0 .25rem;
- border-radius: 3px;
- box-shadow: 0 0 0 3px #206,0 0 0 6px #000;
- font-family: Minecraft;
- white-space: nowrap;
-}
-#global-tooltip p {
- margin: 0
-}
-#global-tooltip .item-lore-name {
- margin-bottom: .5em
-}
-
-
-#armor {
- margin-right: 2em;
- height: 16em;
- display: inline-block;
-}
-#armor.armor-float {
- float: left
-}
-
-#inventories {
- display: inline-block;
- min-height: 16em
-}
-.inventory-container-armor .item-slot {
- display: block;
- margin-bottom: .25em
-}
-img.item-custom-head {
- width: .75em;
- height: .75em;
- margin-top: .1875em;
- margin-left: .1875em;
-}
-
-.github-mark {
- position: absolute;
- top: .75em;
- left: .75em;
- opacity: .2;
- transition-property: opacity;
- transition-duration: 200ms;
-}
-.github-mark:hover {
- opacity: .4
-}
-
-.list-item-with-icon {
- list-style: none;
- padding-left: 1.2em;
- position: relative;
- right: 1.2em;
- image-rendering: crisp-edges;
- image-rendering: pixelated;
-}
-
-tr {
- text-align: left
-}
-
-.minions-table-locked {
- opacity: .2
-}
-.minions-table-unlocked {
- color: #3e3
-}
-
-.darker-text {
- color: var(--theme-darker-text)
-}
-.main-text {
- color: var(--theme-main-text)
-}
-
-@media only screen and (max-width: 490px) {
- #inventories .item {
- font-size: 24px
- }
-}
-@media only screen and (max-width: 370px) {
- #inventories .item {
- font-size: 16px
- }
-}
-
-
-
-#main-header {
- background-color: var(--theme-background);
- box-shadow: 0 0 1em rgba(0, 0, 0, .8)
-}
-
-header {
- padding: .5rem 10%;
-}
-header .user-form {
- margin: 0;
- display: inline-block
-}
-header .enter-username-button {
- box-shadow: none;
-}
-
-.back-arrow {
- float: left;
- transition: stroke 200ms;
- stroke: var(--theme-darker-text);
- margin-top: .4em;
- margin-right: 1em;
-}
-.back-arrow:hover {
- stroke: var(--theme-main-text)
-}
-
-#infobox {
- float: right;
- max-width: 95%;
- background-color: rgba(20,20,20,.4);
- padding: 1em;
- margin-top: 2em;
- width: 20em;
- border-radius: .5em;
- box-shadow: 0 0 1em #000;
-}
-
-#infobox p {
- margin: 0 0 .25em 0;
-}
-
-@media only screen and (max-width: 600px) {
- #infobox {
- position: relative;
- right: -2em;
- margin-top: 0
- }
-}
-@media only screen and (max-width: 550px) {
- #infobox {
- position: unset;
- box-shadow: none;
- float: none;
- border: 1px solid var(--theme-lighter-background);
- }
-}
-
-#login-button {
- position: absolute;
- right: .5em;
- top: .5em;
- border: 1px solid var(--theme-lighter-background);
- padding: .5em;
- transition-property: border, background-color;
- transition-duration: 200ms;
- border-radius: .5em;
- color: var(--theme-main-text)
-}
-#login-button:hover {
- background-color: var(--theme-lighter-background);
- border-color: var(--theme-lightest-background);
-}
-#edit-profile-things {
- margin-top: 2em
-}
-#edit-profile-title {
- margin-bottom: 0
-}
-#background-selector {
- display: flex;
- flex-wrap: wrap
-}
-#background-selector > span {
- display: inline-block;
- height: 10em;
- width: 18em;
- background-position: center;
- background-size: 110%;
- margin: .5em;
- border-radius: 1em;
- transition: background-size 500ms;
- cursor: pointer
-}
-#background-selector > span:hover {
- background-size: 125%;
-}
-#profile-emoji-selector {
- width: 2em;
- padding: 0;
- text-align: center;
-}
-
-
-.leaderboard-profile-list-item {
- overflow-wrap: break-word
-}
-#leaderboard-profile-list {
- margin-top: 1em
-}
-#leaderboard-title {
- margin-bottom: 0
-}
-#leaderboard-info {
- margin-top: .5em;
- display: block
-}
-.skill-extra-info {
- position: absolute;
- opacity: .5;
- left: 23em
-}
-.skill-level {
- opacity: .9
-}
-.skill-maxed {
- color: #0e0;
- opacity: 1
-}
-.tooltip {
- position: relative;
- cursor: pointer;
- /* commented out because idk why this is here */
- /* max-width: max-content */
-}
-.tooltip::after {
- font-size: 1rem;
- display: inline-block;
- left: 50%;
- opacity: 0;
- position: absolute;
- z-index: -100;
- background: var(--theme-lightest-background);
- border-radius: .25em;
- bottom: 125%;
- color: var(--theme-main-text);
- content: attr(data-tooltip);
- margin-left: max(calc(-50% - 1em), -5em);
- padding: .5em;
- transition: all 200ms;
- transform: scale(.6) translateY(50%);
- width: max-content;
- text-align: center;
- max-width: 10em;
- cursor: auto;
- box-shadow: 0 0 1em .5em #0002;
- pointer-events: none
-}
-.tooltip:hover::after, .tooltip:focus::after {
- opacity: .9;
- transform: scale(1) translateY(0);
- z-index: 100;
-}
-/* hide all the tooltips after if one is selected, unfortunately we can't select all the elements before :( */
-.tooltip:focus ~ .tooltip::after {
- transform: scale(.6) translateY(50%);
- opacity: 0
-}
-.leaderboard-title-with-icon {
- padding-left: 1.2em;
- position: relative;
- image-rendering: crisp-edges;
- image-rendering: pixelated;
-}
-
-.item-custom-head {
- image-rendering: auto
-}
-
-.total-stat {
- font-size: 1.2em;
- list-style-type: none;
- position: relative;
- right: 1em;
- bottom: .5em
-}
-
-.profile-skills {
- display: inline-block;
- position: absolute;
- margin: 1em;
- margin-top: 1.6em;
-}
-
-.profile-skills > ul {
- margin-top: 0;
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- grid-column-gap: 2em;
-}
-
-.profile-skills > ul > li {
- width: 10em
-}
-
-
-#collections ul {
- margin: 0;
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- grid-column-gap: 0;
- width: fit-content
-}
-
-#collections ul > li {
- width: 12em;
- height: 1.5em;
- text-overflow: ellipsis;
-}
-
-#collections h3 {
- margin: .5em 0 .5em .5em;
-}
-
-@media only screen and (max-width: 1000px) {
- .profile-skills {
- position: unset;
- display: block;
- width: max-content;
- }
- .blurred-background-container-container {
- left: 0!important;
- width: 100vw!important;
- clip: rect(-1.7em, auto, auto, auto);
- }
-}
-
-@media only screen and (max-width: 500px) {
- .profile-skills {
- margin-left: 0;
- margin-right: 0
- }
-}
-@media only screen and (max-width: 410px) {
- .profile-skills > ul {
- grid-template-columns: repeat(1, 1fr);
- }
-}
-
-
-.unvisited-zone {
- opacity: .5
-}
-
-.profile-skills > ul > li {
- margin: .25em .25em 0 0;
-}
-
-
-.blurred-background-container-container {
- position: absolute;
- width: 47rem;
- height: calc(100% + 1em);
- z-index: -9;
- overflow: hidden;
- clip: rect(-1em, auto, auto, -2em);
-}
-@media only screen and (max-width: 1400px) {
- .blurred-background-container-container {
- left: calc(5em + 5%);
- width: 90%;
- clip: rect(-1.7em, auto, auto, -10em);
- }
- main {
- margin-top: .75em
- }
-}
-.blurred-background {
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- z-index: -10;
- object-fit: cover;
- background-blend-mode: overlay;
- filter: blur(1em) brightness(.6);
-}
-.profile-emoji {
- margin-left: .25em
-}
-
-.mayor-grid {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- grid-column-gap: 1em;
- grid-row-gap: 1em;
- margin-top: 1em;
- margin-bottom: 1em;
-}
-.mayor {
- display: inline-block;
- width: 12em;
- margin-right: 1em;
- vertical-align: top;
-}
-.mayor h3 {
- filter: brightness(1.5);
- text-align: center;
-}
-.mayor img {
- display: block;
- width: 5em;
- margin: 0 auto;
-}
-.mayor-vote-count-number {
- filter: brightness(1.2);
-}
-.mayor-vote-count {
- text-align: center;
- width: 100%;
- margin: 0 0 .5em 0;
-}
-.mayor-perk h4 {
- margin-bottom: 0
-}
-.mayor-perk p {
- margin: 0
-}
-.mayor-candidates {
- /* display: ; */
- /* everything next to each other */
- /* grid-template-columns: repeat(5, 1fr); */
- max-width: fit-content
-}
-.mayor-perks {
- list-style-type: none;
- padding: 0
-}
-.candidate-year {
- font-weight: normal;
- color: var(--theme-darker-text)
-}
-.mayor-winner {
- color: var(--theme-yellow);
- font-weight: bold;
- margin: 0;
- text-align: center;
- font-size: 1em
-}
-.next-special-mayor-time {
- color: var(--theme-darker-text)
-}