0
0
mirror of https://github.com/Doodle3D/doodle3d-client.git synced 2024-11-25 18:47:57 +01:00

bigger thermo and progress

This commit is contained in:
Adriaan Wormgoor 2013-10-16 23:19:18 +02:00
parent 5c9c8c8e8c
commit 69933b3b41
3 changed files with 15 additions and 76 deletions

View File

@ -449,28 +449,20 @@ PROGRESS GUAGE
} }
#progressbarCanvasContainer { #progressbarCanvasContainer {
/*position: absolute; position: relative;
*/ width: 50%;
position: relative; /*right: 0; float: right;
*/
/*top: 10%;
*/
width: 30%;
float: right; /*height: auto;
*/
-webkit-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-ms-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -36%; right: -50%;
} }
#progressbarCanvas { #progressbarCanvas {
/*position: absolute; top: 0;
*/
top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -497,13 +489,8 @@ THERMOMETER
} }
#thermometerContainer { #thermometerContainer {
/*position: absolute; position: relative;
*/ width: 45%;
position: relative; /*right: 0;
*/
/*top: 40%;
*/
width: 25%;
float: right; float: right;
-webkit-transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
@ -511,13 +498,11 @@ width: 25%;
-o-transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-ms-transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -30%; right: -45%;
} }
#thermometerCanvas { #thermometerCanvas {
/*position: absolute; top: 0;
*/
top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;

2
css/styles.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -62,20 +62,15 @@
width:100%; width:100%;
} }
#progressbarCanvasContainer { #progressbarCanvasContainer {
/*position: absolute;*/
position: relative; position: relative;
/*right: 0;*/ width: 50%;
/*top: 10%;*/
width: 30%;
float:right; float:right;
/*height: auto;*/
transition: right .40s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: right .40s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -36%; right: -50%;
} }
#progressbarCanvas { #progressbarCanvas {
/*position: absolute;*/
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
@ -92,43 +87,6 @@
box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35); box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
} }
//#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 THERMOMETER
@ -139,19 +97,15 @@
width:100%; width:100%;
} }
#thermometerContainer { #thermometerContainer {
/*position: absolute;*/
position: relative; position: relative;
/*right: 0;*/ width: 45%;
/*top: 40%;*/
width: 25%;
float: right; float: right;
transition: right .50s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: right .50s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -30%; right: -45%;
} }
#thermometerCanvas { #thermometerCanvas {
/*position: absolute;*/
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;