152 lines
2.5 KiB
Plaintext
152 lines
2.5 KiB
Plaintext
#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;
|
|
}
|
|
.t_scale {
|
|
height: 516px;
|
|
}
|
|
#scale_wrapper {
|
|
overflow: hidden;
|
|
padding: 24px 0 0 12px;
|
|
background: 0 48px url(<%= asset_path "timeline/date_connector.png" %>) repeat-x;
|
|
}
|
|
#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;
|
|
}
|
|
.month {
|
|
|
|
}
|
|
.year {
|
|
font-size: 30px;
|
|
margin-right: 24px;
|
|
border-right: solid 12px #efefef;
|
|
border-left: solid 12px #efefef;
|
|
}
|
|
.region_year {
|
|
position: relative;
|
|
}
|
|
.month_heading {
|
|
color: #333;
|
|
font-family: 'Open sans', sans-serif;
|
|
font-size: 21px;
|
|
display: inline-block;
|
|
margin-top: -10px;
|
|
padding-top: 22px;
|
|
background: #efefef 9px 0 url(<%= asset_path "timeline/pp.png" %>) no-repeat;
|
|
}
|
|
|
|
.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;
|
|
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;
|
|
}
|
|
.thmc1.hover .icon-chevron-right {
|
|
display: none;
|
|
} |