Gitlab CSE Unil

adim.less 40.9 KB
Newer Older
1
2
3
@import (reference) "../lib/bootstrap/less/mixins";
@import (reference) "../lib/bootstrap/less/variables";
@import (reference) "../lib/bootstrap/less/theme";
4
@import (reference) "../lib/bootstrap/less/buttons";
5
@import (reference) "../lib/bootstrap/less/mixins/vendor-prefixes";
Julien Furrer's avatar
Julien Furrer committed
6

7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
@import "adim-variables";
//// ===== Color Variables ==================================
//// ----- Global -----
//@x-bodyBg: #424242;
//@unil-logo-blue: #0096C7;
//
//// ----- Home page -----
//@home-mainBg: #EEE;
//@home-color: #f2f2f2;
//
//// ----- Exercise -----
//
////@navbar-inverse-link-color: lighten(@navbar-inverse-link-color, 25%);
//
//// Canvas
//@canvas-ctnr-dark-color: #CCC;
//@canvas-dark-border: #444444;
//@canvas-bbar-dark-bg: @canvas-ctnr-dark-color;
//
//// Panels
//@panel-dark-bg: #6f6f6f;
//@panel-dark-color: #444444;
//
//@panel-dark-border: @panel-dark-bg;
//@panel-dark-heading-bg: lighten(@panel-dark-bg, 10%);
//
//@list-group-item-border: darken(@panel-dark-bg, 15%);
//
//@property-panel-dark-color: #CACACA;
//@property-confidece-color: lighten(@property-panel-dark-color, 20%);
//
//// ##### clear theme #####
//@x-bodyBg-light: #F2F2F2;
//@navbar-default-bg: darken(@x-bodyBg-light, 5%);
//
//@canvas-ctnr-light-color: #E0E0E0;
//@canvas-light-border: #888;
//@canvas-bbar-light-bg: @canvas-ctnr-light-color;
//
//@panel-default-border: #A0A0A0;
//@panel-default-heading-bg: #D0D0D0;
//@list-group-item-border-light: #BBBBBB;
//
//@property-panel-light-color: #888;
Julien Furrer's avatar
Julien Furrer committed
51

Julien Furrer's avatar
Julien Furrer committed
52
@import "fonts";
53
@import "adim-mixins";
Julien Furrer's avatar
Julien Furrer committed
54
@import "unilogo";
55
56
@import "adim-footer";
@import "adim-icons";
Julien Furrer's avatar
Julien Furrer committed
57
58
59

// ===== Global ===========================================
body {
60
    background-color: @x-bodyBg;
Julien Furrer's avatar
Julien Furrer committed
61

62
63
    overflow: hidden;
    font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
Julien Furrer's avatar
Julien Furrer committed
64

65

66
67
    &.theme-light {
        background-color: @x-bodyBg-light;
Julien Furrer's avatar
Julien Furrer committed
68

69
    }
Julien Furrer's avatar
Julien Furrer committed
70

71
72
73
    &.theme-dark {
        background-color: @x-bodyBg;
    }
Julien Furrer's avatar
Julien Furrer committed
74
75
76
}

html, body {
77
    height: 100%;
Julien Furrer's avatar
Julien Furrer committed
78
79
80
}

#page-loader {
81
82
83
84
    height: 100%;
    width: 100%;
    background-color: @x-bodyBg;
    position: fixed;
85
    top: 0;
86
87
88
89
90
91
92
93
    left: 0;
    z-index: 1040;
    div {
        text-align: center;
        &:first-child {
            padding-top: 33%;
        }
    }
Julien Furrer's avatar
Julien Furrer committed
94
}
95

Julien Furrer's avatar
Julien Furrer committed
96
97
98
// ============================================================================
// ============================================================================
// DEV DEV DEV
Julien Furrer's avatar
Julien Furrer committed
99
100
101
102
103
104
105
106
107
108
109
110
111
//body, #page-loader, #home-container {
//    background: repeating-linear-gradient(
//            -45deg,
//            @x-bodyBg,
//            @x-bodyBg 19px,
//            lighten(@x-bodyBg, 10%) 20px,
//            lighten(@x-bodyBg, 3%) 21px,
//            lighten(@x-bodyBg, 3%) 20px,
//            lighten(@x-bodyBg, 3%) 36px,
//            darken(@x-bodyBg, 5%) 38px,
//            lighten(@x-bodyBg, 3%) 40px
//    ) !important;
//}
Julien Furrer's avatar
Julien Furrer committed
112
113
114
115
// ============================================================================
// ============================================================================


Julien Furrer's avatar
Julien Furrer committed
116
.theme-light #page-loader {
117
    background-color: @x-bodyBg-light;
Julien Furrer's avatar
Julien Furrer committed
118
119
120
}

#main-navbar {
121
    margin-bottom: 10px;
Julien Furrer's avatar
Julien Furrer committed
122
123
    &.navbar-default {
        background-color: @navbar-default-bg;
124
        box-shadow: 0 0 2px 0 darken(@navbar-default-bg, 66%);
Julien Furrer's avatar
Julien Furrer committed
125
126
127
    }

    .adim-image-name {
128
129
        color: lighten(@navbar-inverse-link-color, 25%);

130
131
        padding-top: 10px;
        padding-bottom: 10px;
132

Julien Furrer's avatar
Julien Furrer committed
133
        .text {
134
135
136
137
138
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;

Julien Furrer's avatar
Julien Furrer committed
139
            font-size: 18px;
140
            line-height: 1.4em;
Julien Furrer's avatar
Julien Furrer committed
141
142
143
144
145
            font-weight: 300;
            letter-spacing: 0.75px
        }

        .glyphicon {
146
            opacity: 0;
Julien Furrer's avatar
Julien Furrer committed
147
            padding-left: 5px;
148
149
            top: -3px;
            transition: opacity 0s ease 0s;
Julien Furrer's avatar
Julien Furrer committed
150
        }
151

152
153
154
        &.read-only {
            &, &:hover { cursor: default; }
        }
Julien Furrer's avatar
Julien Furrer committed
155
156
157
    }

    &:hover .adim-image-name {
158
159
160
161
162
        color: lighten(@navbar-inverse-link-color, 50%);
        &.read-only {
            color: lighten(@navbar-inverse-link-color, 25%);
        }

Julien Furrer's avatar
Julien Furrer committed
163
164
        .glyphicon {
            opacity: 0.75;
165
            transition: opacity 0.2s ease 0.3s;
Julien Furrer's avatar
Julien Furrer committed
166
167
        }
    }
