Modified CSS

This commit is contained in:
Justine Pelletreau 2023-07-07 13:59:09 +02:00
parent 8787d3cdc5
commit a15a7ca974
3 changed files with 60 additions and 44 deletions

View File

@ -7,16 +7,15 @@
<title>SqPad</title>
<style>
body {
background-color: black;
background-color: #2e2e2e;
color: white;
font-family: Arial, sans-serif;
text-align: center;
padding-top: 50px;
}
h1,
h2{
color: orange;
h1 {
color: pink;
}
#logo {
@ -24,19 +23,13 @@
margin: 0 auto;
}
pre {
word-wrap: break-word;
white-space: pre-wrap;
font-size: 18px;
}
#form-container {
max-width: 400px;
max-width: 90%;
margin: 0 auto;
padding: 20px;
border: 2px solid orange;
border: 2px solid pink;
border-radius: 10px;
align: center;
}
label {
@ -46,16 +39,33 @@
input[type="text"] {
width: 100%;
padding: 8px;
margin-top: 5px;
border: 1px solid orange;
border: 1px solid pink;
border-radius: 5px;
background-color: black;
background-color: #2e2e2e;
color: white;
margin: auto;
display: block;
}
textarea {
width: 100%;
border: 1px solid pink;
border-radius: 5px;
background-color: #2e2e2e;
color: white;
align: center;
margin: auto;
display: block;
}
a {
color: pink;
}
input[type="submit"] {
background-color: orange;
background-color: pink;
color: black;
padding: 10px 20px;
border: none;
@ -65,7 +75,7 @@
}
input[type="submit"]:hover {
background-color: darkorange;
background-color: darkpink;
}
/* CSS for the table */
@ -73,7 +83,7 @@
width: 100%;
border-collapse: collapse;
margin-top: 20px;
border: 2px solid orange;
border: 2px solid pink;
color: white;
}
@ -81,12 +91,12 @@
td {
padding: 10px;
text-align: left;
border-bottom: 1px solid orange;
border-bottom: 1px solid pink;
}
th {
background-color: black;
color: orange;
color: pink;
}
tr:nth-child(even) {
@ -102,7 +112,7 @@
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
color: orange;
color: pink;
}
.table-container {

View File

@ -7,7 +7,7 @@
<title>SqPad</title>
<style>
body {
background-color: black;
background-color: #2e2e2e;
color: white;
font-family: Arial, sans-serif;
text-align: center;
@ -15,7 +15,7 @@
}
h1 {
color: orange;
color: pink;
}
#logo {
@ -24,10 +24,10 @@
}
#form-container {
max-width: 400px;
max-width: 90%;
margin: 0 auto;
padding: 20px;
border: 2px solid orange;
border: 2px solid pink;
border-radius: 10px;
align: center;
}
@ -39,9 +39,9 @@
input[type="text"] {
width: 100%;
border: 1px solid orange;
border: 1px solid pink;
border-radius: 5px;
background-color: black;
background-color: #2e2e2e;
color: white;
margin: auto;
display: block;
@ -49,9 +49,9 @@
textarea {
width: 100%;
border: 1px solid orange;
border: 1px solid pink;
border-radius: 5px;
background-color: black;
background-color: #2e2e2e;
color: white;
align: center;
margin: auto;
@ -59,9 +59,13 @@
}
a {
color: pink;
}
input[type="submit"] {
background-color: orange;
background-color: pink;
color: black;
padding: 10px 20px;
border: none;
@ -71,7 +75,7 @@
}
input[type="submit"]:hover {
background-color: darkorange;
background-color: darkpink;
}
/* CSS for the table */
@ -79,7 +83,7 @@
width: 100%;
border-collapse: collapse;
margin-top: 20px;
border: 2px solid orange;
border: 2px solid pink;
color: white;
}
@ -87,12 +91,12 @@
td {
padding: 10px;
text-align: left;
border-bottom: 1px solid orange;
border-bottom: 1px solid pink;
}
th {
background-color: black;
color: orange;
color: pink;
}
tr:nth-child(even) {
@ -108,7 +112,7 @@
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
color: orange;
color: pink;
}
.table-container {

View File

@ -1 +1,3 @@
{"name":"qzdqzd","crypt":"EFOUHjEiFhRorSgOQAgOgA==","date":"03/07/2023@18:45:45","id":11295522918797061807}
{"name":"qzdqzdq","crypt":"Wap895rKiiX6QKQcoW/HeA==","date":"07/07/2023@13:54:54","id":11359763750215510915}
{"name":"Salut","crypt":"HgTgatuvDrFDzSzB1NBD8g==","date":"07/07/2023@13:58:53","id":7122794868924569050}