developers/orbit-basic
2
0 Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

timeline change

Browse Source
This commit is contained in:
devin committed 2012-07-05 16:49:03 +08:00
1 parent 312e63f242
commit bfaed4deb4
6 files changed
+158 -23
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/assets/stylesheets/orbitTimeline.css.erb
+99 -5
View File
@@ -1,11 +1,43 @@
#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;
background: 0 0 url(<%= asset_path "timeline/ruler.png" %>) repeat-x;
}
#scale_wrapper {
overflow: hidden;
padding: 36px 0 0 12px;
background: 0 60px url(<%= asset_path "timeline/date_connector.png" %>) repeat-x;
padding: 24px 0 0 12px;
background: 0 48px url(<%= asset_path "timeline/date_connector.png" %>) repeat-x;
}
#timline_marker {
width:100px;
@@ -24,18 +56,26 @@
.group {
margin-right: 48px;
}
.month {}
.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;
background-color: #efefef;
display: inline-block;
margin-top: -10px;
padding-top: 22px;
background: #efefef 9px 0 url(<%= asset_path "timeline/pp.png" %>) no-repeat;
}
.bubble_list ul {
@@ -52,4 +92,58 @@
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;
}