doodle3d-client/css/d3d_btns.css

/*.logo {
	background: #f5f5f5 url('../img/logo_full.png') no-repeat left top;
}

@media screen and (max-width: 500px) {
	.logo {
		background: #f5f5f5 url('../img/logo_small.png') no-repeat left top;
	}
}*/

body {
  -moz-user-select: none;                /* disable cut copy paste */
  -webkit-user-select: none;                /* disable cut copy paste */
}

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
}

/*

	INTERFACE BUTTONS

*/

#btnNew {
	left: 10px;
	top: 10px;
  width: 194px;
  height: 170px;
  background: url('../img/buttons/btnNew.png') no-repeat;
}

#btnPrevious {
	left: 20px;
	top: 180px;
	z-index: 10;
}

#btnNext {
	left: 126px;
	top: 186px;
	z-index: 10;
}

#btnSave {
	left: 20px;
	top: 240px;
}

#btnOops {
	left: 20px;
	top: 450px;
/*	bottom: 150px;*/
  width: 146px;
  height: 144px;
  background: url('../img/buttons/btnOops.png') no-repeat;
}

#btnPrint {
	right: 15px;
	top: 15px;
}

#btnStop {
	right: 20px;
	top: 200px;
}

#btnInfo {
	right: 25px;
  bottom: 90px;
}

#btnSettings {
	right: 25px;
  bottom: 20px;
}



/*

	DRAW AREA

*/


#drawAreaContainer > .manipulationBtns {
	margin: 5px;
}

.manipulationBtn {
  cursor: pointer;
}

#btnsUpDown {
	position: absolute;
	right: 200px;
  bottom: -75px;
}
#btnsUpDown > div {
  float: left;
  padding-right: 8px;
  background-repeat: no-repeat;
}

#btnsTurnLeftRight {
	position: absolute;
	right: 20px;
  bottom: -75px;
}
#btnsTurnLeftRight >div {
  float: left;
  padding-right: 8px;
  background-repeat: no-repeat;
}

#btnMoveUp {
  width: 65px;
  height: 61px;
  background: url('../img/buttons/btnUp.png');
}

#btnMoveDown {
  width: 64px;
  height: 63px;
  background: url('../img/buttons/btnDown.png');
}

#btnTwistLeft {
  width: 59px;
  height: 61px;
  background: url('../img/buttons/btnTurnLeft.png');
}

#btnTwistRight {
  width: 64px;
  height: 56px;
  background: url('../img/buttons/btnTurnRight.png');
}

.btn {
	position: absolute;
	-webkit-user-select: none;
	cursor: pointer;
}
#displayTemp {
	position: absolute;
	right: 55px;
	top: 334px;
	font-weight: bold;
	background: white;
	display:none;
}

.disabled {
	opacity: 0.3;
	cursor: default;
}

#btnStop.disabled {
	display: none;
}