doodle3d-client/less/base.less

/*

  GLOBAL CONTAINER

*/


body {
  background-color: #fcfcfc;
  user-select: none; /* disable cut copy paste */
  overflow:hidden; /* This chops off any overhanging divs */
}
img {
  z-index: 5;
  /*pointer-events:none;*/
  /*-webkit-touch-callout: none;               *//*disable callout, image save panel */
  /*-webkit-tap-highlight-color: transparent; *//* "turn off" link highlight */
}
/*  http://stackoverflow.com/questions/5348092/prevent-default-press-but-not-default-drag-in-ios-mobilesafari  */
.btn {
  background-repeat: no-repeat;
  cursor: pointer;
}
#landscape {
  position:absolute;
//  background-color: #fff;
  width: 100%;
  max-width: 1024px;
  max-height: 768px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
//  z-index: 5;
  overflow: hidden;
  margin:  0 auto;

//  box-sizing: border-box;
//  border: 2px solid #5e8c71;
//  -moz-box-sizing:border-box;
//  -webkit-box-sizing:border-box;//  border-width: 0 2px 2px 2px;

  // 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);

//  outline: 2px solid #5e8c71;
}
#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";


/*
  under all the above styles w.r.t. the cascading effect
*/
.disabled {
  opacity: 0.3;
  cursor: default;
}

#btnStop.disabled {
  display: none;
}


// http://blogs.msdn.com/b/askie/archive/2013/01/06/how-to-implement-the-ms-touch-action-none-property-to-disable-double-tap-zoom-on-touch-devices.aspx
//a, input, button {
//  -ms-touch-action: none !important;
//}




/*

  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;
}