SET ASPECT R HERE
THIS WILL HAVE CORRECT A R
*/
.aspectbox {
position: relative;
}
.aspectbox.center {
margin-left:auto;
margin-right:auto;
}
.aspectboxc {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.center {
margin-left:auto;
margin-right:auto;
}
/* ###################################### */
.fr {
/* CHROME ROUNDING ISSUE FIX: MARGIN KEEP -1PX*/
/* MOOOHAHAHAHAHAHAH */
margin:-0.5px; padding:0px; border:0px;
background-size:100% 100%;
background-repeat:no-repeat;
position:relative;
float:left;
z-index:2;
}
.frimg {
position:absolute; 125
z-index:1;
}
/* SCROLL AREA ################################## */
#rightscrollarea,#leftscrollarea {
font-size:100%;
position:fixed;
margin:0px; padding:0px;
height:60%;
width:10%;
opacity:0;
z-index:40;
bottom:15%;
}
#rightscrollarea:hover,#leftscrollarea:hover {
opacity:1;
cursor:pointer;
}
#rightscrollarea {
right:0%;
}
#leftscrollarea {
/* THIS ONE IS ANIMATED OR SOMETHING LATER */
left:0%;
}
#rightscrollarea img {
right:0;
display:inline-block;
height:100%;
position:absolute;
display:inline;
}
#rightscrollarea div, #leftscrollarea div {
top:35%;
}
#rightscrollarea div {
height:8%;
position:absolute;
right:1%;
white-space:nowrap;
}
#leftscrollarea img {
left:0;
display:inline-block;
height:100%;
position:absolute;
display:inline;
}
#leftscrollarea div {
height:8%;
position:absolute;
left:1%;
white-space:nowrap;
}
/* LOADER */
#leftLoader,#rightLoader {
font-size:100%;
position:fixed;
margin:0px; padding:0px;
height:80%;
width:5%;
opacity:0;
z-index:6;
bottom:0%;
}
#rightLoader,#leftLoader {
opacity:.9;
z-index:5;
visibility:hidden;
/* here */
opacity:0;
visibility:visible
}
#rightLoader {
right:0%;
}
#leftLoader {
/* THIS ONE IS ANIMATED OR SOMETHING LATER */
left:0%;
}
#rightLoader img {
right:0;
display:inline-block;
height:100%;
position:absolute;
display:inline;
}
#rightLoader div, #leftLoader div {
position:absolute;
top:40%;
}
#rightLoader div,#leftLoader div {
position:absolute;
white-space:nowrap;
/* this determines how large the image is displayed: */
height:6%;
}
#rightLoader div {
right:1%;
}
#leftLoader img {
left:0;
display:inline-block;
height:100%;
position:absolute;
display:inline;
}
#leftLoader div {
left:1%;
}
#rightbar {
position:fixed;
top:5.8%;
bottom:6%;
right:0%;
width:6.8%;
background-color:black;
z-index:20;
}
.subscribeinput {
display:inline-block;
background-color:#222;
font-size:100%;
font-family: "Times New Roman", Times, Palatino, Georgia, serif;
color:#888;
}
.subscribeinput1 {
display:inline-block;
background-color:#fff;
font-size:100%;
font-family: "Times New Roman", Times, Palatino, Georgia, serif;
color:#111;
}
.subscribeinput2 {
display:inline-block;
background-color:#aaa;
font-size:100%;
font-family: "Times New Roman", Times, Palatino, Georgia, serif;
color:#111;
border:3px outset #877;
}