From 6251a1eaa751df06b67e03a2e1255c10444485c3 Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Sat, 31 Jul 2021 12:33:05 +0200 Subject: [PATCH] =?UTF-8?q?P=C5=99esunut=C3=AD=20styl=C5=AF=20do=20spr?= =?UTF-8?q?=C3=A1vn=C3=A9ho=20souboru?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- templates/common.css | 48 -------------------------------------------- templates/main.css | 48 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 48 insertions(+), 48 deletions(-) diff --git a/templates/common.css b/templates/common.css index b1f4a04..8463b36 100644 --- a/templates/common.css +++ b/templates/common.css @@ -60,54 +60,6 @@ nav a.special:hover { color: #dd4733; } -section.search { - height: 70vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} -section.search input { - max-width: 40em; - width: 100%; - padding: 1.5em 2em; - border: 0; - border-radius: .5em; - box-shadow: 3px 3px 10px #00000026; - font-family: "roboto-light"; -} - -section.filter ul { - display: grid; - grid-template-columns: repeat(8, 1fr); - grid-row-gap: 1em; - grid-column-gap: 1em; - justify-content: space-between; - - list-style-type: none; - padding: 0; - margin: 0 -1em 5em -1em; -} -section.filter ul li { - display: flex; - justify-content: center; - align-items: center; - text-align: center; - font-size: .9em; - - padding: .8em; - border: 1px solid #808080; - border-radius: .5em; - color: #6F6F6F; - font-weight: bold; -} -section.filter ul li:hover { - border: 1px solid rgba(0,0,0,0); - box-shadow: 3px 3px 10px #00000026; - color: #dd4733; - cursor: pointer; -} - footer { text-align: center; padding: 2em; diff --git a/templates/main.css b/templates/main.css index 6e80ba7..9f7ba7d 100644 --- a/templates/main.css +++ b/templates/main.css @@ -23,6 +23,54 @@ main { padding: 1em; } +section.search { + height: 70vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +section.search input { + max-width: 40em; + width: 100%; + padding: 1.5em 2em; + border: 0; + border-radius: .5em; + box-shadow: 3px 3px 10px #00000026; + font-family: "roboto-light"; +} + +section.filter { margin-bottom: 5em } +section.filter ul { + display: grid; + grid-template-columns: repeat(8, 1fr); + grid-row-gap: 1em; + grid-column-gap: 1em; + justify-content: space-between; + + list-style-type: none; + padding: 0; +} +section.filter ul li { + display: flex; + justify-content: center; + align-items: center; + text-align: center; + font-size: .9em; + + padding: .8em; + border: 1px solid #808080; + border-radius: .5em; + color: #6F6F6F; + font-weight: bold; +} +section.filter ul li:hover { + border: 1px solid rgba(0,0,0,0); + box-shadow: 3px 3px 10px #00000026; + color: #dd4733; + cursor: pointer; +} + footer { color: #fff; background-color: #000;