mirror of
https://github.com/Doodle3D/doodle3d-client.git
synced 2024-11-22 09:17:56 +01:00
ae4e8e080b
- on tablets and smartphones it automatically fills the width - doesn't *do* much yet - drawing doesn't scale to the viewport of the draw area yet - preview on the right doesn't either.
106 lines
924 B
CSS
106 lines
924 B
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;
|
|
}
|
|
}*/
|
|
|
|
img {
|
|
z-index: 5;
|
|
}
|
|
|
|
/*
|
|
|
|
INTERFACE BUTTONS
|
|
|
|
*/
|
|
|
|
#btnNew {
|
|
left: 10px;
|
|
top: 10px;
|
|
}
|
|
|
|
#btnPrevious {
|
|
left: 20px;
|
|
top: 180px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#btnNext {
|
|
left: 126px;
|
|
top: 186px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#btnSave {
|
|
left: 20px;
|
|
top: 240px;
|
|
}
|
|
|
|
#btnOops {
|
|
left: 20px;
|
|
/* bottom: 150px;*/
|
|
top: 450px;
|
|
}
|
|
|
|
#btnPrint {
|
|
right: 15px;
|
|
top: 15px;
|
|
}
|
|
|
|
#btnStop {
|
|
right: 20px;
|
|
top: 200px;
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
|
|
DRAW AREA
|
|
|
|
*/
|
|
|
|
|
|
#drawAreaContainer > .buttons {
|
|
margin: 5px;
|
|
}
|
|
|
|
#btnsUpDown {
|
|
position: absolute;
|
|
right: 200px;
|
|
}
|
|
|
|
#btnsTurnLeftRight {
|
|
position: absolute;
|
|
right: 20px;
|
|
}
|
|
|
|
#btnUp {
|
|
}
|
|
|
|
#btnDown {
|
|
|
|
}
|
|
|
|
#btnTurnLeft {
|
|
|
|
}
|
|
|
|
#btnTurnRight {
|
|
|
|
}
|
|
|
|
.btn {
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
cursor: hand;
|
|
}
|
|
|
|
|
|
|
|
|