timeline/css/timeline.css
changeset 95 907a53a35a95
parent 94 bf8879a6470e
child 96 7d1c2c21d891
equal deleted inserted replaced
94:bf8879a6470e 95:907a53a35a95
    83 
    83 
    84 .Tl-UniversLabels li:before {
    84 .Tl-UniversLabels li:before {
    85     content: "."; position: absolute; height: 1px; text-indent: -9999px;
    85     content: "."; position: absolute; height: 1px; text-indent: -9999px;
    86     width: 200px; top: 0; background: #DEDEDE; z-index: 5;
    86     width: 200px; top: 0; background: #DEDEDE; z-index: 5;
    87     background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px );
    87     background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px );
    88     background: -webkit-linear-gradient(to right, rgba(220,220,220,1) 80%, rgba(220,220,220,.1) 140px );
    88     background: -webkit-linear-gradient(left, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px );
    89 }
    89 }
    90 
    90 
    91 .Tl-UniversLabels li:after {
    91 .Tl-UniversLabels li:after {
    92     content: "."; position: absolute; height: 0; text-indent: -9999px;
    92     content: "."; position: absolute; height: 0; text-indent: -9999px;
    93     width: 0; right: -8px; top: 50%; margin-top: -6px;
    93     width: 0; right: -8px; top: 50%; margin-top: -6px;
   101 }
   101 }
   102 
   102 
   103 .Tl-Grid {
   103 .Tl-Grid {
   104     position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden;
   104     position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden;
   105     background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% );
   105     background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% );
   106     background: -webkit-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% );
   106     background: -webkit-linear-gradient(left, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% );
   107 }
   107 }
   108 
   108 
   109 .Tl-Grid-Column {
   109 .Tl-Grid-Column {
   110     position: absolute; top: 10px; bottom: 0; border-left: 1px solid #999;
   110     position: absolute; top: 10px; bottom: 0; border-left: 1px solid #999;
   111 }
   111 }
   121 .Tl-Grid-Now {
   121 .Tl-Grid-Now {
   122     position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;
   122     position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;
   123 }
   123 }
   124 
   124 
   125 .Tl-Occurrence {
   125 .Tl-Occurrence {
   126     width: 85px; height: 38px; cursor: pointer; border: 2px solid rgba(255,255,255,.9);
   126     width: 38px; height: 38px; cursor: pointer; border: 2px solid rgba(255,255,255,.9);
   127 }
   127 }
   128 
   128 
   129 .Tl-Occurrence img {
   129 .Tl-Occurrence img {
   130     max-width: 100%; max-height: 100%; opacity: .6;
   130     max-width: 100%; max-height: 100%;
   131 }
   131 }
   132 
   132 
   133 .Tl-Editing {
   133 .Tl-Editing {
   134     border-color: #c00000; z-index: 3;
   134     border-color: #c00000; z-index: 3;
   135 }
   135 }
   149 .Tl-Overlay-Box {
   149 .Tl-Overlay-Box {
   150     position: absolute; width: 0; height: 0; display: none;
   150     position: absolute; width: 0; height: 0; display: none;
   151 }
   151 }
   152 
   152 
   153 .Tl-Overlay {
   153 .Tl-Overlay {
   154     position: absolute; left: -105px; width: 210px; z-index: 6;
   154     position: absolute; left: -105px; width: 210px; z-index: 6; top: 22px;
   155 }
       
   156 
       
   157 .Tl-Overlay-Up .Tl-Overlay {
       
   158      bottom: 0;
       
   159 }
       
   160 
       
   161 .Tl-Overlay-Down .Tl-Overlay {
       
   162      top: 22px;
       
   163 }
   155 }
   164 
   156 
   165 .Tl-Overlay-Main {
   157 .Tl-Overlay-Main {
   166     width: 190px;
   158     width: 190px;
   167 }
       
   168 
       
   169 .Tl-Overlay-Up .Tl-Overlay-Main {
       
   170     background: url(../img/tooltip.png) top; padding: 10px 10px 0;
       
   171 }
       
   172 
       
   173 .Tl-Overlay-Down .Tl-Overlay-Main {
       
   174     background: url(../img/tooltip-down.png) bottom; padding: 0 10px 10px;
   159     background: url(../img/tooltip-down.png) bottom; padding: 0 10px 10px;
   175 }
   160 }
   176 
   161 
   177 .Tl-Overlay-Up .Tl-Overlay-Tip-Bottom  {
   162 .Tl-Overlay-Tip-Top {
   178     width: 210px; height: 20px; background: url(../img/tooltip.png) bottom;
       
   179 }
       
   180 
       
   181 .Tl-Overlay-Down .Tl-Overlay-Tip-Top {
       
   182     width: 210px; height: 20px; background: url(../img/tooltip-down.png) top;
   163     width: 210px; height: 20px; background: url(../img/tooltip-down.png) top;
   183 }
       
   184 
       
   185 .Tl-Overlay-Up .Tl-Overlay-Tip-Top, .Tl-Overlay-Down .Tl-Overlay-Tip-Bottom {
       
   186     display: none;
       
   187 }
   164 }
   188 
   165 
   189 h3.Tl-Tooltip-Title {
   166 h3.Tl-Tooltip-Title {
   190     font-size: 14px; font-weight: bold; color: #000080; margin: 0;
   167     font-size: 14px; font-weight: bold; color: #000080; margin: 0;
   191 }
   168 }