168
169
170

    li.info {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
Julien Furrer's avatar
Julien Furrer committed
171
172
173
174
175
        span { float: left; }
    }


    .dropdown-menu {
Julien Furrer's avatar
Julien Furrer committed
176
177
178
179
180
181
182
183
        @navbar-dropdown-link-color: #c0c0c0;
        @navbar-dropdown-bg: #202020;
        @navbar-dropdown-header-color: #aaa;
        @navbar-dropdown-link-hover-color: #ffffff;
        @navbar-dropdown-link-hover-bg: darken(@navbar-dropdown-bg, 10%);
        @navbar-dropdown-link-disabled-color: darken(@navbar-dropdown-link-color, 33%);

        background-color: @navbar-dropdown-bg;
Julien Furrer's avatar
Julien Furrer committed
184
        .divider {
Julien Furrer's avatar
Julien Furrer committed
185
            background-color: darken(@dropdown-divider-bg, 50%);
Julien Furrer's avatar
Julien Furrer committed
186
187
        }
        > li > a {
Julien Furrer's avatar
Julien Furrer committed
188
            color: @navbar-dropdown-link-color;
Julien Furrer's avatar
Julien Furrer committed
189
190
191

            &:hover,
            &:focus {
Julien Furrer's avatar
Julien Furrer committed
192
193
194
195
196
197
198
199
200
201
202
203
                color: @navbar-dropdown-link-hover-color;
                background-color: @navbar-dropdown-link-hover-bg;
                background-image: none;
            }
        }
        > li.disabled a {
            color: @navbar-dropdown-link-disabled-color;

            &:hover,
            &:focus {
                color: @navbar-dropdown-link-disabled-color;
                background-color: @navbar-dropdown-bg;
Julien Furrer's avatar
Julien Furrer committed
204
205
206
207
                background-image: none;
            }
        }
        .dropdown-header {
Julien Furrer's avatar
Julien Furrer committed
208
            color: @navbar-dropdown-header-color;
Julien Furrer's avatar
Julien Furrer committed
209
210
        }

211
    }
Julien Furrer's avatar
Julien Furrer committed
212
213
214
215
}

.navbar-separator {
    background-color: rgba(255, 255, 255, 0.1);
Julien Furrer's avatar
Julien Furrer committed
216
    margin: 0 15px;
217
    padding: 15px 1px;
Julien Furrer's avatar
Julien Furrer committed
218
    line-height: 20px;
Julien Furrer's avatar
Julien Furrer committed
219
220
221
222
223
224
225
226
227
    border-color: rgba(255, 255, 255, 0.1);
    border-style: solid;
    border-width: 0 1px;
    box-shadow: 0 0 2px #333 inset;
}

// ----- Vendor specific overrides

// Bootstrap Overrides
228
229
230
231
a:focus, .btn:focus, .btn.active:focus,
input[type="radio"]:focus {
    outline: none;
}
Julien Furrer's avatar
Julien Furrer committed
232
233
234
235
236
237
238
239

.navbar-inverse {
    .navbar-text {
        color: lighten(@navbar-inverse-color, 25%);
    }

    .navbar-nav {
        > li > a {
240
            //color: lighten(@navbar-inverse-link-color, 25%);
Julien Furrer's avatar
Julien Furrer committed
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
        }
    }
}

/*
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
*/

/** {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}*/

// ===== Home page ========================================
263
.home-variante(@v) when (@v > 0) {
264
265
266
    #main-navbar {
        display: none
    }
Julien Furrer's avatar
Julien Furrer committed
267
268
269
270

    // Large
    @media (min-width: @screen-lg-min) {
        #home-container {
Julien Furrer's avatar
Julien Furrer committed
271
            padding: 71px 0 40px;
Julien Furrer's avatar
Julien Furrer committed
272
273
274
275
276
        }

        #home-image {
            padding-top: 20px;
        }
277
    }
Julien Furrer's avatar
Julien Furrer committed
278
279
280
    // Medium
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
        #home-container {
Julien Furrer's avatar
Julien Furrer committed
281
            padding: 71px 0 40px;
Julien Furrer's avatar
Julien Furrer committed
282
283
284
        }

        #home-image {
Julien Furrer's avatar
Julien Furrer committed
285
            padding-top: 0;
Julien Furrer's avatar
Julien Furrer committed
286
        }
287
    }
Julien Furrer's avatar
Julien Furrer committed
288
289
290
    // Small
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
        #home-container {
Julien Furrer's avatar
Julien Furrer committed
291
            padding: 71px 0 20px;
Julien Furrer's avatar
Julien Furrer committed
292
293
294
295
296
297
298
        }

        #home-image {
            padding-top: 15px;
            margin-bottom: 10px;
        }
    }
299
300
301
302
}

body.home {
    overflow: auto;
303
    //    .vertical-four-colors(@start-color: @x-bodyBg, @sec-color: @x-bodyBg, @color-stop-sec: 850px, @thrd-color: @main-footer-bg, @color-stop-thrd: 851px, @end-color: @main-footer-bg);
Julien Furrer's avatar
Julien Furrer committed
304

305
    background-color: @main-footer-bg;
Julien Furrer's avatar
Julien Furrer committed
306
307
308
309
310
311
312
313
314
315
    &.anonymous {
        .home-variante(1);
    }
    &.authenticated {
        #main-navbar .navbar-header .navbar-brand { display: none }
        #home-container #home-action-box .well { margin-bottom: 28px; }
    }
    //#main-navbar {
    //    visibility: hidden;
    //}
316
317
318
319
320
}

#home-container {
    @title-color: #EFEFEF;
    background: @x-bodyBg;
Julien Furrer's avatar
Julien Furrer committed
321
322
    padding: 20px 0 40px;

323
324
325
326
327
328
329
330
331
332
333
    h1 {
        color: @title-color;
        font-weight: 400;
        margin-top: 5px;
        & small {
            color: @title-color;
            font-weight: 300;
        }
    }

    #home-action-box {
Julien Furrer's avatar
Julien Furrer committed
334
        .well {
335
336
            //            background: transparent linear-gradient(to bottom, fadeOut(darken(@well-bg, 10%), 80%) 0%, fadeOut(@well-bg, 80%) 100%);
            //            background: rgba(0, 0, 0, 0.1);
337
338
339
340
341
            background: rgba(255, 255, 255, 0.1);
            border-radius: 5px;
            border-color: fadeOut(#dcdcdc, 90%);
            padding: 7px 15px;
        }
Julien Furrer's avatar
Julien Furrer committed
342
343

        .unilogo-unil-notext {
344
            font-size: 25px;
Julien Furrer's avatar
Julien Furrer committed
345
346
347
            vertical-align: middle
        }

348
349
    }

