pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
main-custom.less
(7920B)
1 /*
2 * Main.less is overloaded with unneeded css rules. As more parts are added to the website,
3 * add the necessary SmartAdmin css rules to this Less file.
4 */
5
6 html {
7 margin: 0;
8 padding: 0;
9 height: 100%;
10 overflow-x: hidden !important;
11 }
12
13 body {
14 margin: 0;
15 padding: 0;
16 height: 100%;
17 direction:ltr;
18 }
19
20 a:hover, a:active, a:focus, button, button:active, button:focus, object, embed, input::-moz-focus-inner {
21 outline: 0;
22 }
23
24 .page-title {
25 margin: 12px 0 28px;
26 span {
27 font-size: @font-size-base+3;
28 color: @gray-dark;
29 display: inline-block;
30 vertical-align: 1px;
31 }
32 }
33
34 label {
35 font-weight:normal;
36 }
37
38 *:focus {
39 outline: 0 !important;
40 }
41
42 textarea:focus,
43 select:focus,
44 input[type="text"]:focus,
45 input[type="password"]:focus,
46 input[type="datetime"]:focus,
47 input[type="datetime-local"]:focus,
48 input[type="date"]:focus,
49 input[type="month"]:focus,
50 input[type="time"]:focus,
51 input[type="week"]:focus,
52 input[type="number"]:focus,
53 input[type="email"]:focus,
54 input[type="url"]:focus,
55 input[type="search"]:focus,
56 input[type="tel"]:focus,
57 input[type="color"]:focus,
58 .uneditable-input:focus {
59 outline: 0;
60 outline: thin dotted \9;
61 /* IE6-9 */
62
63 -webkit-box-shadow: none !important;
64 -moz-box-shadow: none !important;
65 box-shadow: none !important;
66
67 }
68
69 .input-sm,
70 .input-lg,
71 .input-xs,
72 .form-control {
73 border-radius:0px !important;
74 -webkit-border-radius: 0px !important;
75 -moz-border-radius: 0px !important;
76 }
77
78 .input-xs {
79 height: 24px;
80 padding: 2px 10px;
81 font-size: 11px;
82 line-height: 1.5;
83 }
84
85 .btn-xs {
86 padding: 1px 5px;
87 }
88
89 .btn-sm {
90 padding: 6px 10px 5px;
91 }
92
93 .btn-lg {
94 padding: 10px 16px;
95 }
96
97 .no-space {
98 margin:0;
99 }
100
101 .no-space > [class*="col-"] {
102 margin: 0 !important;
103 padding-right: 0;
104 padding-left: 0;
105 }
106
107 body.container {
108 position: relative;
109 padding: 0;
110 border-left:1px solid @gray-mid-light;
111 border-right:1px solid @gray-mid-light;
112 box-shadow: 0 2px 70px rgba(red(@black), green(@black), blue(@black), 0.45);
113 }
114
115 .no-content-padding {
116 margin: -10px -14px 0 -14px; /*used with content >:first-child */
117 }
118
119 .no-padding {
120 padding:0px !important;
121 & > pre {
122 margin:30px;
123 }
124
125 & > table {
126 border:none !important;
127 margin-bottom:0px !important;
128 border-bottom-width:0px !important;
129
130 tr td:last-child, tr th:last-child {
131 border-right:none !important;
132 }
133
134 tr td:first-child, tr th:first-child {
135 border-left:none !important;
136 }
137 }
138
139 .dataTables_wrapper table {
140 border:none !important;
141 margin-bottom:0px !important;
142 border-bottom-width:0px !important;
143
144 tr td:last-child, tr th:last-child {
145 border-right:none !important;
146 }
147 tr td:first-child, tr th:first-child {
148 border-left:none !important;
149 }
150 }
151 }
152
153 .no-padding-bottom {
154 padding-bottom:0px !important;
155 }
156 .padding-5 {
157 padding:5px !important;
158 }
159 .padding-7 {
160 padding:7px !important;
161 }
162 .padding-10 {
163 padding:10px !important;
164 }
165 .padding-top-10 {
166 padding-top:10px !important;
167 }
168
169 .no-padding .dataTables_wrapper table tbody tr:last-child td {
170 border-bottom:0;
171 }
172
173 .row-seperator-header {
174 margin:15px 14px 20px;
175 border-bottom:none;
176 display:block;
177 color: darken( @gray-light, 20.9%);
178 font-size:20px;
179 font-weight:400;
180 }
181
182 /*
183 * Forced text alignments
184 */
185
186 .text-align-center, .text-center {
187 text-align:center !important
188 }
189 .text-align-left, .text-left {
190 text-align:left !important
191 }
192 .text-align-right, .text-right {
193 text-align:right !important
194 }
195
196 /*
197 * Font Weights
198 */
199
200 .semi-bold {
201 font-weight:400 !important;
202 }
203
204 .ultra-light {
205 font-weight:300 !important;
206 }
207
208 /*
209 * Font Sizes
210 */
211
212
213 .font-xs {
214 font-size:85% !important;
215 }
216
217 .font-sm {
218 font-size:95% !important;
219 }
220
221 .font-md {
222 font-size:110% !important;
223 }
224
225 .font-lg {
226 font-size:120% !important;
227 }
228
229 .font-xl {
230 font-size:140% !important;
231 }
232
233 .font-400 {
234 font-size:400% !important;
235 }
236
237 /*
238 * Center Canvas
239 */
240 .center-canvas, .center-child-canvas > canvas {
241 display:block !important;
242 margin:0 auto !important;
243 }
244
245 /*
246 * Margins
247 */
248
249 .no-margin {
250 margin:0px !important;
251 }
252
253 .margin-top-5 {
254 margin-top:5px !important;
255 }
256
257 .margin-top-10 {
258 margin-top:10px !important;
259 }
260
261 .margin-bottom-5 {
262 margin-bottom:5px !important;
263 }
264
265 .margin-bottom-10 {
266 margin-bottom:10px !important;
267 }
268
269 .margin-right-5 {
270 margin-right:5px !important;
271 }
272
273 .margin-left-10 {
274 margin-left: 10px !important;
275 }
276
277 /*
278 * No border
279 */
280
281 .no-border, .well[class*=" bg-"].no-border {
282 border-width:0px !important;
283 }
284
285 .no-border-transparent {
286 border-color:transparent !important;
287 }
288
289 .no-border-radius {
290 border-radius:0px;
291 -moz-border-radius: 0px;
292 -webkit-border-radius: 0px;
293 }
294
295 /*
296 * Inlines
297 */
298 .display-inline {
299 display:inline-block !important;
300 }
301
302 .display-normal {
303 display:inline !important;
304 }
305
306
307 /*
308 * Images
309 */
310
311 .hover-transparent {
312 opacity:.5;
313 }.hover-transparent:hover {
314 opacity:1;
315 }
316
317 /*
318 * JUST A BORDER
319 */
320 .bordered {
321 border:1px solid rgba(red(@black), green(@black), blue(@black),.2);
322 }.bordered:hover {
323 border:1px solid rgba(red(@black), green(@black), blue(@black),.4);
324 }
325
326 /*
327 * CURSORS
328 */
329 .cursor-pointer {
330 cursor:pointer;
331 }
332
333
334
335 /*
336 * Alerts
337 */
338 .alert {
339 margin-bottom: 20px;
340 margin-top: 0px;
341 padding: 5px 15px 5px 34px;
342 color:#675100;
343 border-width:0px;
344 border-left-width:5px;
345 padding:10px;
346 border-radius:0px;
347 -webkit-border-radius: 0px;
348 -moz-border-radius: 0px;
349 .close {
350 top: 0px;
351 right: -5px;
352 line-height: 20px;
353 }
354 }
355
356 .alert-heading {
357 font-weight:600;
358 }
359
360 .alert-danger {
361 border-color: @state-danger-border;
362 color: @state-danger-text;
363 background: @state-danger-bg;
364 text-shadow:none;
365 }
366
367 .alert-warning {
368 border-color: @state-warning-border;
369 color: @state-warning-text;
370 background: @state-warning-bg;
371 }
372
373 .alert-success {
374 border-color: @state-success-border;
375 color: @state-success-text;
376 background: @state-success-bg;
377 }
378
379 .alert-info {
380 border-color: @state-info-border;
381 color: @state-info-text;
382 background: @state-info-bg;
383 }
384
385 /*
386 * WELLS
387 */
388
389 .well {
390 background: darken(@white, 1.5%);
391 border: 1px solid darken(@gray-lighter, 7%);
392 box-shadow: 0 1px 1px darken(@gray-lighter, 1%);
393 -webkit-box-shadow: 0 1px 1px darken(@gray-lighter, 1%);
394 -moz-box-shadow: 0 1px 1px darken(@gray-lighter, 1%);
395 position:relative;
396 }
397
398 /*
399 * CUSTOM BUTTON
400 */
401
402 .pagination > li > a, .pagination > li > span {
403 box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05);
404 -moz-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05);
405 -webkit-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05);
406 }
407
408 .disabled {
409 color:@white;
410 }
411 .btn-default.disabled {
412 color:@gray-light;
413 }
414
415 .btn {
416 border-radius:2px;
417 -webkit-border-radius: 2px;
418 -moz-border-radius: 2px;
419 box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05);
420 -moz-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05);
421 -webkit-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05);
422 }
423 .btn:active {
424 position:relative;
425 top:1px;
426 left:1px;
427 }
428
429 /* SMART FORM */
430
431 .table.has-tickbox.smart-form thead tr th:first-child .radio,
432 .table.has-tickbox.smart-form thead tr th:first-child .checkbox,
433 .table.has-tickbox.smart-form tbody tr td:first-child .radio,
434 .table.has-tickbox.smart-form tbody tr td:first-child .checkbox {
435 padding:0px !important;
436 }
437
438 .smart-form.table td .radio i,
439 .smart-form.table td .checkbox i,
440 .smart-form.table th .radio i,
441 .smart-form.table th .checkbox i {
442 top: 0px !important;
443 }
444
445 /*
446 * Client page forms
447 */
448 .client-form header {
449 padding: 15px 13px;
450 margin:0;
451 border-bottom-style:solid;
452 border-bottom-color:rgba(red(@black), green(@black), blue(@black), .1);
453 background: rgba(248, 248, 248, .9);
454 }