diff --git a/website/assets/status_cafe.css b/website/assets/status_cafe.css new file mode 100644 index 0000000..8d57a11 --- /dev/null +++ b/website/assets/status_cafe.css @@ -0,0 +1,122 @@ +@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Emoji:wght@300..700&display=swap"); + +/**RESET**/ +body { + max-width: unset; + margin: unset; + padding: unset; + font-family: unset; + background-color: unset; + color: unset; +} + +.faces { + margin-bottom: unset; + max-width: unset; +} + +.profile-picture { + max-width: unset; +} + +.flash { + background-color: unset; + padding: unset; + color: unset; +} + +.cols { + display: unset; +} + +a { + font-weight: unset; +} + +.status-username { + margin-bottom: unset; +} + +.status-content { + margin: unset; +} + +.status nav { + font-size: unset; + margin-left: unset; +} + +.status { + margin-bottom: unset; + word-break: unset; +} + +dt { + font-weight: unset; +} + +dd { + margin-bottom: unset; +} + +.edit-status { + width: unset; + box-sizing: unset; + height: unset; +} + +.tools { + list-style-position: unset; + padding-left: unset; +} + +/**STYLING**/ +body { + font-family: "Inter", sans-serif; + font-optical-sizing: auto; + font-style: normal; + font-variation-settings: "slnt" 0; + scrollbar-color: #ffffffae #000000a1; + scrollbar-width: thin; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +a { + color: white; +} + +header, +.cols > section { + color: white; + background-color: #000000de; + padding: 15px; + border: 1px black solid; + border-radius: 5px; + word-wrap: break-word; + overflow: auto; +} + +.cols > section { + margin-top: 10px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} +@media only screen and (max-width: 600px) { + body { + position: absolute; + top: 50%; + left: unset; + transform: translateY(-50%); + } +}