Created
September 10, 2010 09:00
-
-
Save zerolab/573341 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*------------------- Horizontal / Vertical lines ----------------*/ | |
/* style for ethers */ | |
.timeline-ether-lines{border-color:#666; border-style:dotted; position:absolute;} | |
.timeline-horizontal .timeline-ether-lines{border-width:0 0 0 1px; height:100%; top: 0; width: 1px;} | |
.timeline-vertical .timeline-ether-lines{border-width:1px 0 0; height:1px; left: 0; width: 100%;} | |
/*---------------- Weekends ---------------------------*/ | |
.timeline-ether-weekends{ | |
position:absolute; | |
background-color:#FFFFE0; | |
} | |
.timeline-vertical .timeline-ether-weekends{left:0;width:100%;} | |
.timeline-horizontal .timeline-ether-weekends{top:0; height:100%;} | |
/*-------------------------- HIGHLIGHT DECORATORS -------------------*/ | |
/* Used for decorators, not used for Timeline Highlight */ | |
.timeline-highlight-decorator, | |
.timeline-highlight-point-decorator{ | |
position:absolute; | |
overflow:hidden; | |
} | |
/* Width of horizontal decorators and Height of vertical decorators is | |
set in the decorator function params */ | |
.timeline-horizontal .timeline-highlight-point-decorator, | |
.timeline-horizontal .timeline-highlight-decorator{ | |
top:0; | |
height:100%; | |
} | |
.timeline-vertical .timeline-highlight-point-decorator, | |
.timeline-vertical .timeline-highlight-decorator{ | |
width:100%; | |
left:0; | |
} | |
.timeline-highlight-decorator{background-color:#FFC080;} | |
.timeline-highlight-point-decorator{background-color:#ff5;} | |
/*---------------------------- LABELS -------------------------*/ | |
.timeline-highlight-label { | |
position:absolute; overflow:hidden; font-size:200%; | |
font-weight:bold; color:#999; } | |
/*---------------- VERTICAL LABEL -------------------*/ | |
.timeline-horizontal .timeline-highlight-label {top:0; height:100%;} | |
.timeline-horizontal .timeline-highlight-label td {vertical-align:middle;} | |
.timeline-horizontal .timeline-highlight-label-start {text-align:right;} | |
.timeline-horizontal .timeline-highlight-label-end {text-align:left;} | |
/*---------------- HORIZONTAL LABEL -------------------*/ | |
.timeline-vertical .timeline-highlight-label {left:0;width:100%;} | |
.timeline-vertical .timeline-highlight-label td {vertical-align:top;} | |
.timeline-vertical .timeline-highlight-label-start {text-align:center;} | |
.timeline-vertical .timeline-highlight-label-end {text-align:center;} | |
/*-------------------------------- DATE LABELS --------------------------------*/ | |
.timeline-date-label { | |
position: absolute; | |
border: solid #aaa; | |
color: #aaa; | |
width: 5em; | |
height: 1.5em;} | |
.timeline-date-label-em {color: #000;} | |
/* horizontal */ | |
.timeline-horizontal .timeline-date-label{padding-left:2px;} | |
.timeline-horizontal .timeline-date-label{border-width:0 0 0 1px;} | |
.timeline-horizontal .timeline-date-label-em{height:2em} | |
/* vertical */ | |
.timeline-vertical .timeline-date-label{padding-top:2px;} | |
.timeline-vertical .timeline-date-label{border-width:1px 0 0;} | |
.timeline-vertical .timeline-date-label-em{width:7em} | |
/*------------------------------- Ether.highlight -------------------------*/ | |
.timeline-ether-highlight{position:absolute; background-color:#fff;} | |
.timeline-horizontal .timeline-ether-highlight{top:2px;} | |
.timeline-vertical .timeline-ether-highlight{left:2px;} | |
/*------------------------------ EVENTS ------------------------------------*/ | |
.timeline-event-icon, .timeline-event-label,.timeline-event-tape{ | |
position:absolute; | |
cursor:pointer; | |
} | |
.timeline-event-tape, | |
.timeline-small-event-tape, | |
.timeline-small-event-icon{ | |
background-color:#58A0DC; | |
overflow:hidden; | |
} | |
.timeline-small-event-tape, | |
.timeline-small-event-icon{ | |
position:absolute; | |
} | |
.timeline-small-event-icon{width:1px; height:6px;} | |
/*--------------------------------- TIMELINE-------------------------*/ | |
.timeline-ether-bg{width:100%; height:100%;} | |
.timeline-band-0 .timeline-ether-bg{background-color:#eee} | |
.timeline-band-1 .timeline-ether-bg{background-color:#ddd} | |
.timeline-band-2 .timeline-ether-bg{background-color:#ccc} | |
.timeline-band-3 .timeline-ether-bg{background-color:#aaa} | |
.timeline-duration-event { | |
position: absolute; | |
overflow: hidden; | |
border: 1px solid blue; | |
} | |
.timeline-instant-event2 { | |
position: absolute; | |
overflow: hidden; | |
border-left: 1px solid blue; | |
padding-left: 2px; | |
} | |
.timeline-instant-event { | |
position: absolute; | |
overflow: hidden; | |
} | |
.timeline-event-bubble-title { | |
font-weight: bold; | |
border-bottom: 1px solid #888; | |
margin-bottom: 0.5em; | |
} | |
.timeline-event-bubble-body { | |
} | |
.timeline-event-bubble-wiki { | |
margin: 0.5em; | |
text-align: right; | |
color: #A0A040; | |
} | |
.timeline-event-bubble-wiki a { | |
color: #A0A040; | |
} | |
.timeline-event-bubble-time { | |
color: #aaa; | |
} | |
.timeline-event-bubble-image { | |
float: right; | |
padding-left: 5px; | |
padding-bottom: 5px; | |
}.timeline-container { | |
position: relative; | |
overflow: hidden; | |
} | |
.timeline-copyright { | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
z-index: 1000; | |
cursor: pointer; | |
} | |
.timeline-message-container { | |
position: absolute; | |
top: 30%; | |
left: 35%; | |
right: 35%; | |
z-index: 1000; | |
} | |
.timeline-message { | |
font-size: 120%; | |
font-weight: bold; | |
text-align: center; | |
} | |
.timeline-message img { | |
vertical-align: middle; | |
} | |
.timeline-band { | |
position: absolute; | |
background: #eee; | |
z-index: 10; | |
} | |
.timeline-band-inner { | |
position: relative; | |
width: 100%; | |
height: 100%; | |
} | |
.timeline-band-input { | |
position: absolute; | |
width: 1em; | |
height: 1em; | |
overflow: hidden; | |
z-index: 0; | |
} | |
.timeline-band-input input { | |
width: 0; | |
} | |
.timeline-band-scrollbar { | |
display: none; | |
position: absolute; | |
background: #f8f8f8; | |
z-index: 100; | |
overflow: hidden; | |
} | |
.timeline-band-scrollbar-thumb { | |
margin: 2px; | |
background: #666; | |
position: relative; | |
} | |
.timeline-band-layer { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
} | |
.timeline-band-layer-inner { | |
position: relative; | |
width: 100%; | |
height: 100%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment