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-stepbutton, .tien-step .step-value {
border: none;
float: left;
height:24px;
text-align: center; }
 .tien-stepbutton:focus, .tien-stepbutton:active, .tien-stepbutton:focus:active, .tien-step .step-value:focus, .tien-step .step-value:active, .tien-step .step-value:focus:active {
outline: none; }
 .tien-stepbutton {
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.primarybutton {
background:#428bca; }
 .tien-step.primarybutton:active {
background:#3071a9; }
 .tien-step.primarybutton.disabled {
opacity:0.8; }
 .tien-step.primarybutton.disabled:active {
background:#428bca; }
 .tien-step.primary .step-value {
border-color:#428bca; }
 .tien-step.primary .step-valuei.fa {
color:#428bca;
font-size:14px;
line-height:20px;
top:-2px;
position: relative; }
 .tien-step.successbutton {
background:#5cb85c; }
 .tien-step.successbutton:active {
background:#449d44; }
 .tien-step.successbutton.disabled {
opacity:0.8; }
 .tien-step.successbutton.disabled:active {
background:#5cb85c; }
 .tien-step.success .step-value {
border-color:#5cb85c; }
 .tien-step.success .step-valuei.fa {
color:#5cb85c;
font-size:14px;
line-height:20px;
top:-2px;
position: relative; }
 .tien-step.infobutton {
background:#5bc0de; }
 .tien-step.infobutton:active {
background:#31b0d5; }
 .tien-step.infobutton.disabled {
opacity:0.8; }
 .tien-step.infobutton.disabled:active {
background:#5bc0de; }
 .tien-step.info .step-value {
border-color:#5bc0de; }
 .tien-step.info .step-valuei.fa {
color:#5bc0de;
font-size:14px;
line-height:20px;
top:-2px;
position: relative; }
 .tien-step.warningbutton {
background:#f0ad4e; }
 .tien-step.warningbutton:active {
background:#ec971f; }
 .tien-step.warningbutton.disabled {
opacity:0.8; }
 .tien-step.warningbutton.disabled:active {
background:#f0ad4e; }
 .tien-step.warning .step-value {
border-color:#f0ad4e; }
 .tien-step.warning .step-valuei.fa {
color:#f0ad4e;
font-size:14px;
line-height:20px;
top:-2px;
position: relative; }
 .tien-step.dangerbutton {
background:#d9534f; }
 .tien-step.dangerbutton:active {
background:#c9302c; }
 .tien-step.dangerbutton.disabled {
opacity:0.8; }
 .tien-step.dangerbutton.disabled:active {
background:#d9534f; }
 .tien-step.danger .step-value {
border-color:#d9534f; }
 .tien-step.danger .step-valuei.fa {
color:#d9534f;
font-size:14px;
line-height:20px;
top:-2px;
position: relative; }