Orbit/app/assets/stylesheets/desktop/desktop-timeline.css.erb

152 lines
2.5 KiB
Plaintext
Raw Normal View History

2012-07-05 08:23:13 +00:00
#orbit .viewport {
background: -1px 4px url(<%= asset_path "timeline/ruler.png" %>) repeat-x;
}
.time_nav a, .time_nav_c a {
display: block;
}
.time_nav {
position: absolute;
left: -60px;
top: 0;
}
.time_nav a {
line-height: 60px;
text-align: center;
font-size: 18px;
}
.time_nav .active {
background-color: #333;
color: #fff;
}
.time_nav_c {
position: absolute;
left: -60px;
bottom: 0;
background-color: #efefef;
}
.time_nav_c a {
width: 30px;
height: 36px;
float: left;
line-height: 36px;
text-align: center;
}
2012-07-04 05:35:24 +00:00
.t_scale {
height: 516px;
}
#scale_wrapper {
overflow: hidden;
2012-07-05 08:23:13 +00:00
padding: 24px 0 0 12px;
background: 0 48px url(<%= asset_path "timeline/date_connector.png" %>) repeat-x;
2012-07-04 05:35:24 +00:00
}
#timline_marker {
width:100px;
height:140px;
opacity:0.4;
cursor: move;
border-style:solid;
border-width:5px;
border-radius:5px;
}
#t_container {
height:366px;
}
.scale_region {
}
.group {
margin-right: 48px;
}
2012-07-05 08:23:13 +00:00
.month {
}
2012-07-04 05:35:24 +00:00
.year {
font-size: 30px;
margin-right: 24px;
border-right: solid 12px #efefef;
2012-07-05 08:23:13 +00:00
border-left: solid 12px #efefef;
}
.region_year {
position: relative;
2012-07-04 05:35:24 +00:00
}
.month_heading {
color: #333;
font-family: 'Open sans', sans-serif;
font-size: 21px;
display: inline-block;
2012-07-05 08:23:13 +00:00
margin-top: -10px;
padding-top: 22px;
background: #efefef 9px 0 url(<%= asset_path "timeline/pp.png" %>) no-repeat;
2012-07-04 05:35:24 +00:00
}
.bubble_list ul {
float:left;
width: 324px;
height: 440px;
margin-right: 12px;
}
.bubble {
cursor: pointer;
width: 300px;
height: 50px;
float: left;
font-size: 12px;
font-family: Arial, sans-serif;
margin-bottom: 12px;
2012-07-05 08:23:13 +00:00
position: relative;
}
.date {
display: block;
padding: 8px 0 0 0;
color: #999;
}
.bubble_arrow {
width: 0;
height: 0;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-right: 14px solid #fff;
position: absolute;
right: -1px;
top: 50%;
margin-top: -14px;
z-index: 99;
}
.bubble .icon-chevron-right {
position: absolute;
top: 0;
right: 0;
width: 15px;
height: 74px;
line-height: 74px;
font-size: 15px;
}
.desktop_toolpopup {
z-index: 9;
border: solid 1px #ccc;
font-family: Arial, sans-serif;
color: #666;
font-size: 12px;
}
.desktop_toolpopup h2 {
font-size: 18px;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
border-bottom: solid 1px #d7d7d7;
color: #333;
}
.desktop_toolpopup h3 {
font-size: 15px;
padding: 0 0 20px 0;
margin: 20px 0 0 0;
color: #333;
}
.desktop_toolpopup .bubble_content {
overflow: hidden;
height: 368px;
}
.desktop_toolpopup .context {
line-height: 1.5em;
2012-07-09 02:44:01 +00:00
}
.thmc1.hover .icon-chevron-right {
display: none;
2012-07-04 05:35:24 +00:00
}