@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://scp-wiki.wikidot.com/component:centered-header-sigma-9/code/1');
@import url('https://scp-wiki.wikidot.com/theme:flopstyle/code/1');
/*
"NOT TOPSTYLE" theme
[2021 Wikidot Theme]
Created by TopDownUnder, with code from Azamo and stormbreath
CC BY-SA 3.0
*/
.footnotes-footer{
display: none;
}
/*
:root{
--header-title: "this is a";
--header-subtitle: "this is a placeholder";
--lgurl: url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/microsoft/309/middle-finger_1f595.png);
}
*/
.hovsecret {
text-decoration: none;
border-bottom: none;
color:black;
}
.hovsecret:hover {
text-decoration: none;
border-bottom: none;
color:#004c00;
}
.hovsecret span { display: none;}
.hovsecret:hover span {
position: absolute;
display: inline;
margin: 20px 0px;
height: auto;
width: auto;
background: #FFF;
border: 1px solid #000;
color: black;
padding: 0.5em;
}
.hovsecret:hover span span {
position: relative;
margin: auto;
height: auto;
width: auto;
border: none;
padding: 0;
}
.highsecret{
color: transparent;
}
.highsecret::selection {
color: black;
}
::-webkit-scrollbar {
width: 9px;
background: transparent;
}
div.terminal{
border: 1px solid black;
border: solid 3px #BBBBBB;
border-radius: 16px;
background-color: #131;
/* black shadow at the top of the terminal */
background-image:
radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
background-position: center;
display: block;
/* shadow around the terminal */
box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* prevents scanline from forming a scrollwheel */
overflow:hidden;
}
div.terminal blockquote {
background-color: black;
border: double 3px #80FF80
}
div.scanline{
margin-top: -40%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
animation: scan 12s linear 0s infinite; /* Same as above */
background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text{
color: rgba(128,255,128,0.8);
padding-left: 2em;
padding-top: 40%;
font-family: monospace;
font-size: 1.2em;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
}
@keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* Same as above.*/
}
div.text a {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a.newpage {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a:hover {
color: #131;
text-decoration: underline;
background-color: #80FF80;
padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
@media (prefers-reduced-motion) {
span.blinky-boi {
animation: blink 0.8s ease-in-out infinite alternate;
}
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #333; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
/* anendlessusername's invaluable correction of the ACS octagon! */
#page-content .quadrants > div {
top: 2.25%;
left: 18.5%;
}
.metal-dept {
border:solid 2px #000000;
background:#D3D3D3;
margin: auto;
padding: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
width: 90%;
}
.metal-logo {
border: 1px solid black;
border-style: double;
/* width: 50%; */
/* float: none; */
/* height: 50%; */
background-color: white;
display: inline-block;
padding-left: 20px;
padding-right: 20px;
}
.seventeen {
font-family: 'Work Sans', sans-serif;
font-weight: 700;
color: #9977ee;
font-size: 110%;
}
.seventeen a {
color: #9977ee;
}
.reclaim {
font-family: 'Work Sans', sans-serif;
font-weight: 700;
color: #006400;
font-size: 110%;
}
.reclaim a {
color: #006400;
}
.expand {
font-family: 'Work Sans', sans-serif;
font-weight: 700;
color: #8B8000;
font-size: 110%;
}
.expand a {
color: #8B8000;
}
.liberate {
font-family: 'Work Sans', sans-serif;
font-weight: 700;
color: #8B0000;
font-size: 110%;
}
.liberate a {
color: #8B0000;
}
.greed {
font-family: 'Work Sans', sans-serif;
font-weight: 700;
color: #DAA520;
font-size: 110%;
}
.greed a {
color: #DAA520;
}
.metal-plate {
display: block;
overflow: hidden;
font-family: 'Josefin Sans', sans-serif;
margin-right: auto;
margin-left: auto;
font-size: 180%;
width: 80%;
margin-top: 17px;
margin-bottom: 17px;
padding: 8px 8px 8px 8px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
border-radius: .5em;
background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%),
-webkit-repeating-linear-gradient(left, hsla(0,0%, 0%,0) 0%, hsla(0,0%, 0%,0) 4%, hsla(0,0%, 0%,.03) 4.5%),
-webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
linear-gradient(180deg, hsl(0,0%,78%) 0%,
hsl(0,0%,90%) 47%,
hsl(0,0%,78%) 53%,
hsl(0,0%,70%)100%);
font-weight: bold;
text-align: center;
color: hsla(0,0%,20%,1);
text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px;
}
span.pride {
background: linear-gradient(45deg, rgba(0,0,255,1) 0%, rgba(255,165,0,1) 16%, rgba(255,255,0,1) 32%, rgba(255,0,0,1) 48%, rgba(0, 0, 255,1) 64%, rgba(75, 0, 130,1) 80%, rgba(128,0,128,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}
.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;
}
