src/widgets/AnnotationsList.css
changeset 1068 7623f9af9272
parent 1053 149a4ea20ea7
child 1069 2409cb4cebaf
equal deleted inserted replaced
1067:539c9bee5372 1068:7623f9af9272
     6 }
     6 }
     7 
     7 
     8 .Ldt-AnnotationsListWidget {
     8 .Ldt-AnnotationsListWidget {
     9     border: none; margin: 0; padding: 0;
     9     border: none; margin: 0; padding: 0;
    10     overflow: auto;
    10     overflow: auto;
    11     max-height: 380px;
       
    12 }
    11 }
    13 .Ldt-AnnotationsListWidget a {
    12 .Ldt-AnnotationsListWidget a {
    14     text-decoration: none;
    13     text-decoration: none;
    15 }
    14 }
    16 
    15 
    54 li.Ldt-AnnotationsList-li {
    53 li.Ldt-AnnotationsList-li {
    55     width: 100%;
    54     width: 100%;
    56     clear: both;
    55     clear: both;
    57     margin: 2px 0;
    56     margin: 2px 0;
    58     padding: 2px 0;
    57     padding: 2px 0;
    59     min-height: 60px;
    58     min-height: 3em;
       
    59     position: relative;
    60 }
    60 }
    61 .Ldt-AnnotationsList-li.selected {
    61 .Ldt-AnnotationsList-li.selected {
    62     background-image: url(img/pinstripe-grey.png);
    62     background-image: url(img/pinstripe-grey.png);
    63 }
    63 }
    64 .Ldt-AnnotationsList-ThumbContainer {
    64 .Ldt-AnnotationsList-ThumbContainer {
    65     float: left;
    65     float: left;
    66     width: 80px;
    66     width: 80px;
    67     height: 50px;
    67     height: 50px;
    68     text-align: center;
    68     text-align: center;
    69     margin: 2px 0;
    69     margin: 10px 2px;
       
    70     box-shadow: #808080 0px 0px 2px;
    70 }
    71 }
    71 .Ldt-AnnotationsList-Thumbnail {
    72 .Ldt-AnnotationsList-Thumbnail {
    72     border: none;
    73     border: none;
    73     max-width: 100%;
    74     max-width: 100%;
    74     max-height: 100%;
    75     max-height: 100%;
   111 
   112 
   112 .Ldt-AnnotationsList-Title a {
   113 .Ldt-AnnotationsList-Title a {
   113     color: #0068c4;
   114     color: #0068c4;
   114 }
   115 }
   115 
   116 
       
   117 .Ldt-AnnotationsList-Creator {
       
   118     color: #aaa;
       
   119 }
       
   120 
   116 p.Ldt-AnnotationsList-Description {
   121 p.Ldt-AnnotationsList-Description {
   117     margin: 2px 0 2px 82px;
   122     margin: 2px 0 2px 82px;
   118     font-size: 12px;
   123     font-size: 12px;
   119     color: #333333;
   124     color: #333333;
   120 }
   125 }
   159 }
   164 }
   160 
   165 
   161 .Ldt-AnnotationsList-Play:hover {
   166 .Ldt-AnnotationsList-Play:hover {
   162     background-position: 0 bottom;
   167     background-position: 0 bottom;
   163 }
   168 }
       
   169 
       
   170 .Ldt-AnnotationsList-EditControls {
       
   171     opacity: 0;
       
   172     position: absolute;
       
   173     bottom: 2px;
       
   174     right: 8px;
       
   175 }
       
   176 
       
   177 .Ldt-AnnotationsList-li:hover .Ldt-AnnotationsList-EditControls {
       
   178     display: inline-block;
       
   179     opacity: .8;
       
   180     transition: opacity 1000ms ease-in-out;
       
   181 }
       
   182 
       
   183 .Ldt-AnnotationsList-EditControls > div {
       
   184     display: inline-block;
       
   185     width: 16px;
       
   186     height: 16px;
       
   187     cursor: pointer;
       
   188     margin-left: 8px;
       
   189 }
       
   190 
       
   191 .Ldt-AnnotationsList-Delete {
       
   192     background: url(img/delete.png);
       
   193 }
       
   194 
       
   195 .Ldt-AnnotationsList-Edit {
       
   196     background: url(img/edit.png);
       
   197 }
       
   198 
       
   199 .Ldt-AnnotationsList-PublishAnnotation {
       
   200     background: url(img/publish_annotation.png);
       
   201 }
       
   202 
       
   203 .published .Ldt-AnnotationsList-PublishAnnotation {
       
   204     background: url(img/published_annotation.png);
       
   205 }
       
   206 
       
   207 .editing {
       
   208     display: none;
       
   209 }
       
   210 
       
   211 .editableInput {
       
   212     width: 80%;
   164 
   213 
   165 .Ldt-AnnotationsList-ScreenMain{
   214 .Ldt-AnnotationsList-ScreenMain{
   166 	margin: 0px;
   215 	margin: 0px;
   167 	padding: 0px;
   216 	padding: 0px;
   168 }
   217 }