pedf
/
novinari
Archived
1
0
Fork 0
Code Issues 1 Releases Activity

Přesunutí stylů do správného souboru

Browse Source
master
Emil Miler 3 years ago
parent 4c3a720c34
commit 6251a1eaa7
2 changed files with 48 additions and 48 deletions
Show Stats Download Patch File Download Diff File

48
templates/common.css
Unescape Escape View File

@ -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;

48
templates/main.css
Unescape Escape View File

@ -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;