Improved formatting
This commit is contained in:
parent
e6c7208712
commit
e5e07ecb4e
|
@ -3,7 +3,8 @@ body {
|
|||
background-color: #333333;
|
||||
}
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
border-color: #E7E5E2;
|
||||
color: #E7E5E2;
|
||||
}
|
||||
|
@ -40,7 +41,7 @@ a {
|
|||
}
|
||||
|
||||
.ab {
|
||||
float:none;
|
||||
float: none;
|
||||
border-radius: 10px;
|
||||
margin-top: 10px;
|
||||
justify-content: center;
|
||||
|
@ -51,7 +52,7 @@ a {
|
|||
}
|
||||
|
||||
.a {
|
||||
float:left;
|
||||
float: left;
|
||||
width: 45%;
|
||||
box-sizing: border-box;
|
||||
padding: 25px;
|
||||
|
@ -60,7 +61,7 @@ a {
|
|||
background-color: #F7D214;
|
||||
color: #243233;
|
||||
font-weight: bold;
|
||||
text-align:left;
|
||||
text-align: left;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
cursor: pointer;
|
||||
text-indent: -25px;
|
||||
|
@ -71,7 +72,7 @@ a {
|
|||
}
|
||||
|
||||
.b {
|
||||
float:left;
|
||||
float: left;
|
||||
width: 45%;
|
||||
box-sizing: border-box;
|
||||
padding: 25px;
|
||||
|
@ -80,7 +81,7 @@ a {
|
|||
background-color: #243233;
|
||||
color: #F7D214;
|
||||
font-weight: bold;
|
||||
text-align:left;
|
||||
text-align: left;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
cursor: pointer;
|
||||
text-indent: -25px;
|
||||
|
@ -101,18 +102,18 @@ input[type="radio"] {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ab input:checked + label {
|
||||
.ab input:checked+label {
|
||||
background-color: #B3472B;
|
||||
border: 1px solid #000000;
|
||||
color: #E7E5E2;
|
||||
}
|
||||
|
||||
.separator {
|
||||
float:left;
|
||||
float: left;
|
||||
width: 10%;
|
||||
box-sizing: border-box;
|
||||
writing-mode: vertical-lr;
|
||||
transform:rotate(210deg);
|
||||
transform: rotate(210deg);
|
||||
font-size: x-small;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
|
@ -189,6 +190,7 @@ input[type="radio"] {
|
|||
.a {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.b {
|
||||
font-size: small;
|
||||
}
|
||||
|
|
|
@ -23,7 +23,7 @@ body {
|
|||
background-color: rgb(56, 81, 104) !important;
|
||||
}
|
||||
|
||||
.ab input:checked + label {
|
||||
.ab input:checked+label {
|
||||
background-color: rgb(143, 57, 34) !important;
|
||||
border-color: rgb(140, 130, 115) !important;
|
||||
color: rgb(215, 212, 207) !important;
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ lang }}">
|
||||
<head>
|
||||
|
||||
<head>
|
||||
<title>{{ title }}</title>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ab.css?t={{ epoch }}">
|
||||
{%- if theme == "dark" %}
|
||||
|
@ -21,8 +22,9 @@
|
|||
<meta property="og:description" content="{{ desc }}">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="{{ url_for('static', filename='ab.jpg') }}">
|
||||
</head>
|
||||
<body>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="content">
|
||||
<div id="header">{{ title }}</div>
|
||||
<hr>
|
||||
|
@ -39,7 +41,8 @@
|
|||
<hr>
|
||||
{%- endfor %}
|
||||
<div id="footer">
|
||||
<div id="questions">{{ questions_prefix }} {{ num_lines }} {{ questions_suffix }}<br><a href="mailto:{{ mailto }}">Einreichen!</a></div>
|
||||
<div id="questions">{{ questions_prefix }} {{ num_lines }} {{ questions_suffix }}<br><a
|
||||
href="mailto:{{ mailto }}">Einreichen!</a></div>
|
||||
<div class="separator"> </div>
|
||||
<form action="/" method="get">
|
||||
<input type="hidden" name="t" value="{{ epoch }}">
|
||||
|
@ -47,5 +50,6 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
Reference in New Issue