vmario/doodle3d-client
0
0
Fork 0
mirror of https://github.com/Doodle3D/doodle3d-client.git synced 2025-06-11 09:23:17 +02:00
Code Issues Releases Wiki Activity

Thermometer class plus the changes necessary to implement it

Browse Source
This commit is contained in:
Adriaan Wormgoor
2013-09-17 13:08:52 +02:00
parent 3a11106535
commit 95bedd09f1
8 changed files with 368 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/d3d_btns.css
View File

@ -152,7 +152,7 @@ img {
.btn {
position: absolute;
-webkit-user-select: none;
cursor: hand;
cursor: pointer;
}
#displayTemp {
position: absolute;
@ -163,7 +163,7 @@ img {
display:none;
}
.disabled {
.disabled {
opacity: 0.3;
cursor: default;
}

70
css/fixedPosInterface.css
View File

@ -90,7 +90,10 @@ body {
position: absolute;
top: 15px;
left: 31%;
content:url("../img/logo_full.png");
width: 399px;
height: 139px;
background-image: url('../img/logo_full.png');
cursor: pointer;
}
#svg {
@ -168,6 +171,55 @@ body {
z-index: -5;
}
/* PRINT PROGRESS DISPLAY */
#printProgressContainer {
position: absolute;
right: 30px;
top: 370px;
width: 110px;
margin: 5px 0px;
font-weight: bold;
display:none;
}
#progressbarContainer {
margin: 3px 0px;
width: inherit;
height: 20px;
background-color: #fff;
border: 2px solid #333;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.progressAmount {
margin: 0px 5px;
}
#progressbar {
position: relative;
/*margin-bottom: -20px;*/
width: 0%;
height: 100%;
background-color: #4c4;
border: 0px solid #f0f;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* THERMOMETER */
#thermometerContainer {
position: absolute;
right: 30px;
top: 410px;
}
#thermometerCanvas {
/*background: #59b2b8;*/
/*zoom: 2;*/
}
/* The code below is for resizing UI elements as the viewport becomes less high (suitable for tablets & smartphones) */
@media screen and (max-height: 675px) {
@ -176,8 +228,10 @@ body {
}
#d3dlogo {
content:url("../img/logo_small.png");
margin-top: 7px;
width: 399px;
height: 74px;
background-image: url('../img/logo_small.png');
margin-top: 9px;
}
#btnsUpDown, #btnsTurnLeftRight {
@ -215,10 +269,14 @@ body {
@media screen and (max-height: 560px) {
#d3dlogo {
zoom: 0.8;
-moz-transform: translate(-20px,-15px) scale(.8);
width: 399px;
height: 57px;
background-image: url('../img/logo_smaller_wide.png');
margin-top: 14px;
/*zoom: 0.8;*/
/*-moz-transform: translate(-20px,-15px) scale(.8);*/
/*-moz-transform: ;*/
left: 34%;
/*left: 34%;*/
}
#btnsUpDown, #btnsTurnLeftRight {