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

Improved colors

This commit is contained in:
root 2023-06-02 14:14:01 +02:00
parent f5f2faa069
commit 673d74c3c8
1 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
static/css/ab.css
View File

@ -1,16 +1,22 @@
body { body {
font-family: 'Courier New', Courier, monospace; font-family: 'Courier New', Courier, monospace;
background-color: #181a1b; background-color: rgb(19, 21, 22);
}
html, body {
border-color: #736b5e;
color: #e8e6e3;
} }
#header { #header {
border-radius: 10px; border-radius: 10px;
text-align: center; text-align: center;
background-color: dimgray;
color: #eee;
width: 100%; width: 100%;
padding-top: 25px; padding-top: 25px;
padding-bottom: 25px; padding-bottom: 25px;
background-color: rgb(79, 86, 89);
color: #eeeeee;
font-weight: bold;
} }
#content { #content {
@ -26,32 +32,35 @@ body {
.ab { .ab {
float:none; float:none;
background-color: lightslategrey;
border-radius: 10px; border-radius: 10px;
margin-top: 10px; margin-top: 10px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
display: flex; display: flex;
padding: 5px; padding: 5px;
background-color: rgb(83, 97, 111);
} }
.a { .a {
float:left; float:left;
width: 45%; width: 45%;
box-sizing: border-box; box-sizing: border-box;
background-color:gold;
padding: 25px; padding: 25px;
border-radius: 10px; border-radius: 10px;
background-color: gold;
color: #000000;
font-weight: bold;
} }
.b { .b {
float:left; float:left;
width: 45%; width: 45%;
box-sizing: border-box; box-sizing: border-box;
background-color: black;
color: white;
padding: 25px; padding: 25px;
border-radius: 10px; border-radius: 10px;
background-color: rgb(0, 0, 0);
color: rgb(232, 230, 227);
font-weight: bold;
} }
.separator { .separator {
@ -60,7 +69,7 @@ body {
box-sizing: border-box; box-sizing: border-box;
writing-mode: vertical-lr; writing-mode: vertical-lr;
transform:rotate(210deg); transform:rotate(210deg);
font-size: xx-small; font-size: x-small;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;