keb/ginou
1
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

Update logo and misc renames

Browse Source
This commit is contained in:
Théo Marchal
2021-04-03 18:37:16 +02:00
parent c9c587d489
commit f50a9fbb59
12 changed files with 82 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
styles/main.css
View File

@ -50,6 +50,23 @@ header {
margin-bottom:1.5rem;
}
nav {
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-end;
text-align:center;
height:3rem;
}
.ginou-icon {
padding:0;
margin:0;
margin-bottom:0.4rem;
margin-right:2rem;
width:4rem;
}
header nav ul {
padding:0;
margin:0.6rem;
@ -62,13 +79,6 @@ header nav ul li {
padding:0;
}
header nav ul li.title {
font-weight:bold;
font-size:1.8rem;
font-family:'HotAugust', 'Comic Sans MS';
color:#187795;
}
header nav ul li a:hover,
header nav ul li.selected a {
color:#2589BD;
@ -78,10 +88,18 @@ header nav ul li a {
padding:0;
}
@media only screen and (min-width:500px) and (max-width:1200px) {
header nav ul li.title {
@media only screen and (min-width:600px) and (max-width:1200px) {
header nav {
display:block;
height:auto;
}
header nav .ginou-icon {
display:block;
text-align:center;
margin:auto;
margin-bottom:0.5rem;
margin-top:0.5rem;
}
header nav ul li {
@ -91,15 +109,32 @@ header nav ul li a {
@media only screen and (max-width:600px) {
header nav {
margin:0;
display:block;
height:auto;
}
header nav .ginou-icon {
margin:0;
margin-top:0.5rem;
margin-bottom:0.5rem;
margin-bottom:0.2rem;
display:inline-block;
}
header nav ul {
margin:0;
}
header nav ul .hidden {
margin:0.6rem;
}
header nav #hamburger {
display:block;
right:1rem;
font-size:1.5rem;
position:absolute;
display: inline-block;
right: 1rem;
font-size: 1.5rem;
position: absolute;
margin-top: 0.35rem;
}
header nav #hamburger .container {
@ -138,18 +173,6 @@ header nav ul li a {
font-size:1.2rem;
padding:0.2rem;
}
header nav.active ul li:nth-child(1) {
padding-top:1rem;
}
header nav ul li.title {
font-size:1.8rem;
}
header nav ul li.title {
display:inline;
}
}
article {
@ -816,4 +839,4 @@ article.infos h4 + p {
article .center {
text-align:left;
}
}
}