diff options
author | Olivier Gayot <og@satcom1.com> | 2016-04-10 08:46:01 +0200 |
---|---|---|
committer | Olivier Gayot <og@satcom1.com> | 2016-04-10 08:46:01 +0200 |
commit | d8343f962c3c882b09f6a8a157dae679a23cd493 (patch) | |
tree | 2ed688b6c6d18193ff0cda873a39e3c5df04b878 /webapp/style/jquery.dynameter.css | |
parent | ae2b94d7690059849ee4678c58dac624ea9ccda3 (diff) |
added the web part
Signed-off-by: Olivier Gayot <og@satcom1.com>
Diffstat (limited to 'webapp/style/jquery.dynameter.css')
-rw-r--r-- | webapp/style/jquery.dynameter.css | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/webapp/style/jquery.dynameter.css b/webapp/style/jquery.dynameter.css new file mode 100644 index 0000000..881652d --- /dev/null +++ b/webapp/style/jquery.dynameter.css @@ -0,0 +1,104 @@ +/*! jQuery-Dynameter by Tzechiu Lei
+* http://tze1.com/dynameter/
+* v0.5.6
+* 2014-06-13
+* Copyright (c) 2014 Tzechiu Lei. MIT license. */
+
+div.dm-wrapperDiv {
+ display: block;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ zoom: 1;
+ overflow: hidden;
+ width: 200px;
+ height: 100px;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 16px;
+ font-weight: bold;
+ line-height: 1;
+}
+div.dm-wrapperDiv * {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ zoom: 1;
+}
+div.dm-wrapperDiv div {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+}
+div.dm-wrapperDiv div.dm-bgClrDiv,
+div.dm-wrapperDiv div.dm-maskDiv {
+ width: 200px;
+ height: 100px;
+}
+div.dm-wrapperDiv div.dm-bgClrDiv,
+div.dm-wrapperDiv div.dm-maskDiv {
+ -webkit-border-radius: 100px 100px 0 0;
+ -moz-border-radius: 100px 100px 0 0;
+ -ms-border-radius: 100px 100px 0 0;
+ border-radius: 100px 100px 0 0;
+ border: 2px solid #999999;
+ border-bottom: 0;
+ -webkit-transform-origin: center bottom;
+ -moz-transform-origin: center bottom;
+ -ms-transform-origin: center bottom;
+ transform-origin: center bottom;
+}
+div.dm-wrapperDiv div.dm-bgClrDiv.normal {
+ background-color: #228b22;
+}
+div.dm-wrapperDiv div.dm-bgClrDiv.warn {
+ background-color: #daa520;
+}
+div.dm-wrapperDiv div.dm-bgClrDiv.error {
+ background-color: #ff0000;
+}
+div.dm-wrapperDiv div.dm-maskDiv {
+ background-color: #dddddd;
+ z-index: 4;
+}
+div.dm-wrapperDiv div.dm-innerDiv {
+ bottom: 0;
+ left: 20px;
+ -webkit-border-radius: 80px 80px 0 0;
+ -moz-border-radius: 80px 80px 0 0;
+ -ms-border-radius: 80px 80px 0 0;
+ border-radius: 80px 80px 0 0;
+ border-bottom: 1px solid #eeeeee;
+ width: 160px;
+ height: 80px;
+ padding-top: .7em;
+ background-color: #eeeeee;
+ text-align: center;
+ text-transform: uppercase;
+ z-index: 5;
+}
+div.dm-wrapperDiv div.dm-innerDiv p {
+ margin: 3px auto;
+ width: auto;
+ max-width: 85%;
+ overflow: hidden;
+ text-align: center;
+}
+div.dm-wrapperDiv div.dm-innerDiv p.dm-valueP {
+ font-size: 210%;
+ line-height: .85;
+}
+div.dm-wrapperDiv div.dm-innerDiv p.dm-unitP {
+ margin-top: 0;
+ font-size: 75%;
+ font-weight: normal;
+}
+div.dm-wrapperDiv div.dm-innerDiv p.dm-labelP {
+ font-size: 100%;
+}
|