File: css/BarGauge/jquery.BarGauge.css

Recommend this page to a friend!
  Classes of Robert Haddad   JQuery Bar Gauge   css/BarGauge/jquery.BarGauge.css   Download  
File: css/BarGauge/jquery.BarGauge.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: JQuery Bar Gauge
jQuery plugin to animate a progress gauge bar
Author: By
Last change: Update of css/BarGauge/jquery.BarGauge.css
Date: 2 years ago
Size: 923 bytes
 

Contents

Class file image Download
@charset "utf-8"; /* BarGauge CSS By Robert Haddad (SmokinPuppy) @ 2014 for jquery.BarGauge.js */ .barGauge_container { position:relative; display:inline-block; background:#FFF; text-align:center; overflow:hidden; } .barGauge_bar{ background:#00C; position:absolute; left:4px; top:5px; width:1%; height:80%; z-index:1000; } .barGauge_forground { position: absolute; width: 100%; height: 100%; top:0%; left:0%; z-index:1002; } .barGauge_text{ position:absolute; top:0%; left:0%; text-align:center; color:#333; z-index:1001; line-height:72px; width:100%; font-family:Verdana, Geneva, sans-serif; font-size:12px; } .barGauge_title{ background:#CCC; border:#333 solid 1px; color:#003; font:"Times New Roman", Times, serif; font-size:14px; position:absolute; bottom:12%; left:42%; text-align:center; padding-left:5px; padding-right:5px; font-weight:bold; z-index:1003; }