component:bamboo

HOLD THY HORSES

This is a template page used internally by the Topiary.

PLEASE DO NOT TOUCH THIS PAGE
WITHOUT STAFF PERMISSION
UwU

---

[[module css]]
@import url("http://topia.wdfiles.com/local--code/bamboo/1");
[[/module]]

div#skrollr-body {
    overflow-x: hidden;
}
div#container-wrap {
    background-image: url("http://topia.wikidot.com/local--files/bamboo/bamboo_frame.png");
    background-size: auto 162px;
    background-repeat: repeat-x;
}
div#container-wrap-wrap:before,
div#container-wrap:before,
div#container-wrap:after {
    background-image: url("http://topia.wikidot.com/local--files/bamboo/bamboo.png");
    background-size: auto 162px;
    background-repeat: repeat-x;
    content: "";
    display: block;
    font-size: 0;
    height: 162px;
    left: 0;
    margin: 0;
    min-height: 162px;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    width: 200%;
}
div#container-wrap-wrap:before {
    animation: moveBase 25s linear forwards;
    transform: translateX(0%);
    width: 100%;
}
div#container-wrap:before {
    animation: move 100s linear infinite;
}
div#container-wrap:after {
    animation: move 100s 50s linear infinite;
}
@keyframes moveBase {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}
@keyframes move {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}
 
div#header {
    background: none;
}
div#header h1 a {
    color: #000;
    text-shadow: 0 0 3px #fff, 0 0 5px #fff;
}
div#header h2 span {
    color: #000;
    text-shadow: 0 0 2px #fff, 0 0 4px #fff;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #fff;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #eee;
}
#search-top-box-input {
    background-color: #000;
    border: none;
    box-shadow: 0 0 3px #fff;
    color: white;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #fff;
}
#search-top-box-form input[type=submit] {
    background: #000;
    border-color: #000!important;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    -webkit-appearance: none;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background: #fff;
    box-shadow: none;
    color: #000;
    text-shadow: none;
}
#top-bar a,
#content-wrap a,
h1, #page-title {
    filter: grayscale(100%);
}
div#side-bar {
    background: #fff!important;
    filter: grayscale(100%);
}
@media (max-width: 767px) {
    .open-menu a {
        border-color: #000!important;
        background-color: #fff!important;
        color: #000!important;
        box-shadow: none;
        text-shadow: none;
    }
    #side-bar {
        background: #fff!important;
    }
}
 
/* /
div#extra-div-6 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 162px;
}
/ */