Modified CSS
This commit is contained in:
parent
8787d3cdc5
commit
a15a7ca974
@ -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,14 +112,14 @@
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
color: orange;
|
||||
color: pink;
|
||||
}
|
||||
|
||||
.table-container {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
@ -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 {
|
||||
|
@ -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}
|
||||
|
Loading…
x
Reference in New Issue
Block a user