Rust/SqPad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modified CSS

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
Files/header.html
View File

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

32
Files/index.html
View File

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

2
Files/posts.json
View File

@ -1 +1,3 @@
{"name":"qzdqzd","crypt":"EFOUHjEiFhRorSgOQAgOgA==","date":"03/07/2023@18:45:45","id":11295522918797061807} {"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}