From 1537da9b16dfda1ecb2730b5d1de3b9005397618 Mon Sep 17 00:00:00 2001 From: lost+skunk Date: Tue, 13 Aug 2024 15:59:52 +0300 Subject: темплейты в бинарнике и улучшенная система кеша MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/skunky.css | 195 --------------------------------------------------------- 1 file changed, 195 deletions(-) delete mode 100644 css/skunky.css (limited to 'css') diff --git a/css/skunky.css b/css/skunky.css deleted file mode 100644 index 2126968..0000000 --- a/css/skunky.css +++ /dev/null @@ -1,195 +0,0 @@ -/* TAGS */ -html { - font-family: Ubuntu; - background-color:black; - color: rgb(234, 216, 216); -} -a { - text-decoration: none; - color: cadetblue; -} -a:hover { - color: #d0ff00; - transition: 400ms; -} -header h1 { - padding-right: 0.2%; - padding-left: 0.2%; -} -header form { - align-self: center; -} -header { - display: flex; -} -form input, button, select { - background-color: #134134; - padding: 5px; - color: whitesmoke; - border: 0px; - border-radius: 1px; -} - -/* BLOCKS */ -.content { - align-items: center; - border-radius: 3px; - display: flex; - flex-wrap: wrap; - justify-content: center; -} -.block { - max-width: 20%; - height: 0%; - padding: 4px; - border-radius: 2px; - border: 3px solid #091f19; - word-break: break-all; - background-color: #091f19; - margin-left: 5px; - margin-top: 5px; - text-align: center; -} -.block:hover { - border: 3px solid #4d27d6; - transition: 400ms; -} -.block img, .plates .user-plate img { - width: 100%; -} -.block p { - word-break: break-all; -} - -/* MESSAGES */ -.msg { - background-color: #091f19; - color: whitesmoke; - width: fit-content; - max-width: 90%; - padding: 4px; - border-radius: 2px; - margin-top: 6px; - text-wrap: pretty; - transition: 350ms; -} -.msg:hover { - background-color: #134134; -} -.reply { - border-radius: 0px 2px 2px 0px; - border-left: #258268 solid; - margin-left: 40px; -} - -/* FOLDER & PLATES */ -.folders, .plates { - display: flex; - flex-wrap: wrap; -} -.folder-item { - background-color: #060820; - border: 3px solid #060820; - width: 10% -} -.admins .user-plate { - width: 5%; - background-color: #011522; -} -.plates .user-plate { - margin-left: 1%; - margin-bottom: 1%; - background-color: #091f19; - padding: 3px; - word-break: break-all; - text-align: center; - max-width: 15%; -} - -/* USER/GROUP BACKGROUNDS */ -.ubg { - display: flex; - flex-wrap: wrap; - justify-content: center; -} -.ubg img { - width: 20%; -} - -/* COLORS */ -.nsfw, .about-false { - color: red; -} -.about-true { - color: green; -} -.author { - color: seagreen; -} -.dd { - color: rgb(160, 0, 147); -} - -/* SCREEN OPTIMISATIONS */ -@media (orientation: portrait) { - * { - font-size: 120% - } - - ul { - font-size: 80% - } - - center form { - font-size: 60% - } - - header form { - font-size: 60%; - } - header, center { - text-align: center; - display: block; - clear: both; - font-size: 200%; - } - - .content { - margin: auto; - display: inherit; - scale: 100%; - } - .block { - margin-top: 10%; - max-width: 200%; - } - .folder-item { - width: 25% - } - .folders { - display: flexbox; - justify-content: center - } - figure img { - width: 10% - } - figure a img { - width: 100% - } - .msg { - font-size: 60%; - max-width: 80% - } -} - -@media (max-width: 1462px) and (orientation: landscape) { - .block { - max-width: 30%; - } -} - -@media (min-width: 788px) and (max-width: 884px) { - .block { - max-width: 35%; - } -} \ No newline at end of file -- cgit v1.2.3