##// END OF EJS Templates
tables: unified tables for main pages of rhodecode repo pages.
marcink -
r4511:c6ccda60 stable
parent child
Show More
@@ -1,3236 +1,3237
1 //Primary CSS
1 //Primary CSS
2
2
3 //--- IMPORTS ------------------//
3 //--- IMPORTS ------------------//
4
4
5 @import 'helpers';
5 @import 'helpers';
6 @import 'mixins';
6 @import 'mixins';
7 @import 'rcicons';
7 @import 'rcicons';
8 @import 'variables';
8 @import 'variables';
9 @import 'bootstrap-variables';
9 @import 'bootstrap-variables';
10 @import 'form-bootstrap';
10 @import 'form-bootstrap';
11 @import 'codemirror';
11 @import 'codemirror';
12 @import 'legacy_code_styles';
12 @import 'legacy_code_styles';
13 @import 'readme-box';
13 @import 'readme-box';
14 @import 'progress-bar';
14 @import 'progress-bar';
15
15
16 @import 'type';
16 @import 'type';
17 @import 'alerts';
17 @import 'alerts';
18 @import 'buttons';
18 @import 'buttons';
19 @import 'tags';
19 @import 'tags';
20 @import 'code-block';
20 @import 'code-block';
21 @import 'examples';
21 @import 'examples';
22 @import 'login';
22 @import 'login';
23 @import 'main-content';
23 @import 'main-content';
24 @import 'select2';
24 @import 'select2';
25 @import 'comments';
25 @import 'comments';
26 @import 'panels-bootstrap';
26 @import 'panels-bootstrap';
27 @import 'panels';
27 @import 'panels';
28 @import 'deform';
28 @import 'deform';
29 @import 'tooltips';
29 @import 'tooltips';
30 @import 'sweetalert2';
30 @import 'sweetalert2';
31
31
32
32
33 //--- BASE ------------------//
33 //--- BASE ------------------//
34 .noscript-error {
34 .noscript-error {
35 top: 0;
35 top: 0;
36 left: 0;
36 left: 0;
37 width: 100%;
37 width: 100%;
38 z-index: 101;
38 z-index: 101;
39 text-align: center;
39 text-align: center;
40 font-size: 120%;
40 font-size: 120%;
41 color: white;
41 color: white;
42 background-color: @alert2;
42 background-color: @alert2;
43 padding: 5px 0 5px 0;
43 padding: 5px 0 5px 0;
44 font-weight: @text-semibold-weight;
44 font-weight: @text-semibold-weight;
45 font-family: @text-semibold;
45 font-family: @text-semibold;
46 }
46 }
47
47
48 html {
48 html {
49 display: table;
49 display: table;
50 height: 100%;
50 height: 100%;
51 width: 100%;
51 width: 100%;
52 }
52 }
53
53
54 body {
54 body {
55 display: table-cell;
55 display: table-cell;
56 width: 100%;
56 width: 100%;
57 }
57 }
58
58
59 //--- LAYOUT ------------------//
59 //--- LAYOUT ------------------//
60
60
61 .hidden{
61 .hidden{
62 display: none !important;
62 display: none !important;
63 }
63 }
64
64
65 .box{
65 .box{
66 float: left;
66 float: left;
67 width: 100%;
67 width: 100%;
68 }
68 }
69
69
70 .browser-header {
70 .browser-header {
71 clear: both;
71 clear: both;
72 }
72 }
73 .main {
73 .main {
74 clear: both;
74 clear: both;
75 padding:0 0 @pagepadding;
75 padding:0 0 @pagepadding;
76 height: auto;
76 height: auto;
77
77
78 &:after { //clearfix
78 &:after { //clearfix
79 content:"";
79 content:"";
80 clear:both;
80 clear:both;
81 width:100%;
81 width:100%;
82 display:block;
82 display:block;
83 }
83 }
84 }
84 }
85
85
86 .flex-container {
86 .flex-container {
87 display: flex;
87 display: flex;
88 justify-content: space-between;
88 justify-content: space-between;
89 }
89 }
90
90
91 .action-link{
91 .action-link{
92 margin-left: @padding;
92 margin-left: @padding;
93 padding-left: @padding;
93 padding-left: @padding;
94 border-left: @border-thickness solid @border-default-color;
94 border-left: @border-thickness solid @border-default-color;
95 }
95 }
96
96
97 .cursor-pointer {
97 .cursor-pointer {
98 cursor: pointer;
98 cursor: pointer;
99 }
99 }
100
100
101 input + .action-link, .action-link.first{
101 input + .action-link, .action-link.first{
102 border-left: none;
102 border-left: none;
103 }
103 }
104
104
105 .link-disabled {
105 .link-disabled {
106 color: @grey4;
106 color: @grey4;
107 cursor: default;
107 cursor: default;
108 }
108 }
109
109
110 .action-link.last{
110 .action-link.last{
111 margin-right: @padding;
111 margin-right: @padding;
112 padding-right: @padding;
112 padding-right: @padding;
113 }
113 }
114
114
115 .action-link.active,
115 .action-link.active,
116 .action-link.active a{
116 .action-link.active a{
117 color: @grey4;
117 color: @grey4;
118 }
118 }
119
119
120 .action-link.disabled {
120 .action-link.disabled {
121 color: @grey4;
121 color: @grey4;
122 cursor: inherit;
122 cursor: inherit;
123 }
123 }
124
124
125 .grey-link-action {
125 .grey-link-action {
126 cursor: pointer;
126 cursor: pointer;
127 &:hover {
127 &:hover {
128 color: @grey2;
128 color: @grey2;
129 }
129 }
130 color: @grey4;
130 color: @grey4;
131 }
131 }
132
132
133 .clipboard-action {
133 .clipboard-action {
134 cursor: pointer;
134 cursor: pointer;
135 margin-left: 5px;
135 margin-left: 5px;
136
136
137 &:not(.no-grey) {
137 &:not(.no-grey) {
138
138
139 &:hover {
139 &:hover {
140 color: @grey2;
140 color: @grey2;
141 }
141 }
142 color: @grey4;
142 color: @grey4;
143 }
143 }
144 }
144 }
145
145
146 ul.simple-list{
146 ul.simple-list{
147 list-style: none;
147 list-style: none;
148 margin: 0;
148 margin: 0;
149 padding: 0;
149 padding: 0;
150 }
150 }
151
151
152 .main-content {
152 .main-content {
153 padding-bottom: @pagepadding;
153 padding-bottom: @pagepadding;
154 }
154 }
155
155
156 .wide-mode-wrapper {
156 .wide-mode-wrapper {
157 max-width:4000px !important;
157 max-width:4000px !important;
158 }
158 }
159
159
160 .wrapper {
160 .wrapper {
161 position: relative;
161 position: relative;
162 max-width: @wrapper-maxwidth;
162 max-width: @wrapper-maxwidth;
163 margin: 0 auto;
163 margin: 0 auto;
164 }
164 }
165
165
166 #content {
166 #content {
167 clear: both;
167 clear: both;
168 padding: 0 @contentpadding;
168 padding: 0 @contentpadding;
169 }
169 }
170
170
171 .advanced-settings-fields{
171 .advanced-settings-fields{
172 input{
172 input{
173 margin-left: @textmargin;
173 margin-left: @textmargin;
174 margin-right: @padding/2;
174 margin-right: @padding/2;
175 }
175 }
176 }
176 }
177
177
178 .cs_files_title {
178 .cs_files_title {
179 margin: @pagepadding 0 0;
179 margin: @pagepadding 0 0;
180 }
180 }
181
181
182 input.inline[type="file"] {
182 input.inline[type="file"] {
183 display: inline;
183 display: inline;
184 }
184 }
185
185
186 .error_page {
186 .error_page {
187 margin: 10% auto;
187 margin: 10% auto;
188
188
189 h1 {
189 h1 {
190 color: @grey2;
190 color: @grey2;
191 }
191 }
192
192
193 .alert {
193 .alert {
194 margin: @padding 0;
194 margin: @padding 0;
195 }
195 }
196
196
197 .error-branding {
197 .error-branding {
198 color: @grey4;
198 color: @grey4;
199 font-weight: @text-semibold-weight;
199 font-weight: @text-semibold-weight;
200 font-family: @text-semibold;
200 font-family: @text-semibold;
201 }
201 }
202
202
203 .error_message {
203 .error_message {
204 font-family: @text-regular;
204 font-family: @text-regular;
205 }
205 }
206
206
207 .sidebar {
207 .sidebar {
208 min-height: 275px;
208 min-height: 275px;
209 margin: 0;
209 margin: 0;
210 padding: 0 0 @sidebarpadding @sidebarpadding;
210 padding: 0 0 @sidebarpadding @sidebarpadding;
211 border: none;
211 border: none;
212 }
212 }
213
213
214 .main-content {
214 .main-content {
215 position: relative;
215 position: relative;
216 margin: 0 @sidebarpadding @sidebarpadding;
216 margin: 0 @sidebarpadding @sidebarpadding;
217 padding: 0 0 0 @sidebarpadding;
217 padding: 0 0 0 @sidebarpadding;
218 border-left: @border-thickness solid @grey5;
218 border-left: @border-thickness solid @grey5;
219
219
220 @media (max-width:767px) {
220 @media (max-width:767px) {
221 clear: both;
221 clear: both;
222 width: 100%;
222 width: 100%;
223 margin: 0;
223 margin: 0;
224 border: none;
224 border: none;
225 }
225 }
226 }
226 }
227
227
228 .inner-column {
228 .inner-column {
229 float: left;
229 float: left;
230 width: 29.75%;
230 width: 29.75%;
231 min-height: 150px;
231 min-height: 150px;
232 margin: @sidebarpadding 2% 0 0;
232 margin: @sidebarpadding 2% 0 0;
233 padding: 0 2% 0 0;
233 padding: 0 2% 0 0;
234 border-right: @border-thickness solid @grey5;
234 border-right: @border-thickness solid @grey5;
235
235
236 @media (max-width:767px) {
236 @media (max-width:767px) {
237 clear: both;
237 clear: both;
238 width: 100%;
238 width: 100%;
239 border: none;
239 border: none;
240 }
240 }
241
241
242 ul {
242 ul {
243 padding-left: 1.25em;
243 padding-left: 1.25em;
244 }
244 }
245
245
246 &:last-child {
246 &:last-child {
247 margin: @sidebarpadding 0 0;
247 margin: @sidebarpadding 0 0;
248 border: none;
248 border: none;
249 }
249 }
250
250
251 h4 {
251 h4 {
252 margin: 0 0 @padding;
252 margin: 0 0 @padding;
253 font-weight: @text-semibold-weight;
253 font-weight: @text-semibold-weight;
254 font-family: @text-semibold;
254 font-family: @text-semibold;
255 }
255 }
256 }
256 }
257 }
257 }
258 .error-page-logo {
258 .error-page-logo {
259 width: 130px;
259 width: 130px;
260 height: 160px;
260 height: 160px;
261 }
261 }
262
262
263 // HEADER
263 // HEADER
264 .header {
264 .header {
265
265
266 // TODO: johbo: Fix login pages, so that they work without a min-height
266 // TODO: johbo: Fix login pages, so that they work without a min-height
267 // for the header and then remove the min-height. I chose a smaller value
267 // for the header and then remove the min-height. I chose a smaller value
268 // intentionally here to avoid rendering issues in the main navigation.
268 // intentionally here to avoid rendering issues in the main navigation.
269 min-height: 49px;
269 min-height: 49px;
270 min-width: 1024px;
270 min-width: 1024px;
271
271
272 position: relative;
272 position: relative;
273 vertical-align: bottom;
273 vertical-align: bottom;
274 padding: 0 @header-padding;
274 padding: 0 @header-padding;
275 background-color: @grey1;
275 background-color: @grey1;
276 color: @grey5;
276 color: @grey5;
277
277
278 .title {
278 .title {
279 overflow: visible;
279 overflow: visible;
280 }
280 }
281
281
282 &:before,
282 &:before,
283 &:after {
283 &:after {
284 content: "";
284 content: "";
285 clear: both;
285 clear: both;
286 width: 100%;
286 width: 100%;
287 }
287 }
288
288
289 // TODO: johbo: Avoids breaking "Repositories" chooser
289 // TODO: johbo: Avoids breaking "Repositories" chooser
290 .select2-container .select2-choice .select2-arrow {
290 .select2-container .select2-choice .select2-arrow {
291 display: none;
291 display: none;
292 }
292 }
293 }
293 }
294
294
295 #header-inner {
295 #header-inner {
296 &.title {
296 &.title {
297 margin: 0;
297 margin: 0;
298 }
298 }
299 &:before,
299 &:before,
300 &:after {
300 &:after {
301 content: "";
301 content: "";
302 clear: both;
302 clear: both;
303 }
303 }
304 }
304 }
305
305
306 // Gists
306 // Gists
307 #files_data {
307 #files_data {
308 clear: both; //for firefox
308 clear: both; //for firefox
309 padding-top: 10px;
309 padding-top: 10px;
310 }
310 }
311
311
312 #gistid {
312 #gistid {
313 margin-right: @padding;
313 margin-right: @padding;
314 }
314 }
315
315
316 // Global Settings Editor
316 // Global Settings Editor
317 .textarea.editor {
317 .textarea.editor {
318 float: left;
318 float: left;
319 position: relative;
319 position: relative;
320 max-width: @texteditor-width;
320 max-width: @texteditor-width;
321
321
322 select {
322 select {
323 position: absolute;
323 position: absolute;
324 top:10px;
324 top:10px;
325 right:0;
325 right:0;
326 }
326 }
327
327
328 .CodeMirror {
328 .CodeMirror {
329 margin: 0;
329 margin: 0;
330 }
330 }
331
331
332 .help-block {
332 .help-block {
333 margin: 0 0 @padding;
333 margin: 0 0 @padding;
334 padding:.5em;
334 padding:.5em;
335 background-color: @grey6;
335 background-color: @grey6;
336 &.pre-formatting {
336 &.pre-formatting {
337 white-space: pre;
337 white-space: pre;
338 }
338 }
339 }
339 }
340 }
340 }
341
341
342 ul.auth_plugins {
342 ul.auth_plugins {
343 margin: @padding 0 @padding @legend-width;
343 margin: @padding 0 @padding @legend-width;
344 padding: 0;
344 padding: 0;
345
345
346 li {
346 li {
347 margin-bottom: @padding;
347 margin-bottom: @padding;
348 line-height: 1em;
348 line-height: 1em;
349 list-style-type: none;
349 list-style-type: none;
350
350
351 .auth_buttons .btn {
351 .auth_buttons .btn {
352 margin-right: @padding;
352 margin-right: @padding;
353 }
353 }
354
354
355 }
355 }
356 }
356 }
357
357
358
358
359 // My Account PR list
359 // My Account PR list
360
360
361 #show_closed {
361 #show_closed {
362 margin: 0 1em 0 0;
362 margin: 0 1em 0 0;
363 }
363 }
364
364
365 #pull_request_list_table {
365 #pull_request_list_table {
366 .closed {
366 .closed {
367 background-color: @grey6;
367 background-color: @grey6;
368 }
368 }
369
369
370 .state-creating,
370 .state-creating,
371 .state-updating,
371 .state-updating,
372 .state-merging
372 .state-merging
373 {
373 {
374 background-color: @grey6;
374 background-color: @grey6;
375 }
375 }
376
376
377 .td-status {
377 .td-status {
378 padding-left: .5em;
378 padding-left: .5em;
379 }
379 }
380 .log-container .truncate {
380 .log-container .truncate {
381 height: 2.75em;
381 height: 2.75em;
382 white-space: pre-line;
382 white-space: pre-line;
383 }
383 }
384 table.rctable .user {
384 table.rctable .user {
385 padding-left: 0;
385 padding-left: 0;
386 }
386 }
387 table.rctable {
387 table.rctable {
388 td.td-description,
388 td.td-description,
389 .rc-user {
389 .rc-user {
390 min-width: auto;
390 min-width: auto;
391 }
391 }
392 }
392 }
393 }
393 }
394
394
395 // Pull Requests
395 // Pull Requests
396
396
397 .pullrequests_section_head {
397 .pullrequests_section_head {
398 display: block;
398 display: block;
399 clear: both;
399 clear: both;
400 margin: @padding 0;
400 margin: @padding 0;
401 font-weight: @text-bold-weight;
401 font-weight: @text-bold-weight;
402 font-family: @text-bold;
402 font-family: @text-bold;
403 }
403 }
404
404
405 .pr-commit-flow {
405 .pr-commit-flow {
406 position: relative;
406 position: relative;
407 font-weight: 600;
407 font-weight: 600;
408
408
409 .tag {
409 .tag {
410 display: inline-block;
410 display: inline-block;
411 margin: 0 1em .5em 0;
411 margin: 0 1em .5em 0;
412 }
412 }
413
413
414 .clone-url {
414 .clone-url {
415 display: inline-block;
415 display: inline-block;
416 margin: 0 0 .5em 0;
416 margin: 0 0 .5em 0;
417 padding: 0;
417 padding: 0;
418 line-height: 1.2em;
418 line-height: 1.2em;
419 }
419 }
420 }
420 }
421
421
422 .pr-mergeinfo {
422 .pr-mergeinfo {
423 min-width: 95% !important;
423 min-width: 95% !important;
424 padding: 0 !important;
424 padding: 0 !important;
425 border: 0;
425 border: 0;
426 }
426 }
427 .pr-mergeinfo-copy {
427 .pr-mergeinfo-copy {
428 padding: 0 0;
428 padding: 0 0;
429 }
429 }
430
430
431 .pr-pullinfo {
431 .pr-pullinfo {
432 min-width: 95% !important;
432 min-width: 95% !important;
433 padding: 0 !important;
433 padding: 0 !important;
434 border: 0;
434 border: 0;
435 }
435 }
436 .pr-pullinfo-copy {
436 .pr-pullinfo-copy {
437 padding: 0 0;
437 padding: 0 0;
438 }
438 }
439
439
440 .pr-title-input {
440 .pr-title-input {
441 width: 100%;
441 width: 100%;
442 font-size: 18px;
442 font-size: 18px;
443 margin: 0 0 4px 0;
443 margin: 0 0 4px 0;
444 padding: 0;
444 padding: 0;
445 line-height: 1.7em;
445 line-height: 1.7em;
446 color: @text-color;
446 color: @text-color;
447 letter-spacing: .02em;
447 letter-spacing: .02em;
448 font-weight: @text-bold-weight;
448 font-weight: @text-bold-weight;
449 font-family: @text-bold;
449 font-family: @text-bold;
450
450
451 &:hover {
451 &:hover {
452 box-shadow: none;
452 box-shadow: none;
453 }
453 }
454 }
454 }
455
455
456 #pr-title {
456 #pr-title {
457 input {
457 input {
458 border: 1px transparent;
458 border: 1px transparent;
459 color: black;
459 color: black;
460 opacity: 1;
460 opacity: 1;
461 background: #fff;
461 background: #fff;
462 font-size: 18px;
462 font-size: 18px;
463 }
463 }
464 }
464 }
465
465
466 .pr-title-closed-tag {
466 .pr-title-closed-tag {
467 font-size: 16px;
467 font-size: 16px;
468 }
468 }
469
469
470 #pr-desc {
470 #pr-desc {
471 padding: 10px 0;
471 padding: 10px 0;
472
472
473 .markdown-block {
473 .markdown-block {
474 padding: 0;
474 padding: 0;
475 margin-bottom: -30px;
475 margin-bottom: -30px;
476 }
476 }
477 }
477 }
478
478
479 #pullrequest_title {
479 #pullrequest_title {
480 width: 100%;
480 width: 100%;
481 box-sizing: border-box;
481 box-sizing: border-box;
482 }
482 }
483
483
484 #pr_open_message {
484 #pr_open_message {
485 border: @border-thickness solid #fff;
485 border: @border-thickness solid #fff;
486 border-radius: @border-radius;
486 border-radius: @border-radius;
487 text-align: left;
487 text-align: left;
488 overflow: hidden;
488 overflow: hidden;
489 white-space: pre-line;
489 white-space: pre-line;
490 padding-top: 5px
490 padding-top: 5px
491 }
491 }
492
492
493 #add_reviewer {
493 #add_reviewer {
494 padding-top: 10px;
494 padding-top: 10px;
495 }
495 }
496
496
497 #add_reviewer_input {
497 #add_reviewer_input {
498 padding-top: 10px
498 padding-top: 10px
499 }
499 }
500
500
501 .pr-details-title-author-pref {
501 .pr-details-title-author-pref {
502 padding-right: 10px
502 padding-right: 10px
503 }
503 }
504
504
505 .label-pr-detail {
505 .label-pr-detail {
506 display: table-cell;
506 display: table-cell;
507 width: 120px;
507 width: 120px;
508 padding-top: 7.5px;
508 padding-top: 7.5px;
509 padding-bottom: 7.5px;
509 padding-bottom: 7.5px;
510 padding-right: 7.5px;
510 padding-right: 7.5px;
511 }
511 }
512
512
513 .source-details ul {
513 .source-details ul {
514 padding: 10px 16px;
514 padding: 10px 16px;
515 }
515 }
516
516
517 .source-details-action {
517 .source-details-action {
518 color: @grey4;
518 color: @grey4;
519 font-size: 11px
519 font-size: 11px
520 }
520 }
521
521
522 .pr-submit-button {
522 .pr-submit-button {
523 float: right;
523 float: right;
524 margin: 0 0 0 5px;
524 margin: 0 0 0 5px;
525 }
525 }
526
526
527 .pr-spacing-container {
527 .pr-spacing-container {
528 padding: 20px;
528 padding: 20px;
529 clear: both
529 clear: both
530 }
530 }
531
531
532 #pr-description-input {
532 #pr-description-input {
533 margin-bottom: 0;
533 margin-bottom: 0;
534 }
534 }
535
535
536 .pr-description-label {
536 .pr-description-label {
537 vertical-align: top;
537 vertical-align: top;
538 }
538 }
539
539
540 #open_edit_pullrequest {
540 #open_edit_pullrequest {
541 padding: 0;
541 padding: 0;
542 }
542 }
543
543
544 #close_edit_pullrequest {
544 #close_edit_pullrequest {
545
545
546 }
546 }
547
547
548 #delete_pullrequest {
548 #delete_pullrequest {
549 clear: inherit;
549 clear: inherit;
550
550
551 form {
551 form {
552 display: inline;
552 display: inline;
553 }
553 }
554
554
555 }
555 }
556
556
557 .perms_section_head {
557 .perms_section_head {
558 min-width: 625px;
558 min-width: 625px;
559
559
560 h2 {
560 h2 {
561 margin-bottom: 0;
561 margin-bottom: 0;
562 }
562 }
563
563
564 .label-checkbox {
564 .label-checkbox {
565 float: left;
565 float: left;
566 }
566 }
567
567
568 &.field {
568 &.field {
569 margin: @space 0 @padding;
569 margin: @space 0 @padding;
570 }
570 }
571
571
572 &:first-child.field {
572 &:first-child.field {
573 margin-top: 0;
573 margin-top: 0;
574
574
575 .label {
575 .label {
576 margin-top: 0;
576 margin-top: 0;
577 padding-top: 0;
577 padding-top: 0;
578 }
578 }
579
579
580 .radios {
580 .radios {
581 padding-top: 0;
581 padding-top: 0;
582 }
582 }
583 }
583 }
584
584
585 .radios {
585 .radios {
586 position: relative;
586 position: relative;
587 width: 505px;
587 width: 505px;
588 }
588 }
589 }
589 }
590
590
591 //--- MODULES ------------------//
591 //--- MODULES ------------------//
592
592
593
593
594 // Server Announcement
594 // Server Announcement
595 #server-announcement {
595 #server-announcement {
596 width: 95%;
596 width: 95%;
597 margin: @padding auto;
597 margin: @padding auto;
598 padding: @padding;
598 padding: @padding;
599 border-width: 2px;
599 border-width: 2px;
600 border-style: solid;
600 border-style: solid;
601 .border-radius(2px);
601 .border-radius(2px);
602 font-weight: @text-bold-weight;
602 font-weight: @text-bold-weight;
603 font-family: @text-bold;
603 font-family: @text-bold;
604
604
605 &.info { border-color: @alert4; background-color: @alert4-inner; }
605 &.info { border-color: @alert4; background-color: @alert4-inner; }
606 &.warning { border-color: @alert3; background-color: @alert3-inner; }
606 &.warning { border-color: @alert3; background-color: @alert3-inner; }
607 &.error { border-color: @alert2; background-color: @alert2-inner; }
607 &.error { border-color: @alert2; background-color: @alert2-inner; }
608 &.success { border-color: @alert1; background-color: @alert1-inner; }
608 &.success { border-color: @alert1; background-color: @alert1-inner; }
609 &.neutral { border-color: @grey3; background-color: @grey6; }
609 &.neutral { border-color: @grey3; background-color: @grey6; }
610 }
610 }
611
611
612 // Fixed Sidebar Column
612 // Fixed Sidebar Column
613 .sidebar-col-wrapper {
613 .sidebar-col-wrapper {
614 padding-left: @sidebar-all-width;
614 padding-left: @sidebar-all-width;
615
615
616 .sidebar {
616 .sidebar {
617 width: @sidebar-width;
617 width: @sidebar-width;
618 margin-left: -@sidebar-all-width;
618 margin-left: -@sidebar-all-width;
619 }
619 }
620 }
620 }
621
621
622 .sidebar-col-wrapper.scw-small {
622 .sidebar-col-wrapper.scw-small {
623 padding-left: @sidebar-small-all-width;
623 padding-left: @sidebar-small-all-width;
624
624
625 .sidebar {
625 .sidebar {
626 width: @sidebar-small-width;
626 width: @sidebar-small-width;
627 margin-left: -@sidebar-small-all-width;
627 margin-left: -@sidebar-small-all-width;
628 }
628 }
629 }
629 }
630
630
631
631
632 // FOOTER
632 // FOOTER
633 #footer {
633 #footer {
634 padding: 0;
634 padding: 0;
635 text-align: center;
635 text-align: center;
636 vertical-align: middle;
636 vertical-align: middle;
637 color: @grey2;