101 lines
1.1 KiB
Plaintext
101 lines
1.1 KiB
Plaintext
/*
|
|
|
|
GLOBAL CONTAINER
|
|
|
|
*/
|
|
body {
|
|
background-color: #fcfcfc;
|
|
}
|
|
#landscape {
|
|
position:absolute;
|
|
background-color: #fff;
|
|
width: 100%;
|
|
max-width: 1024px;
|
|
max-height: 768px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
z-index: 5;
|
|
overflow: hidden;
|
|
margin: 0px auto;
|
|
outline: 2px solid #5e8c71;
|
|
box-shadow: 0 0 8px rgba(8, 8, 8, 0.25);
|
|
}
|
|
#portrait {
|
|
display: none;
|
|
}
|
|
.bgContainer {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.bgTop, .bgMiddle, .bgBottom {
|
|
opacity: 1.0;
|
|
transition: opacity .35s linear;
|
|
position: absolute;
|
|
left: 0px;
|
|
z-index: -5;
|
|
}
|
|
.bgTop {
|
|
top: 0px;
|
|
}
|
|
.bgMiddle {
|
|
top: 30%;
|
|
}
|
|
.bgBottom {
|
|
bottom: 0px;
|
|
}
|
|
.rightpanel, .leftpanel {
|
|
img {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
/*
|
|
|
|
CENTER PANEL
|
|
|
|
*/
|
|
@import "base_centerpanel.less";
|
|
|
|
/*
|
|
|
|
LEFT PANEL
|
|
|
|
*/
|
|
@import "base_leftpanel.less";
|
|
|
|
/*
|
|
|
|
RIGHT PANEL
|
|
|
|
*/
|
|
@import "base_rightpanel.less";
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
REST
|
|
|
|
*/
|
|
/* CLEARFIX */
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
content: " "; /* 1 */
|
|
display: table; /* 2 */
|
|
}
|
|
.clearfix:after {
|
|
clear: both;
|
|
}
|
|
|
|
/* For IE 6/7 only*/
|
|
.clearfix {
|
|
*zoom: 1;
|
|
}
|
|
|
|
|