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