|
1 | 1 | /* SmartWizard v4.x |
2 | 2 | * jQuery Wizard Plugin |
3 | 3 | * http://www.techlaboratory.net/smartwizard |
4 | | - * |
5 | | - * Created by Dipu Raj |
| 4 | + * |
| 5 | + * Created by Dipu Raj |
6 | 6 | * http://dipuraj.me |
7 | | - * |
| 7 | + * |
8 | 8 | * Licensed under the terms of MIT License |
9 | | - * https://github.com/techlab/SmartWizard/blob/master/MIT-LICENSE.txt |
| 9 | + * https://github.com/techlab/SmartWizard/blob/master/LICENSE |
10 | 10 | */ |
11 | 11 |
|
12 | 12 | /* SmartWizard Theme: Arrows */ |
|
17 | 17 | .sw-theme-arrows > .sw-container { |
18 | 18 | min-height: 200px; |
19 | 19 | } |
20 | | -.sw-theme-arrows .step-content { |
21 | | - padding: 0 10px; |
22 | | - border: 0px solid #D4D4D4; |
| 20 | +.sw-theme-arrows .step-content { |
| 21 | + padding: 0 10px; |
| 22 | + border: 0px solid #D4D4D4; |
23 | 23 | background-color: #FFF; |
24 | 24 | text-align: left; |
25 | 25 | } |
|
42 | 42 | border-radius: 5px; |
43 | 43 | border-bottom-left-radius: 0; |
44 | 44 | border-bottom-right-radius: 0; |
45 | | - list-style: none; |
| 45 | + list-style: none; |
46 | 46 | overflow: hidden; |
47 | 47 | /*margin: -1px -1px 0 -1px -1px;*/ |
48 | 48 | } |
49 | 49 | .sw-theme-arrows > ul.step-anchor li+li:before { |
50 | 50 | padding: 0; |
51 | 51 | } |
52 | | -.sw-theme-arrows > ul.step-anchor > li { |
| 52 | +.sw-theme-arrows > ul.step-anchor > li { |
53 | 53 | } |
54 | 54 |
|
55 | 55 | .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover { |
56 | 56 | color: #bbb; |
57 | | - text-decoration: none; |
| 57 | + text-decoration: none; |
58 | 58 | padding: 10px 0 10px 45px; |
59 | | - position: relative; |
| 59 | + position: relative; |
60 | 60 | display: block; |
61 | 61 | border: 0 !important; |
62 | 62 | border-radius: 0; |
63 | 63 | outline-style:none; |
64 | 64 | background: #f5f5f5; |
65 | 65 | } |
66 | | -.sw-theme-arrows > ul.step-anchor > li > a:after { |
67 | | - content: " "; |
68 | | - display: block; |
69 | | - width: 0; |
| 66 | +.sw-theme-arrows > ul.step-anchor > li > a:after { |
| 67 | + content: " "; |
| 68 | + display: block; |
| 69 | + width: 0; |
70 | 70 | height: 0; |
71 | 71 | border-top: 50px solid transparent; |
72 | 72 | border-bottom: 50px solid transparent; |
73 | 73 | border-left: 30px solid #f5f5f5; |
74 | 74 | position: absolute; |
75 | 75 | top: 50%; |
76 | | - margin-top: -50px; |
| 76 | + margin-top: -50px; |
77 | 77 | left: 100%; |
78 | | - z-index: 2; |
| 78 | + z-index: 2; |
79 | 79 | } |
80 | | -.sw-theme-arrows > ul.step-anchor > li > a:before { |
81 | | - content: " "; |
82 | | - display: block; |
83 | | - width: 0; |
| 80 | +.sw-theme-arrows > ul.step-anchor > li > a:before { |
| 81 | + content: " "; |
| 82 | + display: block; |
| 83 | + width: 0; |
84 | 84 | height: 0; |
85 | 85 | border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ |
86 | 86 | border-bottom: 50px solid transparent; |
87 | 87 | border-left: 30px solid #ddd; |
88 | 88 | position: absolute; |
89 | 89 | top: 50%; |
90 | | - margin-top: -50px; |
| 90 | + margin-top: -50px; |
91 | 91 | margin-left: 1px; |
92 | 92 | left: 100%; |
93 | | - z-index: 1; |
94 | | -} |
| 93 | + z-index: 1; |
| 94 | +} |
95 | 95 | .sw-theme-arrows > ul.step-anchor > li:first-child > a { |
96 | 96 | padding-left: 15px; |
97 | 97 | } |
98 | | -.sw-theme-arrows > ul.step-anchor > li > a:hover { |
99 | | - color: #bbb; |
| 98 | +.sw-theme-arrows > ul.step-anchor > li > a:hover { |
| 99 | + color: #bbb; |
100 | 100 | text-decoration: none; |
101 | 101 | outline-style:none; |
102 | 102 | background: #f5f5f5; |
103 | | - border-color: #f5f5f5; |
| 103 | + border-color: #f5f5f5; |
104 | 104 | } |
105 | | -.sw-theme-arrows > ul.step-anchor > li > a:hover:after { |
106 | | - border-left-color: #f5f5f5; |
| 105 | +.sw-theme-arrows > ul.step-anchor > li > a:hover:after { |
| 106 | + border-left-color: #f5f5f5; |
107 | 107 | } |
108 | | -.sw-theme-arrows > ul.step-anchor > li > a small{ |
| 108 | +.sw-theme-arrows > ul.step-anchor > li > a small{ |
109 | 109 | } |
110 | 110 | .sw-theme-arrows > ul.step-anchor > li.clickable > a:hover { |
111 | | - color: #4285F4 !important; |
112 | | - background: #46b8da !important; |
| 111 | + color: #4285F4 !important; |
| 112 | + background: #46b8da !important; |
113 | 113 | } |
114 | | -.sw-theme-arrows > ul.step-anchor > li.active > a { |
115 | | - border-color: #5bc0de !important; |
116 | | - color: #fff !important; |
| 114 | +.sw-theme-arrows > ul.step-anchor > li.active > a { |
| 115 | + border-color: #5bc0de !important; |
| 116 | + color: #fff !important; |
117 | 117 | background: #5bc0de !important; |
118 | 118 | } |
119 | 119 | .sw-theme-arrows > ul.step-anchor > li.active > a:after { |
120 | 120 | border-left: 30px solid #5bc0de !important; |
121 | 121 | } |
122 | | -.sw-theme-arrows > ul.step-anchor > li.done > a { |
123 | | - border-color: #5cb85c !important; |
124 | | - color: #fff !important; |
125 | | - background: #5cb85c !important; |
| 122 | +.sw-theme-arrows > ul.step-anchor > li.done > a { |
| 123 | + border-color: #5cb85c !important; |
| 124 | + color: #fff !important; |
| 125 | + background: #5cb85c !important; |
126 | 126 | } |
127 | 127 | .sw-theme-arrows > ul.step-anchor > li.done > a:after { |
128 | 128 | border-left: 30px solid #5cb85c; |
129 | 129 | } |
130 | | -.sw-theme-arrows > ul.step-anchor > li.danger > a { |
131 | | - border-color: #d9534f !important; |
132 | | - color: #d9534f !important; |
133 | | - background: #fff !important; |
| 130 | +.sw-theme-arrows > ul.step-anchor > li.danger > a { |
| 131 | + border-color: #d9534f !important; |
| 132 | + color: #d9534f !important; |
| 133 | + background: #fff !important; |
134 | 134 | } |
135 | 135 | .sw-theme-arrows > ul.step-anchor > li.disabled > a, .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover { |
136 | 136 | color: #eee !important; |
|
145 | 145 | .sw-theme-arrows > .nav-tabs > li { |
146 | 146 | float: none !important; |
147 | 147 | margin-bottom: 0; |
148 | | - } |
| 148 | + } |
149 | 149 | .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover { |
150 | 150 | padding-left: 15px; |
151 | 151 | margin-right: 0; |
|
156 | 156 | } |
157 | 157 | } |
158 | 158 |
|
159 | | -/* Loader Animation |
| 159 | +/* Loader Animation |
160 | 160 | Courtesy: http://bootsnipp.com/snippets/featured/loading-button-effect-no-js |
161 | 161 | */ |
162 | 162 | @-webkit-keyframes ld { |
|
0 commit comments