src_js/iconolab-bundle/src/iconolab.scss
author ymh <ymh.work@gmail.com>
Sat, 23 Jun 2018 02:31:30 +0200
changeset 551 c1653196d51c
parent 539 08e2513dbc2f
permissions -rw-r--r--
migration correction
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
313
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
     1
header {
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
     2
    margin-bottom: 20px;
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
     3
}
436
60d98f985e3b Add email to registration form, improve forms HTML.
Alexandre Segura <mex.zktk@gmail.com>
parents: 431
diff changeset
     4
footer {
60d98f985e3b Add email to registration form, improve forms HTML.
Alexandre Segura <mex.zktk@gmail.com>
parents: 431
diff changeset
     5
    margin-top: 20px;
60d98f985e3b Add email to registration form, improve forms HTML.
Alexandre Segura <mex.zktk@gmail.com>
parents: 431
diff changeset
     6
}
313
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
     7
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
     8
#topnav {
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
     9
    .navbar {
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
    10
        margin-bottom: 0;
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
    11
    }
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    12
}
313
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
    13
#topsearch {
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
    14
    padding: 15px 0;
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
    15
    &, .navbar {
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
    16
        background-color: #333;
ed4dd55d1e78 Update header (nav/subnav).
Alexandre Segura <mex.zktk@gmail.com>
parents: 309
diff changeset
    17
    }
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    18
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    19
321
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    20
.item-grid {
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    21
    display: flex;
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    22
    flex-direction: row;
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    23
    flex-wrap: wrap;
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    24
    .item-grid-item {
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    25
        padding: 0 10px 20px;
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    26
        @media (min-width: $screen-sm-min) {
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    27
            width: 25%;
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    28
        }
412
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    29
        .main-image, .other-images {
321
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    30
            margin-bottom: 10px;
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    31
            img {
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    32
                width: 100%;
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    33
                height: auto;
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    34
            }
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    35
        }
412
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    36
        .other-images {
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    37
            display: flex;
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    38
            > * {
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    39
                width: 50%;
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    40
            }
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    41
        }
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    42
        .main-image {
506
4e18e1f69db9 Introduce bookmarks feature.
Alexandre Segura <mex.zktk@gmail.com>
parents: 476
diff changeset
    43
            position: relative;
321
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    44
            a {
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    45
                display: block;
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    46
            }
506
4e18e1f69db9 Introduce bookmarks feature.
Alexandre Segura <mex.zktk@gmail.com>
parents: 476
diff changeset
    47
            .bookmark {
508
3d920e27a465 Improve bookmarks design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 507
diff changeset
    48
                color: #fff;
506
4e18e1f69db9 Introduce bookmarks feature.
Alexandre Segura <mex.zktk@gmail.com>
parents: 476
diff changeset
    49
                position: absolute;
508
3d920e27a465 Improve bookmarks design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 507
diff changeset
    50
                top: 0;
3d920e27a465 Improve bookmarks design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 507
diff changeset
    51
                right: 0;
506
4e18e1f69db9 Introduce bookmarks feature.
Alexandre Segura <mex.zktk@gmail.com>
parents: 476
diff changeset
    52
                &:hover,
4e18e1f69db9 Introduce bookmarks feature.
Alexandre Segura <mex.zktk@gmail.com>
parents: 476
diff changeset
    53
                &:active {
508
3d920e27a465 Improve bookmarks design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 507
diff changeset
    54
                    color: darken(#fff, 20%);
506
4e18e1f69db9 Introduce bookmarks feature.
Alexandre Segura <mex.zktk@gmail.com>
parents: 476
diff changeset
    55
                }
507
1bae3da99830 Display bookmarked images.
Alexandre Segura <mex.zktk@gmail.com>
parents: 506
diff changeset
    56
                &.active {
508
3d920e27a465 Improve bookmarks design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 507
diff changeset
    57
                    color: #F39C12;
3d920e27a465 Improve bookmarks design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 507
diff changeset
    58
                }
3d920e27a465 Improve bookmarks design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 507
diff changeset
    59
                .fa-stack {
3d920e27a465 Improve bookmarks design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 507
diff changeset
    60
                    > i:last-child {
3d920e27a465 Improve bookmarks design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 507
diff changeset
    61
                        color: #000;
3d920e27a465 Improve bookmarks design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 507
diff changeset
    62
                    }
507
1bae3da99830 Display bookmarked images.
Alexandre Segura <mex.zktk@gmail.com>
parents: 506
diff changeset
    63
                }
506
4e18e1f69db9 Introduce bookmarks feature.
Alexandre Segura <mex.zktk@gmail.com>
parents: 476
diff changeset
    64
            }
321
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    65
        }
412
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    66
        .item-image-stats {
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    67
            display: flex;
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    68
            justify-content: space-around;
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    69
            padding: 0 10px;
d7f556b0bd2a Display stats icons on images list.
Alexandre Segura <mex.zktk@gmail.com>
parents: 411
diff changeset
    70
        }
321
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    71
    }
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    72
}
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
    73
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    74
.drawingModeBtn {border: 1px solid orange; cursor: pointer; height: 25px; margin-bottom: 10px}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    75
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    76
.form-drawing {border-bottom: 1px solid #C3C3C3; }
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    77
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    78
.form-drawing-wrapper .selected {border: 1px solid orange; color: white; background-color: orange}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    79
.showPointer {cursor: pointer;}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    80
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    81
.zoom-action-list {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    82
	padding-left:21px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    83
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    84
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    85
.zoomTarget-wrapper {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    86
	padding: 0px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    87
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    88
411
74b01659ee40 coherent colors
duong tam kien <tk@deveha.com>
parents: 410
diff changeset
    89
#zoomTarget {
309
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
    90
	border: 1px solid #C3C3C3;
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    91
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    92
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    93
.no-padding {
309
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
    94
	padding-left: 0;
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    95
	padding-right: 0;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    96
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    97
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    98
.annotation-content{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
    99
	margin-top: 15px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   100
	margin-bottom: 15px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   101
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   102
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   103
.highlight {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   104
	border: 1px solid orange;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   105
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   106
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   107
.revision-proposal {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   108
	background-color: #ECF0F1;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   109
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   110
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   111
.collection-home-btn{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   112
	margin-top: 5px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   113
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   114
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   115
.img-stats-dt{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   116
	width: 250px !important;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   117
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   118
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   119
.img-stats-dd{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   120
	margin-left: 270px !important;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   121
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   122
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   123
.revision-link:hover{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   124
  	text-decoration: underline;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   125
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   126
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   127
.item-image-thumbnail:hover{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   128
	cursor: pointer;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   129
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   130
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   131
ul.annotation-comments{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   132
	background-color: #ededed;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   133
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   134
li.list-group-item{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   135
	border: 1px solid #bbb
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   136
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   137
405
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   138
.comment-form {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   139
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   140
    $color-request-for-contribution: #f5e41c;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   141
    $color-reference: #478ee0;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   142
    $color-agree: #b8e986;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   143
    $color-disagree: #ff7284;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   144
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   145
    .btn-group-wrapper {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   146
        text-align: center;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   147
    }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   148
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   149
    .form-group {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   150
        margin-bottom: 10px;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   151
    }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   152
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   153
    .btn-group-metacategory {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   154
406
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   155
        &.active {
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   156
            margin-bottom: 5px;
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   157
            padding-bottom: 0px;
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   158
            border-bottom: 2px solid #969696;
405
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   159
        }
406
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   160
        &.active.btn-group-request-for-contribution {
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   161
            border-bottom: 2px solid $color-request-for-contribution;
405
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   162
        }
406
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   163
        &.active.btn-group-reference {
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   164
            border-bottom: 2px solid $color-reference;
405
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   165
        }
406
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   166
        &.active.btn-group-agree {
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   167
            border-bottom: 2px solid $color-agree;
405
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   168
        }
406
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   169
        &.active.btn-group-disagree {
733be8cac793 Improve design of metacategories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 405
diff changeset
   170
            border-bottom: 2px solid $color-disagree;
405
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   171
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   172
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   173
        .btn {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   174
            border: none;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   175
            padding: 4px 8px;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   176
            margin: 0 2px;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   177
            border-radius: 0;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   178
            border-radius: 4px !important;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   179
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   180
        .btn:first-child {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   181
            margin-left: 0;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   182
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   183
        .btn:last-child {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   184
            margin-right: 0;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   185
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   186
        .btn:focus,
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   187
        .btn.focus,
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   188
        .btn:active:focus,
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   189
        .btn:active.focus,
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   190
        .btn.active:focus,
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   191
        .btn.active.focus {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   192
            outline: none;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   193
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   194
        .btn.active {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   195
            padding: 4px 8px 8px;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   196
            border-bottom-left-radius: 0 !important;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   197
            border-bottom-right-radius: 0 !important;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   198
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   199
        .btn-comment {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   200
            background-color: #969696;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   201
            color: #fff;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   202
            padding-left: 20px;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   203
            padding-right: 20px;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   204
            &:hover {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   205
                background-color: darken(#969696, 10%);
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   206
            }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   207
            &.active {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   208
                padding-left: 20px;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   209
                padding-right: 20px;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   210
            }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   211
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   212
        .btn-request-for-contribution {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   213
            background-color: $color-request-for-contribution;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   214
            &:hover {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   215
                background-color: darken($color-request-for-contribution, 10%);
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   216
            }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   217
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   218
        .btn-reference {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   219
            background-color: $color-reference;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   220
            color: #fff;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   221
            &:hover {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   222
                background-color: darken($color-reference, 10%);
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   223
            }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   224
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   225
        .btn-agree {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   226
            background-color: $color-agree;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   227
            &:hover {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   228
                background-color: darken($color-agree, 10%);
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   229
            }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   230
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   231
        .btn-disagree {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   232
            background-color: $color-disagree;
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   233
            &:hover {
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   234
                background-color: darken($color-disagree, 10%);
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   235
            }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   236
        }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   237
    }
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   238
}
6b8a1ae18e91 Introduce meta categories widget.
Alexandre Segura <mex.zktk@gmail.com>
parents: 396
diff changeset
   239
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   240
.comment-reply-link{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   241
	cursor: pointer;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   242
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   243
.comment-subtext{
309
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   244
	font-size:0.9em;
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   245
	display:inline;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   246
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   247
.comment-metacategories{
309
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   248
	font-size:0.9em;
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   249
	display:inline;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   250
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   251
.comment-separator{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   252
	margin-top: 10px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   253
	margin-bottom: 5px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   254
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   255
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   256
.pagination-shortcut{
309
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   257
	cursor: pointer;
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   258
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   259
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   260
/* BADGES */
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   261
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   262
.badge-error {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   263
  background-color: #b94a48;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   264
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   265
.badge-warning {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   266
  background-color: #f89406;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   267
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   268
.badge-success {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   269
  background-color: #468847;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   270
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   271
.badge-info {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   272
  background-color: #3a87ad;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   273
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   274
.badge-inverse {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   275
  background-color: #333333;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   276
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   277
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   278
.notif-badge{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   279
  margin-bottom: 5px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   280
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   281
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   282
/* USER PAGE */
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   283
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   284
.show-all-notifications{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   285
  cursor: pointer;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   286
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   287
.annotation-panel{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   288
	min-width: 535px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   289
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   290
.annotation-detail{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   291
	display:inline-block;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   292
	margin-right: 5px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   293
	margin-left: 5px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   294
	margin-top: 5px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   295
	white-space: normal;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   296
	vertical-align: top;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   297
	padding: 10px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   298
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   299
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   300
.stats-annotation-userpage{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   301
	display:inline-block;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   302
	vertical-align: top;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   303
	padding: 10px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   304
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   305
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   306
.image-detail{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   307
	display:inline-block;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   308
	vertical-align: top;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   309
	width:150px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   310
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   311
.large-image-detail{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   312
	display:inline-block;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   313
	vertical-align: top;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   314
	width:400px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   315
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   316
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   317
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   318
.panel .dl-horizontal dt {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   319
    white-space: normal;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   320
	text-align: left;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   321
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   322
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   323
.no-user-annotation{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   324
	margin-left: 15px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   325
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   326
.dt-annotation{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   327
	margin-bottom: 10px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   328
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   329
.userpage-annotation-btn{
309
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   330
	display:inline-block;
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   331
	vertical-align: top;
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   332
	margin-bottom:5px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   333
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   334
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   335
/* GLOBAL HOME PAGE */
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   336
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   337
.collection-title{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   338
	margin-top:0px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   339
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   340
514
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   341
.home-collection-description {
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   342
    $max-lines: 5;
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   343
    display: block; /* Fallback for non-webkit */
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   344
    display: -webkit-box;
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   345
    line-height: $line-height-computed;
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   346
    max-height: ($line-height-computed * $max-lines);
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   347
    -webkit-line-clamp: $max-lines;
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   348
    -webkit-box-orient: vertical;
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   349
    overflow: hidden;
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   350
    text-overflow: ellipsis;
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   351
}
accd1fded1a5 Improve homepage.
Alexandre Segura <mex.zktk@gmail.com>
parents: 508
diff changeset
   352
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   353
/* COLLECTION HOME PAGE */
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   354
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   355
.collection-summary{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   356
	padding-bottom: 15px;
414
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   357
    .tab-pane {
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   358
        padding: 30px 0;
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   359
    }
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   360
    .fragment-container {
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   361
        margin-bottom: 20px;
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   362
    }
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   363
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   364
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   365
.collection-container{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   366
	width:100%;
309
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   367
	padding-top: 15px;
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   368
	padding-bottom: 15px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   369
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   370
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   371
.tab-selector{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   372
	margin-top: 15px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   373
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   374
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   375
.image-list-wrapper{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   376
	margin-top: 15px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   377
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   378
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   379
li.image-list-li{
309
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   380
	margin-bottom: 5px;
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   381
	width: 370px;
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   382
	height: 430px;
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   383
	vertical-align:middle;
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   384
	padding:5px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   385
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   386
.image-list-image-container{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   387
	 position: relative;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   388
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   389
.object-info{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   390
	margin-bottom:10px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   391
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   392
.collection-home-item-btn{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   393
	margin-bottom:5px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   394
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   395
.collection-home-tab{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   396
	cursor: pointer;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   397
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   398
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   399
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   400
/* DIFF STYLE */
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   401
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   402
.diff-viewer-wrapper {margin-top: 5px;}
539
08e2513dbc2f Upgrade webpack to 4, upgrade vue.js, and some style changes
ymh <ymh.work@gmail.com>
parents: 514
diff changeset
   403
.diff-panel {border: 1px solid gray; width: 300px; height: 250px;}
298
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   404
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   405
del { text-decoration: line-through;	color: #b30000;	background: #fadad7;}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   406
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   407
ins {	background: #eaf2c2; color: #406619; text-decoration: none; }
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   408
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   409
.diff-panel .close-btn {
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   410
	cursor: pointer;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   411
	margin-right: 5px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   412
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   413
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   414
/* FOOTER STYLE */
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   415
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   416
.partners-icons{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   417
	margin-left: 20px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   418
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   419
.footer-link{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   420
	margin-left: 20px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   421
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   422
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   423
.footer-info{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   424
	margin-left:15px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   425
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   426
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   427
/* STATIC PAGES STYLE */
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   428
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   429
/* - LEGAL MENTIONS STYLE */
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   430
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   431
dl.legals-dl dd{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   432
	margin-left: 10px;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   433
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   434
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   435
/* HOME PAGE STYLE */
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   436
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   437
.show-complete-link, .hide-complete-link{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   438
	cursor: pointer;
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   439
}
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   440
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   441
/* - COLLECTION HOME STYLE */
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   442
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   443
.description-col{
97b805fc88f0 force unix line ending
ymh <ymh.work@gmail.com>
parents: 274
diff changeset
   444
	padding: 10px;
309
c5b524696fb3 Improve JS/CSS compilation.
Alexandre Segura <mex.zktk@gmail.com>
parents: 298
diff changeset
   445
}
321
f8ee375445e6 Change collection home layout.
Alexandre Segura <mex.zktk@gmail.com>
parents: 313
diff changeset
   446
323
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   447
.annotation-navigator {
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   448
    display: flex;
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   449
    margin-bottom: 30px;
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   450
    .annotation-navigator-list {
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   451
        width: 20%;
349
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   452
        .panel {
410
a6db5e626850 sizes up panels and get closer to the mockup
duong tam kien <tk@deveha.com>
parents: 406
diff changeset
   453
            max-height: 700px;
a6db5e626850 sizes up panels and get closer to the mockup
duong tam kien <tk@deveha.com>
parents: 406
diff changeset
   454
            height: 700px;
379
690df941c075 fixes scroll on right panel (and auto on left one)
duong tam kien <tk@deveha.com>
parents: 378
diff changeset
   455
            overflow-y: auto;
349
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   456
        }
336
157819077ee5 Show close icon on active item only.
Alexandre Segura <mex.zktk@gmail.com>
parents: 324
diff changeset
   457
        .list-group-item {
349
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   458
            .list-group-item-heading {
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   459
                font-weight: bold;
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   460
                margin-bottom: 10px;
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   461
            }
336
157819077ee5 Show close icon on active item only.
Alexandre Segura <mex.zktk@gmail.com>
parents: 324
diff changeset
   462
            .close {
157819077ee5 Show close icon on active item only.
Alexandre Segura <mex.zktk@gmail.com>
parents: 324
diff changeset
   463
                display: none;
349
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   464
                line-height: floor(($font-size-small * $headings-line-height));
336
157819077ee5 Show close icon on active item only.
Alexandre Segura <mex.zktk@gmail.com>
parents: 324
diff changeset
   465
            }
157819077ee5 Show close icon on active item only.
Alexandre Segura <mex.zktk@gmail.com>
parents: 324
diff changeset
   466
            &.active .close {
157819077ee5 Show close icon on active item only.
Alexandre Segura <mex.zktk@gmail.com>
parents: 324
diff changeset
   467
                display: block;
157819077ee5 Show close icon on active item only.
Alexandre Segura <mex.zktk@gmail.com>
parents: 324
diff changeset
   468
                color: #fff;
157819077ee5 Show close icon on active item only.
Alexandre Segura <mex.zktk@gmail.com>
parents: 324
diff changeset
   469
            }
349
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   470
            .list-group-item-footer {
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   471
                margin-top: 10px;
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   472
                font-size: $font-size-small;
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   473
                text-align: right;
6425443f0b12 Change annotations list design.
Alexandre Segura <mex.zktk@gmail.com>
parents: 336
diff changeset
   474
            }
336
157819077ee5 Show close icon on active item only.
Alexandre Segura <mex.zktk@gmail.com>
parents: 324
diff changeset
   475
        }
323
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   476
    }
410
a6db5e626850 sizes up panels and get closer to the mockup
duong tam kien <tk@deveha.com>
parents: 406
diff changeset
   477
323
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   478
    .annotation-navigator-canvas {
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   479
        width: 60%;
410
a6db5e626850 sizes up panels and get closer to the mockup
duong tam kien <tk@deveha.com>
parents: 406
diff changeset
   480
        height: 700px;
323
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   481
        padding: 0 15px;
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   482
    }
410
a6db5e626850 sizes up panels and get closer to the mockup
duong tam kien <tk@deveha.com>
parents: 406
diff changeset
   483
323
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   484
    .annotation-navigator-panel {
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   485
        width: 20%;
410
a6db5e626850 sizes up panels and get closer to the mockup
duong tam kien <tk@deveha.com>
parents: 406
diff changeset
   486
        height: 700px;
a6db5e626850 sizes up panels and get closer to the mockup
duong tam kien <tk@deveha.com>
parents: 406
diff changeset
   487
323
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   488
        display: flex;
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   489
        > div, .panel-body {
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   490
            display: flex;
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   491
            flex: 1;
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   492
        }
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   493
        .panel {
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   494
            margin-bottom: 0;
410
a6db5e626850 sizes up panels and get closer to the mockup
duong tam kien <tk@deveha.com>
parents: 406
diff changeset
   495
            overflow-y: auto;
323
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   496
        }
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   497
        .panel-body {
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   498
            flex-direction: column;
414
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   499
            .comment-form {
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   500
                padding: 10px 0;
410
a6db5e626850 sizes up panels and get closer to the mockup
duong tam kien <tk@deveha.com>
parents: 406
diff changeset
   501
            }
323
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   502
        }
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   503
    }
55c024fc7c60 Roughly implement annotation navigator.
Alexandre Segura <mex.zktk@gmail.com>
parents: 321
diff changeset
   504
}
414
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   505
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   506
.annotation-navigator-metadata {
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   507
    margin-bottom: 30px;
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   508
    padding: 0 15px;
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   509
    dl {
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   510
        max-width: 60%;
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   511
        margin: 0 auto;
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   512
        margin-bottom: 20px;
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   513
    }
49a753808505 Display call for contributions on top of collection page, fix item metadata display.
Alexandre Segura <mex.zktk@gmail.com>
parents: 412
diff changeset
   514
}
431
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   515
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   516
.slide-down-enter-active {
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   517
  animation: slide-down-in .6s;
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   518
}
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   519
@keyframes slide-down-in {
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   520
  0% {
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   521
    max-height: 0;
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   522
    opacity: 0;
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   523
  }
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   524
  100% {
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   525
    max-height: 1000px;
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   526
    opacity: 1;
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   527
  }
39893bc3340a Add transition when showing comment form.
Alexandre Segura <mex.zktk@gmail.com>
parents: 416
diff changeset
   528
}
476
8e706eb56e6e Fix folders HTML/CSS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 436
diff changeset
   529
8e706eb56e6e Fix folders HTML/CSS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 436
diff changeset
   530
.collection-folder {
8e706eb56e6e Fix folders HTML/CSS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 436
diff changeset
   531
    padding-bottom: 20px;
8e706eb56e6e Fix folders HTML/CSS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 436
diff changeset
   532
}