xp-dev.com Git - namibia/blob - public/css/vendor/fuelux.css

   1 .wizard {
   2     margin-top: 20px;
   3   position: relative;
   4   background-color: #f9f9f9;
   5   border: 1px solid #d4d4d4;
   6   -webkit-border-radius: 4px;
   7      -moz-border-radius: 4px;
   8           border-radius: 4px;
   9   *zoom: 1;
  10   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  11      -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  12           box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  13 }
  14
  15
  16 .wizard:before,
  17 .wizard:after {
  18   display: table;
  19   line-height: 0;
  20   content: "";
  21 }
  22
  23 .wizard:after {
  24   clear: both;
  25 }
  26
  27 .wizard div.steps-container ul {
  28   padding: 0;
  29
  30   list-style: none outside none;
  31 }
  32
  33 .wizard div.steps-container ul.previous-disabled li.complete {
  34   cursor: default;
  35 }
  36
  37 .wizard div.steps-container ul.previous-disabled li.complete:hover {
  38   color: #468847;
  39   cursor: default;
  40   background: #f3f4f5;
  41 }
  42
  43 .wizard div.steps-container ul.previous-disabled li.complete:hover .chevron:before {
  44   border-left-color: #f3f4f5;
  45 }
  46
  47 .wizard div.steps-container ul li {
  48   position: relative;
  49   float: left;
  50   height: 33px;
  51   padding : 15px 20px 0 30px;
  52   margin: 0;
  53   font-size: 16px;
  54   line-height: 18px;
  55   color: #999999;
  56   cursor: default;
  57   background: #e2e2e2;
  58 }
  59
  60
  61 .wizard div.steps-container ul li .chevron {
  62   position: absolute;
  63   top: 0;
  64   right: -14px;
  65   z-index: 1;
  66   display: block;
  67   border: 24px solid transparent;
  68   border-right: 0;
  69   border-left: 14px solid #d4d4d4;
  70 }
  71
  72 .wizard div.steps-container ul li .chevron:before {
  73   position: absolute;
  74   top: -24px;
  75   right: 1px;
  76   display: block;
  77   border: 24px solid transparent;
  78   border-right: 0;
  79   border-left: 14px solid #e2e2e2;
  80   content: "";
  81 }
  82
  83 .wizard div.steps-container ul li.complete {
  84   color: #468847;
  85   background: #f3f4f5;
  86 }
  87
  88 .wizard div.steps-container ul li.complete:hover {
  89   cursor: pointer;
  90   background: #e7eff8;
  91 }
  92
  93 .wizard div.steps-container ul li.complete:hover .chevron:before {
  94   border-left: 14px solid #e7eff8;
  95 }
  96
  97 .wizard div.steps-container ul li.complete .chevron:before {
  98   border-left: 14px solid #f3f4f5;
  99 }
 100
 101 .wizard div.steps-container ul li.active {
 102   color: #3a87ad;
 103   background: #cfe3fc;
 104 }
 105
 106 .wizard div.steps-container ul li.active .chevron:before {
 107   border-left: 14px solid #cfe3fc ;
 108 }
 109
 110 .wizard div.steps-container ul li .badge {
 111         margin-left: -5px;
 112         margin-right: 8px;
 113   margin-top : 0px;
 114         float: left;
 115 }
 116
 117 .wizard div.steps-container ul li:first-child {
 118   border-radius: 4px 0 0 4px;
 119 }
 120
 121 .wizard .actions {
 122   position: absolute;
 123   right: 0;
 124   z-index: 1000;
 125   float: right;
 126   padding-right: 15px;
 127   padding-left: 15px;
 128   line-height: 46px;
 129   vertical-align: middle;
 130   background-color: #e5e5e5;
 131   border-left: 1px solid #d4d4d4;
 132 }
 133
 134 .wizard .actions a {
 135   margin-right: 8px;
 136   font-size: 12px;
 137   line-height: 45px;
 138 }
 139
 140 .wizard .actions .btn-prev i {
 141   margin-right: 5px;
 142 }
 143
 144 .wizard .actions .btn-next i {
 145   margin-left: 5px;
 146 }
 147
 148 .step-content {
 149   padding: 10px;
 150   /*border-bottom : 1px solid #D4D4D4;*/
 151   border-radius: 0 0 4px 4px;
 152 }
 153
 154 .step-content .step-pane {
 155   display: none;
 156 }
 157
 158 .step-content .active {
 159   display: block;
 160   webkit-box-shadow : none;
 161   box-shadow        : none;
 162 }
 163
 164 .step-content .active .btn-group .active {
 165   display: inline-block;
 166 }
 167
 168 .steps .content {
 169         display: inline-block;
 170         margin-top: 8px;
 171 }
 172 .steps span.content .step-title {
 173         float: left;
 174         font-size: 14px;
 175 }
 176 .steps span.content .step-description {
 177         float: left;
 178         font-size: 11px;
 179         line-height: 12px;
 180 }
 181
 182 .steps {
 183     margin-left:0 !important;
 184 }