fix error + format
This commit is contained in:
+1
-1
@@ -18,4 +18,4 @@ body {
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
+23
-23
@@ -1,37 +1,37 @@
|
||||
body {
|
||||
text-align: center;
|
||||
background: black;
|
||||
text-align: center;
|
||||
background: black;
|
||||
}
|
||||
|
||||
div {
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
border: 5px solid black;
|
||||
display: inline-block;
|
||||
padding: 5%;
|
||||
padding-top: 1%;
|
||||
background-color: darkgray;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
border: 5px solid black;
|
||||
display: inline-block;
|
||||
padding: 5%;
|
||||
padding-top: 1%;
|
||||
background-color: darkgray;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 5px;
|
||||
font-size: 19px;
|
||||
background-color: purple;
|
||||
color: white;
|
||||
border-radius: 5px;
|
||||
font-size: 19px;
|
||||
background-color: purple;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input {
|
||||
border-radius: 8px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
background-color: darkgray;
|
||||
color: black;
|
||||
border-radius: 8px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
background-color: darkgray;
|
||||
color: black;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
width: 150px;
|
||||
text-align: right;
|
||||
font-size: 18px;
|
||||
display: inline-block;
|
||||
width: 150px;
|
||||
text-align: right;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
+58
-57
@@ -1,131 +1,132 @@
|
||||
:root {
|
||||
--green: #C2F9BB; /* links etc */
|
||||
--fg-color: #303034; /* post background */
|
||||
--bg-color: #1B1B1E; /* page background etc */
|
||||
--text-color: #ECEAF1; /* text */
|
||||
--blue-ish: #587291; /* buttons etc */
|
||||
--green: #c2f9bb; /* links etc */
|
||||
--fg-color: #303034; /* post background */
|
||||
--bg-color: #1b1b1e; /* page background etc */
|
||||
--text-color: #eceaf1; /* text */
|
||||
--blue-ish: #587291; /* buttons etc */
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 8px;
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
.noselect {
|
||||
user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#modal-shade,
|
||||
#modal {
|
||||
display: none;
|
||||
text-align: center;
|
||||
display: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#modal-shade {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#modal {
|
||||
z-index: 101;
|
||||
position: fixed;
|
||||
width: 50%;
|
||||
height:50%;
|
||||
left:25%;
|
||||
right:25%;
|
||||
top:25%;
|
||||
|
||||
z-index: 101;
|
||||
position: fixed;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
left: 25%;
|
||||
right: 25%;
|
||||
top: 25%;
|
||||
}
|
||||
|
||||
#modal-shade {
|
||||
background: silver;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: silver;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
#modal {
|
||||
background: rgba(0,0,0,.5);
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background-color: var(--fg-color);
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background-color: var(--fg-color);
|
||||
}
|
||||
|
||||
li {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.totib {
|
||||
margin-top: 6.5%;
|
||||
margin-top: 6.5%;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
background-color: #111;
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:link:not(.no-link-style), a:visited:not(.no-link-style) {
|
||||
color: var(--green);
|
||||
a:link:not(.no-link-style),
|
||||
a:visited:not(.no-link-style) {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.no-link-style:visited, .no-link-style:link {
|
||||
color: var(--text-color);
|
||||
.no-link-style:visited,
|
||||
.no-link-style:link {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: red;
|
||||
color: red;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: white;
|
||||
margin-top: 100px;
|
||||
background-color: var(--fg-color);
|
||||
color: white;
|
||||
margin-top: 100px;
|
||||
background-color: var(--fg-color);
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.less_padding {
|
||||
padding: 6px 14px;
|
||||
padding: 6px 14px;
|
||||
}
|
||||
|
||||
.pd-great {
|
||||
padding: 10px 30px;
|
||||
padding: 10px 30px;
|
||||
}
|
||||
|
||||
.bg-light {
|
||||
background-color: var(--fg-color);
|
||||
background-color: var(--fg-color);
|
||||
}
|
||||
|
||||
.bg-dark {
|
||||
background-color: var(--bg-color);
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
.no-bg-img {
|
||||
background: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
+67
-66
@@ -1,98 +1,99 @@
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
body {
|
||||
background-color: var(--bg-color);
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
header {
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 15vh;
|
||||
box-shadow: 5px 5px 10px rgb(0,0,0,0.3);
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 15vh;
|
||||
box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.3);
|
||||
}
|
||||
h1 {
|
||||
letter-spacing: 1.5vw;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
letter-spacing: 1.5vw;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 75vh;
|
||||
width: 100%;
|
||||
background: url(https://ipost.rocks/images/Mountains.webp) no-repeat center center;
|
||||
background-size: cover;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 75vh;
|
||||
width: 100%;
|
||||
background: url(https://ipost.rocks/images/Mountains.webp) no-repeat center
|
||||
center;
|
||||
background-size: cover;
|
||||
}
|
||||
.form_class {
|
||||
width: 500px;
|
||||
padding: 40px;
|
||||
border-radius: 8px;
|
||||
background-color: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
box-shadow: 5px 5px 10px rgb(0,0,0,.3);
|
||||
width: 500px;
|
||||
padding: 40px;
|
||||
border-radius: 8px;
|
||||
background-color: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.3);
|
||||
}
|
||||
.form_div {
|
||||
text-transform: uppercase;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.form_div > label {
|
||||
letter-spacing: 3px;
|
||||
font-size: 1rem;
|
||||
letter-spacing: 3px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.info_div {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.info_div {
|
||||
letter-spacing: 1px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.field_class {
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 5px 0px;
|
||||
text-indent: 6px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 0.9rem;
|
||||
letter-spacing: 2px;
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 5px 0px;
|
||||
text-indent: 6px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 0.9rem;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
.submit_class {
|
||||
border-style: none;
|
||||
border-radius: 5px;
|
||||
background-color: #FFE6D4;
|
||||
padding: 8px 20px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .8px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 10px;
|
||||
box-shadow: 2px 2px 5px rgb(0,0,0,0.2);
|
||||
cursor: pointer;
|
||||
border-style: none;
|
||||
border-radius: 5px;
|
||||
background-color: #ffe6d4;
|
||||
padding: 8px 20px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.8px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 10px;
|
||||
box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.2);
|
||||
cursor: pointer;
|
||||
}
|
||||
footer {
|
||||
height: 10vh;
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: -5px -5px 10px rgb(0,0,0,0.3);
|
||||
height: 10vh;
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: -5px -5px 10px rgb(0, 0, 0, 0.3);
|
||||
}
|
||||
footer > p {
|
||||
text-align: center;
|
||||
letter-spacing: 3px;
|
||||
text-align: center;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
footer > p > a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
a {
|
||||
color: red;
|
||||
text-decoration: none;
|
||||
color: red;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
+31
-30
@@ -1,46 +1,47 @@
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
body {
|
||||
background-color: lightgreen;
|
||||
background-color: lightgreen;
|
||||
}
|
||||
header {
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 15vh;
|
||||
box-shadow: 5px 5px 10px rgb(0,0,0,0.3);
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 15vh;
|
||||
box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.3);
|
||||
}
|
||||
h1 {
|
||||
letter-spacing: 1.5vw;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
letter-spacing: 1.5vw;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 75vh;
|
||||
width: 100%;
|
||||
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Mountains-1412683.svg/1280px-Mountains-1412683.svg.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 75vh;
|
||||
width: 100%;
|
||||
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Mountains-1412683.svg/1280px-Mountains-1412683.svg.png)
|
||||
no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
.info_div {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.info_div {
|
||||
letter-spacing: 1px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
footer {
|
||||
height: 10vh;
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: -5px -5px 10px rgb(0,0,0,0.3);
|
||||
height: 10vh;
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: -5px -5px 10px rgb(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
+51
-48
@@ -1,108 +1,111 @@
|
||||
#posts > div > p > span:first-child {
|
||||
color: #BFE7D4;
|
||||
color: #bfe7d4;
|
||||
}
|
||||
|
||||
.status {
|
||||
color: var(--text-color);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.self {
|
||||
color: var(--text-color);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
#username-self {
|
||||
color: #036D19;
|
||||
color: #036d19;
|
||||
}
|
||||
|
||||
.specialtext {
|
||||
color: yellow;
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
.crossout {
|
||||
text-decoration: line-through;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.greentext {
|
||||
color: var(--green);
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
#posts > div {
|
||||
background-color: var(--fg-color);
|
||||
padding-left: 5px;
|
||||
padding-bottom: 2px;
|
||||
background-color: var(--fg-color);
|
||||
padding-left: 5px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
margin-right: 5px;
|
||||
margin-top: 10px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.mention {
|
||||
color: blue;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.user-mention {
|
||||
color: #036D19;
|
||||
color: #036d19;
|
||||
}
|
||||
|
||||
.everyone-mention {
|
||||
color: aqua;
|
||||
color: aqua;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg-color);
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
textarea {
|
||||
background-color: var(--bg-color);
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: var(--blue-ish);
|
||||
background-color: var(--blue-ish);
|
||||
}
|
||||
|
||||
.post,.self,.status {
|
||||
padding: 1%;
|
||||
color: var(--text-color);
|
||||
width: 50%;
|
||||
margin-left: 25%;
|
||||
margin-right: 25%;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 10px;
|
||||
overflow-wrap: break-word;
|
||||
overflow: hidden;
|
||||
.post,
|
||||
.self,
|
||||
.status {
|
||||
padding: 1%;
|
||||
color: var(--text-color);
|
||||
width: 50%;
|
||||
margin-left: 25%;
|
||||
margin-right: 25%;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 10px;
|
||||
overflow-wrap: break-word;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ovfl-bw {
|
||||
overflow-wrap: break-word;
|
||||
overflow: hidden;
|
||||
background-color: var(--bg-color);
|
||||
padding: 1%;
|
||||
overflow-wrap: break-word;
|
||||
overflow: hidden;
|
||||
background-color: var(--bg-color);
|
||||
padding: 1%;
|
||||
}
|
||||
|
||||
#post-text, button {
|
||||
color: var(--text-color);
|
||||
border-radius: 5px;
|
||||
resize: none;
|
||||
overflow-wrap: break-word;
|
||||
overflow: hidden;
|
||||
#post-text,
|
||||
button {
|
||||
color: var(--text-color);
|
||||
border-radius: 5px;
|
||||
resize: none;
|
||||
overflow-wrap: break-word;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.channelTab {
|
||||
color: var(--text-color);
|
||||
background-color: var(--fg-color);
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
color: var(--text-color);
|
||||
background-color: var(--fg-color);
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.channel {
|
||||
padding: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#scriptonly {
|
||||
margin: auto;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
+1
-1
@@ -4,5 +4,5 @@ body {
|
||||
}
|
||||
|
||||
.form_div {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
+19
-18
@@ -5,7 +5,7 @@ body {
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: white;
|
||||
color: white;
|
||||
}
|
||||
|
||||
button {
|
||||
@@ -13,29 +13,30 @@ button {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
::placeholder{
|
||||
color: white;
|
||||
::placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#bio {
|
||||
color:black;
|
||||
font-size: 20px;
|
||||
background-color: black;
|
||||
border: 0px solid black;
|
||||
border-radius: 7px;
|
||||
#bio {
|
||||
color: black;
|
||||
font-size: 20px;
|
||||
background-color: black;
|
||||
border: 0px solid black;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
.bio {
|
||||
color:black;
|
||||
font-size: 20px;
|
||||
color: black;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
/* align-items: center; */
|
||||
justify-content: center;
|
||||
height: 75vh;
|
||||
width: 100%;
|
||||
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Mountains-1412683.svg/1280px-Mountains-1412683.svg.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
display: flex;
|
||||
/* align-items: center; */
|
||||
justify-content: center;
|
||||
height: 75vh;
|
||||
width: 100%;
|
||||
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Mountains-1412683.svg/1280px-Mountains-1412683.svg.png)
|
||||
no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user