Link to article: Tactical Theology Hub.
.history-container {
background: linear-gradient(to right, transparent 49.5%, var(--accentColor) 49.5%, var(--accentColor) 50.5%, transparent 50.5%);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0.5rem;
padding-bottom: 0;
z-index: 3
}
.history-header {
width: 50%;
background: #181B20;
margin: auto;
margin-bottom: 30px;
margin-top: 30px;
border: 5px solid var(--accentColor);
padding: 5px;
}
.history-info-box {
width: 75%;
padding: 10px;
margin: auto;
text-align: center;
margin-bottom: 30px;
background: #181B20;
border: 3px solid var(--accentColor);
font-size: 95%;
margin-top: -15px;
}
.history-child-left {
left: 2rem;
}
.history-child-right {
float: right;
right: 2rem;
}
.history-container > div:not(.history-header, .history-info-box) {
width: 100%;
}
.history-child {
width: 40%;
background: #181B20;
border: 3px solid var(--accentColor);
padding: 10px;
box-sizing: border-box;
text-align: center;
transition-duration: 0.1s;
transition-delay: 0.4s;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
z-index: 1;
}
.history-child-normal {/* Normal CSS applies. This is just a marker. */}
.history-child-minor {
border-style: double;
padding-bottom: 0px;
padding-top: 0px;
}
.history-child-minor .history-splash-box {
scale: 0.9
}
.history-child-minor .history-splash-box > p {
display: none
}
.history-child-minor ~ .history-dot-connector {
border-bottom-width: 20px;
border-top-width: 20px;
width: 68px;
}
.history-child-major {
--accentColorLite: #FF8F00;
--accentColor: #FF8F00;
border: 7px double var(--accentColor);
}
.history-child-major ~ .history-dot-connector {
--accentColor: #FF8F00;
}
.history-child-right:hover {
right: 0rem;
}
.history-child-left:hover {
left: 0rem;
}
.history-child:hover {
width: 100%;
transition-duration: 0.2s;
transition-delay: 0s;
}
.history-child .history-text {
max-height: 0px;
overflow: hidden;
text-align: justify;
transition-duration: 0.4s;
transition-delay: 0s;
}
.history-splash-box {
max-width: 241px;
margin: auto;
}
.history-child-title {
font-size: 1.05rem;
font-family: var(--header-font);
letter-spacing: 1px;
margin: .5em 0 .4em;
padding: 0;
line-height: 1.2;
}
.history-child-date {
font-size: 0.95rem;
font-family: var(--header-font);
letter-spacing: 1px;
font-weight: bold;
margin: .5em 0 .4em;
padding: 0;
line-height: 1.2;
}
.history-child:hover .history-text {
max-height: 2000px;
transition-duration: 0.4s;
transition-delay: 0.3s;
}
.history-text .scp-image-block.block-right + p {
margin-top: -5px;
}
.history-text .scp-image-block.block-left + p {
margin-top: -3px;
}
.history-dot {
background: black;
border: 5px solid var(--accentColor);
width: 10px;
height: 10px;
border-radius: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
z-index: 0;
}
.history-dot-connector {
position: absolute;
width: 61px;
height: 0px;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
top: 0;
bottom: 0;
margin: auto;
left: 0;
right: 0;
}
.history-child-left + .history-dot-connector {
border-left: 20px solid var(--accentColor);
}
.history-child-right + .history-dot-connector {
border-right: 20px solid var(--accentColor);
}
.history-end-image {
width: 200px;
}
@media(max-width: 450px) {
.history-child {
scale: 0.9;
}
.history-dot-connector {
border-width: 20px;
}
.history-end-image {
width: 100px;
}
}
@media(max-width: 592px) {
.history-child-left {
left: 0.5rem;
}
.history-child-right {
right: 0.5rem;
}
.history-splash-box {
max-width: 180px;
margin: auto;
}
}
.article-box {
flex-basis: max(12rem, 36%);
flex-grow: 2;
border: 0.2rem solid var(--accentColor);
margin: 0.35rem;
padding: 0.5rem;
background-color: #1e1e1e;
background-position: center 50%;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
transition-duration: 0.5s;
display: grid;
align-items: center;
position: relative;
}
.article-box:hover {
transition-duration: 0.5s;
filter: contrast(1.2);
border-color: #FF8F00;
}
.article-link-box {
position: absolute;
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
display: block;
}
.article-box span {
text-shadow: 0px 0px 2px black;
}
@media (max-width: 460px) {
.article-box {
flex-basis: calc(100% / 2);
}
}
@media (max-width: 680px) {
.modalsignature img {
display: none;
}
.modalsignature p {
text-align: center;
}
}
.house .image {
background: #000;
}
img[src="https://scp-wiki.wdfiles.com/local--files/oria-hub/oria.png"] {
background: #FFF;
}
width: 15%; float: left; margin-left: 70px; margin-right: 30px;
text-align: left; padding-top: 5px; padding-bottom: 15px;
font-family: 'Times New Roman'; font-size: 200%;
width: 80%; margin: auto;
margin-top: -0.5rem;
width: 100%; text-align: center;
width: 80%; margin: auto;
width: 200px;
width: 200px;
width: 200px;
width: 200px;
width: 200px;
width: 200px;
width: 200px;
width: 80%; margin: auto;
float: right; width: 24%;
float: right; width: 24%;
width: 80%; margin: auto;
display: flex; flex-wrap: wrap;
color: DarkGray;
color: #f71;
display: flex; flex-wrap: wrap;
display: flex; flex-wrap: wrap;
display: flex; flex-wrap: wrap;
:scp-wiki:theme:ad-abyssum-penumbra
[info]
:scp-wiki:component:wide-image-sizer
[info]
component:image-block
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
fragment:tactical-theology-history-box-end
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
:scp-wiki:component:license-box-end
[info]
modal
modalsignature
history-container
history-header
history-info-box
history-header
history-info-box
history-header
history-info-box
history-header
history-info-box
history-header
history-info-box
history-end-image
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
house