/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    BEYOND CHOAS SECTION STYLESHEET
    © 2015 T.BAÄR All rights reserved
    <link href="/nolang/css/chaos.css" rel="stylesheet" type="text/css" media="all">

*/
html {
        background-color: black;
            text-shadow: 1px 1px black;
}
body {
    height: 100%;
}
    @font-face {
    font-family: 'yeseva_oneregular';
    src: url('/nolang/chaos/yeseva_one-webfont.eot');
    src: url('/nolang/chaos/yeseva_one-webfont.eot?#iefix') format('embedded-opentype'),
         url('/nolang/chaos/yeseva_one-webfont.woff2') format('woff2'),
         url('/nolang/chaos/yeseva_one-webfont.woff') format('woff'),
         url('/nolang/chaos/yeseva_one-webfont.ttf') format('truetype'),
         url('/nolang/chaos/yeseva_one-webfont.svg#yeseva_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
    height: 100%;

    }
    
    /*The upper bar for Beyond Chaos comic*/
#chaosbar {
    display:block;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 100px;
    text-align: left;
}
#upperchaos {
    z-index: 200;
    width: 100%;
    left: 10%;
    min-width: 100%;
    position: absolute;
}

/*The right side section for Beyond Chaos comic*/
#chaoscontent {     
    top: 115px;
    left:10%;
    background-image: url('/nolang/chaos/chaoswall.png');
    width: 90%;
    height: calc(100% - 100px);
    font-family: 'yeseva_oneregular';
    color: white;
    font-size: large;
    overflow: scroll;
    position: fixed;
    max-height: calc(100% - 100px);
}


#storybar {
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url("/nolang/chaos/vbar.png");
    background-repeat: repeat;
    width: 75px;
    position: absolute;
    height: 100%;
    text-align: center;
}
#storycontrols {
    width: 65px;
    bottom: 25px;
    right: 5px;
    height: auto;
    position: absolute;
    text-align: center;
    z-index: 30;
}
#storycontrols img{
    width: 65px;
    
}
#slideview {
    right: 75px;
    position: absolute;
    max-width: calc(100% - 85px);
    max-height: 100%;
    width: 2732px;
    height: 2048px;
    object-fit: contain;
    z-index: 100;
}
#papertbaar {
    right: 75px;
    bottom: 0px;
    z-index: 25;
    position: absolute;
}
#pager {
    right: 25px;
    position: absolute;
    color: white;
    font-family: yeseva_oneregular;
    z-index: 200;
}
.translate {
    visibility: hidden;
}
.trans_off {
    
}
#corner {
    position: fixed;
    left: 10%;
    top: 115px;
}