/** * Homepage Timeline CSS * @author Jay Contonio */ #fcic_timeline { background:#335aa2 url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-bg.png') repeat-x; height:316px; position:relative; width:966px; } #fcic_timeline #note { color:#fff; display:none; position:absolute; bottom:51px; right:38px; z-index:200; } /* * -- Timeline content -- */ #fcic_timeline #mask { background:url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-bg.jpg') no-repeat 0 0; height:265px; overflow:hidden; position:absolute; top:52px; left:33px; width:900px; } #fcic_timeline #dateRange { height:46px; position:absolute; bottom:0; left:0; width:900px; } #fcic_timeline #hfc_slider_container { height:265px; } #fcic_timeline #timelineNav { display:none; height:23px; position:absolute; bottom:0; left:72px; z-index:300; } #fcic_timeline #timelineNav li { float:left; margin-right:8px; } #fcic_timeline #timelineNav li a { color:#4568A9; text-decoration:none; } #fcic_timeline #timelineNav a.active { color:#fff; text-decoration:none; } /* * -- Milestones -- */ #fcic_timeline #milestoneContainer { list-style:none; margin:0; } #fcic_timeline #milestoneContainer .yearData { display:block; height:46px; float:left; position:relative; width:900px; } #fcic_timeline #milestoneContainer .year { color:#fff; font-weight:bold; position:absolute; bottom:3px; text-align:center; text-shadow:1px 1px 1px #000; width:900px; } #fcic_timeline .milestones { list-style:none; margin:0; } #fcic_timeline .milestones li { background-image:url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-milestone.png'); height:7px; list-style:none; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); padding:2px; position:absolute; top:7px; left:0; width:7px; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; } #fcic_timeline .milestones .description { display:none; } #fcic_timeline .milestones li:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #fcic_timeline .milestones .date { display:none; position:relative; } /* Hover items */ #fcic_timeline #timelineHover { background: url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-hover-arrow.png') no-repeat 50% 100%; color:#444; display:inline-block; padding-bottom:5px; position:absolute; bottom:45px; left:0; z-index:65; } #fcic_timeline #timelineHover .date, #fcic_timeline #milestoneInfo .content { background:#fff; border-radius:4px 4px; display:block; padding:5px; -webkit-border-radius:4px 4px; -moz-border-radius:4px 4px; } #fcic_timeline #timelineHover .date { border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; } #fcic_timeline #milestoneInfo { position:absolute; bottom:56px; left:44px; width:626px; z-index:60; } #fcic_timeline #milestoneInfo .content { font-size:12px; max-height:186px; overflow-y:auto; } #fcic_timeline #milestoneInfo .content p { margin-bottom:12px; } #fcic_timeline #arrow { background: url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-hover-arrow.png') no-repeat 0 0; height:6px; position:absolute; bottom:52px; left:0; width:11px; } /* * -- Indicators -- */ #fcic_timeline #overview { position:absolute; top:53px; right:33px; z-index:50; } #fcic_timeline #yaxis { position:absolute; top:53px; left:33px; z-index:50; } #fcic_timeline #indicator { position:relative; } #fcic_timeline #indicator .chart { position:absolute; top:0; left:0; } /* * -- Menu bar -- */ #fcic_timeline #menubar { z-index:100; } #fcic_timeline #menu ul { display:none; list-style:none; margin:0; position:absolute; top:39px; left:41px; zoom:1; z-index:301; } #fcic_timeline #menu li { background:#fff; border-bottom:1px solid #D3D4D6; } #fcic_timeline #menu ul a { background:#F6F6F6; display:block; padding:6px 27px 6px 6px; text-decoration:none; width:159px; } #fcic_timeline #menu li:last-child { border-bottom-right-radius:8px; border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; } #fcic_timeline #menuList .active { background:url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/check-mark.png') no-repeat 95% 50%; color:#333; } #fcic_timeline .button, #fcic_timeline .menuButton { background:#4272b6 url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-button-bg.png') repeat-x 0 -3px; background-clip:border-box; border-image:url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-button-border.png') 3 stretch; border-radius:4px 4px; box-shadow:1px 1px 2px #244174; color:#fff; display:inline-block; font-size:13px; font-weight:bold; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); padding:3px 12px; text-decoration:none; text-shadow:1px 1px 1px #4473b7; /* border radius */ -webkit-border-radius:4px 4px; -moz-border-radius:4px 4px; /* border-image */ -webkit-border-image:url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-button-border.png') 3 stretch; -moz-border-image:url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-button-border.png') 3 stretch; /* background-clip */ -webkit-background-clip:border-box; -moz-background-clip:border; /* box-shadow */ -webkit-box-shadow: 1px 1px 2px #244174; -moz-box-shadow: 1px 1px 2px #244174; /* transition */ -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; } #fcic_timeline .button:hover, #fcic_timeline .menuButton:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #fcic_timeline .menuButton { overflow:hidden; padding:3px 45px 3px 12px; position:relative; } #fcic_timeline .menuButton .menu { background:url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-button-menu.png') no-repeat 0 50%; position:absolute; top:0; right:0; height:100%; width:32px; } #indicatorMenuButton { position:absolute; top:13px; left:41px; z-index:200; } #helpButton { position:absolute; top:13px; right:41px; z-index:200; } /* * -- Timeline Arrows -- */ #fcic_timeline .arrow { background-color:#1f3c7e; background-image:url('https://cybercemetery.unt.edu/archive/fcic/20110310171334/http://fcic.gov/img/timeline/timeline-arrows.png'); display:block; height:263px; position:absolute; top:53px; width:33px; z-index:50; } #fcic_timeline nav[role="navigation"] .disabled { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } #fcic_timeline .previous { background-position:0 48%; left:0; } #fcic_timeline .next { background-position:100% 48%; right:0; } /* FILE ARCHIVED ON 17:13:34 Mar 10, 2011 AND RETRIEVED FROM THE AN OPENWAYBACK INSTANCE ON 21:46:13 Jan 2, 2019. JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */