1+ /* SmartWizard v4.0.1
2+ * jQuery Wizard Plugin
3+ * http://www.techlaboratory.net/smartwizard
4+ *
5+ * Created by Dipu Raj
6+ * http://dipuraj.me
7+ *
8+ * Licensed under the terms of MIT License
9+ * https://github.com/techlab/SmartWizard/blob/master/MIT-LICENSE.txt
10+ */
11+
12+ /* SmartWizard Basic CSS */
13+ .sw-main {
14+ position : relative;
15+ display : block;
16+ margin : 0 ;
17+ padding : 0 ;
18+ }
19+ .sw-main .sw-container {
20+ display : block;
21+ margin : 0 ;
22+ padding : 0 ;
23+ overflow : hidden;
24+ position : relative;
25+ }
26+ .sw-main .step-content {
27+ display : none;
28+ position : relative;
29+ margin : 0 ;
30+ }
31+ .sw-main .sw-toolbar {
32+ margin-left : 0 ;
33+ }
34+
35+
36+ /* SmartWizard Theme: White */
37+ .sw-theme-default {
38+ box-shadow : 0px 1px 3px rgba (0 , 0 , 0 , 0.3 );
39+ }
40+ .sw-theme-default .sw-container {
41+ min-height : 300px ;
42+ }
43+ .sw-theme-default .step-content {
44+ padding : 10px ;
45+ border : 0px solid # D4D4D4 ;
46+ background-color : # FFF ;
47+ text-align : left;
48+ }
49+ .sw-theme-default .sw-toolbar {
50+ background : # f9f9f9 ;
51+ border-radius : 0 !important ;
52+ padding-left : 10px ;
53+ padding-right : 10px ;
54+ margin-bottom : 0 !important ;
55+ }
56+ .sw-theme-default .sw-toolbar-top {
57+ border-bottom-color : # ddd !important ;
58+ }
59+ .sw-theme-default .sw-toolbar-bottom {
60+ border-top-color : # ddd !important ;
61+ }
62+ .sw-theme-default > ul .step-anchor > li > a , .sw-theme-default > ul .step-anchor > li > a : hover {
63+ border : none !important ;
64+ color : # bbb ;
65+ text-decoration : none;
66+ outline-style : none;
67+ background : transparent !important ;
68+ border : none !important ;
69+ }
70+ .sw-theme-default > ul .step-anchor > li .clickable > a : hover {
71+ color : # 4285F4 !important ;
72+ background : transparent !important ;
73+ }
74+ .sw-theme-default > ul .step-anchor > li > a ::after {
75+ content : "" ;
76+ background : # 4285F4 ; /* #5bc0de #4285F4*/
77+ height : 2px ;
78+ position : absolute;
79+ width : 100% ;
80+ left : 0px ;
81+ bottom : 0px ;
82+ transition : all 250ms ease 0s ;
83+ transform : scale (0 );
84+ }
85+ .sw-theme-default > ul .step-anchor > li .active > a {
86+ border : none !important ;
87+ color : # 4285F4 !important ;
88+ background : transparent !important ;
89+ }
90+ .sw-theme-default > ul .step-anchor > li .active > a ::after {
91+ transform : scale (1 );
92+ }
93+ .sw-theme-default > ul .step-anchor > li .done > a {
94+ border : none !important ;
95+ color : # 000 !important ;
96+ background : transparent !important ;
97+ }
98+ .sw-theme-default > ul .step-anchor > li .done > a ::after {
99+ background : # 5cb85c ;
100+ transform : scale (1 );
101+ }
102+ .sw-theme-default > ul .step-anchor > li .danger > a {
103+ border : none !important ;
104+ color : # d9534f !important ;
105+ background : transparent !important ;
106+ }
107+ .sw-theme-default > ul .step-anchor > li .danger > a ::after {
108+ background : # d9534f ;
109+ transform : scale (1 );
110+ }
111+ .sw-theme-default > ul .step-anchor > li .disabled > a , .sw-theme-default > ul .step-anchor > li .disabled > a : hover {
112+ color : # eee !important ;
113+ }
114+
115+ /* Loader Animation
116+ Courtesy: http://bootsnipp.com/snippets/featured/loading-button-effect-no-js
117+ */
118+ @-webkit-keyframes ld {
119+ 0% { transform : rotate (0deg ) scale (1 ); }
120+ 50% { transform : rotate (180deg ) scale (1.1 ); }
121+ 100% { transform : rotate (360deg ) scale (1 ); }
122+ }
123+ @-moz-keyframes ld {
124+ 0% { transform : rotate (0deg ) scale (1 ); }
125+ 50% { transform : rotate (180deg ) scale (1.1 ); }
126+ 100% { transform : rotate (360deg ) scale (1 ); }
127+ }
128+ @-o-keyframes ld {
129+ 0% { transform : rotate (0deg ) scale (1 ); }
130+ 50% { transform : rotate (180deg ) scale (1.1 ); }
131+ 100% { transform : rotate (360deg ) scale (1 ); }
132+ }
133+ @keyframes ld {
134+ 0% { transform : rotate (0deg ) scale (1 ); }
135+ 50% { transform : rotate (180deg ) scale (1.1 ); }
136+ 100% { transform : rotate (360deg ) scale (1 ); }
137+ }
138+ .sw-theme-default > ul .step-anchor > li .loading : before {
139+ content : '' ;
140+ display : inline-block;
141+ position : absolute;
142+ background : transparent;
143+ border-radius : 50% ;
144+ box-sizing : border-box;
145+ border : 2px solid # fff ;
146+ border-top-color : transparent;
147+ border-bottom-color : transparent;
148+ border-left-color : # 4285f4 ;
149+ border-right-color : # 4285f4 ;
150+ top : 50% ;
151+ left : 50% ;
152+ margin-top : -16px ;
153+ margin-left : -16px ;
154+ width : 32px ;
155+ height : 32px ;
156+ -webkit-animation : ld 1s ease-in-out infinite;
157+ -moz-animation : ld 1s ease-in-out infinite;
158+ -o-animation : ld 1s ease-in-out infinite;
159+ animation : ld 1s ease-in-out infinite;
160+ }
0 commit comments