This time I really fixed the css. almost.

This commit is contained in:
b3yond 2018-02-17 12:30:06 +01:00
parent a7bae0aed9
commit 1f01938a8c
4 changed files with 17 additions and 7 deletions

View file

@ -2,7 +2,7 @@
<title>Ticketfrei</title> <title>Ticketfrei</title>
<link rel='stylesheet' href='/static/css/style.css'> <link rel='stylesheet' href='/static/css/style.css'>
</head> </head>
<body style="background-image: url(/static/img/wallpaper.png)"> <body>
<div class="area"> <div class="area">
<h1><a href="/"><img src="/static/img/ticketfrei_logo.png" alt="Ticketfrei" height="150px" align="center" style="float: none;"></a></h1> <h1><a href="/"><img src="/static/img/ticketfrei_logo.png" alt="Ticketfrei" height="150px" align="center" style="float: none;"></a></h1>

View file

@ -1,9 +1,12 @@
body { body {
background-image: url(../img/wallpaper.png);
font-family: Verdana, Arial, Helvetica, sans-serif; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px; font-size: 15px;
line-height: 1.5em; line-height: 1.5em;
background-position: center top; background-position: center top;
margin: 0; margin: 0;
display: flex;
flex-direction: column;
} }
.area { .area {
@ -11,9 +14,13 @@ body {
max-width: 600px; max-width: 600px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
text-align: center; flex: 1 0 auto;
/*
min-height: 100%; min-height: 100%;
position: relative; height: auto !important;
height: 600px;
text-align: center;
*/
} }
.text { .text {
@ -63,8 +70,9 @@ input[type=text], input[type=password] {
.footer { .footer {
padding: 2em; padding: 2em;
position: absolute;
bottom: 0; bottom: 0;
text-align: center; text-align: center;
width: 540px; width: 540px;
height: 30px;
flex-shrink: 0;
} }

View file

@ -2,7 +2,7 @@
<title>Ticketfrei</title> <title>Ticketfrei</title>
<link rel='stylesheet' href='/static/css/style.css'> <link rel='stylesheet' href='/static/css/style.css'>
</head> </head>
<body style="background-image: url(static/img/wallpaper.png)"> <body>
<div class="area"> <div class="area">
<h1><a href="/"><img src="/static/img/ticketfrei_logo.png" alt="Ticketfrei" height="150px" align="center" style="float: none;"></a></h1> <h1><a href="/"><img src="/static/img/ticketfrei_logo.png" alt="Ticketfrei" height="150px" align="center" style="float: none;"></a></h1>

View file

@ -2,7 +2,7 @@
<title>Ticketfrei</title> <title>Ticketfrei</title>
<link rel='stylesheet' href='css/style.css'> <link rel='stylesheet' href='css/style.css'>
</head> </head>
<body style="background-image: url(img/wallpaper.png)"> <body>
<div class="area"> <div class="area">
<h1><a href="/"><img src="/static/img/ticketfrei_logo.png" alt="Ticketfrei" height="150px" align="center" style="float: none;"></a></h1> <h1><a href="/"><img src="/static/img/ticketfrei_logo.png" alt="Ticketfrei" height="150px" align="center" style="float: none;"></a></h1>
@ -23,9 +23,11 @@
</div> </div>
</div> </div>
</form> </form>
<div class=footer> <div class=footer>
Contribute on <a href="https://github.com/b3yond/ticketfrei">GitHub!</a> Contribute on <a href="https://github.com/b3yond/ticketfrei">GitHub!</a>
</div> </div>
</div> </div>
</body> </body>