src/widgets/CreateAnnotation.css
author durandn
Tue, 01 Sep 2015 15:57:54 +0200
changeset 1047 c3bf174e0ef8
parent 1038 e78b889a75e1
child 1066 5ef7182907c5
permissions -rw-r--r--
Added a button to cancel Annotation creation and hide the widget on CreateAnnotation
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
     1
/*
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
     2
 *
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
     3
 */
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
     4
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
     5
.Ldt-CreateAnnotation {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
     6
    border-style: none solid solid;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
     7
    border-width: 1px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
     8
    border-color: #b7b7b7;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
     9
    padding: 0 1px 1px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    10
    margin: 0;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    11
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    12
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    13
.Ldt-CreateAnnotation-Inner {
965
eadb7290c325 Improvements in widget communication
veltr
parents: 924
diff changeset
    14
    background: url(img/pinstripe.png); padding: 5px; margin: 0; position: relative;
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    15
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    16
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    17
.Ldt-CreateAnnotation-Inner h3 {
982
cfcbac34d020 Added Multi Segments Widget
veltr
parents: 975
diff changeset
    18
    margin: 5px 0; font-size: 14px; font-weight: bold; text-align: right; clear:both; color: #0068c4;
924
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    19
}
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    20
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    21
.Ldt-CreateAnnotation-h3Left {
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    22
    float: left;
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    23
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    24
908
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
    25
.Ldt-CreateAnnotation-Main {
1038
e78b889a75e1 CreateAnnotations new feature: hide/show functionality on signal trigger (tweaks), added config options to customize what is displayed more accurately
durandn
parents: 1033
diff changeset
    26
    min-height: 150px;
908
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
    27
}
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
    28
923
b3ee7d1b472a UI improvements
veltr
parents: 908
diff changeset
    29
.Ldt-CreateAnnotation-Title, .Ldt-CreateAnnotation-Creator {
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    30
    font-size: 14px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    31
    font-weight: bold;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    32
    color: #0068c4;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    33
    border: 1px solid #666666;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    34
    border-radius: 2px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    35
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    36
975
35aadec4131b Adapted Metadataplayer to send title and description
veltr
parents: 966
diff changeset
    37
.Ldt-CreateAnnotation-Title.empty, .Ldt-CreateAnnotation-Creator.empty {
35aadec4131b Adapted Metadataplayer to send title and description
veltr
parents: 966
diff changeset
    38
    font-style: italic;
35aadec4131b Adapted Metadataplayer to send title and description
veltr
parents: 966
diff changeset
    39
    color: #90b0d0;
35aadec4131b Adapted Metadataplayer to send title and description
veltr
parents: 966
diff changeset
    40
}
35aadec4131b Adapted Metadataplayer to send title and description
veltr
parents: 966
diff changeset
    41
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    42
.Ldt-CreateAnnotation-Times {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    43
    color: #ff3b77
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    44
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    45
1047
c3bf174e0ef8 Added a button to cancel Annotation creation and hide the widget on CreateAnnotation
durandn
parents: 1038
diff changeset
    46
.Ldt-CreateAnnotation-Submit,
c3bf174e0ef8 Added a button to cancel Annotation creation and hide the widget on CreateAnnotation
durandn
parents: 1038
diff changeset
    47
.Ldt-CreateAnnotation-Cancel{
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    48
    position: absolute;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    49
    bottom: 7px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    50
    right: 7px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    51
    color: #ffffff;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    52
    cursor: pointer;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    53
    background: url('img/submit_annotation.png');
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    54
    height: 50px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    55
    width: 50px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    56
    padding: 28px 0 0;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    57
    font-size: 12px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    58
    border: none;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    59
    text-align: center;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    60
    cursor: pointer;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    61
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    62
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    63
.Ldt-CreateAnnotation-Submit:hover {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    64
    background-position: -50px 0;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    65
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    66
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    67
.Ldt-CreateAnnotation-Description {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    68
    height: 56px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    69
    padding: 2px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    70
    resize: none;
924
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    71
    width: 460px;
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    72
    border: 1px solid #666666;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    73
    border-radius: 2px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    74
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    75
975
35aadec4131b Adapted Metadataplayer to send title and description
veltr
parents: 966
diff changeset
    76
.Ldt-CreateAnnotation-Description.empty {
35aadec4131b Adapted Metadataplayer to send title and description
veltr
parents: 966
diff changeset
    77
    font-style: italic; color: #999999;
35aadec4131b Adapted Metadataplayer to send title and description
veltr
parents: 966
diff changeset
    78
}
35aadec4131b Adapted Metadataplayer to send title and description
veltr
parents: 966
diff changeset
    79
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    80
.Ldt-CreateAnnotation-Avatar {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    81
    float: right;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    82
    width: 48px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    83
    height: 48px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    84
    margin: 5px 0;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    85
    padding: 0 0 0 15px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    86
    background: url('img/profile_arrow.png') left no-repeat;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    87
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    88
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    89
.Ldt-CreateAnnotation-Avatar img {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    90
    float: right;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    91
    display: block;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    92
    max-width: 100%;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    93
    max-height: 100%;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    94
    border: 1px solid #bbbbbb;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    95
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    96
966
c1c762ad1697 Added Voice Annotation Support
veltr
parents: 965
diff changeset
    97
.Ldt-CreateAnnotation-RecBlock {
c1c762ad1697 Added Voice Annotation Support
veltr
parents: 965
diff changeset
    98
    width: 220px; float: left;
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    99
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   100
966
c1c762ad1697 Added Voice Annotation Support
veltr
parents: 965
diff changeset
   101
.Ldt-CreateAnnotation-TagTitle, .Ldt-CreateAnnotation-PolemicTitle, .Ldt-CreateAnnotation-RecLabel {
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   102
    display: block; margin: 5px 0 2px; font-size: 12px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   103
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   104
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   105
.Ldt-CreateAnnotation-TagList, .Ldt-CreateAnnotation-PolemicList {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   106
    list-style: none;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   107
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   108
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   109
li.Ldt-CreateAnnotation-TagLi {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   110
    display: inline-block; border: none; margin: 0 10px 5px 0; height: 23px; padding: 0 0 0 20px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   111
    background: url(img/tag.png) left top no-repeat;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   112
    cursor: pointer;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   113
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   114
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   115
.Ldt-CreateAnnotation-TagButton {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   116
    display: inline-block; font-size: 12px; height: 19px; padding: 4px 5px 0 0; border: none; margin: 0;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   117
    background: url(img/tag.png) right top no-repeat;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   118
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   119
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   120
li.Ldt-CreateAnnotation-TagLi:hover {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   121
    background-position: left -23px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   122
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   123
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   124
.Ldt-CreateAnnotation-TagLi:hover .Ldt-CreateAnnotation-TagButton {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   125
    background-position: right -23px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   126
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   127
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   128
li.Ldt-CreateAnnotation-TagLi.selected {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   129
    background-position: left -46px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   130
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   131
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   132
.Ldt-CreateAnnotation-TagLi.selected .Ldt-CreateAnnotation-TagButton {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   133
    background-position: right -46px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   134
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   135
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   136
li.Ldt-CreateAnnotation-PolemicLi {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   137
    display: inline-block; border: none; margin: 0 5px 0; height: 21px; width: 26px; padding: 2px 0 0;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   138
    background: url(img/polemic.png) left top no-repeat; font-size: 14px; font-weight: bold; text-align: center;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   139
    cursor: pointer;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   140
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   141
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   142
li.Ldt-CreateAnnotation-PolemicLi:hover {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   143
    background-position: 0 -23px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   144
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   145
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   146
li.Ldt-CreateAnnotation-PolemicLi.selected {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   147
    background-position: 0 -46px;
908
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   148
}
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   149
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   150
.Ldt-CreateAnnotation-InnerBox {
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   151
    margin: 20px 50px;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   152
    border: 1px solid #CCCCCC;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   153
    padding: 20px;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   154
    background: #FFFFFF;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   155
    color: #FF3B77; text-align: center;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   156
    font-size: 13px; font-weight: bold;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   157
}
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   158
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   159
a.Ldt-CreateAnnotation-Close {
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   160
    position: absolute; top: 2px; right: 2px;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   161
    display: inline-block; width: 17px; height: 17px; margin: 2px;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   162
    background: url(img/widget-control.png);
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   163
}
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   164
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   165
a.Ldt-CreateAnnotation-Close:hover {
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   166
    background-position: -17px 0;
1038
e78b889a75e1 CreateAnnotations new feature: hide/show functionality on signal trigger (tweaks), added config options to customize what is displayed more accurately
durandn
parents: 1033
diff changeset
   167
}