11/* Some Better Spacing in Content */
22.astroid-element > .head > div {
3- padding : 14px 15px ;
3+ padding : 14px 15px ;
44}
55# astroid-wrapper # astroid-sidebar-wrapper .sidebar-nav > li .has-child > a .active : after {
6- content : "\f106" ;
6+ content : "\f106" ;
77}
88.ace_editor {
9- width : 100% ;
10- max-width : 300px ;
11- min-height : 200px ;
9+ width : 100% ;
10+ max-width : 300px ;
11+ min-height : 200px ;
1212}
1313.astroidsocialprofiles .select-icon {
14- width : 30px ;
15- height : 30px ;
16- font-size : 20px ;
17- line-height : 30px ;
18- display : inline-block !important ;
19- text-align : center;
20- color : # dededf ;
21- cursor : pointer;
14+ width : 30px ;
15+ height : 30px ;
16+ font-size : 20px ;
17+ line-height : 30px ;
18+ display : inline-block !important ;
19+ text-align : center;
20+ color : # dededf ;
21+ cursor : pointer;
2222}
2323.astroidsocialprofiles .select-icon : hover {
24- color : # b2b3b4 ;
24+ color : # b2b3b4 ;
2525}
2626.astroidsocialprofiles .select-icon .active {
27- color : # 212529 !important ;
27+ color : # 212529 !important ;
2828}
2929.astroidsocialprofiles label > p {
30- font-size : 18px ;
30+ font-size : 18px ;
3131}
3232.slider .slider-horizontal {
33- height : 24px ;
33+ height : 24px ;
3434}
3535.slider-track {
36- background-color : # ddd ;
37- background-image : -webkit-gradient (linear, 0 0 , 0 100% , from (# ddd ), to (# eee ));
38- background-image : -webkit-linear-gradient (top, # ddd, # eee );
39- background-image : -o-linear-gradient (top, # ddd, # eee );
40- background-image : -webkit-gradient (linear, left top, left bottom, from (# ddd ), to (# eee ));
41- background-image : linear-gradient (to bottom, # ddd, # eee );
42- background-repeat : repeat-x;
43- filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#eee', GradientType=0);
44- -webkit-box-shadow : inset 0 1px 2px rgba (0 , 0 , 0 , 0.1 );
45- box-shadow : inset 0 1px 2px rgba (0 , 0 , 0 , 0.1 );
46- border-radius : 6px ;
47- position : absolute;
48- cursor : pointer;
36+ background-color : # ddd ;
37+ background-image : -webkit-gradient (linear, 0 0 , 0 100% , from (# ddd ), to (# eee ));
38+ background-image : -webkit-linear-gradient (top, # ddd, # eee );
39+ background-image : -o-linear-gradient (top, # ddd, # eee );
40+ background-image : -webkit-gradient (linear, left top, left bottom, from (# ddd ), to (# eee ));
41+ background-image : linear-gradient (to bottom, # ddd, # eee );
42+ background-repeat : repeat-x;
43+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#eee', GradientType=0);
44+ -webkit-box-shadow : inset 0 1px 2px rgba (0 , 0 , 0 , 0.1 );
45+ box-shadow : inset 0 1px 2px rgba (0 , 0 , 0 , 0.1 );
46+ border-radius : 6px ;
47+ position : absolute;
48+ cursor : pointer;
4949}
5050.slider .slider-horizontal .slider-track {
51- height : 10px ;
51+ height : 10px ;
5252}
5353.slider-track-low ,
5454.slider-track-high {
55- -webkit-box-sizing : border-box;
56- -moz-box-sizing : border-box;
57- box-sizing : border-box;
58- -webkit-border-radius : 6px ;
59- -moz-border-radius : 6px ;
60- border-radius : 6px ;
61- position : absolute;
62- background : transparent;
55+ -webkit-box-sizing : border-box;
56+ -moz-box-sizing : border-box;
57+ box-sizing : border-box;
58+ -webkit-border-radius : 6px ;
59+ -moz-border-radius : 6px ;
60+ border-radius : 6px ;
61+ position : absolute;
62+ background : transparent;
6363}
6464.slider .slider-horizontal .slider-selection ,
6565.slider .slider-horizontal .slider-track-low ,
6666.slider .slider-horizontal .slider-track-high {
67- height : 100% ;
68- top : 0 ;
69- bottom : 0 ;
67+ height : 100% ;
68+ top : 0 ;
69+ bottom : 0 ;
7070}
7171.slider-selection {
72- background-color : # 17C671 ;
73- background-image : -webkit-gradient (linear, left top, right top, from (# ff9966 ), to (# ff5e62 ));
74- background-image : -webkit-linear-gradient (left, # ff9966, # ff5e62 );
75- background-image : -o-linear-gradient (left, # ff9966, # ff5e62 );
76- background-image : linear-gradient (to right, # ff9966, # ff5e62 );
77- background-repeat : repeat-x;
78- filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#009A4F', endColorstr='#17C671', GradientType=0);
79- -webkit-box-shadow : inset 0 -1px 0 rgba (0 , 0 , 0 , 0.15 );
80- -moz-box-shadow : inset 0 -1px 0 rgba (0 , 0 , 0 , 0.15 );
81- box-shadow : inset 0 -1px 0 rgba (0 , 0 , 0 , 0.15 );
82- -webkit-box-sizing : border-box;
83- -moz-box-sizing : border-box;
84- box-sizing : border-box;
85- -webkit-border-radius : 6px ;
86- -moz-border-radius : 6px ;
87- border-radius : 6px ;
88- position : absolute;
72+ background-color : # 17C671 ;
73+ background-image : -webkit-gradient (linear, left top, right top, from (# ff9966 ), to (# ff5e62 ));
74+ background-image : -webkit-linear-gradient (left, # ff9966, # ff5e62 );
75+ background-image : -o-linear-gradient (left, # ff9966, # ff5e62 );
76+ background-image : linear-gradient (to right, # ff9966, # ff5e62 );
77+ background-repeat : repeat-x;
78+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#009A4F', endColorstr='#17C671', GradientType=0);
79+ -webkit-box-shadow : inset 0 -1px 0 rgba (0 , 0 , 0 , 0.15 );
80+ -moz-box-shadow : inset 0 -1px 0 rgba (0 , 0 , 0 , 0.15 );
81+ box-shadow : inset 0 -1px 0 rgba (0 , 0 , 0 , 0.15 );
82+ -webkit-box-sizing : border-box;
83+ -moz-box-sizing : border-box;
84+ box-sizing : border-box;
85+ -webkit-border-radius : 6px ;
86+ -moz-border-radius : 6px ;
87+ border-radius : 6px ;
88+ position : absolute;
8989}
9090.slider-handle {
91- background-color : # f2f2f2 ;
92- background-image : -moz-linear-gradient (top, # f8f8f8, # ebebeb );
93- background-image : -webkit-gradient (linear, 0 0 , 0 100% , from (# f8f8f8 ), to (# ebebeb ));
94- background-image : -webkit-linear-gradient (top, # f8f8f8, # ebebeb );
95- background-image : -o-linear-gradient (top, # f8f8f8, # ebebeb );
96- background-image : linear-gradient (to bottom, # f8f8f8, # ebebeb );
97- background-repeat : repeat-x;
98- filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#ebebeb', GradientType=0);
99- -webkit-box-shadow : inset 0 1px 0 rgba (255 , 255 , 255 , 0.2 ), 0 1px 2px rgba (0 , 0 , 0 , 0.05 );
100- -moz-box-shadow : inset 0 1px 0 rgba (255 , 255 , 255 , 0.2 ), 0 1px 2px rgba (0 , 0 , 0 , 0.05 );
101- box-shadow : inset 0 1px 0 rgba (255 , 255 , 255 , 0.2 ), 0 1px 2px rgba (0 , 0 , 0 , 0.05 );
102- position : absolute;
103- top : 50% ;
104- cursor : pointer;
105- width : 20px ;
106- height : 20px ;
107- background-color : # f8f8f8 ;
108- border : 1px solid # fff ;
109- border-radius : 14px ;
110- box-shadow : 0 0 4px # 000 ;
111- -moz-transform : translateY (-50% );
112- -webkit-transform : translateY (-50% );
113- transform : translateY (-50% );
91+ background-color : # f2f2f2 ;
92+ background-image : -moz-linear-gradient (top, # f8f8f8, # ebebeb );
93+ background-image : -webkit-gradient (linear, 0 0 , 0 100% , from (# f8f8f8 ), to (# ebebeb ));
94+ background-image : -webkit-linear-gradient (top, # f8f8f8, # ebebeb );
95+ background-image : -o-linear-gradient (top, # f8f8f8, # ebebeb );
96+ background-image : linear-gradient (to bottom, # f8f8f8, # ebebeb );
97+ background-repeat : repeat-x;
98+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#ebebeb', GradientType=0);
99+ -webkit-box-shadow : inset 0 1px 0 rgba (255 , 255 , 255 , 0.2 ), 0 1px 2px rgba (0 , 0 , 0 , 0.05 );
100+ -moz-box-shadow : inset 0 1px 0 rgba (255 , 255 , 255 , 0.2 ), 0 1px 2px rgba (0 , 0 , 0 , 0.05 );
101+ box-shadow : inset 0 1px 0 rgba (255 , 255 , 255 , 0.2 ), 0 1px 2px rgba (0 , 0 , 0 , 0.05 );
102+ position : absolute;
103+ top : 50% ;
104+ cursor : pointer;
105+ width : 20px ;
106+ height : 20px ;
107+ background-color : # f8f8f8 ;
108+ border : 1px solid # fff ;
109+ border-radius : 14px ;
110+ box-shadow : 0 0 4px # 000 ;
111+ -moz-transform : translateY (-50% );
112+ -webkit-transform : translateY (-50% );
113+ transform : translateY (-50% );
114114}
115115.slider-handle .round {
116- -webkit-border-radius : 14px ;
117- -moz-border-radius : 14px ;
118- border-radius : 14px ;
116+ -webkit-border-radius : 14px ;
117+ -moz-border-radius : 14px ;
118+ border-radius : 14px ;
119119}
120120.slider .slider-horizontal .slider-tick ,
121121.slider .slider-horizontal .slider-handle {
122- margin-left : -7px ;
122+ margin-left : -7px ;
123123}
124124/* Notification Message */
125125.notifyjs-bootstrap-base {
126- background : # fff !important ;
127- border : 1px solid # ddd !important ;
128- border-radius : 0px 0 0px 5px !important ;
129- -webkit-border-radius : 0px 0 0px 5px !important ;
130- color : # 000 !important ;
131- font-size : 12px !important ;
132- padding : 15px 25px !important ;
126+ background : # fff !important ;
127+ border : 1px solid # ddd !important ;
128+ border-radius : 0px 0 0px 5px !important ;
129+ -webkit-border-radius : 0px 0 0px 5px !important ;
130+ color : # 000 !important ;
131+ font-size : 12px !important ;
132+ padding : 15px 25px !important ;
133133}
134134.notifyjs-bootstrap-base : after {
135- content : "" ;
136- display : block;
137- height : 5px ;
138- left : 0 ;
139- position : absolute;
140- right : 0 ;
141- top : 0 ;
142- width : 100% ;
135+ content : "" ;
136+ display : block;
137+ height : 5px ;
138+ left : 0 ;
139+ position : absolute;
140+ right : 0 ;
141+ top : 0 ;
142+ width : 100% ;
143143}
144144.notifyjs-bootstrap-success : after {
145- background : rgba (0 , 0 , 0 , 0 ) linear-gradient (to right, # ff9966, # ff5e62 ) repeat scroll 0 0 !important ;
145+ background : rgba (0 , 0 , 0 , 0 ) linear-gradient (to right, # ff9966, # ff5e62 ) repeat scroll 0 0 !important ;
146146}
147147.notifyjs-bootstrap-error : after {
148- background : rgba (0 , 0 , 0 , 0 ) linear-gradient (to right, # c4183c, # c4183c ) repeat scroll 0 0 !important ;
148+ background : rgba (0 , 0 , 0 , 0 ) linear-gradient (to right, # c4183c, # c4183c ) repeat scroll 0 0 !important ;
149149}
150150.form-group .form-group-heading + .form-group {
151- border-top : none;
151+ border-top : none;
152152}
153153.dropdown .optgroup .divider {
154- border-top : none !important ;
155- height : 1em !important ;
156- font-weight : bold !important ;
157- padding : 0px 15px !important ;
154+ border-top : none !important ;
155+ height : 1em !important ;
156+ font-weight : bold !important ;
157+ padding : 0px 15px !important ;
158158}
159159.form-group .form-group-heading {
160- border-bottom : 1px solid # eaeaea ;
160+ border-bottom : 1px solid # eaeaea ;
161+ }
162+
163+ .slider .tooltip .top {
164+ display : none !important ;
165+ }
166+
167+ .slider-horizontal {
168+ width : 100% !important ;
169+ max-width : 270px ;
170+ }
171+
172+ .range-slider-value {
173+ color : # ef6d60 ;
174+ border-bottom : 1px dashed;
175+ margin-left : 5px ;
176+ }
177+
178+ .unit-picker {
179+ color : # a0a0a0 ;
180+ font-size : 16px ;
181+ }
182+
183+ .unit-picker li {
184+ cursor : pointer;
185+ line-height : 26px ;
186+ }
187+
188+ .unit-picker li .active {
189+ color : # 000 ;
190+ font-weight : bold;
191+ border-bottom : 1px dashed;
192+ }
193+
194+ [range-slider ]{
195+ display : block !important ;
196+ position : absolute;
197+ top : 0px ;
198+ left : 0px ;
199+ border : none;
200+ line-height : 24px ;
201+ background : none;
202+ width : 40px ;
203+ text-align : center;
204+ border : none !important ;
205+ border-bottom : 1px dashed !important ;
206+ outline : none !important ;
207+ box-shadow : none !important ;
208+ color : # ef6d60 !important ;
209+ }
210+
211+ .margin-left-50px {
212+ margin-left : 50px ;
213+ }
214+
215+ [range-slider ].d-none {
216+ display : none !important ;
217+ }
218+
219+ /* For Firefox */
220+ input [type = 'number' ] {
221+ -moz-appearance : textfield;
222+ }
223+ /* Webkit browsers like Safari and Chrome */
224+ input [type = number ]::-webkit-inner-spin-button ,
225+ input [type = number ]::-webkit-outer-spin-button {
226+ -webkit-appearance : none;
227+ margin : 0 ;
228+ }
229+
230+ .astroid-typography-preview-container .astroid-typography-preview {
231+ overflow : scroll;
161232}
0 commit comments