Julien Furrer's avatar
Julien Furrer committed
350
351
352
353
354
355
356
357
358
359
360
    // Large
    @media (min-width: @screen-lg-min) {
    }
    // Medium
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    }
    // Small
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
        h1 {
            font-size: 28px;
        }
361

Julien Furrer's avatar
Julien Furrer committed
362
363
364
365
366
367
368
369
        #home-action-box {
            .well {
                margin-bottom: 10px;
            }
            .local-login-head {
                bottom: -10px;
            }
            .panel-collapse {
370
                padding: 0;
Julien Furrer's avatar
Julien Furrer committed
371
372
373
374
375
376
377
            }
            .btn-lg {
                border-radius: 4px;
                font-size: 14px;
                line-height: 20px;
                padding: 6px 12px;
            }
Julien Furrer's avatar
Julien Furrer committed
378
379
380
381
            .lead {
                font-size: 16px;
            }
            .unilogo-unil-notext {
382
                font-size: 21px;
Julien Furrer's avatar
Julien Furrer committed
383
            }
Julien Furrer's avatar
Julien Furrer committed
384
385
386
        }
    }

387
388
389
}

#home-image {
Julien Furrer's avatar
Julien Furrer committed
390
391
    padding-top: 20px;
    margin-bottom: 40px;
392
393
    img {
        border-radius: 6px;
394
        background: url("../img/image-home.jpg") 0 50% no-repeat;
Julien Furrer's avatar
Julien Furrer committed
395
396
397

        // Large
        @media (min-width: @screen-lg-min) {
398
            background: url("../img/image-home-lg.jpg") 0 50% no-repeat;
Julien Furrer's avatar
Julien Furrer committed
399
            background-size: 1140px 761px;
400
401
            width: 1140px;
            height: 761px;
Julien Furrer's avatar
Julien Furrer committed
402
403
404
        }
        // Medium
        @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
Julien Furrer's avatar
Julien Furrer committed
405
//            background: url("../img/image-home-md.jpg") 0% 50% no-repeat;
406
            background: url("../img/image-home-lg.jpg") 0 50% no-repeat;
Julien Furrer's avatar
Julien Furrer committed
407
            background-size: 940px 628px;
Julien Furrer's avatar
Julien Furrer committed
408
409
410
            width: 940px;
            height: 628px;
        }
Julien Furrer's avatar
Julien Furrer committed
411
412
        // Small
        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
413
            background: url("../img/image-home-sm.jpg") 0 50% no-repeat;
414
            background-size: 720px 525px;
Julien Furrer's avatar
Julien Furrer committed
415
416
417
            width: 720px;
            height: 525px;
        }
Julien Furrer's avatar
Julien Furrer committed
418

419
    }
Julien Furrer's avatar
Julien Furrer committed
420

421
422
}

Julien Furrer's avatar
Julien Furrer committed
423
424
#home-content {
    color: @home-color;
Julien Furrer's avatar
Julien Furrer committed
425
426
427
428
429
430
    dd, p {
        margin-bottom: 0.66em;
        line-height: 1.33;
        letter-spacing: 0.03em;
        font-weight: 300;
    }
Julien Furrer's avatar
Julien Furrer committed
431
432
}

Julien Furrer's avatar
Julien Furrer committed
433
#main-home {
434
435
436
437
    background-color: @home-mainBg;
    border-radius: 6px;
    padding: 48px 60px;
    color: @home-color;
Julien Furrer's avatar
Julien Furrer committed
438

439
440
441
442
    .intro {
        h1 {
            color: @home-color;
            font-size: 32px;
443
            margin-top: 0;
444
445
446
447
448
449
            text-shadow: 0 1px 0 #FFF;
        }
        .lead {
            font-size: 18px;
            color: lighten(@home-color, 10%);
        }
Julien Furrer's avatar
Julien Furrer committed
450
451
452
453
454
    }

}

#login-mode {
455
    @local-login-link: lighten(@brand-primary, 20%);
456
    margin-bottom: 0;
Julien Furrer's avatar
Julien Furrer committed
457
458

    .local-login-head {
459
        //        .clearfix();
460
        position: absolute;
Julien Furrer's avatar
Julien Furrer committed
461
        right: 15px;
462
        bottom: 0;
Julien Furrer's avatar
Julien Furrer committed
463
        a, a:link, a:active, a:visited, a:hover {
464
465
466
            font-size: 12px;
            font-weight: 300;
            color: rgba(255, 255, 255, 0.25); //@local-login-link;
Julien Furrer's avatar
Julien Furrer committed
467
468
            text-decoration: none;
        }
Julien Furrer's avatar
Julien Furrer committed
469
        a:hover {
470
            color: saturate(lighten(@local-login-link, 10%), 10%);
Julien Furrer's avatar
Julien Furrer committed
471
        }
Julien Furrer's avatar
Julien Furrer committed
472
473
474
    }

    #login-local-panel {
475
        background: transparent;
Julien Furrer's avatar
Julien Furrer committed
476
        border-color: transparent;
477
        //        border-bottom: transparent; //1px solid #525252;
478
479
        box-shadow: none; //0 2px 4px -4px #111 inset;
        .panel-collapse {
480
            background: transparent linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.10) 100%);
481
482
483
484
485
486
487
            border-radius: 4px;
            margin-top: 15px;
            margin-bottom: 5px;
            border: solid 1px rgba(0, 0, 0, 0.10);
            border-bottom-color: rgba(255, 255, 255, 0.15);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
        }
Julien Furrer's avatar
Julien Furrer committed
488
489

        input.form-control {
490
            margin-bottom: 2px;
Julien Furrer's avatar
Julien Furrer committed
491
492
493
494
495
496
            font-size: 12px;
            .placeholder(#aaa);
        }
    }
}

497
498
499
//
// About Box
// ---------
Julien Furrer's avatar
Julien Furrer committed
500

501
#dlg-about-adim {
502
503
504
505
506

    body.home & .modal-dialog {
        margin-top: 150px;
    }

507
508
    .modal-footer {
        padding: 5px;
509
510
511
        p {
            margin: 0;
        }
Julien Furrer's avatar
Julien Furrer committed
512
    }
