Link to article: SCP-7210.
:root {
--header-title: "GHOSTPOST";
--header-subtitle: "Mail Beyond Worlds!";
--accentColor: #c46262;
--lgurl: url("https://clipart-library.com/images_k/email-clipart-transparent/email-clipart-transparent-6.png");
}
/* Styling for the email container */
.email-container {
background-color: #f7f7f7;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
margin: auto;
font-family: Arial, sans-serif;
text-align: center; /* Center align buttons */
position: relative;
width: 90%;
}
.body {
padding: 0px;
margin: 0px;
}
/* Styling for the quote block */
.quote-block {
background-color: #f7f7f7; /* Background color */
border-left: 4px solid #0077cc; /* Left border color */
padding: 10px 20px; /* Padding inside the quote block */
margin: 10px 0; /* Margin around the quote block */
font-style: italic; /* Italic text */
color: #333; /* Text color */
text-align: left;
}
.email {
text-align: left;
}
/* Styling for email items */
.email-item {
background-color: #fff;
margin-bottom: 10px;
border: 1px solid #ddd;
padding: 10px;
border-radius: 3px;
color: #555; /* Slightly darker text color */
text-align: center;
}
/* Styling for email headers */
.email-header {
text-align: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
color: #333; /* Darker title color */
}
/* Styling for email actions */
.email-actions {
position: relative;
left: 0; /* Align buttons to the left */
bottom: 10px;
width: 100%; /* Ensure full width for buttons */
}
.email-action {
display: inline-block; /* Display buttons next to each other */
margin: 0 10px; /* Add margin between buttons */
text-decoration: none;
color: #0077cc;
font-weight: bold;
pointer-events: none;
}
.email-action:hover {
background-color: #0077cc; /* Change background color on hover */
color: #fff; /* Change text color on hover */
cursor: pointer; /* Change cursor to pointer on hover */
text-decoration: none; /* Remove underline on hover */
}
/* Styling for email sender, subject, and date */
.email-sender,
.email-subject,
.email-date {
display: block;
margin-bottom: 5px;
margin-top: 10px;
font-weight: bold;
}
.email-subject {
color: #c46262;
{
/* Styling for the new message container */
#new-message-1 {
background-color: #fff;
margin-bottom: 10px;
border: 1px solid #ddd;
padding: 10px;
border-radius: 3px;
color: #555; /* Slightly darker text color */
}
:root {
--timeScale: 2;
--timeDelay: 0s;
}
.page {
display: block;
overflow: hidden;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page p,
.page ul {
line-height: 20px;
margin: 0;
}
/* Styling for the flashing notification */
.notification {
background-color: #fff; /* Background color */
border: 1px solid #ddd;
padding: 10px;
border-radius: 3px;
color: #c46262; /* Text color */
margin-top: 20px;
text-align: center;
font-weight: bold;
font-size: 16px;
}
.flashing {
animation: blink 1s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
text-align:center;
:scp-wiki:theme:penumbra
[info]
:scp-wiki:component:betterfootnotes
[info]
:scp-wiki:component:ratio-bar
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:wide-image-sizer
[info]
:scp-wiki:component:betterfootnotes
[info]
:scp-wiki:component:fade-in
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
email-container
email-header
email-title
email-actions
email-action
email-action
email-list
email-item
email-sender
email-subject
email-date
email
fnnum
fncon
fnnum
fncon
quote-block
quote-block
quote-block
quote-block
quote-block
quote-block
quote-block
quote-block
page
page
page
page
page
page
page
quote-block
quote-block
quote-block
quote-block
quote-block
quote-block
quote-block
quote-block
notification
flashing
email-item
email-sender
email-subject
email-date
email
footer-wikiwalk-nav