timeline/css/timeline.css
changeset 65 03bbfd9cd3c6
child 66 37492d1ce841
equal deleted inserted replaced
64:d1e2781852dc 65:03bbfd9cd3c6
       
     1 .Tl-Main {
       
     2     border: 1px solid #ccc;
       
     3 }
       
     4 
       
     5 .Tl-TopBar {
       
     6     height: 25px; border-style: solid none; border-color: #ccc; border-width: 1px;
       
     7     background: url(../img/barbgd.png);
       
     8 }
       
     9 
       
    10 .Tl-TopBar-Button {
       
    11     float: left; background: url(../img/barbgd.png); cursor: pointer;
       
    12 }
       
    13 
       
    14 .Tl-TopBar-TextBtn {
       
    15     font-size: 12px; height: 15px; padding: 5px;
       
    16 }
       
    17 
       
    18 .Tl-TopBar-Button.active, .Tl-TopBar-Button:hover {
       
    19     background-position: 0 -25px;
       
    20 }
       
    21 
       
    22 .Tl-Border-Right {
       
    23     border-right: 1px solid #ccc;
       
    24 }
       
    25 
       
    26 .Tl-Border-Left {
       
    27     border-left: 1px solid #ccc;
       
    28 }
       
    29 
       
    30 .Tl-TopBar-Spacer {
       
    31     float: left; height: 25px; width: 25px;
       
    32 }
       
    33 
       
    34 .Tl-TopBar-AddButton {
       
    35     width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -50px 0;
       
    36 }
       
    37 
       
    38 .Tl-TopBar-AddButton.active, .Tl-TopBar-AddButton:hover {
       
    39     background-position: -50px -25px;
       
    40 }
       
    41 
       
    42 .Tl-TopBar-PreviousButton {
       
    43     width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -100px 0;
       
    44 }
       
    45 
       
    46 .Tl-TopBar-PreviousButton.active, .Tl-TopBar-PreviousButton:hover {
       
    47     background-position: -100px -25px;
       
    48 }
       
    49 
       
    50 .Tl-TopBar-NextButton {
       
    51     width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -75px 0;
       
    52 }
       
    53 
       
    54 .Tl-TopBar-NextButton.active, .Tl-TopBar-NextButton:hover {
       
    55     background-position: -75px -25px;
       
    56 }
       
    57 
       
    58 .Tl-TopBar-SyncButton {
       
    59     width: 25px; height: 25px; background: url(../img/sprites.png); background-position: 0 0;
       
    60 }
       
    61 
       
    62 .Tl-TopBar-SyncButton.active, .Tl-TopBar-SyncButton:hover {
       
    63     background-position: 0 -25px;
       
    64 }
       
    65 
       
    66 .Tl-TopBar-TimeSpan {
       
    67     float: left; width: 120px; text-align: center;
       
    68 }
       
    69 
       
    70 .Tl-BottomPart {
       
    71     position: relative;
       
    72 }
       
    73 
       
    74 .Tl-MainPart {
       
    75     position: absolute; border-left: 1px solid #ccc; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,.2); overflow: hidden;
       
    76 }
       
    77 
       
    78 .Tl-UniversLabels {
       
    79     list-style: none; margin: 0; padding: 0; border: none;
       
    80 }
       
    81 
       
    82 .Tl-Line-Even {
       
    83     background: #e0e0e0;
       
    84 }
       
    85 
       
    86 .Tl-Grid {
       
    87     position: absolute; top: 0; left: 50%; height: 100%;
       
    88 }
       
    89 
       
    90 .Tl-Grid-Column {
       
    91     position: absolute; top: 0; height: 100%; border-left: 1px solid #999;
       
    92 }
       
    93 /*
       
    94 .Tl-Grid-Major {
       
    95     z-index: 3; border-left: 1px solid #999;
       
    96 }
       
    97 */
       
    98 .Tl-Grid-Label {
       
    99     position: absolute; height: 12px; bottom: 0; left: 1px; font-size: 10px; z-index: 4; width: 80px;
       
   100 }
       
   101 
       
   102 .Tl-Grid-Now {
       
   103     position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;
       
   104 }