513
514
515
516
    .logo, .logo:hover, .logo:link,
    .logo:active, .logo:visited {
        color: @unil-logo-blue;
        text-decoration: none;
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
        font-size: 65px;
        display: block;
        text-align: center;
        margin-top: 30px;
    }
    .about-links {
        padding-left: 10px;
        li { padding: 2px 0; }
        a, a:link, a:visited {
            color: @unil-logo-blue;
            text-decoration: none;
        }
        a:hover, a:active {
            color: darken(@unil-logo-blue, 10%);
        }
    }
    .modal-body .row > div {
        min-height: 180px;
        &:first-child {
            border-right: 1px solid @unil-logo-blue;
        }
    }
    .about-content .panel {
        background-color: transparent;
        box-shadow: none;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin: 0;
Julien Furrer's avatar
Julien Furrer committed
547
548
549
550
551
552
553
554
    }
}

// ===== EXERCISE MAIN ====================================

//
// Main GRID
//
555
556
557
//@toolsColWidth: 60px;
//@sideColWidth: 240px;

Julien Furrer's avatar
Julien Furrer committed
558
559

#main-navbar {
560
    min-width: 790px;
561
    margin-bottom: 0;
Julien Furrer's avatar
Julien Furrer committed
562
563
564
}

#main {
565
    padding: 0 15px;
566
567
    overflow: hidden;
    min-width: 624px;
Julien Furrer's avatar
Julien Furrer committed
568

569
570
571
572
573
574
575
    &.has-mod-nav {
//        background-image: linear-gradient(to bottom,
//            rgba(0, 0, 0, 0.33) 0px,
//            rgba(0, 0, 0, 0.25) 30px,
//            rgba(0, 0, 0, 0.25) 39px,
//            transparent 42px
//        );
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596

//        .vertical-four-colors(
//            @start-color: rgba(0, 0, 0, 0.30),
//            @sec-color:   rgba(0, 0, 0, 0.20), @color-stop-sec: 33px,
//            @thrd-color:  rgba(0, 0, 0, 0.25), @color-stop-thrd: 39px,
//            @end-color: transparent, @color-stop-end: 39px
//        );

        .tool-top-row {
            margin-top: 0;
            margin-bottom: 10px;
            padding-top: 5px;
            .vertical-four-colors(
                @start-color: rgba(0, 0, 0, 0.30),
                @sec-color:   rgba(0, 0, 0, 0.20), @color-stop-sec: 80%,
                @thrd-color:  rgba(0, 0, 0, 0.30), @color-stop-thrd: 100%,
                @end-color:   rgba(0, 0, 0, 0.30), @color-stop-end: 100%
            );
//        radial-gradient(ellipse at 50% 100%, rgba(255, 255, 255, 0.2) 0%, transparent 100%)
        }

597
598
    }

599
    .tool-top-row {
600
601
602
603
604
605
606
607
608
        margin-top: 5px;
        margin-bottom: 5px;

        > div {
            padding-right: 0;
        }

        .adim-view-mod-tabs.nav-tabs {
            @active-color: #C9C9C9;
609
            border-color: darken(@active-color, 38%);
610
            margin-bottom: 0;
611
612
613
            margin-left: -15px;
            padding-left: 15px;

614
615
            > li {
                a {
616
                    padding: 5px 15px;
617
618
619
620
621
                    background-color: rgba(255, 255, 255, 0);
                    color: saturate(lighten(@link-color, 33%), 40%);
                }
                a:hover {
                    background-color: @nav-tabs-link-hover-border-color;
622
                    border-bottom-color: darken(@active-color, 38%);
623
624
625
626
627
628
629
630
                    color: @link-hover-color;
                }

                &.active {
                    a, a:hover, a:focus {
                        color: darken(@nav-tabs-active-link-hover-color, 10%);
                        //                        color: @nav-tabs-active-link-hover-color;
                        background-color: @active-color;
631
                        border-color: @active-color @active-color darken(@active-color, 38%);
632
633
634
635
636
                        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
                    }
                }
            }
        }
637
    }
Julien Furrer's avatar
Julien Furrer committed
638
639
640

}

641
642
643
644
645
646
647
648
649
650
651
//.mode-edit #main .tool-top-row > div {
//    margin-left: @toolsColWidth;
//    padding-right: @toolsColWidth + @sideColWidth;
//}

.adim-view {
    &.adim-view-review {
        #tools-col, #annotation-sharing-panel {
            display: none;
        }
    }
652
653
654
655
656
    &.adim-view-edit {
        #annotation-list-panel {
            display: none;
        }
    }
Julien Furrer's avatar
Julien Furrer committed
657
658
}

659
660
@cimaf-sidecol-width: 250px;

661
662


Julien Furrer's avatar
Julien Furrer committed
663
#tools-col, #canvas-col, #side-col {
664
665
666
667
668
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
Julien Furrer's avatar
Julien Furrer committed
669
670
671
}

#tools-col {
672
673
    width: 60px;
    padding-left: 20px;
Julien Furrer's avatar
Julien Furrer committed
674
675
676
}

#canvas-col {
677
678
    width: auto;
    float: left;
Julien Furrer's avatar
Julien Furrer committed
679
680
}

681
#side-col {
682
683
684
685
    background-color: rgba(0, 0, 0, 0.15);
    box-shadow: 4px 0 3px -4px rgba(0, 0, 0, 0.3) inset;
    margin-left: -10px;
    padding: 0 @sidecol-padding;
Julien Furrer's avatar
Julien Furrer committed
686

687
688
689
    > .row {
        margin: 0;
    }
Julien Furrer's avatar
Julien Furrer committed
690

691
692
693
    > .row > .container {
        width: 100%;
        padding: 0;
Julien Furrer's avatar
Julien Furrer committed
694
695
    }

696
697
698
699
700
701
702
703
704
    .panel-group .panel {
        & + .panel {
            margin-top: 0;
        }
        margin-bottom: 15px;
    }



705
706
    .panel .panel-heading {
        padding: 0;
Julien Furrer's avatar
Julien Furrer committed
707

708
709
710
711
712
713
714
        h1 {
            font-size: 14px;
            letter-spacing: 0.06em;
            padding: 5px;
            margin: 0;
        }
    }
715

716
717
718
719
    .panel .panel-footer {
        padding: 1px 0;
        line-height: 0;
    }
Julien Furrer's avatar
Julien Furrer committed
720

721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
    transition: margin 300ms ease 0s;

    .side-col-collapse-but {
        margin: 0 -@sidecol-padding 15px;

        .btn {
            padding: 0 5px;
            color: @panel-dark-color;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
            font-size: 14px;
            border-color: transparent;
            border-radius: 0;
            background-color: @panel-dark-heading-bg;
            &:hover {
                color: darken(@panel-dark-color, 10%);
                background-color: lighten(@panel-dark-heading-bg, 15%);
            }
            &:focus {
                outline: none;
            }
        }
Julien Furrer's avatar
Julien Furrer committed
742

743
    }
