甘特图css样式引用

This commit is contained in:
Tim 2016-09-19 15:43:40 +08:00
parent 7ed7129ace
commit 8d2636e3e6
2 changed files with 499 additions and 321 deletions

View File

@ -119,6 +119,7 @@
style += "width: #{subject_width}px;"
style += "height: #{headers_height}px;"
style += 'background: #eee;'
style += 'z-index: 1;'
%>
<%= content_tag(:div, "", :style => style, :class => "gantt_hdr") %>
<%

View File

@ -0,0 +1,177 @@
fieldset.collapsible { border-width: 1px 0 0 0; font-size: 0.9em; }
fieldset.collapsible>legend { padding-left: 16px; background: url(/images/arrow_expanded.png) no-repeat 0% 40%; cursor:pointer; }
fieldset.collapsible.collapsed>legend { background-image: url(/images/arrow_collapsed.png); }
/***** Gantt chart *****/
.gantt_hdr {
position:absolute;
top:0;
height:16px;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
text-align: center;
overflow: hidden;
}
.gantt_hdr.nwday {background-color:#f1f1f1;}
.gantt_subjects { font-size: 0.8em; }
.gantt_subjects div { line-height:16px;height:16px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; }
.task {
position: absolute;
height:8px;
font-size:0.8em;
color:#888;
padding:0;
margin:0;
line-height:16px;
white-space:nowrap;
}
.task.label {width:100%;}
.task.label.project, .task.label.version { font-weight: bold; }
.task_late { background:#f66 url(/images/task_late.png); border: 1px solid #f66; }
.task_done { background:#00c600 url(/images/task_done.png); border: 1px solid #00c600; }
.task_todo { background:#aaa url(/images/task_todo.png); border: 1px solid #aaa; }
.task_todo.parent { background: #888; border: 1px solid #888; height: 3px;}
.task_late.parent, .task_done.parent { height: 3px;}
.task.parent.marker.starting { position: absolute; background: url(/images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; left: 0px; top: -1px;}
.task.parent.marker.ending { position: absolute; background: url(/images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; right: 0px; top: -1px;}
.version.task_late { background:#f66 url(/images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
.version.task_done { background:#00c600 url(/images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
.version.task_todo { background:#fff url(/images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
.version.marker { background-image:url(/images/version_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
.project.task_late { background:#f66 url(/images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
.project.task_done { background:#00c600 url(/images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
.project.task_todo { background:#fff url(/images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
.project.marker { background-image:url(/images/project_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
.version-behind-schedule a, .issue-behind-schedule a {color: #f66914;}
.version-overdue a, .issue-overdue a, .project-overdue a {color: #f00;}
/*end*/
dt.issue { background-image: url(/images/ticket.png); }
dt.issue-edit { background-image: url(/images/ticket_edit.png); }
dt.issue-closed { background-image: url(/images/ticket_checked.png); }
dt.issue-note { background-image: url(/images/ticket_note.png); }
dt.changeset { background-image: url(/images/changeset.png); }
dt.news { background-image: url(/images/news.png); }
dt.message { background-image: url(/images/message.png); }
dt.reply { background-image: url(/images/comments.png); }
dt.wiki-page { background-image: url(/images/wiki_edit.png); }
dt.attachment { background-image: url(/images/attachment.png); }
dt.document { background-image: url(/images/document.png); }
dt.project { background-image: url(/images/projects.png); }
dt.time-entry { background-image: url(/images/time.png); }
/***** Icons *****/
.icon {
background-position: 0% 50%;
background-repeat: no-repeat;
font-family: '微软雅黑'; /*modify by men*/
padding-left: 20px;
padding-top: 2px;
padding-bottom: 3px;
}
.icon_enterprise {
background-position: 0% 50%;
background-repeat: no-repeat;
font-family: '微软雅黑'; /*modify by men*/
padding-left: 20px;
padding-top: 2px;
padding-bottom: 3px;
}
.icon_enterprise-add { background-image: url(/images/add_enterprise.png); }
.icon-add { background-image: url(/images/add.png); }
.icon-edit { /*background-image: url(../images/edit.png);*/ }
.icon-copy { background-image: url(/images/copy.png); }
.icon-duplicate { background-image: url(/images/duplicate.png); }
.icon-del { /*background-image: url(../images/delete.png); */}
.icon-move { background-image: url(/images/move.png); }
.icon-save { background-image: url(/images/save.png); }
.icon-cancel { background-image: url(/images/cancel.png); }
.icon-multiple { background-image: url(/images/table_multiple.png); }
.icon-folder { background-image: url(/images/folder.png); }
.open .icon-folder { background-image: url(/images/folder_open.png); }
.icon-package { background-image: url(/images/package.png); }
.icon-user { background-image: url(/images/user.png); }
.icon-projects { background-image: url(/images/projects.png); }
.icon-help { background-image: url(/images/help.png); }
.icon-attachment { background-image: url(/images/attachment.png);padding-left: 20px !important; }
.icon-history { background-image: url(/images/history.png); }
.icon-time { background-image: url(/images/time.png); }
.icon-time-add { background-image: url(/images/time_add.png); }
.icon-stats { background-image: url(/images/stats.png); }
.icon-warning { background-image: url(/images/warning.png); }
.icon-fav { background-image: url(/images/fav.png); }
.icon-fav-off { background-image: url(/images/fav_off.png); }
.icon-reload { background-image: url(/images/reload.png); }
.icon-lock { background-image: url(/images/locked.png); }
.icon-unlock { background-image: url(/images/unlock.png); }
.icon-checked { background-image: url(/images/true.png); }
.icon-details { background-image: url(/images/zoom_in.png); }
.icon-report { background-image: url(/images/report.png); }
.icon-comment { /*background-image: url(../images/comment.png); */}
.icon-summary { background-image: url(/images/lightning.png); }
.icon-server-authentication { background-image: url(/images/server_key.png); }
.icon-issue { background-image: url(/images/ticket.png); }
.icon-zoom-in { background-image: url(/images/zoom_in.png); }
.icon-zoom-out { background-image: url(/images/zoom_out.png); }
.icon-passwd { background-image: url(/images/textfield_key.png); }
.icon-test { background-image: url(/images/bullet_go.png); }
.icon-file { background-image: url(/images/files/default.png); }
.icon-file.text-plain { background-image: url(/images/files/text.png); }
.icon-file.text-x-c { background-image: url(/images/files/c.png); }
.icon-file.text-x-csharp { background-image: url(/images/files/csharp.png); }
.icon-file.text-x-java { background-image: url(/images/files/java.png); }
.icon-file.text-x-javascript { background-image: url(/images/files/js.png); }
.icon-file.text-x-php { background-image: url(/images/files/php.png); }
.icon-file.text-x-ruby { background-image: url(/images/files/ruby.png); }
.icon-file.text-xml { background-image: url(/images/files/xml.png); }
.icon-file.text-css { background-image: url(/images/files/css.png); }
.icon-file.text-html { background-image: url(/images/files/html.png); }
.icon-file.image-gif { background-image: url(/images/files/image.png); }
.icon-file.image-jpeg { background-image: url(/images/files/image.png); }
.icon-file.image-png { background-image: url(/images/files/image.png); }
.icon-file.image-tiff { background-image: url(/images/files/image.png); }
.icon-file.application-pdf { background-image: url(/images/files/pdf.png); }
.icon-file.application-zip { background-image: url(/images/files/zip.png); }
.icon-file.application-x-gzip { background-image: url(/images/files/zip.png); }
img.gravatar {
padding: 2px;
border: solid 1px #d5d5d5;
background: #fff;
vertical-align: middle;
}
div.issue img.gravatar {
float: left;
margin: 0 6px 0 0;
padding: 5px;
}
div.issue table img.gravatar {
height: 14px;
width: 14px;
padding: 2px;
float: left;
margin: 0 0.5em 0 0;
}
h2 img.gravatar {margin: -2px 4px -4px 0;}
h3 img.gravatar {margin: -4px 4px -4px 0;}
h4 img.gravatar {margin: -6px 4px -4px 0;}
td.username img.gravatar {margin: 0 0.5em 0 0; vertical-align: top;}
#activity dt img.gravatar {float: left; margin: 0 1em 1em 0;}
/* Used on 12px Gravatar img tags without the icon background */
.icon-gravatar {float: left; margin-right: 4px;}
.buttons { font-size: 0.9em; margin-bottom: 1.4em; margin-top: 1em; }