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:
parent
5c9c8c8e8c
commit
69933b3b41
@ -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
2
css/styles.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user