Julien Furrer's avatar
Julien Furrer committed
744

745
746
747
748
749
750
751
752
753
754
755
756
757
    &.collapsed {
        .side-col-collapse-but {
            margin-left: -40px;
            .btn {
                border-radius: 3px 0 0 3px;
                background-color: lighten(@panel-dark-heading-bg, 15%);
                .icon-circleright:before {
                    content: '\f3c6'
                }
            }
        }
    }

758
759
760
761
762
    .sidecol-width(@sidecol-width);
    .adim-view-review & {
        .sidecol-width(@sidecol-width + @toolscol-width);
    }

763
764
}

765

766
767
768



769
770
771
772
773
774
775
.theme-light #side-col {
    .side-col-collapse-but {
        .btn {
            background-color: @panel-default-heading-bg;
            border-color: @panel-default-border;
        }
    }
Julien Furrer's avatar
Julien Furrer committed
776
777
}

778
// ===== PANELs ===========================================
Julien Furrer's avatar
Julien Furrer committed
779

780
781
782
783
784
785
786
787
788
789
790
791
792
.theme-light {

    .panel.panel-default {
        border-color: @panel-default-border;
        > .panel-heading {
            background-color: @panel-default-heading-bg;
        }

        .panel-tb {
            background-color: @panel-default-heading-bg;
        }
    }
}
Julien Furrer's avatar
Julien Furrer committed
793
794
795

// panel-dark
.panel.panel-dark {
796
797
798
799
800
801
802
803
804
805
    border-color: @panel-dark-border;
    border-bottom-color: lighten(@panel-dark-bg, 20%);
    border-top-color: darken(@panel-dark-bg, 10%);
    background-color: @panel-dark-bg;

    & > .panel-heading, & > .panel-footer {
        background-color: @panel-dark-heading-bg;
        border-color: darken(@panel-dark-bg, 10%);
        color: @panel-dark-color;
    }
Julien Furrer's avatar
Julien Furrer committed
806

807
808
809
810
811
812
    & > .panel-heading {
        .panel-title {
            color: @panel-dark-color;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
        }
    }
Julien Furrer's avatar
Julien Furrer committed
813

814
815
816
817
818
819
820
    .panel-tb {
        background-color: @panel-dark-heading-bg;
    }

    .list-group .list-group-item {
        background-color: transparent;
        border-color: @list-group-item-border;
Julien Furrer's avatar
Julien Furrer committed
821
822
    }

823
824
    label {
        color: #CACACA;
Julien Furrer's avatar
Julien Furrer committed
825
    }
826
827
828
829

    .badge {
        background-color: lighten(@badge-bg, 10%);
    }
Julien Furrer's avatar
Julien Furrer committed
830
831
}

832
833
834
835
836
.panel-group .panel-heading {
    & + .panel-collapse .panel-body {
        border-top: 1px solid darken(@panel-dark-bg, 10%);
    }

837
838
    .panel-title a { display: block; }

839
840
841
842
843
844
845
846
847
848
849
850
    a[data-toggle="collapse"] {
        text-decoration: none;
        &:hover {
            text-decoration: none;
            .icon-circleup {
                color: darken(@panel-dark-color, 10%);
            }
        }

        &.collapsed .icon-circleup:before {
            content: "";
        }
851
852
853
        &.collapsed .icon-circleright:before {
            content: "";
        }
854
855
    }
}
Julien Furrer's avatar
Julien Furrer committed
856
857

#display-type-panel {
858
859
860
861
862
863
    #cimaf-display-type-selector {
        width: 100%;
    }
    .panel-body {
        padding: 4px 3px;
    }
Julien Furrer's avatar
Julien Furrer committed
864
865
}

866
867
868
869
870
871
872
873
874
875
.canvas-container {
    width: 642px;
    height: 482px;
    padding: 0;
    //overflow: scroll;
    position: relative;
    background: #aaa url(../img/adim/frame_background.jpg) 0 0;

    &.well {
        margin-bottom: 0;
876
877
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
878
879
        border-color: @canvas-ctnr-dark-color;
    }
Julien Furrer's avatar
Julien Furrer committed
880

881
882
883
884
885
    .dropzone {
        display: block;
        position: absolute;
        width: 100%;
        top: 45%;
Julien Furrer's avatar
Julien Furrer committed
886

887
888
889
890
891
892
893
894
895
896
897
898
899
        .progress, .alert {
            margin: 15px 0 0 0;
        }
        .alert {
            text-align: left;
        }

        .dropzone-inner-wrapper {
            background-color: transparent;
            width: 400px;
            text-align: center;
            border-radius: 12px;
            border: solid 8px rgba(0, 0, 0, 0.2);
900
            margin: -55px auto 0;
901
902
903
904
905
906
907
908
909

            .dropzone-inner {
                padding: 20px;
                border-radius: 5px;
                background-color: rgba(255, 255, 255, 0.55);
                border: solid 1px rgba(255, 255, 255, 0.3);
            }
        }
    }
Julien Furrer's avatar
Julien Furrer committed
910
911
912
}

canvas {
913
914
    border: 1px solid @canvas-dark-border;
    border-radius: 3px;
Julien Furrer's avatar
Julien Furrer committed
915
916
917
}

#canvas-bbar {
918
    background-color: @canvas-bbar-dark-bg;
919
    padding: 2px 6px 0;
920
921
    line-height: 1px;

922
    border-radius: 0 0 4px 4px;
923
924
925
926
927
928
929

    label {
        float: left;
        line-height: 2em;
        font-size: 12px;
        font-weight: normal;
    }
Julien Furrer's avatar
Julien Furrer committed
930

931
932
933
934
    .toolbar-control {
        display: inline-block;
        .sldr {
            margin-left: 10px;
935
            margin-top: 3px;
936
937
        }
    }
Julien Furrer's avatar
Julien Furrer committed
938

939
940
941
    .tb-sep {
        display: inline-block;
        width: 20px;
Julien Furrer's avatar
Julien Furrer committed
942
943
    }

944
945
946
    .form-control, .input-group-addon {
        border-color: darken(@canvas-bbar-dark-bg, 10%);
    }
Julien Furrer's avatar
Julien Furrer committed
947

948
949
950
951
    #attr-zoom {
        .input-group {
            float: left;
            width: 95px;
Julien Furrer's avatar
Julien Furrer committed
952

953
954
955
956
957
958
            .form-control, .input-group-addon {
                font-size: 12px;
                height: 25px;
                padding: 3px;
            }
        }
