joost/flask-soc-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added background to form and explainer container

Browse Source
This commit is contained in:
Joost Agterhoek 2025-04-19 21:06:52 +02:00
parent 4133fe3811
commit 4613bb6d83
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
flask_soc_site/static/styles/style.css
View File

@ -107,6 +107,7 @@ body {
justify-content: center; justify-content: center;
justify-items: center; justify-items: center;
margin: auto; margin: auto;
margin-top: 25px;
/* /*
-ms-box-sizing: content-box; -ms-box-sizing: content-box;
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
@ -115,6 +116,10 @@ body {
*/ */
} }
.background_container {
background-image: url(/static/background/cool-background-trianglify.png);
}
.test_input_container { .test_input_container {
/* /*
display: grid; display: grid;
@ -285,6 +290,8 @@ body {
/* padding: 50px 50px; */ /* padding: 50px 50px; */
flex: 1 1 0; flex: 1 1 0;
border-radius: 3px; border-radius: 3px;
margin-left: 5%;
margin-right: 5%;
} }
.errors-container { .errors-container {
@ -301,8 +308,9 @@ body {
border-radius: 3px; border-radius: 3px;
} }
#myTable { #myTable {
background-color: #fad253; /* background-color: #fad253; */
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
border: 1px solid #ddd; border: 1px solid #ddd;
@ -310,7 +318,7 @@ body {
} }
#myTable th { #myTable th {
background-color: #fad253; /* background-color: #fad253; */
text-align: left; text-align: left;
/* Left-align text */ /* Left-align text */
padding: 12px; padding: 12px;
@ -336,6 +344,7 @@ body {
#myTable td[colspan] p { #myTable td[colspan] p {
padding-top: 12px; padding-top: 12px;
padding-bottom: 12px; padding-bottom: 12px;
/* background-color: #eed519; */
} }
/* TEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEST */ /* TEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEST */
@ -350,7 +359,8 @@ body {
} }
#data th { #data th {
background-color: #fad253; /* background-color: #fad253; */
background-color: #ffc100;
text-align: left; text-align: left;
/* Left-align text */ /* Left-align text */
padding: 12px; padding: 12px;
@ -360,6 +370,8 @@ body {
#data tr { #data tr {
/* Add a bottom border to all table rows */ /* Add a bottom border to all table rows */
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
/* background-color: #ffc100; */
background-color: #fad253;
} }
/*#myTable tr.header,*/ /*#myTable tr.header,*/