Link to article: Scp 6987 0.
.customlink a{
color: red;
animation: blink 0.8s ease-in-out infinite alternate;
}
.email-example .collapsible-block-folded a.collapsible-block-link {
animation: blink 0.8s ease-in-out infinite alternate;
border: 1px solid maroon;
padding:0.25em;
border-radius:5px;
background:white;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
[!--body{
background-color:#a4c2ec;
}--]
hr{
background-color:black;
border-color:black;
height:3px;
}
h1, h2, h3, h4{
color: rgb(244, 244, 244);
}
h5{
color:#275495;
}
.darkpanel{
background:#424248;
border: 1px solid inherit;
border-radius:10px;
padding:10px;
color:rgb(244,244,244);
}
.lightpanel{
background:rgb(187,225,250);
border: 1px solid inherit;
border-radius:10px;
padding:5px;
color:rgb(48,48,52);
margin:10px;
}
.fakeh3{
font-family: 'Work Sans', sans-serif;
font-weight: 800;
text-transform: uppercase;
color: black;
font-size:130%;
}
.headbox{
background:#275495;
padding:2px;
margin:auto;
text-align:center;
border: 1px solid #275495;
border-radius:10px;
}
.pamphlet{
background:rgb(170,170,170);
padding:10px;
[!--border-radius:10px;--]
}
.column{
float:left;
width:50%;
padding:3px;
}
.columnnarrow{
float:left;
width: 50%
}
.columnwide {
float: left;
width: 50%;
}
.column .lc{
border-right: 2px solid #424248;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
* {
box-sizing: border-box;
}
/* Set a background color */
.timeline-flex {
position: relative;
max-width: 1200px;
margin: 15px auto;
margin-top:5px;
background-color: rgb(187,225,250); /* background blue*/
border: 5px solid rgb(187,225,250);
border-radius:10px;
overflow:hidden;
display: flex;
flex-wrap: wrap;
}
/* The actual timeline (the vertical ruler) */
.timeline-flex::after {
content: '';
position: absolute;
width: 6px;
background-color: black;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
}
/* Container around content */
.container {
padding: 10px 30px;
position: relative;
background-color: inherit;
border-radius: 10px;
flex-basis: 50%;
color: white;
}
/* The circles on the timeline */
.left::after,
.right::after
{
content: '';
position: absolute;
width: 25px;
height: 25px;
right: -17px;
background-color: #E09F1F;
border: 4px solid black;
top: 15px;
border-radius: 50%;
z-index: 1;
overflow:visible;
}
.right::after {
left: -16px;
}
/* Bubble around the text. */
.time-content {
padding: 10px 15px;
background-color: #424248;
position: relative;
border-radius: 6px;
}
.timeline-image > img {
width: 20em;
border-radius: 6px;
border: 4px solid #424248;
background-color: rgb(244,244,244)
}
.timeline-image {
text-align: center;
border-radius:6px;
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
.timeline::after {
left: 0px;
flex-basis:0;
}
/* Full-width containers */
.container {
width: 100%;
padding-left: 70px;
padding-right: 25px;
color:white;
}
/* Make sure all circles are at the same spot */
.left::after, .right::after {
left: -17px;
}
/* Make all right containers behave like the left ones */
.right {
left: 0%;
}
.timeline-flex {
display: block;
border-left: 6px solid black;
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.timeline-flex::after {
content: unset;
left:31px;
}
.columnnarrow{
float:left;
width: 100%
}
.columnwide {
float: left;
width: 100%;
}
.column{
float: left;
width: 100%;
}
}
.notation {
border-left: solid 3px rgb(30, 30, 30);
border-right: solid 3px rgb(30, 30, 30);
padding: 25px 25px 25px 25px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
width: 75%;
margin: auto;
background: #f7f7f7;
}
.raisa_memo {
background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad;
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
width: 90%;
min-height: 4rem;
max-height: 100rem;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px 20px 20px 20px;
word-break: break-word;
}
.raisa_memo>p:nth-child(1)::before {
content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
font-weight: 900;
font-size: 130%;
text-align: center;
margin-bottom: 1rem;
padding-bottom: 0.3rem;
border-bottom: dotted 0.13rem darkslategrey;
max-width: 49rem;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-content: stretch;
align-items: center;
}
width:90%
email-example
notation
fakeh3
raisa_memo
anom-bar-esoteric
pamphlet
lightpanel
headbox
headbox
notation
fakeh3
headbox
timeline-flex
container
left
time-content
container
timeline-image
container
timeline-image
container
right
time-content
container
left
time-content
container
container
left
time-content
container
right
time-content
container
left
time-content
container
container
timeline-image
container
right
time-content
container
left
time-content
container
timeline-image
container
timeline-image
container
right
time-content
container
left
time-content
container
container
timeline-image
container
right
time-content
darkpanel
headbox
lightpanel
row
column
lc
headbox
column
headbox
headbox
customlink