Julien Furrer's avatar
Julien Furrer committed
959

960
961
962
        .sldr .tooltip.top {
            margin-left: -18px;
        }
Julien Furrer's avatar
Julien Furrer committed
963
964
965
966
967

    }
}

.theme-light {
968
969
970
    canvas {
        border-color: @canvas-light-border;
    }
Julien Furrer's avatar
Julien Furrer committed
971

972
973
974
975
976
    .canvas-container {
        background: #aaa url(../img/adim/frame_background-light.jpg) 0 0;
        &.well {
            border-color: @x-bodyBg-light @x-bodyBg-light @canvas-ctnr-light-color;
        }
Julien Furrer's avatar
Julien Furrer committed
977
978
    }

979
980
981
982
    #canvas-bbar {
        background-color: @canvas-bbar-light-bg;
        border: solid darken(@canvas-bbar-light-bg, 15%);
        border-width: 0 1px 1px;
Julien Furrer's avatar
Julien Furrer committed
983

984
985
986
        .form-control, .input-group-addon {
            border-color: darken(@canvas-bbar-light-bg, 10%);
        }
Julien Furrer's avatar
Julien Furrer committed
987

988
    }
Julien Furrer's avatar
Julien Furrer committed
989
990
}

991
992
993
994
995
996
997
998
999
1000
1001
#draw-tool-tb {
    .btn {
        font-size: 16px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
        &.active, &.disabled {
            text-shadow: none;
        }
        input[type="radio"],
        input[type="checkbox"] {
            display: none;
        }
Julien Furrer's avatar
Julien Furrer committed
1002
1003

    }
1004
1005
}

1006
1007
#annotation-sharing-panel {
    .panel-body .label {
1008
1009
        line-height: 1.5em;
    }
1010

1011
1012
1013
1014
1015
1016
1017
    .panel-title a {
        .publishStatus {
            display: none;
            font-size: 12px;
            &, & .label {
                vertical-align: bottom;
            }
1018
        }
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
        &.collapsed .publishStatus { display: inline-block; }
    }

    &[data-publish-state="0"] .label[data-publish-mode="0"],
    &[data-publish-state="1"] .label[data-publish-mode="1"],
    &[data-publish-state="2"] .label[data-publish-mode="2"] {
        display: inline-block !important;
        visibility: visible !important;
    }
    .sha-publish-mode-state {
Julien Furrer's avatar
Julien Furrer committed
1029
1030
1031
1032
    }

}

1033
#dlg-publish-mode {
1034
1035
1036
1037
    form .lead {
        margin: 0;
        line-height: 1;
    }
1038
1039
}

Julien Furrer's avatar
Julien Furrer committed
1040
1041
// Annotation list
#annotation-list-panel {
1042
1043
1044
1045
    header, footer {
        border-width: 0;
        line-height: 0.5em;
    }
Julien Furrer's avatar
Julien Furrer committed
1046
1047
}

1048
1049
1050
1051
#annotation-list-container {
    padding: 0 1px;
    overflow-y: auto;
    overflow-x: hidden;
Julien Furrer's avatar
Julien Furrer committed
1052

1053
1054
    .list-group {
        margin-bottom: 0;
Julien Furrer's avatar
Julien Furrer committed
1055

1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
        .list-group-item {
            border-width: 1px 0;
            &:first-child {
                border-top: 0;
            }
            &:last-child {
                border-bottom: 0;
            }
            border-radius: 0;
            cursor: default;
1066
            padding: 0 0 0;
1067
            white-space: nowrap;
Julien Furrer's avatar
Julien Furrer committed
1068

1069
1070
1071
1072
1073
            .layer-status, .layer-title {
                display: inline-block;
                line-height: 25px;
                padding: 0 5px 0 5px;
            }
Julien Furrer's avatar
Julien Furrer committed
1074

1075
1076
1077
1078
1079
1080
1081
            .layer-status {
                border-right: 1px solid lighten(@list-group-item-border, 7%);
                font-size: 13px;
            }
            .layer-title {
                border-left: 1px solid lighten(@list-group-item-border, 21%);
            }
Julien Furrer's avatar
Julien Furrer committed
1082

1083
1084
1085
1086
            &.layer-hidden span.layer-status {
                //opacity: 0.66;
                color: #555;
            }
Julien Furrer's avatar
Julien Furrer committed
1087

1088
1089
1090
1091
1092
            &.selected {
                box-shadow: 0 0 1px 1px #FA0 inset;
            }

        }
Julien Furrer's avatar
Julien Furrer committed
1093
1094
1095
1096
    }
}

.theme-light #annotation-list-container {
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
    .list-group .list-group-item {
        .layer-status {
            border-right: 1px solid lighten(@list-group-item-border-light, 7%);
        }
        .layer-title {
            border-left: 1px solid lighten(@list-group-item-border-light, 21%);
        }
        &.selected {
            box-shadow: 0 0 1px 3px #FFA200 inset;
        }
Julien Furrer's avatar
Julien Furrer committed
1107
1108
1109
1110
1111
1112
1113
    }
}

// Annotation properties

.x-btn-group-2-col {
    &.btn-group .btn + .btn {
1114
        margin-left: 0;
Julien Furrer's avatar
Julien Furrer committed
1115
1116
    }
    .btn-block {
1117
        width: 50%;
Julien Furrer's avatar
Julien Furrer committed
1118
1119
    }
    .btn-block + .btn-block {
1120
        margin-top: 0;
Julien Furrer's avatar
Julien Furrer committed
1121
1122
    }
    .btn:first-child {
1123
        border-bottom-left-radius: 0;
Julien Furrer's avatar
Julien Furrer committed
1124
1125
    }
    .btn:nth-child(2) {
1126
        border-top-right-radius: 3px !important;
Julien Furrer's avatar
Julien Furrer committed
1127
    }
1128
    .btn:nth-child(odd) {
1129
        border-right-width: 0;
Julien Furrer's avatar
Julien Furrer committed
1130
1131
    }
    .btn:nth-child(n+3) {
1132
        border-top: 0;
Julien Furrer's avatar
Julien Furrer committed
1133
1134
    }
    .btn:nth-last-child(2) {
1135
        border-bottom-left-radius: 3px !important;
Julien Furrer's avatar
Julien Furrer committed
1136
1137
    }
    .btn:last-child {
1138
        border-top-right-radius: 0;
Julien Furrer's avatar
Julien Furrer committed
1139
1140
    }
    .btn.btn-dummy {
1141
        background-color: rgba(255, 255, 255, 0.25);
Julien Furrer's avatar
Julien Furrer committed
1142
    }
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158

    .btn-col-span {
        width: 100%;
        border-right-width: 1px !important;

        &:nth-last-child(2) {
            border-bottom-left-radius: 3px !important;
            border-bottom-right-radius: 3px !important;
        }

        &:first-child {
            border-top-right-radius: 3px !important;
        }

    }

Julien Furrer's avatar
Julien Furrer committed
1159
1160
1161
}

