Link to article: Preliminary ADA.
.hover-opacity-div {
opacity: 0;
transition: opacity 0.5s ease;
}
.hover-opacity-div:hover {
opacity: 1;
transition: opacity 0.5s ease;
}
.hover-text {
display: inline-block;
position: relative;
width: max-content;
}
.hover-text .text-default,
.hover-text .text-hover {
display: block;
white-space: nowrap;
transition: opacity 0.3s ease;
}
.hover-text .text-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center; /* Center the shorter text */
opacity: 0;
visibility: hidden;
}
.hover-text:hover .text-default {
opacity: 0;
visibility: hidden;
}
.hover-text:hover .text-hover {
opacity: 1;
visibility: visible;
}
.hover-opacity-div > div > p {
padding: 0;
margin: 0;
}
text-align: center;
margin-bottom:50px;
text-align: center;
height:2vh;
user-select: all;
font-weight: 300;
color: blue;
font-weight: 700;
height:2vh;
height:30px;
padding-left: 5px; border-left: thin solid black; margin-left: 2vh;
font-weight: 700;
font-weight: 300;
color: blue;
font-weight: 700;
height:4vh;
height:4vh;
font-weight: 700;
font-weight: 300;
color: green;
font-weight: 700;
text-shadow: #fc0 1px 0 5px;
color: red; user-select: all;
height:4vh;
padding-left: 10px; border-left: 2px solid black; margin-left: 2vh;
font-weight: 700;
font-weight: 300;
color: green;
font-weight: 700;
height:4vh;
font-weight: 300;
color: green;
font-weight: 700;
font-weight: 300;
color: orange;
height:4vh;
padding-left: 5px; border-left: thin solid black; margin-left: 2vh;
font-weight: 700;
font-weight: 300;
color: green;
font-weight: 700;
color: blue;
font-weight: 300;
color: orange;
height:4vh;
font-weight: 700;
font-weight: 300;
color: green;
height:4vh;
height:4vh;
height:4vh;
font-size:1.25rem; font-weight: bold; --content:'Paratechnological Capabilities:'
user-select: all;
font-weight: 700;
font-weight: 300;
color: green;
height:4vh;
height:4vh;
padding-left: 5px; border-left: thin solid black; margin-left: 2vh;
font-weight: 300;
color: orange;
font-weight: 700;
padding-left: 5px; border-left: thin solid black; margin-left: 2vh;
font-weight: 300;
color: blue;
font-weight: 700;
padding-left: 5px; border-left: thin solid black; margin-left: 2vh;
font-weight: 300;
color: green;
font-weight: 700;
font-weight: 300;
color: orange;
padding-left: 5px; border-left: thin solid black; margin-left: 2vh;
height:4vh;
padding-left: 5px; border-left: thin solid black; margin-left: 2vh;
font-weight: 300;
color: green;
font-weight: 700;
font-weight: 700;
font-weight: 300;
color: green;
font-weight: 700;
height:4vh;
height:4vh;
font-weight: 700;
font-weight: 300;
color: green;
height:4vh;
background-color: rgba(0, 0, 0, 0.02); width:100%; white-space: wrap;
height:4vh;
user-select: all;
height:4vh;
height:4vh;
height:4vh;
height:4vh;
user-select: all;
height:4vh;
height:4vh;
height:4vh;
font-weight: 700;
font-weight: 300;
color: orange;
font-weight: 700;
font-weight: 300;
color: orange;
font-weight: 700;
font-weight: 700;
font-weight: 300;
color: green;
font-weight: 700;
padding-left: 10px; border-left: 2px solid black; margin-left: 2vh;
font-weight: 700;
color: green;
font-weight: 300;
color: green;
font-weight: 700;
height:4vh;
height:1rem;
user-select: all;
font-weight: 700;
padding-left: 5px; border-left: thin solid black; margin-left: 2vh;
font-weight: 700;
font-weight: 300;
color: orange;
font-weight: 700;
height:4vh;
height:80px;
:scp-wiki:component:blacklight-box-source
[info]
:scp-wiki:component:blacklight-box-source
[info]
:scp-wiki:component:bhl-style-collapse-source
[info]
:scp-wiki:component:passcode
[info]
component:image-block-peppo
warning
hidden
info-container
hover-opacity-div
animation04
raisa_memo
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
pass-content
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
hover-text
text-default
text-hover
no-addendum
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
addendumfooter
no-addendum
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
br
amelia
tr
image-bubble
addendumfooter
no-addendum
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
bl
rosenaic
tl
image-bubble
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
br
amelia
tr
image-bubble
addendumfooter
no-addendum
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
addendumfooter
bar
left
header-trigger
style02-plaintext
animation04
right
target
notation
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
br
amelia
tr
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
no-addendum
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
addendumfooter
responsive-text
text-small-pc
text-large-pc
animation03
text-mobile-landscape
text-mobile-portrait
animation03
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
no-addendum
dialogue-box
trigger
style05-plaintext
bl
amelia
tl
image-bubble
br
rosenaic
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
addendumfooter
hover-opacity-div
animation04
no-addendum
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
addendumfooter