From b5ddf30a7337bd257b5c60d8967eda9d47f10b67 Mon Sep 17 00:00:00 2001 From: Mylloon Date: Tue, 11 Apr 2023 01:51:49 +0200 Subject: [PATCH] fmt --- static/css/style.css | 224 +++++++++++++++++++++---------------------- 1 file changed, 112 insertions(+), 112 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index caf1d2e..569d252 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,60 +1,60 @@ /* Title font */ -@import url("https://fonts.googleapis.com/css2?family=Overpass:wght@200&display=swap"); +@import url("https://api.fonts.coollabs.io/css2?family=Overpass:wght@200&display=swap"); /* Normal font */ @font-face { - font-family: "Luciole"; - font-style: normal; - font-weight: normal; - src: url(/css/fonts/Luciole-Regular.ttf); + font-family: "Luciole"; + font-style: normal; + font-weight: normal; + src: url(/css/fonts/Luciole-Regular.ttf); } /* Italic font */ @font-face { - font-family: "Luciole"; - font-style: italic; - font-weight: normal; - src: url(/css/fonts/Luciole-Regular-Italic.ttf); + font-family: "Luciole"; + font-style: italic; + font-weight: normal; + src: url(/css/fonts/Luciole-Regular-Italic.ttf); } /* Bold fond */ @font-face { - font-family: "Luciole"; - font-style: normal; - font-weight: bold; - src: url(/css/fonts/Luciole-Bold.ttf); + font-family: "Luciole"; + font-style: normal; + font-weight: bold; + src: url(/css/fonts/Luciole-Bold.ttf); } /* Bold italic font */ @font-face { - font-family: "Luciole"; - font-style: italic; - font-weight: bold; - src: url(/css/fonts/Luciole-Bold-Italic.ttf); + font-family: "Luciole"; + font-style: italic; + font-weight: bold; + src: url(/css/fonts/Luciole-Bold-Italic.ttf); } /* Page bottom */ footer { - position: absolute; - bottom: 0; - margin: -8px; - width: 100%; - height: 2.5rem; + position: absolute; + bottom: 0; + margin: -8px; + width: 100%; + height: 2.5rem; } /* Regular tags */ html { - position: relative; - min-height: 100vh; - height: 100%; - scroll-behavior: smooth; + position: relative; + min-height: 100vh; + height: 100%; + scroll-behavior: smooth; } body { - position: relative; - padding-bottom: 3em; - min-height: 90%; - background-color: rgb(24, 24, 24); + position: relative; + padding-bottom: 3em; + min-height: 90%; + background-color: rgb(24, 24, 24); } p, @@ -63,186 +63,186 @@ h2, h3, li, a { - font-family: "Luciole", sans-serif; + font-family: "Luciole", sans-serif; } ::selection { - color: rgb(255, 255, 255); - background: rgba(124, 75, 173, 0.486); + color: rgb(255, 255, 255); + background: rgba(124, 75, 173, 0.486); } /* Frames */ h1.subtitle { - text-decoration: none; - color: rgb(28, 118, 236); + text-decoration: none; + color: rgb(28, 118, 236); } h1#title { - text-align: center; - color: rgb(28, 236, 174); + text-align: center; + color: rgb(28, 236, 174); } h2.subtitle, h2.subtitle a { - color: rgb(28, 118, 236) !important; + color: rgb(28, 118, 236) !important; } h3.subsubtitle, #content h3.subsubtitle a { - text-align: left; - color: rgb(149, 87, 201); + text-align: left; + color: rgb(149, 87, 201); } #content h3.subsubtitle a:hover { - color: rgb(0, 181, 236); - transition: color 0.1s; + color: rgb(0, 181, 236); + transition: color 0.1s; } div#content { - margin-left: auto; - margin-right: auto; - margin-top: 2%; - padding: 0.9% 0.9% 0.9% 0.9%; - width: 42%; - border-radius: 6px; - border: 1px solid rgb(170, 170, 170); - text-align: center; + margin-left: auto; + margin-right: auto; + margin-top: 2%; + padding: 0.9% 0.9% 0.9% 0.9%; + width: 42%; + border-radius: 6px; + border: 1px solid rgb(170, 170, 170); + text-align: center; } @media only screen and (max-width: 850px) { - /* Mobile display */ - div#content { - width: 90%; - } + /* Mobile display */ + div#content { + width: 90%; + } } #content a, #content a:visited, #content ul { - text-decoration: none; - color: rgb(201, 201, 201); - text-align: center; + text-decoration: none; + color: rgb(201, 201, 201); + text-align: center; } #content p { - text-decoration: none; - color: rgb(201, 201, 201); - text-align: center; - padding: 0.7em; + text-decoration: none; + color: rgb(201, 201, 201); + text-align: center; + padding: 0.7em; } #content a:hover { - color: rgb(0, 181, 236); - transition: color 0.1s; + color: rgb(0, 181, 236); + transition: color 0.1s; } /* https://stackoverflow.com/a/40244401/15436737 */ #content a { - position: relative; - text-decoration: none; - display: inline-block; + position: relative; + text-decoration: none; + display: inline-block; } #content a:after { - display: block; - content: ""; - border-bottom: solid 3px; - transform: scaleX(0); - transition: transform 250ms ease-in-out; - transform-origin: 100% 50%; + display: block; + content: ""; + border-bottom: solid 3px; + transform: scaleX(0); + transition: transform 250ms ease-in-out; + transform-origin: 100% 50%; } #content a:hover:after { - transform: scaleX(1); - transform-origin: 0 50%; + transform: scaleX(1); + transform-origin: 0 50%; } /* ------------------------------------------- */ div.subcontent { - margin-left: auto; - margin-right: auto; - margin-top: 5%; - padding: 1.2% 1.2% 1.2% 1.2%; - width: 78%; - border-radius: 6px; - border: 1px solid rgb(170, 170, 170); - text-align: center; + margin-left: auto; + margin-right: auto; + margin-top: 5%; + padding: 1.2% 1.2% 1.2% 1.2%; + width: 78%; + border-radius: 6px; + border: 1px solid rgb(170, 170, 170); + text-align: center; } #listecontent li { - margin-bottom: 0.5em; + margin-bottom: 0.5em; } /* Index */ .index { - height: 100%; - padding: 0; - margin: 0; + height: 100%; + padding: 0; + margin: 0; } .divIndex { - width: 50%; - height: 50%; - float: left; + width: 50%; + height: 50%; + float: left; } button.buttonIndex { - width: 100%; - height: 100%; - border: none; - opacity: 0.6; - transition: all 0.1s; - cursor: pointer; + width: 100%; + height: 100%; + border: none; + opacity: 0.6; + transition: all 0.1s; + cursor: pointer; } span.buttonIndex { - font-family: "Overpass", sans-serif; - font-size: 500%; - cursor: pointer; - display: inline-block; - position: relative; - transition: 0.5s; + font-family: "Overpass", sans-serif; + font-size: 500%; + cursor: pointer; + display: inline-block; + position: relative; + transition: 0.5s; } .buttonIndex:hover, span.buttonIndex:after { - opacity: 1; - padding-right: 2%; + opacity: 1; + padding-right: 2%; } #buttonIndexTL { - background-color: rgb(0, 255, 255); + background-color: rgb(0, 255, 255); } #buttonIndexTR { - background-color: rgb(21, 255, 0); + background-color: rgb(21, 255, 0); } #buttonIndexBL { - background-color: rgb(187, 255, 0); + background-color: rgb(187, 255, 0); } #buttonIndexBR { - background-color: rgb(208, 88, 255); + background-color: rgb(208, 88, 255); } /* Back links going to the index */ footer.backToIndexPage { - text-align: center; + text-align: center; } footer.backToIndexPage a { - color: rgb(114, 180, 76); - text-decoration: none; + color: rgb(114, 180, 76); + text-decoration: none; } footer.backToIndexPage a:hover { - color: rgb(152, 187, 132); + color: rgb(152, 187, 132); } /* Hide content */ .hide { - display: none; + display: none; }