dial-interactive-css.mustache revision 5cdd1d5bb84599836fa8ad9e8ced04ff5bceabcc
f78b12e570284aa8291f4ca1add24937fd107403vboxsync #example_container {
f78b12e570284aa8291f4ca1add24937fd107403vboxsync position:relative;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync }
f78b12e570284aa8291f4ca1add24937fd107403vboxsync #demo{
f78b12e570284aa8291f4ca1add24937fd107403vboxsync margin:0;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync position:absolute;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync top:321px;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync left:0;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync }
f78b12e570284aa8291f4ca1add24937fd107403vboxsync .controls {
f78b12e570284aa8291f4ca1add24937fd107403vboxsync position:absolute;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync top:0;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync left:328px;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync margin:0 0 0 0;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync color:#808080;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync width:300px;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync }
f78b12e570284aa8291f4ca1add24937fd107403vboxsync .controls a {
f78b12e570284aa8291f4ca1add24937fd107403vboxsync color:#4B78D9 !important;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync cursor:pointer;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync }
f78b12e570284aa8291f4ca1add24937fd107403vboxsync .intro-sentence{
f78b12e570284aa8291f4ca1add24937fd107403vboxsync font-size: 183%;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync left: 0;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync line-height: 0.9em;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync position: absolute;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync top: 273px;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync width: 6em;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync }
f78b12e570284aa8291f4ca1add24937fd107403vboxsync #view_frame{
f78b12e570284aa8291f4ca1add24937fd107403vboxsync position:relative;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync height:500px;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync width:300px;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync border:solid 1px #cccccc;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync overflow:hidden;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync }
f78b12e570284aa8291f4ca1add24937fd107403vboxsync #scene{position:absolute;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync left:0;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync top:-6440px;
f78b12e570284aa8291f4ca1add24937fd107403vboxsync height:6440px;
width:100%;
background:url({{{dialPathAssets}}}/images/earth_to_hubble_bkg.png) repeat;
}
#altitude_mark {
border-top:solid 1px #CCCCCC;
left:-33px;
position:absolute;
top:403px;
width:30px;
}
#earth{
position:absolute;
left:0;
top:5834px;
height:214px;
width:300px;
}
#hubble{
position:absolute;
left:5px;
top:7px;
height:393px;
width:300px;
}
#stars{
position:absolute;
left:0;
top:0;
background:url({{{dialPathAssets}}}/images/stars.png) repeat;
height:5000px;
width:300px;
}
.label{
text-transform:uppercase;
width:100%;
letter-spacing:5px;
font-family:Verdana;
font-size:85%;
position:absolute;
left:0;
text-align:center;
}
.hubble{
bottom:6023px;
color:#612C88;
}
.thermosphere{
bottom:1290px;
color:#5A009D;
}
.mesosphere{
bottom:840px;
color:#570BFF;
}
.stratosphere{
bottom:540px;
color:#006999;
}
.troposphere{
bottom:477px;
color:#036585;
}
.ozone{
bottom:692px;
color:#005AAE;
}
.crust{
bottom:270px;
color:#4F2D00;
}
.mantle{
bottom:42px;
color:#897701;
}