Link to article: AIAD Homescreen.
.licensebox22 {
background: #fff;
opacity: .9;
}
.logobox-wrapper {
--logo-size: calc(7.5rem + 3.25vw);
display: grid;
grid-template-columns: var(--logo-size) 1fr;
align-items: center;
margin-block-start: -.95rem;
}
.logobox-wrapper > * { grid-row: 1/2; grid-column: 1/2; }
.logobox {
grid-column: 1/3;
flex-basis: 22.5em;
box-sizing: border-box;
padding: 0.5rem;
margin-inline-start: calc(var(--logo-size)/2);
padding-inline-start: calc(var(--logo-size)/2 + 2.5vw);
flex-grow: 1;
background-color: #990;
background: #013737;
color: #00FFFF;
text-shadow: #009999 1px 1px;
border-radius: 3px;
font-size: 0.95em;
z-index: -1;
}
@media screen and (max-width: 450px) {
.logobox-wrapper {
grid-template-columns: 1fr;
justify-items: center;
}
.logobox-wrapper > img {
width: var(--logo-size);
align-self: self-start;
}
.logobox {
grid-column: 1/2;
margin: 0;
padding: 0.75rem;
padding-block-start: calc(var(--logo-size)*0.375);
margin-block-start: calc(var(--logo-size)*0.575);
text-align: center;
}
}
.footnotes-footer {
display: none;
}
.unblur{
transition: .2s;
-webkit-filter: blur(12px);
filter: blur(12px);
}
.unblur:hover{
transition: .2s;
transition-delay: .1s;
-webkit-filter: blur(0.001px);
filter: blur(0.001px);
}
.hover:hover {
text-decoration: none;
border-bottom: none;
}
.hover span { display: none;}
.hover:hover span {
position: absolute;
display: inline;
margin: 0px 0px;
height: auto;
width: auto;
background: #FFF;
border: 2px solid #34B;
color: #000;
padding: 1em;
}
.hover:hover span span {
position: relative;
margin: auto;
height: auto;
width: auto;
border: none;
padding: 0;
}
img.fade-away{
opacity: 1;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
}
img.fade-away:hover{
opacity: 0;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
}
.dblock a,
.dblock a:visited{
color: #000;
}
body {
background:
linear-gradient(rgba(255,255,255,0.22), rgba(255,255,255,0.96)),
url("https://scp-wiki.wdfiles.com/local--files/aiad-homescreen/blue_squares_2.gif");
}
padding-top: 2.5%
width: 22rem; margin: auto; text-align: center;
margin: -18px; text-align: center; color: maroon; text-shadow: #00FFFF 1px 1px;
margin: -18px; text-align: center; color: maroon; text-shadow: #00FFFF 1px 1px;
margin: auto; text-align: center; width: 600px; padding: 2px 2px 2px 15px; color: black; background-color: #fff; border-radius: 3px; opacity: .73;
float:right; text-align: right; margin: 10px; width: 300px; text-align: left; padding: 2px 2px 2px 15px; color: black; background-color: #fff; border-radius: 3px; opacity: .73;
font-weight: bold
float:left; text-align: right; margin: 10px; width: 260px; text-align: left; padding: 2px 2px 2px 15px; color: black; background-color: #fff; border-radius: 3px; opacity: .73;
margin-right: 7px;
margin-right: 7px;
margin-right: 7px;
margin-right: 15px;
float:right; text-align: right; margin: 10px; width: 300px; text-align: left; padding: 2px 2px 2px 15px; color: black; background-color: #fff; border-radius: 3px; opacity: .73;
float:left; text-align: right; margin: 10px; width: 260px; text-align: left; padding: 2px 2px 2px 15px; color: black; background-color: #fff; border-radius: 3px; opacity: .73;
width: 20px;
width: 20px;
width: 20px;
width: 20px;
width: 20px;
width: 20px;
width: 20px;
width: 20px;
width:20px;
width: 20px;
width: 20px;
width: 20px;
width: 20px;
width: 75px; opacity:0.73;
margin: auto; width: 640px; padding: 5px 5px 5px 5px; color: black; background-color: #fff; border-radius: 3px; opacity: .95;
color: #00AAB3
color: #00AAB3
color: #00AAB3
color: #00AAB3
color: #00AAB3
color: #00AAB3
color: #00AAB3
float: left; width: 100px; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #933F65; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#933F65; background:linear-gradient(#933f65, #933F65); text-align: left; padding-top: 2px; padding-bottom: 2px; padding-right: 20px; padding-left: 20px;
margin-left: 20px;
clear: left;
float:right; width: 240px; text-align: right; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #009494; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#009494; background:linear-gradient(#00cccc, #009494); text-align: left; padding: 2px 20px;
margin-right: 20px;
clear: right;
float: left; width: 100px; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #933F65; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#933F65; background:linear-gradient(#933f65, #933F65); text-align: left; padding-top: 2px; padding-bottom: 2px; padding-right: 20px; padding-left: 20px;
margin-left: 20px;
clear: left;
float:right; width: 240px; text-align: right; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #009494; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#009494; background:linear-gradient(#00cccc, #009494); text-align: left; padding: 2px 20px;
margin-right: 20px;
clear: right;
text-align: right; margin: auto; width: 240px;
color: #f5e9e9; font-size: 8pt; background-color: #009494; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#009494; background:linear-gradient(#00cccc, #009494); text-align: left; padding: 2px 20px;
text-align: center; padding: 2px 20px; color: black; font-size: 8pt; background-color: #fff0f0; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px;
clear: right;
float:right; width: 240px; text-align: right; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #009494; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#009494; background:linear-gradient(#00cccc, #009494); text-align: left; padding: 2px 20px;
margin-right: 20px;
float: right; width: 100px; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #933F65; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#933F65; background:linear-gradient(#933f65, #933F65); text-align: left; padding-top: 2px; padding-bottom: 2px; padding-right: 20px; padding-left: 20px;
margin-left: 20px;
float:right; width: 240px; text-align: right; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: [TEXT COLOR, HEX#]; font-size: 8pt; background-color: [BACKGROUND COLOR HEX#]; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background: [BACKGROUND COLOR HEX#]; background:linear-gradient([BACKGROUND COLOR HEX#], [BACKGROUND SHADE HEX#]); text-align: left; padding: 2px 20px;
margin-right: 20px;
clear: right;
float:right; width: 240px; text-align: right; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #009494; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#009494; background:linear-gradient(#00cccc, #009494); text-align: left; padding: 2px 20px;
margin-right: 20px;
float: right; width: 100px; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #933F65; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#933F65; background:linear-gradient(#933f65, #933F65); text-align: left; padding-top: 2px; padding-bottom: 2px; padding-right: 20px; padding-left: 20px;
margin-left: 20px;
float:right; width: 260px;
float:right; width: 240px; text-align: right; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #009494; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#009494; background:linear-gradient(#00cccc, #009494); text-align: left; padding: 2px 20px;
margin-right: 20px;
float: right; width: 100px; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #933F65; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#933F65; background:linear-gradient(#933f65, #933F65); text-align: left; padding-top: 2px; padding-bottom: 2px; padding-right: 20px; padding-left: 20px;
margin-left: 20px;
float:right; width: 240px; text-align: right; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #009494; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#009494; background:linear-gradient(#00cccc, #009494); text-align: left; padding: 2px 20px;
margin-right: 20px;
float: right; width: 100px; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px;
color: #f5e9e9; font-size: 8pt; background-color: #933F65; font-family: Verdana, Arial, sans-serif; border-radius:30px /70px; background:#933F65; background:linear-gradient(#933f65, #933F65); text-align: left; padding-top: 2px; padding-bottom: 2px; padding-right: 20px; padding-left: 20px;
margin-left: 20px;
:scp-wiki:theme:technoblast
[info]
:scp-wiki:info:start
[info]
:scp-wiki:info:end
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
logobox-wrapper
logobox
unblur
fade-away
fade-away
hover
hover
hover
hover
dblock
hover
hover