kif/portal
10
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

fixed mobile view

Browse source
This commit is contained in:
Lars Westermann 2019-04-15 18:14:28 +02:00
parent 788273ea99
commit a892b9963e
Signed by: lars.westermann
GPG key ID: 9D417FA5BB9D5E1D
1 changed files with 62 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

104
index.html
View file

@ -3,54 +3,74 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>47.0 KIF</title> <title>47.0 KIF</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@font-face {
font-family: Montserrat;
src: url('Montserrat-Bold.ttf')
}
body {
font-family: Montserrat, sans-serif;
font-size: 20pt;
max-width: 400px;
margin: auto;
background: #fff;
}
body > div {
width: 100%;
}
nav {
border-radius: 30px;
width: 77%;
padding: 4%;
background: rgb(177, 225, 28);
margin-top: -7%;
margin-left: auto;
margin-right: auto;
}
nav div {
background: #fff;
border-radius: 18px;
}
nav a {
display: block;
text-decoration: none;
color: rgb(177, 225, 28);
text-align: center;
border-top: solid 10px rgb(177, 225, 28);
padding: 10px 0;
}
nav a:hover {
background-color: rgb(177, 225, 28);
color: white;
outline: none;
}
nav a:first-child {
border: none;
}
</style>
</head> </head>
<style>
@font-face {
font-family: Montserrat;
src: url('Montserrat-Bold.ttf')
}
body {
font-family: Montserrat, sans-serif;
font-size: 20pt;
max-width: 400px;
margin: auto;
}
body > div {
width: 400px;
}
nav {
margin: -34px 30px 0 30px;
width: 300px;
border: solid 20px rgb(177,225,28);
border-radius: 30px;
}
nav > a {
display: block;
text-decoration: none;
color: rgb(177,225,28);
text-align: center;
border-top: solid 10px rgb(177,225,28);
padding: 10px 0;
}
nav > a:hover {
background-color: rgb(177,225,28);
color: white;
}
nav > a:first-child {
border: none;
}
</style>
<body> <body>
<div> <div>
<img src="Logo.svg"> <img src="Logo.svg">
</div> </div>
<nav> <nav>
<a href="anmeldung">Anmeldung</a> <div>
<!-- <a href="#">Teilnehmerliste</a> --> <a href="anmeldung">Anmeldung</a>
<a href="wiki">Wiki</a> <!-- <a href="#">Teilnehmerliste</a> -->
<a href="kulturtag">Kulturtag</a> <a href="wiki">Wiki</a>
<a href="cfd">Call for Decoration</a> <a href="kulturtag">Kulturtag</a>
<a href="twitter">Twitter</a> <a href="cfd">Call for Decoration</a>
<a href="twitter">Twitter</a>
</div>
</nav> </nav>
</body> </body>
</html> </html>