#annotation-property-container {
1162
    padding: 5px 10px;
Julien Furrer's avatar
Julien Furrer committed
1163
1164

    color: @property-panel-dark-color;
1165
1166
    label.control-label {
        color: @property-panel-dark-color;
Julien Furrer's avatar
Julien Furrer committed
1167
1168
    }

1169
1170
    .property-group {
        margin-bottom: 5px;
Julien Furrer's avatar
Julien Furrer committed
1171

1172
1173
1174
        &:last-child {
            margin-bottom: 0;
        }
Julien Furrer's avatar
Julien Furrer committed
1175

1176
1177
1178
1179
1180
1181
1182
1183
1184
        &.confidence-prop {

            .rating-input {
                display: inline-block;
                cursor: default;

                & > span {
                    //font-size: 18px;
                    &.rating-off {
1185
                        color: fadeout(@property-confidence-color, 33%);
1186
1187
1188
1189
1190
1191
1192
                        box-shadow: 0 1px 2px -1px #555555 inset, 0 -1px 1px -1px #CCCCCC inset;
                    }
                    &.glyphicon-star {
                        color: #ED9C28;
                    }
                }
            }
Julien Furrer's avatar
Julien Furrer committed
1193
1194
        }

1195
1196
1197
1198
1199
        &.comment-prop {
            textarea {
                resize: vertical;
                padding: 3px 3px 3px 6px;
                line-height: 1.2em;
Julien Furrer's avatar
bu    
Julien Furrer committed
1200
                font-size: 12px;
1201
1202
1203
1204
                &[disabled] {
                    background-color: lighten(@panel-dark-bg, 30%);
                }
            }
Julien Furrer's avatar
Julien Furrer committed
1205
1206
        }

1207
1208
1209
1210
1211
1212
        &.processus-prop {
            .processus-list {
                label.btn-default {
                    color: @btn-default-color;
                }
            }
Julien Furrer's avatar
Julien Furrer committed
1213
1214
        }

1215
1216
1217
1218
1219
1220
1221
1222
        &.disabled {
            color: fadeout(@property-panel-dark-color, 50%);
            label {
                font-style: italic;
                color: fadeout(@property-panel-dark-color, 50%);
            }

            &.confidence-prop .rating-input {
1223
                color: @property-confidence-color;
1224
1225
1226
                cursor: not-allowed;
                & > span {
                    &.rating-off {
1227
                        color: fadeout(@property-confidence-color, 33%);
1228
                        box-shadow: none;
1229
                        background-color: lighten(@badge-bg, 5%);
1230
1231
1232
                    }
                }
            }
Julien Furrer's avatar
Julien Furrer committed
1233
1234
1235
1236
        }
    }
}

1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
// -----------------
// Category Property
// -----------------
@adim-prop-cat-color-inv: rgba(0, 0, 0, 0.66);
@adim-prop-cat-color: rgba(255, 255, 255, 0.75);
@adim-prop-cat-light-color: #FFF;

@adim-prop-cat-border: rgba(255, 255, 255, 0.5);
@adim-prop-cat-light-border: rgba(0, 0, 0, 0.33);

@adim-prop-cat-color-active: #FFFFFF;

@adim-proc-cat_0:    #333333;
@adim-proc-cat_1:    #54848E;
@adim-proc-cat_2:    #4B7F5C;
@adim-proc-cat_3:    #6D557F;
@adim-proc-cat_4:    #D80918;
@adim-proc-cat_5:    #71B800;
@adim-proc-cat_6:    #DEB709;
@adim-proc-cat_7:    #FF8B00;
@adim-proc-cat_8:    #25BFD1;

.category-list{
    //.btn-cat {
    //    .button-variant(@btn-default-color; @btn-default-bg; @adim-prop-cat-border);
    //    &.active {
    //        color: @adim-prop-cat-color-active !important;
    //        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85) inset, 0 0 2px 0 rgba(255, 255, 255, 0.8);
    //        border-color: #FFF !important;
    //        //box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.33) inset;
    //    }
    //}

    .button-category(@color, @background, @border: @adim-prop-cat-border,
        @active-color: @adim-prop-cat-color-active) {
        .button-variant(@color: @color; @background: @background; @border: @border);
        .btn-styles(@background);
        &.active {
            color: @active-color !important;
        }
        .property-group.disabled & {
            color: @color !important;
            font-style: normal !important;
        }
    }

    .btn-cat {
        &.active {
            color: @adim-prop-cat-color-active !important;
            box-shadow: 0 0 1px 2px rgba(255, 255, 255, 0.75) inset;
        }
    }


    .btn-cat[data-category="cat_0"] {
        .button-category(@color: @adim-proc-cat_0; @background: #eee; @active-color: @adim-proc-cat_0);
        &.active {
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
        }
    }
    .btn-cat[data-category="cat_1"] {
        .button-category(@color: @adim-prop-cat-color; @background: lighten(@adim-proc-cat_1, 15%));
    }
    .btn-cat[data-category="cat_2"] {
        .button-category(@color: @adim-prop-cat-color; @background: lighten(@adim-proc-cat_2, 10%));
    }
    .btn-cat[data-category="cat_3"] {
        .button-category(@color: @adim-prop-cat-color; @background: lighten(@adim-proc-cat_3, 10%));
    }
    .btn-cat[data-category="cat_4"] {
        .button-category(@color: fadein(@adim-prop-cat-color, 10%); @background: lighten(@adim-proc-cat_4, 10%));
    }
    .btn-cat[data-category="cat_5"] {
        .button-category(@color: fadein(@adim-prop-cat-color, 10%); @background: lighten(@adim-proc-cat_5, 10%));
    }
    .btn-cat[data-category="cat_6"] {
        .button-category(@color: fadein(@adim-prop-cat-color, 10%); @background: lighten(@adim-proc-cat_6, 10%));
    }
    .btn-cat[data-category="cat_7"] {
        .button-category(@color: fadein(@adim-prop-cat-color, 10%); @background: lighten(@adim-proc-cat_7, 10%));
    }
    .btn-cat[data-category="cat_8"] {
        .button-category(@color: fadein(@adim-prop-cat-color, 10%); @background: lighten(@adim-proc-cat_8, 10%));
    }

    .color-cat-0 { color: @adim-proc-cat_0; }
    .color-cat-1 { color: @adim-proc-cat_1; }
    .color-cat-2 { color: @adim-proc-cat_2; }
    .color-cat-3 { color: @adim-proc-cat_3; }
    .color-cat-4 { color: @adim-proc-cat_4; }
    .color-cat-5 { color: @adim-proc-cat_5; }
    .color-cat-6 { color: @adim-proc-cat_6; }
    .color-cat-7 { color: @adim-proc-cat_7; }
    .color-cat-8 { color: @adim-proc-cat_8; }

    &.adim-display-type-selector {
        .glyphicon { text-shadow: 0 0 1px #fff; }
    }
}





Julien Furrer's avatar
Julien Furrer committed
1341
.theme-light #annotation-property-container {
1342
1343
    label.control-label {
        color: @property-panel-light-color;
Julien Furrer's avatar
Julien Furrer committed
1344
1345
    }

1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
    .property-group {
        &.comment-prop {
            textarea[disabled] {
                background-color: darken(@panel-bg, 8%);
            }
        }

        &.disabled {
            label {
                color: fadeout(@property-panel-light-color, 40%);
            }
        }
Julien Furrer's avatar
Julien Furrer committed
1358
1359
1360
    }
}

1361
1362
1363
1364
1365
1366
1367


#annotation-display-container {
    padding: 5px 5px;

    color: @property-panel-dark-color;

1368
1369
1370
    //.adim-display-type-selector {
    //    width: 75%;
    //}
1371
1372
1373
}


