timeline/css/timeline.css
changeset 98 abead2de6332
parent 97 0444ad28e6ba
child 102 2f1ef2ded30c
equal deleted inserted replaced
97:0444ad28e6ba 98:abead2de6332
    27     float: left; height: 100%;
    27     float: left; height: 100%;
    28 }
    28 }
    29 
    29 
    30 .Tl-UniversLabels {
    30 .Tl-UniversLabels {
    31     list-style: none; margin: 0; padding: 0; border: none;
    31     list-style: none; margin: 0; padding: 0; border: none;
    32     font-size: 13px; width: 54px; float: left; height: 100%;
    32     font-size: 15px; width: 54px; float: left; height: 100%;
       
    33     font-family: 'goudy_old_styleregular'; color: #999999;
    33 }
    34 }
    34 
    35 
    35 .Tl-UniversLabels li {
    36 .Tl-UniversLabels li {
    36     position: relative; float: left; clear: both; width: 100%;
    37     position: relative; float: left; clear: both; width: 100%;
    37 }
    38 }
    81 .Tl-Grid-Now {
    82 .Tl-Grid-Now {
    82     position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;
    83     position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;
    83 }
    84 }
    84 
    85 
    85 .Tl-Grid-Editing {
    86 .Tl-Grid-Editing {
    86     position: absolute; top: 0; bottom: -20px; margin-left: -1px; width: 2px; background: #c00000;
    87     position: absolute; top: 0; bottom: -20px; margin-left: -2px; width: 2px; background: #c00000;
    87 }
    88 }
    88 
    89 
    89 .Tl-Occurrence {
    90 .Tl-Occurrence {
    90     width: 32px; height: 32px; cursor: pointer; border: 2px solid rgba(255,255,255,.9);
    91     width: 32px; height: 32px; cursor: pointer; border: 2px solid rgba(255,255,255,.9);
    91 }
    92 }
   137 }
   138 }
   138 
   139 
   139 /**************/
   140 /**************/
   140 
   141 
   141 .Tl-Detail {
   142 .Tl-Detail {
   142     border: 1px solid #cccccc; margin: 10px 36px 0 54px; padding: 10px; text-align: left;
   143     border: 1px solid #cccccc; margin: 15px 36px 0 54px; padding: 10px; text-align: left;
   143     min-height: 135px; font-size: 12px;
   144     min-height: 135px; font-size: 12px; position: relative;
   144 }
   145 }
   145 
   146 
   146 .Tl-Detail-Image {
   147 .Tl-Detail-Image {
   147     float: left;
   148     float: left;
   148 }
   149 }
   149 
   150 
   150 .Tl-Detail-Title {
   151 .Tl-Detail-Title {
   151     font-size: 18px; font-weight: bold; margin-left: 145px;
   152     font-size: 18px; font-weight: bold; margin-left: 145px; font-family: 'goudy_old_styleregular';
   152 }
   153 }
   153 
   154 
   154 .Tl-Detail-Description {
   155 .Tl-Detail-Description {
   155     margin: 5px 0 5px 145px;
   156     margin: 5px 0 20px 145px;
   156 }
   157 }
   157 
   158 
   158 .Tl-Detail-Bottom {
   159 .Tl-Detail-Bottom {
   159     margin-left: 145px; text-align: right;
   160     position: absolute; left: 155px; right: 10px; bottom: 10px; text-align: right;
   160 }
   161 }
   161 
   162 
   162 .Tl-Detail-Date {
   163 .Tl-Detail-Date {
   163     float: left; color: #666666;
   164     float: left; color: #666666;
   164 }
   165 }
   167     text-decoration: none; color: #000000;
   168     text-decoration: none; color: #000000;
   168 }
   169 }
   169 
   170 
   170 .Tl-Detail-Read:hover {
   171 .Tl-Detail-Read:hover {
   171     text-decoration: underline;
   172     text-decoration: underline;
       
   173 }
       
   174 
       
   175 .Tl-Detail-X {
       
   176     position: absolute; top: -20px; color: #f00; margin-left: -8px;
       
   177     width: 11px; height: 25px; background: url(../img/detail-cross.png) bottom;
   172 }
   178 }
   173 
   179 
   174 .Tl-Slider-Container {
   180 .Tl-Slider-Container {
   175     width: 36px; float: left; height: 100%;
   181     width: 36px; float: left; height: 100%;
   176 }
   182 }