gpkvt
/
abgame
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Improved formatting

This commit is contained in:
root 2023-06-03 16:19:39 +02:00
parent e6c7208712
commit e5e07ecb4e
3 changed files with 65 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/css/ab.css
View File

@ -3,7 +3,8 @@ body {
background-color: #333333; background-color: #333333;
} }
html, body { html,
body {
border-color: #E7E5E2; border-color: #E7E5E2;
color: #E7E5E2; color: #E7E5E2;
} }
@ -40,7 +41,7 @@ a {
} }
.ab { .ab {
float:none; float: none;
border-radius: 10px; border-radius: 10px;
margin-top: 10px; margin-top: 10px;
justify-content: center; justify-content: center;
@ -51,7 +52,7 @@ a {
} }
.a { .a {
float:left; float: left;
width: 45%; width: 45%;
box-sizing: border-box; box-sizing: border-box;
padding: 25px; padding: 25px;
@ -60,7 +61,7 @@ a {
background-color: #F7D214; background-color: #F7D214;
color: #243233; color: #243233;
font-weight: bold; font-weight: bold;
text-align:left; text-align: left;
font-family: 'Courier New', Courier, monospace; font-family: 'Courier New', Courier, monospace;
cursor: pointer; cursor: pointer;
text-indent: -25px; text-indent: -25px;
@ -71,7 +72,7 @@ a {
} }
.b { .b {
float:left; float: left;
width: 45%; width: 45%;
box-sizing: border-box; box-sizing: border-box;
padding: 25px; padding: 25px;
@ -80,7 +81,7 @@ a {
background-color: #243233; background-color: #243233;
color: #F7D214; color: #F7D214;
font-weight: bold; font-weight: bold;
text-align:left; text-align: left;
font-family: 'Courier New', Courier, monospace; font-family: 'Courier New', Courier, monospace;
cursor: pointer; cursor: pointer;
text-indent: -25px; text-indent: -25px;
@ -101,18 +102,18 @@ input[type="radio"] {
cursor: pointer; cursor: pointer;
} }
.ab input:checked + label { .ab input:checked+label {
background-color: #B3472B; background-color: #B3472B;
border: 1px solid #000000; border: 1px solid #000000;
color: #E7E5E2; color: #E7E5E2;
} }
.separator { .separator {
float:left; float: left;
width: 10%; width: 10%;
box-sizing: border-box; box-sizing: border-box;
writing-mode: vertical-lr; writing-mode: vertical-lr;
transform:rotate(210deg); transform: rotate(210deg);
font-size: x-small; font-size: x-small;
font-weight: bold; font-weight: bold;
display: flex; display: flex;
@ -189,6 +190,7 @@ input[type="radio"] {
.a { .a {
font-size: small; font-size: small;
} }
.b { .b {
font-size: small; font-size: small;
} }

2
static/css/dark.css
View File

@ -23,7 +23,7 @@ body {
background-color: rgb(56, 81, 104) !important; background-color: rgb(56, 81, 104) !important;
} }
.ab input:checked + label { .ab input:checked+label {
background-color: rgb(143, 57, 34) !important; background-color: rgb(143, 57, 34) !important;
border-color: rgb(140, 130, 115) !important; border-color: rgb(140, 130, 115) !important;
color: rgb(215, 212, 207) !important; color: rgb(215, 212, 207) !important;

14
templates/index.html
View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ lang }}"> <html lang="{{ lang }}">
<head>
<head>
<title>{{ title }}</title> <title>{{ title }}</title>
<link rel="stylesheet" type="text/css" href="/css/ab.css?t={{ epoch }}"> <link rel="stylesheet" type="text/css" href="/css/ab.css?t={{ epoch }}">
{%- if theme == "dark" %} {%- if theme == "dark" %}
@ -21,8 +22,9 @@
<meta property="og:description" content="{{ desc }}"> <meta property="og:description" content="{{ desc }}">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:image" content="{{ url_for('static', filename='ab.jpg') }}"> <meta property="og:image" content="{{ url_for('static', filename='ab.jpg') }}">
</head> </head>
<body>
<body>
<div id="content"> <div id="content">
<div id="header">{{ title }}</div> <div id="header">{{ title }}</div>
<hr> <hr>
@ -39,7 +41,8 @@
<hr> <hr>
{%- endfor %} {%- endfor %}
<div id="footer"> <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">&nbsp;</div> <div class="separator">&nbsp;</div>
<form action="/" method="get"> <form action="/" method="get">
<input type="hidden" name="t" value="{{ epoch }}"> <input type="hidden" name="t" value="{{ epoch }}">
@ -47,5 +50,6 @@
</form> </form>
</div> </div>
</div> </div>
</body> </body>
</html> </html>