Julien Furrer's avatar
Julien Furrer committed
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
// ----- Buttons

.btn .tool-text {
    display: none;
}

.btn-toolbar {
    .group-title {
        font-size: 12px;
        font-weight: normal;
    }
    .btn.active, .btn:active {
        border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
    }
}

@c1: rgb(255, 247, 0);
@c2: rgb(255, 128, 23);
@c3: rgb(0, 212, 0);
@c4: rgb(25, 119, 255);
@c5: rgb(252, 108, 162);
@c6: rgb(250, 0, 0);

1397
1398
1399
@color-menu-bg: #333330;
@color-menu-border: rgba(128, 128, 128, 1);

Julien Furrer's avatar
Julien Furrer committed
1400
#tool-colorselect {
1401
1402
1403
    // @cb- -> colorBullet
    @cB-width: 20px;
    @cB-space: 12px;
Julien Furrer's avatar
Julien Furrer committed
1404

1405
1406
1407
    > button {
        color: #FFF;
    }
Julien Furrer's avatar
Julien Furrer committed
1408

1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
    .color-menu {
        min-width: 2*(@cB-width + @cB-space) + @cB-space + 2px;
        max-width: 2*(@cB-width + @cB-space) + @cB-space + 2px;
        padding: 0 0 @cB-space @cB-space;
        margin: -55px 0 0 50px;

        background-color: @color-menu-bg;
        border: solid 1px @color-menu-border;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;

        &.right .arrow {
            border-right-color: @color-menu-border;
            &:after {
                border-right-color: @color-menu-bg;
                left: 2px;
            }
Julien Furrer's avatar
Julien Furrer committed
1425
1426
        }

1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
1438
1439
1440
1441
1442
        > li {
            float: left;

            > a {
                width: @cB-width;
                height: @cB-width;
                border-radius: @cB-width/2 + 1;
                //border: solid 1px rgba(255, 255, 255, 0.75);

                padding: 0;
                margin: @cB-space @cB-space 0 0;
                clear: none;

                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.66) inset, 0 0 2px 0 rgba(255, 255, 255, 0.5), 0 2px 2px -1px rgba(255, 255, 255, 0.33);

                &:hover, &:focus {
1443
                    background: #333330 none;
1444
1445
1446
1447
1448
1449
1450
1451
1452
1453
1454
1455
1456
1457
1458
1459
1460
1461
1462
1463
1464
1465
1466
1467
1468
1469
1470
                    border-color: transparent;
                }

                &.c1 {
                    .color-menu-item(@c1);
                }
                &.c2 {
                    .color-menu-item(@c2);
                }
                &.c3 {
                    .color-menu-item(@c3);
                }
                &.c4 {
                    .color-menu-item(@c4);
                }
                &.c5 {
                    .color-menu-item(@c5);
                }
                &.c6 {
                    .color-menu-item(@c6);
                }

                &.cx {
                    //          background-image: url(../img/adim/alpha.png);
                    width: 2*@cB-width + @cB-space;
                    overflow: hidden;
                }
Julien Furrer's avatar
Julien Furrer committed
1471

1472
            }
Julien Furrer's avatar
Julien Furrer committed
1473

1474
        }
Julien Furrer's avatar
Julien Furrer committed
1475

1476
1477
1478
1479
1480
        &.no-picker {
            margin-top: -40px;
            .cx { display: none; }
        }

Julien Furrer's avatar
Julien Furrer committed
1481
1482
1483
1484
1485
    }

}

#tool-fill-color .tool-fill-on {
1486
    display: none;
Julien Furrer's avatar
Julien Furrer committed
1487
1488
1489
}

#tool-fill-color.active .tool-fill-on {
1490
    display: inline !important;
Julien Furrer's avatar
Julien Furrer committed
1491
1492
1493
}

#tool-fill-color.active .tool-fill-off {
1494
    display: none;
Julien Furrer's avatar
Julien Furrer committed
1495
1496
1497
1498
1499
}

/* ----- Bootstrap extends ------------------------------------------------- */

.dropright .caret {
1500
    border-width: 4px 0 4px 4px;
Julien Furrer's avatar
Julien Furrer committed
1501
1502
1503
1504
}

.dropright .btn-default .caret,
.dropright .btn .caret {
1505
    border-color: transparent #FFF;
Julien Furrer's avatar
Julien Furrer committed
1506
1507
1508
}

.dropright .dropdown-menu {
1509
1510
1511
    right: -150%;
    top: -100%;
    left: auto;
Julien Furrer's avatar
Julien Furrer committed
1512
1513
1514
1515
1516
1517
1518
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534
1535
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
}

#param-tool-tb .btn {
    color: #444;

    padding-top: 4px;
    padding-bottom: 4px;

    &.sldr {
        padding-bottom: 8px;
    }
}

// slider-container
.sldr {
    display: inline-block;

    // Colors adjustment
    .slider {
        .slider-track {
            background: rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.77) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4);
        }
        .slider-handle {