src/widgets/CreateAnnotation.css
author veltr
Thu, 05 Jul 2012 19:08:13 +0200
branchnew-model
changeset 924 64c2eaafe5e2
parent 923 b3ee7d1b472a
child 965 eadb7290c325
child 1019 3ab36f402b0c
permissions -rw-r--r--
Modifications for LDT-Platform
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 {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    14
    background: url(img/pinstripe.png);
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    15
    padding: 5px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    16
    margin: 0;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    17
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    18
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    19
.Ldt-CreateAnnotation-Inner h3 {
924
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    20
    margin: 5px 0; font-size: 14px; font-weight: bold; text-align: right;
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    21
}
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    22
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    23
.Ldt-CreateAnnotation-h3Left {
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    24
    float: left;
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    25
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    26
908
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
    27
.Ldt-CreateAnnotation-Main {
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
    28
    min-height: 150px;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
    29
}
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
    30
923
b3ee7d1b472a UI improvements
veltr
parents: 908
diff changeset
    31
.Ldt-CreateAnnotation-Title, .Ldt-CreateAnnotation-Creator {
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    32
    font-size: 14px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    33
    font-weight: bold;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    34
    color: #0068c4;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    35
    border: 1px solid #666666;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    36
    border-radius: 2px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    37
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    38
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    39
.Ldt-CreateAnnotation-Times {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    40
    color: #ff3b77
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    41
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    42
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    43
.Ldt-CreateAnnotation-Submit {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    44
    position: absolute;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    45
    bottom: 7px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    46
    right: 7px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    47
    color: #ffffff;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    48
    cursor: pointer;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    49
    background: url('img/submit_annotation.png');
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    50
    height: 50px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    51
    width: 50px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    52
    padding: 28px 0 0;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    53
    font-size: 12px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    54
    border: none;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    55
    text-align: center;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    56
    cursor: pointer;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    57
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    58
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    59
.Ldt-CreateAnnotation-Submit:hover {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    60
    background-position: -50px 0;
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-Description {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    64
    height: 56px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    65
    padding: 2px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    66
    resize: none;
924
64c2eaafe5e2 Modifications for LDT-Platform
veltr
parents: 923
diff changeset
    67
    width: 460px;
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    68
    border: 1px solid #666666;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    69
    border-radius: 2px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    70
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    71
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    72
.Ldt-CreateAnnotation-Avatar {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    73
    float: right;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    74
    width: 48px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    75
    height: 48px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    76
    margin: 5px 0;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    77
    padding: 0 0 0 15px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    78
    background: url('img/profile_arrow.png') left no-repeat;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    79
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    80
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    81
.Ldt-CreateAnnotation-Avatar img {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    82
    float: right;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    83
    display: block;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    84
    max-width: 100%;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    85
    max-height: 100%;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    86
    border: 1px solid #bbbbbb;
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-Tags, .Ldt-CreateAnnotation-Polemics {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    90
    width: 520px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    91
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    92
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    93
.Ldt-CreateAnnotation-TagTitle, .Ldt-CreateAnnotation-PolemicTitle {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    94
    display: block; margin: 5px 0 2px; font-size: 12px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    95
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    96
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    97
.Ldt-CreateAnnotation-TagList, .Ldt-CreateAnnotation-PolemicList {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    98
    list-style: none;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
    99
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   100
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   101
li.Ldt-CreateAnnotation-TagLi {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   102
    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
   103
    background: url(img/tag.png) left top no-repeat;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   104
    cursor: pointer;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   105
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   106
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   107
.Ldt-CreateAnnotation-TagButton {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   108
    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
   109
    background: url(img/tag.png) right top no-repeat;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   110
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   111
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   112
li.Ldt-CreateAnnotation-TagLi:hover {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   113
    background-position: left -23px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   114
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   115
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   116
.Ldt-CreateAnnotation-TagLi:hover .Ldt-CreateAnnotation-TagButton {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   117
    background-position: right -23px;
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.selected {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   121
    background-position: left -46px;
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.selected .Ldt-CreateAnnotation-TagButton {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   125
    background-position: right -46px;
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-PolemicLi {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   129
    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
   130
    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
   131
    cursor: pointer;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   132
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   133
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   134
li.Ldt-CreateAnnotation-PolemicLi:hover {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   135
    background-position: 0 -23px;
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   136
}
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   137
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   138
li.Ldt-CreateAnnotation-PolemicLi.selected {
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   139
    background-position: 0 -46px;
908
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   140
}
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   141
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   142
.Ldt-CreateAnnotation-InnerBox {
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   143
    margin: 20px 50px;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   144
    border: 1px solid #CCCCCC;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   145
    padding: 20px;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   146
    background: #FFFFFF;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   147
    color: #FF3B77; text-align: center;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   148
    font-size: 13px; font-weight: bold;
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
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   151
a.Ldt-CreateAnnotation-Close {
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   152
    position: absolute; top: 2px; right: 2px;
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   153
    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
   154
    background: url(img/widget-control.png);
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   155
}
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   156
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   157
a.Ldt-CreateAnnotation-Close:hover {
f56199193fad CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents: 904
diff changeset
   158
    background-position: -17px 0;
904
510ebab76fa3 Work on CreateAnnotation Widget
veltr
parents: 880
diff changeset
   159
}