angular-step-input/angular-step-input.css at master · 10KB/angular-step-input · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
.tien-step {
  display: inline-block;
  height: 24px;
  width: 93px; }
  .tien-step button, .tien-step .step-value {
    border: none;
    float: left;
    height: 24px;
    text-align: center; }
    .tien-step button:focus, .tien-step button:active, .tien-step button:focus:active, .tien-step .step-value:focus, .tien-step .step-value:active, .tien-step .step-value:focus:active {
      outline: none; }
  .tien-step button {
    background: transparent;
    color: white;
    line-height: 24px;
    width: 24px; }
  .tien-step .step-value {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    font-size: 18px;
    line-heigth: 22px;
    padding: 0;
    width: 45px; }
  .tien-step.primary button {
    background: #428bca; }
    .tien-step.primary button:active {
      background: #3071a9; }
    .tien-step.primary button.disabled {
      opacity: 0.8; }
      .tien-step.primary button.disabled:active {
        background: #428bca; }
  .tien-step.primary .step-value {
    border-color: #428bca; }
    .tien-step.primary .step-value i.fa {
      color: #428bca;
      font-size: 14px;
      line-height: 20px;
      top: -2px;
      position: relative; }
  .tien-step.success button {
    background: #5cb85c; }
    .tien-step.success button:active {
      background: #449d44; }
    .tien-step.success button.disabled {
      opacity: 0.8; }
      .tien-step.success button.disabled:active {
        background: #5cb85c; }
  .tien-step.success .step-value {
    border-color: #5cb85c; }
    .tien-step.success .step-value i.fa {
      color: #5cb85c;
      font-size: 14px;
      line-height: 20px;
      top: -2px;
      position: relative; }
  .tien-step.info button {
    background: #5bc0de; }
    .tien-step.info button:active {
      background: #31b0d5; }
    .tien-step.info button.disabled {
      opacity: 0.8; }
      .tien-step.info button.disabled:active {
        background: #5bc0de; }
  .tien-step.info .step-value {
    border-color: #5bc0de; }
    .tien-step.info .step-value i.fa {
      color: #5bc0de;
      font-size: 14px;
      line-height: 20px;
      top: -2px;
      position: relative; }
  .tien-step.warning button {
    background: #f0ad4e; }
    .tien-step.warning button:active {
      background: #ec971f; }
    .tien-step.warning button.disabled {
      opacity: 0.8; }
      .tien-step.warning button.disabled:active {
        background: #f0ad4e; }
  .tien-step.warning .step-value {
    border-color: #f0ad4e; }
    .tien-step.warning .step-value i.fa {
      color: #f0ad4e;
      font-size: 14px;
      line-height: 20px;
      top: -2px;
      position: relative; }
  .tien-step.danger button {
    background: #d9534f; }
    .tien-step.danger button:active {
      background: #c9302c; }
    .tien-step.danger button.disabled {
      opacity: 0.8; }
      .tien-step.danger button.disabled:active {
        background: #d9534f; }
  .tien-step.danger .step-value {
    border-color: #d9534f; }
    .tien-step.danger .step-value i.fa {
      color: #d9534f;
      font-size: 14px;
      line-height: 20px;
      top: -2px;
      position: relative; }