doodle3d-client/less/base.less

88 lines
1.3 KiB
Plaintext

/*
GLOBAL CONTAINER
*/
@import "config.less";
body {
background-color: #fcfcfc;
user-select: none; /* disable cut copy paste */
overflow:hidden; /* This chops off any overhanging divs */
}
@import "buttons.less";
@import "popup.less";
#landscape {
position:absolute;
width: 100%;
max-width: 1024px;
max-height: 768px;
top: 0;
bottom: 0;
left: 0;
right: 0;
/*overflow: hidden;*/
margin: 0 auto;
// solution from: http://stackoverflow.com/questions/14085822/css-firefox-box-shadow-and-outline
box-shadow: 0 0 0 2px #5e8c71,
0 0 8px 4px 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;
}
@media only screen and (max-height: 700px) {
#bgMiddle {
display: none;
}
}
@import "base_centerpanel.less";
@import "base_leftpanel.less";
@import "base_rightpanel.less";
/*
REST
*/
/* CLEARFIX */
/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/* For IE 6/7 only*/
.clearfix {
*zoom: 1;
}