Link to article: Cubeseer's Observatory.
:root {
--logo-image: url("https://scp-wiki.wdfiles.com/local--files/cubeseer-author-page/spinning_cube.gif");
--header-title: "CUBESEER";
--header-subtitle: "Sunrise, Parabellum";
--wm-bg: 0,0,0;
--wm-accent: 138,18,98;
--wm-border: 170,170,170;
--foreground-stars: 100s;
--midground-stars: 200s;
--background-stars: 300s;
}
/*---------- Pride Logo Headers ----------*/
.orderwrapper {
background-image: url( "https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo_blk.svg" );
background-size: contain;
background-repeat: no-repeat;
background-position: center;
-webkit-text-stroke: .3px white;
}
.pridelogr {
background-image: url( "https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo_blk.svg" );
}
.pridelogn {
background-image: url( "https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/nb_logo_blk.svg" );
}
.pridelogb {
background-image: url( "https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/bi_logo_blk.svg" );
}
.pridelogt {
background-image: url( "https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg" );
}
/*---------- Animated Rainbow Text ----------*/
.parade {
margin: 0.5em auto;
text-align: center;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(45deg,
rgb(255,0,0),
rgb(255,128,0),
rgb(255,255,0),
rgb(128,255,0),
rgb(0,255,0),
rgb(0,255,128),
rgb(0,255,255),
rgb(0,128,255),
rgb(0,0,255),
rgb(128,0,255),
rgb(255,0,255),
rgb(255,0,128),
rgb(255,0,0));
background-size: 200%;
-webkit-animation: rainbow 10s linear infinite;
-moz-animation: rainbow 10s linear infinite;
-o-animation: rainbow 10s linear infinite;
animation: rainbow 10s linear infinite;
}
@keyframes rainbow {
0% {background-position: 0 0;}
100% {background-position: 200% 0;}
}
/*---------- Latest Article Ticker ----------*/
.ticker {
background-color: #272727;
color: magenta;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
border: 4px grey solid;
text-align: center;
}
.ticker p {
font-family: monospace;
display: inline-block;
padding-left: 100%;
animation: marquee 10s linear infinite;
}
.ticker > .list-pages-box a {
text-decoration: underline;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
@media only screen and (max-width: 767px) {
.ticker {
top: 9%;
}
}
/*---------- Scanline ----------*/
#extrac-div-1 {
position: fixed;
width: 100vw;
height: 100vh;
pointer-events: none;
background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, 0));
background-size: auto 8px;
opacity: 0.7;
}
#extrac-div-2 {
position: fixed;
width: 100vw;
height: 1rem;
top: 0;
pointer-events: none;
background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(255, 250, 250, 1) 50%, rgba(255, 255, 255, 0.98) 51%, rgba(255, 0, 0, 0) 100%);
opacity: .1;
-webkit-animation: scanm 6s linear infinite;
animation: scanm 6s linear infinite;
}
@-webkit-keyframes scanm {
0% {
top: -1rem;
opacity: .05;
}
25% {
top: 50%;
opacity: .03;
}
37.5% {
top: 75%;
opacity: 0.06;
}
50% {
top: 100%;
opacity: .03;
}
100% {
top: 100%;
}
}
@keyframes scanm {
0% {
top: -1rem;
opacity: .05;
}
25% {
top: 50%;
opacity: .03;
}
37.5% {
top: 75%;
opacity: 0.06;
}
50% {
top: 100%;
opacity: .03;
}
100% {
top: 100%;
}
}
#extrac-div-3 {
position: fixed;
width: 100vw;
height: 100vh;
pointer-events: none;
opacity: 0.25;
mix-blend-mode: color-dodge;
background-repeat: no-repeat;
background-size: cover;
z-index: 30;
}
/*---------- Terminal ----------*/
.containercontainer {
position: relative;
width: auto;
height: auto;
border: 2px solid #666;
background: #141212;
color: #3F3;
margin-top: 1em;
margin-bottom: 1em;
}
.containercontainer .container {
text-align: center;
width: inherit;
height: inherit;
position: relative;
overflow: hidden;
}
.containercontainer .container::after {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(21, 19, 19, 0.2);
opacity: 0;
z-index: 2;
}
.containercontainer .container::before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
z-index: 2;
background-size: 100% 2px, 3px 100%;
}
.blinked {
animation: blink 1.5s steps(1) infinite;
color: #fff;
}
@keyframes blink {
50% { opacity: 0; }
}
/*---------- STAR BG ----------*/
@media (prefers-reduced-motion: no-preference) {
#extra-div-3,
#extra-div-4,
#extra-div-5 {
position: fixed;
display: block;
pointer-events: none;
top: 0;
left: 0;
z-index: -5;
}
#extra-div-3::before,
#extra-div-3::after,
#extra-div-4::before,
#extra-div-4::after,
#extra-div-5::before,
#extra-div-5::after {
content: "";
display: block;
background: transparent;
border-radius: 50%;
z-index: 11;
position: absolute;
}
#extra-div-3::before,
#extra-div-3::after {
height: 1px;
width: 1px;
top: 0px;
animation: animStar var(--background-stars) linear infinite;
box-shadow: 71vw 1857px #FFF , 8vw 10px #FFF , 74vw 241px #FFF , 35.5vw 1724px #FFF , 79vw 1422px #FFF , 8.5vw 62px #FFF , 31vw 168px #FFF , 20vw 1009px #FFF , 49.5vw 284px #FFF , 39.5vw 836px #FFF , 62.5vw 531px #FFF , 58vw 1013px #FFF , 96vw 1100px #FFF , 55vw 697px #FFF , 37vw 1473px #FFF , 53.5vw 320px #FFF , 70.5vw 1950px #FFF , 30.5vw 967px #FFF , 45vw 1769px #FFF , 29.5vw 442px #FFF , 86.5vw 1177px #FFF , 57.5vw 875px #FFF , 70vw 1660px #FFF , 17.5vw 906px #FFF , 6vw 1294px #FFF , 32.5vw 487px #FFF , 33.5vw 935px #FFF , 85.5vw 659px #FFF , 2vw 1010px #FFF , 76.5vw 923px #FFF , 30vw 1729px #FFF , 59vw 557px #FFF , 15.5vw 398px #FFF , 21vw 940px #FFF , 81vw 199px #FFF , 53.5vw 630px #FFF , 68.5vw 1840px #FFF , 43.5vw 1868px #FFF , 74vw 11px #FFF , 7vw 695px #FFF , 56.5vw 338px #FFF , 5.5vw 849px #FFF , 66vw 1495px #FFF , 82vw 924px #FFF , 62vw 1306px #FFF , 12vw 1256px #FFF , 97.5vw 1114px #FFF , 86vw 14px #FFF , 3.5vw 1820px #FFF , 35.5vw 1247px #FFF , 53vw 701px #FFF , 0.5vw 1067px #FFF , 80.5vw 1986px #FFF , 42.5vw 1115px #FFF , 77.5vw 463px #FFF , 77.5vw 1404px #FFF , 81vw 1929px #FFF , 71.5vw 833px #FFF , 96.5vw 1380px #FFF , 78vw 1692px #FFF , 28vw 1939px #FFF , 9vw 21px #FFF , 22.5vw 797px #FFF , 84.5vw 785px #FFF , 95.5vw 1561px #FFF , 53.5vw 4px #FFF , 6vw 1535px #FFF , 47vw 729px #FFF , 10.5vw 1572px #FFF , 43.5vw 1620px #FFF , 36vw 139px #FFF , 49vw 380px #FFF , 88.5vw 927px #FFF , 96.5vw 212px #FFF , 25.5vw 1612px #FFF , 31vw 270px #FFF , 76vw 1589px #FFF , 5vw 1810px #FFF , 10vw 1315px #FFF , 50.5vw 397px #FFF;
}
#extra-div-4::before,
#extra-div-4::after {
height: 2px;
width: 2px;
top: 0px;
animation: animStar var(--midground-stars) linear infinite;
box-shadow: 37.5vw 596px #FFF , 23vw 1143px #FFF , 77.5vw 150px #FFF , 20.5vw 1927px #FFF , 63vw 1558px #FFF , 5vw 1714px #FFF , 44.5vw 659px #FFF , 77.5vw 206px #FFF , 18.5vw 997px #FFF , 50vw 1476px #FFF , 10.5vw 768px #FFF , 47vw 577px #FFF , 46vw 1989px #FFF , 23.5vw 1073px #FFF , 60.5vw 1975px #FFF , 38vw 219px #FFF , 79.5vw 527px #FFF , 46.5vw 1128px #FFF , 17.5vw 1707px #FFF , 64.5vw 780px #FFF , 7vw 874px #FFF , 89.5vw 963px #FFF , 43vw 700px #FFF , 96.5vw 101px #FFF , 8vw 1925px #FFF , 1vw 243px #FFF , 15vw 1396px #FFF , 27vw 1636px #FFF , 84.5vw 1642px #FFF , 13vw 67px #FFF , 52vw 117px #FFF , 61vw 679px #FFF , 29vw 685px #FFF , 72.5vw 417px #FFF , 3.5vw 664px #FFF , 57vw 556px #FFF , 20.5vw 333px #FFF , 87.5vw 808px #FFF , 40.5vw 1798px #FFF , 51vw 442px #FFF , 10.5vw 438px #FFF , 85.5vw 919px #FFF , 67.5vw 1301px #FFF , 17vw 1135px #FFF , 13vw 1400px #FFF , 30.5vw 1964px #FFF , 81.5vw 1033px #FFF , 61.5vw 203px #FFF , 22vw 343px #FFF , 40.5vw 802px #FFF , 67.5vw 1541px #FFF , 54vw 1247px #FFF , 49.5vw 1961px #FFF , 83vw 1929px #FFF , 95vw 740px #FFF , 5vw 1928px #FFF , 20vw 995px #FFF , 17vw 1979px #FFF , 62vw 1762px #FFF , 96vw 538px #FFF , 36vw 265px #FFF , 4vw 1744px #FFF , 43vw 666px #FFF , 24vw 349px #FFF , 1vw 1972px #FFF , 81.5vw 1024px #FFF , 78.5vw 134px #FFF , 69.5vw 1526px #FFF , 86vw 368px #FFF , 16.5vw 1696px #FFF;
}
#extra-div-5::before,
#extra-div-5::after {
top: 0px;
animation: animStar var(--foreground-stars) linear infinite;
box-shadow: 11vw 1206px #FFF , 58vw 1913px #FFF , 38.5vw 1332px #FFF , 26vw 1614px #FFF , 81vw 1998px #FFF , 62vw 1477px #FFF , 91.5vw 1669px #FFF , 89.5vw 1004px #FFF , 26vw 12px #FFF , 5.5vw 1619px #FFF , 80vw 337px #FFF , 87.5vw 1734px #FFF , 94.5vw 1152px #FFF , 53vw 1849px #FFF , 28vw 395px #FFF , 71vw 421px #FFF , 27vw 706px #FFF , 64.5vw 264px #FFF , 18.5vw 52px #FFF , 86vw 185px #FFF , 56vw 829px #FFF , 20.5vw 484px #FFF , 4.5vw 1543px #FFF , 77.5vw 1564px #FFF , 51vw 921px #FFF , 28.5vw 157px #FFF , 48vw 675px #FFF , 40.5vw 993px #FFF , 94vw 1804px #FFF , 29.5vw 699px #FFF , 30vw 1294px #FFF , 99vw 364px #FFF , 93vw 1178px #FFF , 62vw 1314px #FFF , 73vw 1522px #FFF , 100vw 662px #FFF , 48.5vw 1040px #FFF , 80vw 934px #FFF , 17vw 1216px #FFF , 87.5vw 1625px #FFF , 70vw 1819px #FFF , 93.5vw 1667px #FFF , 69vw 1962px #FFF;
height: 3px;
width: 3px;;
}
#extra-div-3::after,
#extra-div-4::after,
#extra-div-5::after {
top: 2000px;
}
@media (max-width: 767px) {
#extra-div-3::before,
#extra-div-3::after {
box-shadow: 74.5vw 935px #FFF , 44vw 878px #FFF , 54.5vw 573px #FFF , 64vw 59px #FFF , 6vw 1182px #FFF , 35vw 1394px #FFF , 22vw 1309px #FFF , 89.5vw 1154px #FFF , 66.5vw 730px #FFF , 34.5vw 1611px #FFF , 9.5vw 1432px #FFF , 50.5vw 114px #FFF , 95.5vw 1497px #FFF , 86.5vw 1838px #FFF , 38vw 1185px #FFF , 64.5vw 1020px #FFF , 3vw 119px #FFF , 87vw 1311px #FFF , 30vw 50px #FFF , 87.5vw 315px #FFF , 99vw 1807px #FFF , 72.5vw 1160px #FFF , 40vw 1510px #FFF , 1.5vw 112px #FFF , 87.5vw 414px #FFF , 58.5vw 987px #FFF , 80vw 1086px #FFF , 2.5vw 1412px #FFF , 54vw 1870px #FFF , 63.5vw 1781px #FFF , 72vw 502px #FFF , 9.5vw 928px #FFF , 42vw 363px #FFF , 79.5vw 4px #FFF , 88vw 1475px #FFF , 70vw 328px #FFF , 51vw 1221px #FFF , 34vw 1334px #FFF , 70.5vw 1900px #FFF , 33vw 926px #FFF , 89.5vw 1878px #FFF , 38.5vw 598px #FFF , 34.5vw 1159px #FFF , 2.5vw 159px #FFF , 62vw 45px #FFF , 53vw 1610px #FFF , 3.5vw 1568px #FFF , 0.5vw 808px #FFF , 24vw 609px #FFF , 45vw 1282px #FFF , 14vw 1944px #FFF , 84vw 1390px #FFF , 26.5vw 2px #FFF , 33.5vw 1580px #FFF;
}
#extra-div-4::before,
#extra-div-4::after {
box-shadow: 61.5vw 524px #FFF , 75.5vw 559px #FFF , 83.5vw 86px #FFF , 61vw 109px #FFF , 66vw 1318px #FFF , 63.5vw 838px #FFF , 96.5vw 632px #FFF , 66vw 418px #FFF , 16.5vw 1661px #FFF , 4.5vw 1658px #FFF , 12.5vw 1895px #FFF , 5vw 1609px #FFF , 77.5vw 1493px #FFF , 16.5vw 1450px #FFF , 55vw 1541px #FFF , 79vw 718px #FFF , 12.5vw 420px #FFF , 50vw 1883px #FFF , 39vw 1849px #FFF , 34vw 1522px #FFF , 42vw 10px #FFF , 12vw 1578px #FFF , 30vw 7px #FFF , 94vw 1222px #FFF , 92vw 701px #FFF , 28.5vw 1410px #FFF , 65.5vw 839px #FFF , 98.5vw 481px #FFF , 20.5vw 902px #FFF , 69.5vw 1518px #FFF , 97vw 1630px #FFF , 33vw 1771px #FFF , 78vw 439px #FFF , 55.5vw 251px #FFF , 39vw 756px #FFF , 93.5vw 1264px #FFF , 64vw 340px #FFF , 24.5vw 1959px #FFF , 69vw 794px #FFF , 30vw 728px #FFF , 54vw 1423px #FFF , 18vw 198px #FFF , 46vw 403px #FFF , 78.5vw 650px #FFF , 50.5vw 1127px #FFF , 37.5vw 984px #FFF , 23vw 1135px #FFF , 51.5vw 1409px #FFF , 27vw 710px #FFF;
}
#extra-div-5::before,
#extra-div-5::after {
box-shadow: 62.5vw 1666px #FFF , 8.5vw 1840px #FFF , 23.5vw 571px #FFF , 28vw 1411px #FFF , 66vw 1237px #FFF , 47vw 1065px #FFF , 3vw 649px #FFF , 69.5vw 514px #FFF , 96vw 1526px #FFF , 53vw 1381px #FFF , 62vw 1204px #FFF , 54.5vw 247px #FFF , 25.5vw 1354px #FFF , 19.5vw 1011px #FFF , 45.5vw 672px #FFF , 4vw 28px #FFF , 62vw 1865px #FFF , 1.5vw 1042px #FFF , 30.5vw 1649px #FFF , 56vw 1770px #FFF , 72vw 1531px #FFF , 79.5vw 111px #FFF , 93vw 216px #FFF , 83vw 496px #FFF , 43vw 1989px #FFF , 73.5vw 1132px #FFF , 16vw 198px #FFF , 83vw 804px #FFF , 54.5vw 1277px #FFF , 91.5vw 598px #FFF , 14vw 406px #FFF , 33vw 1431px #FFF , 95vw 1509px #FFF , 12vw 1188px #FFF , 38vw 611px #FFF , 8.5vw 1337px #FFF , 2.5vw 630px #FFF , 64vw 167px #FFF , 6.5vw 634px #FFF;
}
}
}
/*--------- KEYFRAMES ---------*/
@keyframes animStar {
from {
transform: translateY(0px);
}
to {
transform: translateY(-2000px);
}
}
/*---------TOGGLE---------*/
:root:has(.star-toggle .collapsible-block-folded[style="display: none;"]) :is(#extra-div-3, #extra-div-4, #extra-div-5)::before,
:root:has(.star-toggle .collapsible-block-folded[style="display: none;"]) :is(#extra-div-3, #extra-div-4, #extra-div-5)::after {
animation-play-state: paused;
}
#page-content#page-content .star-toggle a.collapsible-block-link {
border: none;
border-bottom: solid 1px rgb(var(--space-sun));
font-weight: normal;
padding: 0 .675em;
color: rgb(var(--space-sun));
}
#page-content#page-content .star-toggle a.collapsible-block-link:hover {
box-shadow: none;
text-decoration: none;
}
background-color: #191410; border-top: double #5BCEFA; border-left: double #FFFFFF; border-right: double #FFFFFF; border-bottom: double #F5A9B8;
color: white; background: #2e2e2e; font-family: monospace;
filter: blur(3px);
filter: blur(3px);
background-color: #191410; border-top: double #5BCEFA; border-left: double #FFFFFF; border-right: double #FFFFFF; border-bottom: double #F5A9B8;
text-align: center;
text-align: left;
background-color: #191410; border-top: double #5BCEFA; border-left: double #FFFFFF; border-right: double #FFFFFF; border-bottom: double #F5A9B8;
background-color: #21252e; border: 4px solid #cea0ff; border-radius: 10px; width: fit-content; margin: 6px auto auto; padding: 15.5px;
background-color: #191410; border-top: double #5BCEFA; border-left: double #FFFFFF; border-right: double #FFFFFF; border-bottom: double #F5A9B8;
background-color: #191410; border-top: double #5BCEFA; border-left: double #FFFFFF; border-right: double #FFFFFF; border-bottom: double #F5A9B8;
component:preview
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:galactic-theme
[info]
:scp-wiki:info:start
[info]
:scp-wiki:info:end
[info]
:scp-wiki:component:image-block
[info]
:scp-wiki:component:coltop
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:colend
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
component:wikimodule
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
containercontainer
container
parade
blockquote
orderwrapper
pridelogr
blockquote
containercontainer
container
parade
blockquote
orderwrapper
pridelogt
ticker
containercontainer
container
parade
blockquote
orderwrapper
pridelogn
blockquote
blockquote
containercontainer
container
parade
blockquote
orderwrapper
pridelogb
blockquote
blockquote
blockquote
containercontainer
container
parade
blinked
footer-wikiwalk-nav