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 {
/*position: absolute;
*/
position: relative; /*right: 0;
*/
/*top: 10%;
*/
width: 30%;
float: right; /*height: auto;
*/
position: relative;
width: 50%;
float: right;
-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);
-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);
transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -36%;
right: -50%;
}
#progressbarCanvas {
/*position: absolute;
*/
top: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
@ -497,13 +489,8 @@ THERMOMETER
}
#thermometerContainer {
/*position: absolute;
*/
position: relative; /*right: 0;
*/
/*top: 40%;
*/
width: 25%;
position: relative;
width: 45%;
float: right;
-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);
-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);
right: -30%;
right: -45%;
}
#thermometerCanvas {
/*position: absolute;
*/
top: 0;
top: 0;
right: 0;
bottom: 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%;
}
#progressbarCanvasContainer {
/*position: absolute;*/
position: relative;
/*right: 0;*/
/*top: 10%;*/
width: 30%;
width: 50%;
float:right;
/*height: auto;*/
transition: right .40s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -36%;
right: -50%;
}
#progressbarCanvas {
/*position: absolute;*/
top: 0;
right: 0;
bottom: 0;
@ -92,43 +87,6 @@
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
@ -139,19 +97,15 @@
width:100%;
}
#thermometerContainer {
/*position: absolute;*/
position: relative;
/*right: 0;*/
/*top: 40%;*/
width: 25%;
width: 45%;
float: right;
transition: right .50s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -30%;
right: -45%;
}
#thermometerCanvas {
/*position: absolute;*/
top: 0;
right: 0;
bottom: 0;