Advertisement
Ankit-Kulkarni

Modified css for progress tracker

Oct 27th, 2013
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.23 KB | None | 0 0
  1. /**
  2.  * @package jQuery Progress Bubbles
  3.  * @author Jesse O'Brien <jesse at jesse-obrien.ca>
  4.  * @date    April 2012
  5.  * @license DWTFYWTPL
  6.  *
  7.  * This program is free software. It comes without any warranty, to
  8.  * the extent permitted by applicable law. You can redistribute it
  9.  * and/or modify it under the terms of the Do What The Fuck You Want
  10.  * To Public License, Version 2, as published by Sam Hocevar. See
  11.  * http://sam.zoy.org/wtfpl/COPYING for more details.
  12.  */
  13.  
  14. .progress-bubbles {
  15.     height: 60px;
  16.     padding-top: 40px;
  17. }
  18.  
  19.  
  20.  
  21. .progress-bubbles .bubble {
  22.     padding: 15px;
  23.     float: left;
  24.     text-align: center;
  25.     background: #ddd;
  26.     color: #888;
  27.     font-weight: bold;
  28.     border-radius:;
  29.     width: 100px;
  30.     height: 1px;
  31.     border: 5px solid #ddd;
  32. }
  33.  
  34. .progress-bubbles .bubble  .bubble-title {
  35.     margin-top: -55px;
  36.     margin-bottom:25px;
  37.     margin-left: -20px;;
  38.     text-align: center;
  39.     width: 140px;
  40.     color: #888;
  41. }
  42.  
  43. .progress-bubbles .bubble.active {
  44.     background: #28b7b4;
  45.     color: #fff;
  46. }
  47.  
  48. .progress-bubbles .bubble.complete{
  49.     background: #fff;
  50. }
  51.  
  52. .progress-bubbles .connector {
  53.     margin-left: -1px;
  54.     margin-right: -1px;
  55.     margin-top: 10px;
  56.     width: 10px;
  57.     height: 19px;
  58.     float: left;
  59.     display: inline-block;
  60.     background: #ddd;
  61. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement