/* i managed to style the post field with this css but cant copy my success on the other css */
/* Main Name Styling */
.name {
color: #FFFF00 !important;
font-weight: bold;
text-shadow: 1px 1px 2px #FF4500, 0 0 25px #FFFF00, 0 0 5px #FF4500;
}
/* Body styling with background image and color */
body {
background:
url('
https://booru.soyjak.st/_images/148090bbd079fcec8a050ce96873d88f/62383%20-%20SoyBooru.gif') right bottom no-repeat fixed,
#D1C28B; /* Grayish yellow background */
background-size: 100vw auto;
background-blend-mode: normal;
}
/* Post reply and OP styling */
div.post.reply,
div.post.op {
background-color: #1E1E1E !important;
color: #FFFF00;
border-radius: 6px; /* Slightly rounded corners for posts */
border: 2px solid #FFD700; /* Soft golden border */
padding: 15px;
transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth hover transition */
}
/* Hover effect for posts (orange background and border) */
div.post.reply:hover,
div.post.op:hover {
background-color: #FF4500; /* Orange background */
border-color: #FFA500; /* Lighter orange border */
color: white; /* Change text to white on hover */
}
/* Styling for the report field (post moderation) */
div#post-moderation-fields {
background-color: #2B2B2B;
color: #FFFF00;
border-radius: 6px;
padding: 12px;
border: 2px solid #FFD700;
transition: background-color 0.3s ease;
}
/* Hover effect for report field */
div#post-moderation-fields:hover {
background-color: #FF4500;
border-color: #FFA500;
}
/* Submit button in the report field */
div#post-moderation-fields input[type="submit"] {
background-color: #FFD700;
color: #1E1E1E;
border: none;
padding: 8px 16px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
/* Hover effect for the submit button */
div#post-moderation-fields input[type="submit"]:hover {
background-color: #FF4500;
color: white;
}
/* Filenames and Tripcodes styling */
.filename, .tripcode {
color: #FFFF00;
font-weight: bold;
text-shadow: 1px 1px 3px #000, 0 0 15px #FFFF00, 0 0 10px #FFFF00;
transition: color 0.3s ease;
}
/* Hover effect for filenames and tripcodes */
.filename:hover, .tripcode:hover {
color: #FF4500; /* Change color to orange */
}
/* Styling for the post header (user names, etc.) */
span.heading {
color: #FFD700 !important;
transition: color 0.3s ease;
}
/* Hover effect for post header */
span.heading:hover {
color: #FF4500; /* Orange color when hovered */
}
/* Remove button styling */
.remove-btn {
color: rgba(255, 255, 255, 0.3) !important;
}
/* Horizontal rule (divider) */
hr {
border-color: #3B3B3B;
}
/* Input and textarea field styles */
input, textarea {
border-radius: 6px;
padding: 8px;
background-color: #333333;
color: #FFFF00;
border: 2px solid #FFD700;
transition: border-color 0.3s ease, background-color 0.3s ease;
}
/* Hover effect for input and textarea */
input:hover, textarea:hover {
border-color: #FF4500;
background-color: #555555; /* Slightly darker background */
}
/* Post reply field styling */
div.post-reply {
border-radius: 6px;
background-color: #2B2B2B;
border: 2px solid #FFD700;
padding: 12px;
transition: border-color 0.3s ease;
}
/* Hover effect for the reply field */
div.post-reply:hover {
border-color: #FF4500; /* Orange border on hover */
}