.timeline_setter { width:85%; margin:0 auto; padding:10px; position:relative; height:100%; background-color:white; } .TS-item { z-index:1; position:absolute; border:1px solid #EBEBEB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:10px; background:#F7F7F7; color:#333; min-width: 150px; } .TS-item_user_html { padding-bottom:5px; } .TS-item_label { font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; line-height:16px; height:85%; display:block; } .TS-item_year { font-family:"Helvetica Neue",Helvetica,arial,sans-serif; font-weight:bold; font-size:16px; padding-top:10px; float:left; clear:left; display:block; width:150px; } .TS-item_year_text { float:left; } .TS-css_arrow { border-style: solid; height: 0px; width: 0px; position:relative; top: 2px; border-width: 10px 10px 10px 10px; } .TS-css_arrow_up { border-color: transparent transparent #7C93AF transparent; } .TS-read_btn { -webkit-box-shadow: #CECECE 0px 0px 2px; -moz-box-shadow: #CECECE 0px 0px 2px; box-shadow: #CECECE 0px 0px 2px; -webkit-user-select: none; background: #E9F0F8; border-bottom-left-radius: 4px 4px; border-bottom-right-radius: 4px 4px; border-top-left-radius: 4px 4px; border-top-right-radius: 4px 4px; color: black; cursor: pointer; font-weight: bold; padding: 5px; margin-top:8px; font-size:11px; font-family:"Helvetica Neue",arial,sans-serif; text-transform:uppercase; font-weight:normal; text-align:center; display:block; } .TS-read_btn:hover { color:black;cursor:pointer;text-decoration:none;background:#cecece; } .timeline_setter a { text-decoration:none; color:#333; } .TS-top_matter_container { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; overflow:visible; } .TS-notchbar_container { border:1px solid #cecece; -webkit-box-shadow: #CECECE 0px 0px 2px; -moz-box-shadow: #CECECE 0px 0px 2px; box-shadow: #CECECE 0px 0px 2px; background:#f7f7f7; width:100%; height:20px; position:relative; overflow:hidden; clear:left; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: col-resize; } .TS-card_scroller { width:100%; position:relative; overflow:hidden; height:800px; /* FIX THIS!!! */ } .TS-card_scroller_inner { width:100%; position:relative; } .TS-notchbar { height:20px; position:relative; width:100%; margin: 0 auto; } .TS-notchbar_draggable { cursor: col-resize; } .TS-notch, .TS-year_notch { height:100%; position:absolute; color:#999; } .TS-year_notch { border-left: 1px solid #999; } .TS-year_notch_year_text { display:block; /* Arial actually looks better than Helvetica at small sizes. See Comment 6 here: http://www.subtraction.com/2007/11/01/the-elements#7497 */ font-family:Arial,sans-serif; font-size:9px; padding:2px 0 0 5px; } .TS-year_notch:hover { } .TS-notch{ width:4px; cursor:pointer; } .TS-card_container { position:absolute; margin-left:-5px; z-index: 9999; } .TS-controls { margin: 0 0 0 0; float:right; height:2%; overflow:visible; text-align: right; width: 220px; } .TS-controls a { border:1px solid #cecece; background-color:#f0f0f0; padding:3px 5px 3px 5px; color:#999; font-family:"Helvetica Neue",Arial,sans-serif; font-weight:normal; height: 14px; font-size:14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline; } .TS-choose_next { margin-left:4px; } .TS-controls_inner_text { font-size:11px; text-transform:uppercase; } .TS-controls a.TS-controls_disabled { color:#cecece; background-color:#f7f7f7; cursor:default; } .TS-controls a:hover { background-color:#fff; } .TS-notch_active { -webkit-box-shadow: 0px 0px 10px #333; -moz-box-shadow: 0px 0px 10px #333; box-shadow: 0px 0px 10px #333; /* let's throw IE7 users a bone */ *border: 1px solid #333; } .TS-zoom { background-repeat:no-repeat; background-position:center center; width:20px !important; padding:3px 8px 3px 8px !important; margin-right:4px; } .TS-zoom_inner_text { display:none; /* IE7 */ *display:inline; } .TS-zoom_in { background-image:url("data:image/gif;charset=utf-8;base64,R0lGODlhCgAKALMAADMzM//M/5GRkdXV1fDw8GZmZk1NTf////r6+gAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAEALAAAAAAKAAoAAAQpMMhJpyiihjLIKJTQGV4mFYShEqAkHIiBHKYEHHhhVAWgY5qToFZRRQAAOw=="); } .TS-zoom_out { background-image:url("data:image/gif;charset=utf-8;base64,R0lGODlhCgAKALMAADMzM//M/5GRkdXV1fDw8GZmZk1NTf////r6+gAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAEALAAAAAAKAAoAAAQoMMhJpyiihjLIKJTQEV4mFYShEqAkHAh8mBJw3IVRFUCOaScBraKKAAA7"); } /* legend */ .TS-series_nav_container { font-family:Arial,sans-serif; font-size:11px; height:30px; margin-left:-10px; } .TS-series_legend_swatch { background-image:url("data:image/gif;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNrskksKwCAMBev9byS4UfEOoh7AA4hu9JUG2kVb+8FVoYFsQmbghTAA00ix7wumRfC0nXPYz97Ca70ThBA20hhzL7DWIsZIi957AmutB7gryDkTlFLaYKUUznZPBUIIlFIIbq1BSolevG5uzjnF0Frj6j7sf+VxwSzAAG/ifZQMhRJhAAAAAElFTkSuQmCC"); background-repeat:no-repeat; background-position:center center; width: 16px; height: 16px; display: block; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-top-left-radius: 2px 2px; border-top-right-radius: 2px 2px; border-bottom-right-radius: 2px 2px; border-bottom-left-radius: 2px 2px; margin-right:5px; } .TS-series_legend_item { float:left; margin:-3px 10px 0 10px; cursor:pointer; } .TS-series_legend_item_inactive {} .TS-series_legend_item_inactive .TS-series_legend_swatch { background-image:none !important; filter:alpha(opacity=40); /* IE can't do data URLs, so this will serve as 'inactive' UI for series heds in IE */ } .TS-item h2, .TS-img-hed { font-family: 'Helvetica Neue',arial,sans-serif; font-size: 18px; font-weight: bold; display:inline-block; margin:0; margin-bottom: 10px; line-height:20px; } .TS-permalink { font-family:"Helvetica Neue",arial,sans-serif; font-size:12px; color:#404040; cursor:pointer; padding:0 0 0 15px; margin-top:-5px; float:left; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); } /* color priority */ /* "#065718", "#EDC047", "#91ADD1", "#929E5E", "#9E5E23", "#C44846", "#465363", "#EDD4A5", "#CECECE" */ /* default */ .TS-notch_color_default,.TS-series_legend_swatch_default { background-color: #444; } .TS-css_arrow_color_default { border-bottom-color:#444; } .TS-item_color_default { border-top:1px solid #444; } /* 1 */ .TS-notch_color_1,.TS-series_legend_swatch_1 { background-color: #065718 !important; } .TS-css_arrow_color_1 { border-bottom-color:#065718 !important; } .TS-item_color_1 { border-top:1px solid #065718 !important; } /* 2 */ .TS-notch_color_2,.TS-series_legend_swatch_2 { background-color: #EDC047 !important; } .TS-css_arrow_color_2 { border-bottom-color:#EDC047 !important; } .TS-item_color_2 { border-top:1px solid #EDC047 !important; } /* 3 */ .TS-notch_color_3,.TS-series_legend_swatch_3 { background-color: #91ADD1 !important; } .TS-css_arrow_color_3 { border-bottom-color:#91ADD1 !important; } .TS-item_color_3 { border-top:1px solid #91ADD1 !important; } /* 4 */ .TS-notch_color_4,.TS-series_legend_swatch_4 { background-color: #929E5E !important; } .TS-css_arrow_color_4 { border-bottom-color:#929E5E !important; } .TS-item_color_4 { border-top:1px solid #929E5E !important; } /* 5 */ .TS-notch_color_5,.TS-series_legend_swatch_5 { background-color: #9E5E23 !important; } .TS-css_arrow_color_5 { border-bottom-color:#9E5E23 !important; } .TS-item_color_5 { border-top:1px solid #9E5E23 !important; } /* 6 */ .TS-notch_color_6,.TS-series_legend_swatch_6 { background-color: #C44846 !important; } .TS-css_arrow_color_6 { border-bottom-color:#C44846 !important; } .TS-item_color_6 { border-top:1px solid #C44846 !important; } /* 7 */ .TS-notch_color_7,.TS-series_legend_swatch_7 { background-color: #465363 !important; } .TS-css_arrow_color_7 { border-bottom-color:#465363 !important; } .TS-item_color_7 { border-top:1px solid #465363 !important; } /* 8 */ .TS-notch_color_8,.TS-series_legend_swatch_8 { background-color: #EDD4A5 !important; } .TS-css_arrow_color_8 { border-bottom-color:#EDD4A5 !important; } .TS-item_color_8 { border-top:1px solid #EDD4A5 !important; } /* 9 */ .TS-notch_color_9,.TS-series_legend_swatch_9 { background-color: #CECECE !important; } .TS-css_arrow_color_9 { border-bottom-color:#CECECE !important; } .TS-item_color_9 { border-top:1px solid #CECECE !important; }