kanbanworkflowstimelinescrumrubyroadmapproject-planningproject-managementopenprojectangularissue-trackerifcgantt-chartganttbug-trackerboardsbcf
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3351 lines
80 KiB
3351 lines
80 KiB
html {overflow-y:scroll;}
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
min-width: 900px;
|
|
height:100%
|
|
}
|
|
html, body {
|
|
margin:0;
|
|
padding:0;
|
|
height:100%;
|
|
}
|
|
|
|
h1 {margin:0; padding:0; font-size: 24px;}
|
|
h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; }
|
|
h4, .wiki h3 {font-size: 13px;padding: 0px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb;}
|
|
|
|
/***** Layout *****/
|
|
#wrapper {
|
|
background: none;
|
|
min-height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
#top-menu {background: #2C4056; color: #fff; height:1.8em; font-size: 0.8em; padding: 0px; }
|
|
#top-menu ul {margin: 0; padding: 0;}
|
|
#top-menu li {
|
|
float:left;
|
|
list-style-type:none;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
#top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
|
|
|
|
|
|
#quick-search {float:right;}
|
|
|
|
#main-menu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
#main-menu ul.menu_root li {
|
|
float: none;
|
|
list-style-type:none;
|
|
margin: 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
white-space:nowrap;
|
|
}
|
|
#main-menu ul.menu_root li a {
|
|
display: block;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
background: none;
|
|
margin: 0;
|
|
padding: 0 0 0 24px;
|
|
}
|
|
#main-menu ul.menu_root li a:hover {color:#555; text-decoration: none;}
|
|
|
|
#content {
|
|
width: 75%;
|
|
background-color: #fff;
|
|
margin: 0px;
|
|
border-style: none solid solid solid;
|
|
padding: 6px 10px 10px 10px;
|
|
z-index: 10;
|
|
}
|
|
* html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
|
|
|
|
#main.nosidebar #sidebar{ display: none; }
|
|
#main.nosidebar #content{ width: auto }
|
|
|
|
#footer {
|
|
font-size: 0.9em;
|
|
color: #aaa;
|
|
z-index: 20;
|
|
text-align:right;
|
|
width: 100%;
|
|
position: absolute;
|
|
bottom:0;
|
|
height: 1.5em;
|
|
padding: 0;
|
|
right: 2px;
|
|
clear: both;
|
|
}
|
|
|
|
#login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
|
|
#login-form table td {padding: 6px;}
|
|
#login-form label {font-weight: bold;}
|
|
#login-form input#username, #login-form input#password { width: 300px; }
|
|
|
|
#login-form form {
|
|
border:1px solid #6DABC2;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
display:block;
|
|
padding:10px;
|
|
}
|
|
|
|
input#openid_url { background: url(<%= asset_path 'openid-bg.gif' %>) no-repeat; background-color: #fff; background-position: 0 50%; padding-left: 18px; }
|
|
|
|
.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
|
|
|
/***** Links *****/
|
|
a, a:link, a:visited, input.input-as-link {
|
|
text-decoration: none;
|
|
color: #6a0406;
|
|
font-weight:bold;
|
|
}
|
|
a:hover, a:active, input.input-as-link:hover { text-decoration: underline;}
|
|
|
|
input.input-as-link {
|
|
border: none;
|
|
background-color: transparent;
|
|
font-size: 13px;
|
|
font-family: Arial;
|
|
cursor: pointer;
|
|
vertical-align: 0;
|
|
}
|
|
a img{ border: 0; }
|
|
|
|
a.issue.closed, a.issue.closed:link, a.issue.closed:visited {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
/***** Tables *****/
|
|
table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
|
|
table.list th { background-color:#E6E6E6; padding: 4px; white-space:nowrap; }
|
|
table.list td { vertical-align: top; }
|
|
table.list td.id { width: 2%; text-align: center;}
|
|
table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
|
|
table.list td.checkbox input {padding:0px;}
|
|
table.list td.buttons { width: 15%; white-space:nowrap; text-align: right; }
|
|
table.list td.buttons a { padding-right: 0.6em; }
|
|
table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }
|
|
|
|
tr.project td.name a { white-space:nowrap; }
|
|
|
|
tr.project.idnt td.name span {background: url(<%= asset_path 'bullet_arrow_right.png' %>) no-repeat 0 50%; padding-left: 16px;}
|
|
tr.project.idnt-1 td.name {padding-left: 0.5em;}
|
|
tr.project.idnt-2 td.name {padding-left: 2em;}
|
|
tr.project.idnt-3 td.name {padding-left: 3.5em;}
|
|
tr.project.idnt-4 td.name {padding-left: 5em;}
|
|
tr.project.idnt-5 td.name {padding-left: 6.5em;}
|
|
tr.project.idnt-6 td.name {padding-left: 8em;}
|
|
tr.project.idnt-7 td.name {padding-left: 9.5em;}
|
|
tr.project.idnt-8 td.name {padding-left: 11em;}
|
|
tr.project.idnt-9 td.name {padding-left: 12.5em;}
|
|
|
|
tr.issue { text-align: center; white-space: nowrap; }
|
|
tr.issue.sum { font-weight: bold; }
|
|
tr.issue td.subject, tr.issue td.category, td.assigned_to { white-space: normal; }
|
|
tr.issue td.subject { text-align: left; }
|
|
tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
|
|
|
|
tr.issue.idnt td.subject a {background: url(<%= asset_path 'bullet_arrow_right.png' %>) no-repeat 0 50%; padding-left: 16px;}
|
|
#content tr.issue.idnt-1 td.subject {padding-left: 0.5em;}
|
|
#content tr.issue.idnt-2 td.subject {padding-left: 2em;}
|
|
#content tr.issue.idnt-3 td.subject {padding-left: 3.5em;}
|
|
#content tr.issue.idnt-4 td.subject {padding-left: 5em;}
|
|
#content tr.issue.idnt-5 td.subject {padding-left: 6.5em;}
|
|
#content tr.issue.idnt-6 td.subject {padding-left: 8em;}
|
|
#content tr.issue.idnt-7 td.subject {padding-left: 9.5em;}
|
|
#content tr.issue.idnt-8 td.subject {padding-left: 11em;}
|
|
#content tr.issue.idnt-9 td.subject {padding-left: 12.5em;}
|
|
|
|
tr.entry { border: 1px solid #f8f8f8; }
|
|
tr.entry td { white-space: nowrap; }
|
|
tr.entry td.filename { width: 30%; }
|
|
tr.entry td.size { text-align: right; font-size: 90%; }
|
|
tr.entry td.revision, tr.entry td.author { text-align: center; }
|
|
tr.entry td.age { text-align: right; }
|
|
tr.entry.file td.filename a { margin-left: 16px; }
|
|
|
|
tr span.expander {background-image: url(<%= asset_path 'bullet_toggle_plus.png' %>); padding-left: 8px; margin-left: 0; cursor: pointer;}
|
|
tr.open span.expander {background-image: url(<%= asset_path 'bullet_toggle_minus.png' %>);}
|
|
|
|
tr.changeset td.author { text-align: center; width: 15%; }
|
|
tr.changeset td.committed_on { text-align: center; width: 15%; }
|
|
|
|
table.files tr.file td { text-align: center; }
|
|
table.files tr.file td.filename { text-align: left; padding-left: 24px; }
|
|
table.files tr.file td.digest { font-size: 80%; }
|
|
|
|
table.members td.roles, table.memberships td.roles { width: 45%; }
|
|
|
|
tr.message { height: 2.6em; }
|
|
tr.message td.created_on { white-space: nowrap; }
|
|
tr.message td.last_message { white-space: nowrap; }
|
|
|
|
tr.version td.closed, tr.version td.closed a { text-decoration: line-through; }
|
|
tr.version td.name { padding-left: 20px; }
|
|
tr.version.shared td.name { background: url(<%= asset_path 'link.png' %>) no-repeat 0% 70%; }
|
|
tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space:nowrap; }
|
|
|
|
tr.user td { width:13%; }
|
|
tr.user td.email { width:18%; }
|
|
tr.user td { white-space: nowrap; }
|
|
tr.user.locked, tr.user.registered { color: #aaa; }
|
|
tr.user.locked a, tr.user.registered a { color: #aaa; }
|
|
|
|
tr.wiki-page-version td.updated_on, tr.wiki-page-version td.author {text-align:center;}
|
|
|
|
tr.time-entry { text-align: center; white-space: nowrap; }
|
|
tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; }
|
|
td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
|
|
td.hours .hours-dec { font-size: 0.9em; }
|
|
|
|
table.plugins td { vertical-align: middle; }
|
|
table.plugins td.configure { text-align: right; padding-right: 1em; }
|
|
table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
|
|
table.plugins span.description { display: block; font-size: 0.9em; }
|
|
table.plugins span.url { display: block; font-size: 0.9em; }
|
|
|
|
table.list tbody tr.group td { padding: 0.8em 0 0.5em 0.3em; font-weight: bold; border-bottom: 1px solid #ccc; }
|
|
table.list tbody tr.group span.count { color: #aaa; font-size: 80%; }
|
|
tr.group a.toggle-all { color: #aaa; font-size: 80%; font-weight: normal; display:none;}
|
|
tr.group:hover a.toggle-all { display:inline;}
|
|
a.toggle-all:hover {text-decoration:none;}
|
|
|
|
table.list tbody tr:hover { background-color:#ffffdd; }
|
|
table.list tbody tr.group:hover { background-color:inherit; }
|
|
table td {padding:2px;}
|
|
table p {margin:0;}
|
|
|
|
a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
|
|
a.sort.asc { background-image: url(<%= asset_path 'sort_asc.png' %>); }
|
|
a.sort.desc { background-image: url(<%= asset_path 'sort_desc.png' %>); }
|
|
|
|
table.attributes { width: 100% }
|
|
table.attributes th { vertical-align: top; text-align: left; }
|
|
table.attributes td { vertical-align: top; }
|
|
|
|
table.boards a.board, h3.comments { background: url(<%= asset_path 'quote.png' %>) no-repeat 0% 50%; padding-left: 20px; }
|
|
|
|
td.center {text-align:center;}
|
|
|
|
div.issues h3 { background: url(<%= asset_path 'ticket.png' %>) no-repeat 0% 10%; padding-left: 20px; }
|
|
div.members h3 { background: url(<%= asset_path 'group.png' %>) no-repeat 0% 50%; padding-left: 20px; }
|
|
div.news h3 { background: url(<%= asset_path 'latest_news.png' %>) no-repeat 0% 50%; padding-left: 20px; }
|
|
div.projects h3 { background: url(<%= asset_path 'latest_projects.png' %>) no-repeat 0% 50%; padding-left: 20px; }
|
|
div.news h3 { background: url(<%= asset_path 'latest_news.png' %>) no-repeat 0% 50%; padding-left: 20px; }
|
|
|
|
#watchers ul {margin: 0; padding: 0;}
|
|
#watchers li {list-style-type:none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;float:left;}
|
|
#watchers select {width: 200px; display: block;float:left;margin-right:10px;}
|
|
#watchers a.delete {opacity: 0.4;}
|
|
#watchers a.delete:hover {opacity: 1;}
|
|
#watchers img.gravatar {vertical-align: middle;margin: 0 4px 2px 0;}
|
|
|
|
.highlight { background-color: #FCFD8D;}
|
|
.highlight.token-1 { background-color: #faa;}
|
|
.highlight.token-2 { background-color: #afa;}
|
|
.highlight.token-3 { background-color: #aaf;}
|
|
|
|
.box{
|
|
padding:6px;
|
|
margin-bottom: 10px;
|
|
line-height:1.5em;
|
|
border: 1px solid #e4e4e4;
|
|
}
|
|
|
|
div.square {
|
|
border: 1px solid #999;
|
|
float: left;
|
|
margin: .3em .4em 0 .4em;
|
|
overflow: hidden;
|
|
width: .6em; height: .6em;
|
|
}
|
|
.contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top: 8px; padding-left: 10px;}
|
|
.contextual input, .contextual select {font-size:0.9em;}
|
|
.message .contextual { margin-top: 0; }
|
|
|
|
.splitcontentleft{float:left; width:49%;}
|
|
.splitcontentright{float:right; width:49%;}
|
|
form {display: inline;}
|
|
input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
|
|
fieldset {border: 1px solid #e4e4e4; margin:0}
|
|
hr { width: 100%; height: 1px; background: #ccc; border: 0;}
|
|
blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
|
|
blockquote blockquote { margin-left: 0;}
|
|
.news label.timestamp { border-bottom: 1px dotted; cursor: help; }
|
|
textarea.wiki-edit { width: 99%; }
|
|
li p {margin-top: 0;}
|
|
p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
|
|
p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
|
|
p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }
|
|
|
|
div.issue div.subject div div { padding-left: 16px; }
|
|
div.issue div.subject p {margin: 0; margin-bottom: 0.1em; font-size: 90%; color: #999;}
|
|
div.issue div.subject>div>p { margin-top: 0.5em; }
|
|
|
|
#issue_tree { border: 0; }
|
|
#issue_tree table.issues { border: 0; }
|
|
#issue_tree td.checkbox {display:none;}
|
|
|
|
#content fieldset#filters {
|
|
padding-bottom:10px;
|
|
}
|
|
#content fieldset.collapsible.header_collapsible {
|
|
padding-top:0px;
|
|
padding-bottom:0px;
|
|
border:0px;
|
|
margin:0px;
|
|
margin-right:10px;
|
|
margin-left:1px;
|
|
}
|
|
fieldset.collapsible.header_collapsible > div {
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
}
|
|
fieldset.collapsible.header_collapsible > * {
|
|
border-left:1px solid #E6E6E6;
|
|
border-right:1px solid #E6E6E6;
|
|
border-bottom:1px solid #E6E6E6;
|
|
width:100%;
|
|
padding-left:6px;
|
|
}
|
|
fieldset.collapsible.header_collapsible legend {
|
|
background:#E6E6E6 url(<%= asset_path 'projectnavi_arrow_up.png' %>) no-repeat 99% 50%; cursor:pointer;
|
|
width:100%;
|
|
height:23px;
|
|
line-height:24px;
|
|
}
|
|
|
|
fieldset.collapsible.header_collapsible legend:hover {
|
|
background-color:#d8d8d8;
|
|
}
|
|
fieldset.collapsible.collapsed.header_collapsible legend {
|
|
background-image:url(<%= asset_path 'projectnavi_arrow_down.png' %>);
|
|
}
|
|
fieldset.collapsible { border-width: 1px 0 0 0; }
|
|
fieldset.collapsible.borders { border-width: 1px; }
|
|
fieldset.collapsible.collapsed.borders { border-width: 1px 0 0 0; }
|
|
fieldset.collapsible legend { padding-left: 16px; cursor:pointer; }
|
|
|
|
fieldset#date-range p { margin: 2px 0 2px 0; }
|
|
fieldset#filters table { border-collapse: collapse; }
|
|
fieldset#filters table td { padding: 0; vertical-align: middle; }
|
|
fieldset#filters tr.filter { height: 2em; }
|
|
fieldset#filters td.add-filter { text-align: right; vertical-align: top; }
|
|
.buttons { margin-bottom: 1.4em; margin-top: 1em; }
|
|
|
|
div#issue-changesets {
|
|
float:right;
|
|
width:45%;
|
|
margin: 1em 0 1em 1em;
|
|
background: #fff;
|
|
padding-left: 1em;
|
|
}
|
|
div#issue-changesets h3 {
|
|
margin-top: 0;
|
|
}
|
|
div#issue-changesets div.changeset { padding: 4px;}
|
|
div#issue-changesets div.changeset { border-bottom: 1px solid #ddd; }
|
|
div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
|
|
|
|
div#activity dl, #search-results { margin-left: 2em; }
|
|
div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
|
|
div#activity dt, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
|
|
div#activity dt.me .time { border-bottom: 1px solid #999; }
|
|
div#activity dt .time { color: #777; font-size: 80%; }
|
|
div#activity dd .description, #search-results dd .description { font-style: italic; }
|
|
div#activity span.project:after, #search-results span.project:after { content: " -"; }
|
|
div#activity dd span.description, #search-results dd span.description { display:block; color: #808080; }
|
|
|
|
#search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }
|
|
|
|
div#search-results-counts {float:right;}
|
|
div#search-results-counts ul { margin-top: 0.5em; }
|
|
div#search-results-counts li { list-style-type:none; float: left; margin-left: 1em; }
|
|
|
|
dt.issue { background-image: url(<%= asset_path 'ticket.png' %>); }
|
|
dt.issue-edit { background-image: url(<%= asset_path 'ticket_edit.png' %>); }
|
|
dt.issue-closed { background-image: url(<%= asset_path 'ticket_checked.png' %>); }
|
|
dt.issue-note { background-image: url(<%= asset_path 'ticket_note.png' %>); }
|
|
dt.changeset { background-image: url(<%= asset_path 'changeset.png' %>); }
|
|
dt.news { background-image: url(<%= asset_path 'news.png' %>); }
|
|
dt.message { background-image: url(<%= asset_path 'quote.png' %>); }
|
|
dt.reply { background-image: url(<%= asset_path 'comments.png' %>); }
|
|
dt.wiki-page { background-image: url(<%= asset_path 'wiki_edit.png' %>); }
|
|
dt.attachment { background-image: url(<%= asset_path 'attachment.png' %>); }
|
|
dt.document { background-image: url(<%= asset_path 'document.png' %>); }
|
|
dt.project { background-image: url(<%= asset_path 'latest_projects.png' %>); }
|
|
dt.time-entry { background-image: url(<%= asset_path 'time.png' %>); }
|
|
|
|
#search-results dt.issue.closed { background-image: url(<%= asset_path 'ticket_checked.png' %>); }
|
|
|
|
.search-pagination { text-align: center; }
|
|
.search-pagination a {padding: 0 5px; }
|
|
|
|
#project-search-container .select2-container {
|
|
display: block;
|
|
}
|
|
|
|
div#roadmap .related-issues {
|
|
border: 0;
|
|
margin-bottom: 1em;
|
|
}
|
|
div#roadmap .related-issues td.checkbox { display: none; }
|
|
div#roadmap .wiki h1:first-child { display: none; }
|
|
div#roadmap .wiki h1 { font-size: 120%; }
|
|
div#roadmap .wiki h2 { font-size: 110%; }
|
|
|
|
div#version-summary { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
|
|
div#version-summary fieldset { margin-bottom: 1em; }
|
|
div#version-summary .total-hours { text-align: right; }
|
|
|
|
table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
|
|
table#time-report tbody tr { font-style: italic; color: #333; }
|
|
table#time-report tbody tr.last-level { font-style: normal; color: #555; }
|
|
table#time-report tbody tr.total { font-style: normal; font-weight: bold; color: #555; background-color:#EEEEEE; }
|
|
table#time-report .hours-dec { font-size: 0.9em; }
|
|
|
|
form .attributes {
|
|
margin-bottom: 8px;
|
|
overflow: auto;
|
|
}
|
|
form .attributes p { padding-top: 1px; padding-bottom: 2px; }
|
|
form .attributes select { min-width: 50%; }
|
|
|
|
ul.projects { margin: 0; padding-left: 1em; }
|
|
ul.projects.root { margin: 0; padding: 0; }
|
|
ul.projects ul {border: none; }
|
|
ul.projects ul.projects { border-left: 3px solid #e0e0e0; }
|
|
ul.projects li.root { list-style-type:none; margin-bottom: 1em; }
|
|
ul.projects li.child { list-style-type:none; margin-top: 1em;}
|
|
ul.projects div.root a.project { font-family:"Arial", Arial, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
|
|
.my-project { padding-left: 18px; background: url(<%= asset_path 'fav.png' %>) no-repeat 0 50%; }
|
|
|
|
#tracker_project_ids ul { margin: 0; padding-left: 1em; }
|
|
#tracker_project_ids li { list-style-type:none; }
|
|
|
|
ul.properties {padding:0; font-size: 0.9em; color: #333;}
|
|
ul.properties li {list-style-type:none;}
|
|
ul.properties li span {font-style:italic;}
|
|
|
|
.total-hours { font-size: 110%; font-weight: bold; }
|
|
.total-hours span.hours-int { font-size: 120%; }
|
|
|
|
.autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em;}
|
|
#user_firstname, #user_lastname, #user_mail, #my_account_form select { width: 90%; }
|
|
|
|
#workflow_copy_form select { width: 200px; }
|
|
|
|
textarea#custom_field_possible_values {width: 99%}
|
|
|
|
.pagination {font-size: 90%}
|
|
p.pagination {margin-top:8px;}
|
|
|
|
/***** Tabular forms ******/
|
|
.tabular p, div.handle_attachments {
|
|
margin: 0;
|
|
padding: 5px 0 8px 0;
|
|
padding-left: 180px; /*width of left column containing the label elements*/
|
|
height: auto;
|
|
clear:left;
|
|
}
|
|
|
|
html>body .tabular p {overflow:hidden;}
|
|
|
|
.tabular label{
|
|
font-weight: bold;
|
|
float: left;
|
|
text-align: right;
|
|
margin-left: -180px; /*width of left column*/
|
|
width: 175px; /*width of labels. Should be smaller than left column to create some right
|
|
margin*/
|
|
}
|
|
|
|
.tabular label.floating{
|
|
font-weight: normal;
|
|
margin-left: 0px;
|
|
text-align: left;
|
|
width: 270px;
|
|
}
|
|
|
|
.tabular label.block{
|
|
font-weight: normal;
|
|
margin-left: 0px !important;
|
|
text-align: left;
|
|
float: none;
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
|
|
.tabular label.inline{
|
|
float:none;
|
|
margin-left: 5px !important;
|
|
width: auto;
|
|
}
|
|
|
|
label.no-css {
|
|
font-weight: inherit;
|
|
float:none;
|
|
text-align:left;
|
|
margin-left:0px;
|
|
width:auto;
|
|
}
|
|
input#time_entry_comments { width: 90%;}
|
|
|
|
#preview fieldset {margin-top: 1em; background: url(<%= asset_path 'draft.png' %>)}
|
|
|
|
.tabular.settings p{ padding-left: 300px; }
|
|
.tabular.settings label{ margin-left: -300px; width: 295px; }
|
|
.tabular.settings textarea { width: 99%; }
|
|
|
|
fieldset.settings label { display: block; }
|
|
fieldset#notified_events .parent { padding-left: 20px; }
|
|
|
|
.required {color: #bb0000;}
|
|
.summary {font-style: italic;}
|
|
|
|
input.attachment_choose_file {
|
|
float:left;
|
|
margin-right: 10px;
|
|
}
|
|
div.attachment_field {
|
|
height: 30px;
|
|
}
|
|
#attachments {font-size: 1em; }
|
|
#attachments_fields input[type=text] {margin-left: 8px; }
|
|
|
|
div.attachments { margin-top: 12px; }
|
|
div.attachments p { margin:4px 0 2px 0; }
|
|
div.attachments img { vertical-align: middle; }
|
|
div.attachments span.author { font-size: 0.9em; color: #888; }
|
|
|
|
p.other-formats { font-size:0.9em; color: #666; }
|
|
.other-formats span + span:before { content: "| "; }
|
|
|
|
/* Project members tab */
|
|
div#tab-content-members .splitcontentleft, div#tab-content-memberships .splitcontentleft, div#tab-content-users .splitcontentleft { width: 64% }
|
|
div#tab-content-members .splitcontentright, div#tab-content-memberships .splitcontentright, div#tab-content-users .splitcontentright { width: 34% }
|
|
div#tab-content-members fieldset, div#tab-content-memberships fieldset, div#tab-content-users fieldset { padding:1em; margin-bottom: 1em; }
|
|
div#tab-content-info fieldset legend, div#tab-content-members fieldset legend, div#tab-content-memberships fieldset legend, div#tab-content-users fieldset legend, fieldset#wiki_menu_item_setting { font-weight: bold; }
|
|
div#tab-content-members fieldset label, div#tab-content-memberships fieldset label, div#tab-content-users fieldset label { display: block; }
|
|
div#tab-content-members fieldset div, div#tab-content-users fieldset div { max-height: 400px; overflow:auto; }
|
|
div#tab-content-members .user.status_registered, div#tab-content-members label.status_registered { filter: alpha(opacity=80); -khtml-opacity: 0.8; opacity: 0.8; -moz-opacity: 0.8; }
|
|
|
|
table.members td.group { padding-left: 20px; background: url(<%= asset_path 'group.png' %>) no-repeat 0% 50%; }
|
|
|
|
input#principal_search, input#user_search {width:100%}
|
|
|
|
* html div#tab-content-members fieldset div { height: 450px; }
|
|
|
|
/***** Flash & error messages ****/
|
|
#errorExplanation, div.flash, .nodata, .warning {
|
|
padding: 4px 4px 4px 30px;
|
|
margin-bottom: 12px;
|
|
border: 2px solid;
|
|
margin:0 0 10px;
|
|
border:1px solid;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
}
|
|
|
|
span.errorSpan {
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.errorSpan textarea {
|
|
border: 2px solid red;
|
|
}
|
|
span.errorSpan select {
|
|
border: 2px solid red;
|
|
}
|
|
span.errorSpan input {
|
|
border: 2px solid red;
|
|
}
|
|
|
|
div.flash {margin-top: 8px;}
|
|
|
|
div.flash.error a, div.flash.warning a, div.flash.notice a, #errorExplanation a ,
|
|
div.flash.error a:link, div.flash.warning a:link, div.flash.notice a:link, #errorExplanation a:link ,
|
|
div.flash.error a:hover, div.flash.warning a:hover, div.flash.notice a:hover, #errorExplanation a:hover ,
|
|
div.flash.error a:visited, div.flash.warning a:visited, div.flash.notice a:visited, #errorExplanation a:visited {
|
|
font: bold bold bold 12px/1.5 arial,'lucida grandriale','lucida sans unicode',tahom,sans-serif;
|
|
color: #333;
|
|
text-decoration: none;
|
|
cursor:default;
|
|
}
|
|
|
|
.nodata, .warning {
|
|
text-align: center;
|
|
background-color: #FFEBC1;
|
|
border-color: #FDBF3B;
|
|
color: #A6750C;
|
|
}
|
|
|
|
#errorExplanation ul { font-size: 0.9em;}
|
|
#errorExplanation h2, #errorExplanation p { display: none; }
|
|
|
|
/***** Ajax indicator ******/
|
|
#ajax-indicator {
|
|
position: absolute; /* fixed not supported by IE */
|
|
background-color:#eee;
|
|
border: 1px solid #bbb;
|
|
top:35%;
|
|
left:40%;
|
|
width:20%;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
padding:0.6em;
|
|
z-index:100;
|
|
filter:alpha(opacity=50);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
html>body #ajax-indicator { position: fixed; }
|
|
|
|
#ajax-indicator span, .ajax-indicator {
|
|
background-position: 0% 40%;
|
|
background-repeat: no-repeat;
|
|
background-image: url(<%= asset_path 'loading.gif' %>);
|
|
padding-left: 26px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.ajax_appended_information.loading .ajax-indicator {
|
|
padding-left: 22px;
|
|
display: block;
|
|
width: 0em;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/***** Calendar *****/
|
|
table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}
|
|
table.cal thead th {width: 14%; background-color:#EEEEEE; padding: 4px; }
|
|
table.cal thead th.week-number {width: auto;}
|
|
table.cal tbody tr {height: 100px;}
|
|
table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
|
|
table.cal td.week-number { background-color:#EEEEEE; padding: 4px; border:none; font-size: 1em;}
|
|
table.cal td p.day-num {font-size: 1.1em; text-align:right;}
|
|
table.cal td.odd p.day-num {color: #bbb;}
|
|
table.cal td.today {background:#ffffdd;}
|
|
table.cal td.today p.day-num {font-weight: bold;}
|
|
table.cal .starting a, p.cal.legend .starting {background: url(<%= asset_path 'bullet_go.png' %>) no-repeat -1px -2px; padding-left:16px;}
|
|
table.cal .ending a, p.cal.legend .ending {background: url(<%= asset_path 'bullet_end.png' %>) no-repeat -1px -2px; padding-left:16px;}
|
|
table.cal .starting.ending a, p.cal.legend .starting.ending {background: url(<%= asset_path 'bullet_diamond.png' %>) no-repeat -1px -2px; padding-left:16px;}
|
|
p.cal.legend span {display:block;}
|
|
|
|
/***** Tooltips ******/
|
|
.tooltip{position:relative;z-index:24;}
|
|
.tooltip.hover, .tooltip:hover {
|
|
z-index:25;color:#000;
|
|
}
|
|
.tooltip span.tip{display: none; text-align:left;}
|
|
|
|
div.tooltip:hover span.tip, div.tooltip.hover span.tip {
|
|
display:block;
|
|
position:absolute;
|
|
top:12px; left:24px; width:270px;
|
|
border:1px solid #555;
|
|
background-color:#fff;
|
|
padding: 4px;
|
|
font-size: 0.8em;
|
|
color:#505050;
|
|
}
|
|
|
|
/***** Progress bar *****/
|
|
#content .meta table.progress {
|
|
border-spacing: 0pt;
|
|
empty-cells: show;
|
|
text-align: center;
|
|
float:left;
|
|
margin: 1px 6px 1px 0px;
|
|
border:1px solid #BBBBBB;
|
|
border-collapse:separate;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
border-radius:3px;
|
|
}
|
|
|
|
#content .meta table.progress td { height: 0.9em; }
|
|
#content .meta table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
|
|
#content .meta table.progress td.done { background: #DEF0DE none repeat scroll 0%; }
|
|
#content .meta table.progress td.open { background: #FFF none repeat scroll 0%; }
|
|
p.pourcent {font-size: 80%;}
|
|
p.progress-info {clear: left; font-style: italic; font-size: 80%;}
|
|
|
|
/***** Tabs *****/
|
|
#content .tabs {
|
|
position: relative;
|
|
height: 2.6em;
|
|
margin-bottom:1.2em;
|
|
z-index:1;
|
|
overflow:hidden;
|
|
}
|
|
#content .tabs ul {
|
|
position: absolute;
|
|
left: 0px;
|
|
right: 60px;
|
|
margin:0;
|
|
bottom:0;
|
|
padding-left:1em;
|
|
width: 2000px;
|
|
border-bottom: 1px solid #bbbbbb;
|
|
overflow:hidden;
|
|
}
|
|
#content .tabs ul li {
|
|
float:left;
|
|
list-style-type:none;
|
|
white-space:nowrap;
|
|
margin-right:8px;
|
|
background:#fff;
|
|
margin-bottom:-1px;
|
|
|
|
}
|
|
#content .tabs ul li a{
|
|
display:block;
|
|
font-size: 0.9em;
|
|
text-decoration:none;
|
|
line-height:1.3em;
|
|
padding:4px 6px 4px 6px;
|
|
border: 1px solid #ccc;
|
|
border-bottom: 1px solid #bbbbbb;
|
|
background-color: #eeeeee;
|
|
color:#333;
|
|
font-weight:bold;
|
|
}
|
|
|
|
#content .tabs ul li a:hover {
|
|
background-color: #ffffdd;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#content .tabs ul li a.selected {
|
|
background-color: #fff;
|
|
border: 1px solid #bbbbbb;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
#content .tabs ul li a.selected:hover {
|
|
background-color: #fff;
|
|
}
|
|
|
|
div.tabs-buttons { position:absolute; right: 0; width: 48px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }
|
|
|
|
button.tab-left, button.tab-right {
|
|
font-size: 0.9em;
|
|
cursor: pointer;
|
|
height:24px;
|
|
border: 1px solid #ccc;
|
|
border-bottom: 1px solid #bbbbbb;
|
|
position:absolute;
|
|
padding:4px;
|
|
width: 20px;
|
|
bottom: -1px;
|
|
}
|
|
|
|
button.tab-left {
|
|
right: 20px;
|
|
background: #eeeeee url(<%= asset_path 'bullet_arrow_left.png' %>) no-repeat 50% 50%;
|
|
}
|
|
|
|
button.tab-right {
|
|
right: 0;
|
|
background: #eeeeee url(<%= asset_path 'bullet_arrow_right.png' %>) no-repeat 50% 50%;
|
|
}
|
|
|
|
/***** Auto-complete *****/
|
|
div.autocomplete {
|
|
position:absolute;
|
|
width:400px;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
div.autocomplete ul {
|
|
list-style-type:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
div.autocomplete ul li {
|
|
list-style-type:none;
|
|
display:block;
|
|
margin:-1px 0 0 0;
|
|
padding:2px;
|
|
cursor:pointer;
|
|
font-size: 90%;
|
|
border: 1px solid #ccc;
|
|
border-left: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;
|
|
background-color:white;
|
|
}
|
|
div.autocomplete ul li.selected { background-color: #ffb;}
|
|
div.autocomplete ul li span.informal {
|
|
font-size: 80%;
|
|
color: #aaa;
|
|
}
|
|
|
|
#parent_issue_candidates ul li {width: 500px;}
|
|
#related_issue_candidates ul li {width: 500px;}
|
|
|
|
/***** Diff *****/
|
|
img.diff, div.diff, table.diff, blockquote.diff, address.diff, h1.diff, h2.diff, h3.diff, h4.diff, h5.diff, h6.diff, hr.diff, p.diff, pre.diff, table.diff, ul.diff, ol.diff {
|
|
padding: 3px;
|
|
margin: 3px;
|
|
}
|
|
|
|
del.diffmod, del.diffdel { background: #fcc; }
|
|
ins.diffmod, ins.diffins { background: #cfc; }
|
|
|
|
.text-diff {
|
|
padding: 1em;
|
|
background-color:#f6f6f6;
|
|
color:#505050;
|
|
border: 1px solid #e4e4e4;
|
|
}
|
|
|
|
/***** Wiki *****/
|
|
div.wiki table {
|
|
border: 1px solid #505050;
|
|
border-collapse: collapse;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
div.wiki table, div.wiki td, div.wiki th {
|
|
border: 1px solid #bbb;
|
|
padding: 4px;
|
|
}
|
|
|
|
div.wiki .external {
|
|
background-position: 0% 60%;
|
|
background-repeat: no-repeat;
|
|
padding-left: 12px;
|
|
background-image: url(<%= asset_path 'external.png' %>);
|
|
}
|
|
|
|
div.wiki pre {
|
|
margin: 1em 1em 1em 1.6em;
|
|
padding: 2px 2px 2px 0;
|
|
background-color: #fafafa;
|
|
border: 1px solid #dadada;
|
|
width:auto;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
div.wiki ul.toc {
|
|
margin-bottom: 12px;
|
|
margin-right: 12px;
|
|
margin-left: 0;
|
|
display: table
|
|
}
|
|
* html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
|
|
|
|
div.wiki ul.toc {font-size: 0.8em;}
|
|
div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
|
|
div.wiki ul.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }
|
|
div.wiki ul.toc ul { margin: 0; padding: 0; }
|
|
div.wiki ul.toc li { list-style-type:none; margin: 0;}
|
|
div.wiki ul.toc li li { margin-left: 1.5em; }
|
|
div.wiki fieldset legend {
|
|
font-weight:bold;
|
|
font-size:10px;
|
|
}
|
|
|
|
div.wiki ul.toc a {
|
|
font-weight: normal;
|
|
background-image: url(<%= asset_path 'arrow-down.png' %>);
|
|
background-repeat: no-repeat;
|
|
background-position: 0% 60%;
|
|
padding-left: 16px;
|
|
}
|
|
|
|
a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }
|
|
a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }
|
|
h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }
|
|
|
|
div.wiki img { vertical-align: middle; }
|
|
|
|
/***** My page layout *****/
|
|
.block-receiver {
|
|
border:1px dashed #c0c0c0;
|
|
margin-bottom: 20px;
|
|
padding: 15px 0 15px 0;
|
|
}
|
|
|
|
.mypage-box {
|
|
margin-top:20px;
|
|
padding: 8px 10px 0px 10px;
|
|
border: #C4C4C4 solid 1px;
|
|
background: #FFFFFF url(<%= asset_path 'background_widgets.png' %>) repeat-x 0 0;
|
|
min-height: 65px;
|
|
|
|
/* Shadow definitions cross browser */
|
|
-moz-box-shadow: 1px 1px 1px #BFBFBF;
|
|
-webkit-box-shadow: 1px 1px 1px #BFBFBF;
|
|
box-shadow: 1px 1px 1px #BFBFBF;
|
|
zoom: 1;
|
|
}
|
|
|
|
#content .mypage-box h3 {
|
|
margin: 9px 0px 6px;
|
|
}
|
|
|
|
#content .mypage-box table {
|
|
padding: 10;
|
|
margin-top:15px;
|
|
margin-bottom:15px;
|
|
}
|
|
|
|
.mypage-box h3, .mypage-box a {
|
|
font-weight:bold;
|
|
}
|
|
|
|
#content .mypage-box table.issues td, #content .mypage-box table th, #content .mypage-box table.list {
|
|
border:none;
|
|
padding:0;
|
|
width:auto;
|
|
padding-right:30px;
|
|
padding-bottom:5px;
|
|
}
|
|
|
|
#content .mypage-box table th {
|
|
border:none;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#content .mypage-box table tr.even {
|
|
background-color: white;
|
|
}
|
|
|
|
.handle {
|
|
cursor: move;
|
|
}
|
|
|
|
a.close-icon {
|
|
display:block;
|
|
margin-top:10px;
|
|
overflow:hidden;
|
|
width:12px;
|
|
height:12px;
|
|
background-repeat: no-repeat;
|
|
cursor:pointer;
|
|
background-image:url(<%= asset_path 'close.png' %>);
|
|
}
|
|
|
|
a.close-icon:hover {
|
|
background-image:url(<%= asset_path 'close_hover.png' %>);
|
|
}
|
|
|
|
/***** Icons *****/
|
|
.icon {
|
|
background-position: 0% 50%;
|
|
background-repeat: no-repeat;
|
|
padding-left: 19px;
|
|
padding-top: 2px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.icon-add { background-image: url(<%= asset_path 'plus.png' %>); }
|
|
.icon-edit { background-image: url(<%= asset_path 'edit.png' %>); }
|
|
.icon-copy { background-image: url(<%= asset_path 'copy.png' %>); }
|
|
.icon-configure { background-image: url(<%= asset_path 'configure.png' %>); }
|
|
.icon-duplicate { background-image: url(<%= asset_path 'duplicate.png' %>); }
|
|
.icon-del { background-image: url(<%= asset_path 'delete.png' %>); }
|
|
.icon-move { background-image: url(<%= asset_path 'move.png' %>); }
|
|
.icon-rename { background-image: url(<%= asset_path 'rename.png' %>); }
|
|
.icon-save { background-image: url(<%= asset_path 'save.png' %>); }
|
|
.icon-multiple { background-image: url(<%= asset_path 'table_multiple.png' %>); }
|
|
.icon-folder { background-image: url(<%= asset_path 'folder.png' %>); }
|
|
.open .icon-folder { background-image: url(<%= asset_path 'folder_open.png' %>); }
|
|
.icon-package { background-image: url(<%= asset_path 'package.png' %>); }
|
|
.icon-user { background-image: url(<%= asset_path 'user.png' %>); }
|
|
.icon-projects { background-image: url(<%= asset_path 'latest_projects.png' %>); }
|
|
.icon-help { background-image: url(<%= asset_path 'help.png' %>); }
|
|
.icon-attachment { background-image: url(<%= asset_path 'attachment.png' %>); }
|
|
.icon-history { background-image: url(<%= asset_path 'history.png' %>); }
|
|
.icon-time-add { background-image: url(<%= asset_path 'time.png' %>); }
|
|
.icon-stats { background-image: url(<%= asset_path 'stats.png' %>); }
|
|
.icon-warning { background-image: url(<%= asset_path 'warning.png' %>); }
|
|
.icon-reload { background-image: url(<%= asset_path 'arrow_circle.png' %>); }
|
|
.icon-unlock { background-image: url(<%= asset_path 'locked_un.png' %>); }
|
|
.icon-checked { background-image: url(<%= asset_path 'check.png' %>); }
|
|
.icon-details { background-image: url(<%= asset_path 'zoom_in.png' %>); }
|
|
.icon-report { background-image: url(<%= asset_path 'report.png' %>); }
|
|
.icon-comment { background-image: url(<%= asset_path 'quote.png' %>); }
|
|
.icon-summary { background-image: url(<%= asset_path 'summary.png' %>); }
|
|
.icon-server-authentication { background-image: url(<%= asset_path 'server_key.png' %>); }
|
|
.icon-issue { background-image: url(<%= asset_path 'ticket.png' %>); }
|
|
.icon-zoom-in { background-image: url(<%= asset_path 'zoom_in.png' %>); }
|
|
.icon-zoom-out { background-image: url(<%= asset_path 'zoom_out.png' %>); }
|
|
|
|
.icon-file { background-image: url(<%= asset_path 'files/default.png' %>); }
|
|
.icon-file.text-plain { background-image: url(<%= asset_path 'files/text.png' %>); }
|
|
.icon-file.text-x-c { background-image: url(<%= asset_path 'files/c.png' %>); }
|
|
.icon-file.text-x-csharp { background-image: url(<%= asset_path 'files/csharp.png' %>); }
|
|
.icon-file.text-x-php { background-image: url(<%= asset_path 'files/php.png' %>); }
|
|
.icon-file.text-x-ruby { background-image: url(<%= asset_path 'files/ruby.png' %>); }
|
|
.icon-file.text-xml { background-image: url(<%= asset_path 'files/xml.png' %>); }
|
|
.icon-file.image-gif { background-image: url(<%= asset_path 'files/image.png' %>); }
|
|
.icon-file.image-jpeg { background-image: url(<%= asset_path 'files/image.png' %>); }
|
|
.icon-file.image-png { background-image: url(<%= asset_path 'files/image.png' %>); }
|
|
.icon-file.image-tiff { background-image: url(<%= asset_path 'files/image.png' %>); }
|
|
.icon-file.application-pdf { background-image: url(<%= asset_path 'files/pdf.png' %>); }
|
|
.icon-file.application-zip { background-image: url(<%= asset_path 'files/zip.png' %>); }
|
|
.icon-file.application-x-gzip { background-image: url(<%= asset_path 'files/zip.png' %>); }
|
|
.icon-file-excel { background-image: url(<%= asset_path 'files/excel.png' %>); }
|
|
|
|
img.gravatar {
|
|
border: solid 1px #d5d5d5;
|
|
background: #fff;
|
|
}
|
|
|
|
div.issue img.gravatar {
|
|
float: right;
|
|
margin: 0 0 0 1em;
|
|
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;
|
|
vertical-align: top;
|
|
}
|
|
|
|
h4 img.gravatar {
|
|
margin: -6px 0 -4px 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
#activity dt,
|
|
.journal {
|
|
clear: left;
|
|
}
|
|
|
|
.journal-link {
|
|
float: right;
|
|
}
|
|
|
|
h2 img { vertical-align:middle; }
|
|
|
|
.hascontextmenu { cursor: context-menu; }
|
|
|
|
/* Merged from the new layout #263 */
|
|
/**
|
|
* ToC
|
|
* 00 - Base Typography
|
|
* 01 - Header
|
|
* 02 - Main Menu
|
|
* 03 - Main Content
|
|
* 04 - Issue Tables
|
|
* 05 - Single Issue Page
|
|
* 06 - Projects Page
|
|
* 07 - Behavior Styles
|
|
* 08 - Reusable classes
|
|
* 09 - New Issue Form
|
|
* 10 - Plugins and misc
|
|
* 11 - Appended from staging
|
|
*/
|
|
|
|
/*-------------------------------------------------------------------------------
|
|
* =00 - Base Typography
|
|
*
|
|
* This section includes the typography base for the body and heading elements.
|
|
------------------------------------------------------------------------------*/
|
|
|
|
body {
|
|
font: normal normal normal 13px/1.5 arial,'lucida grandriale','lucida sans unicode',tahom,sans-serif;
|
|
background:white;
|
|
color:#333;
|
|
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
font-weight:bold;
|
|
}
|
|
h1 {
|
|
font-size:21px;
|
|
}
|
|
h2, .wiki h1 {
|
|
font-size: 18px;
|
|
padding: 2px 10px 1px 0px;
|
|
margin: 0 0 10px 0;
|
|
border-bottom: 1px solid #bbbbbb;
|
|
}
|
|
h3 {
|
|
font-size:16px;
|
|
margin-bottom:16px;
|
|
}
|
|
h4 {
|
|
font-size:14px;
|
|
margin-bottom:16px;
|
|
}
|
|
h5 {
|
|
font-size:12px;
|
|
text-transform: uppercase;
|
|
margin-bottom:18px;
|
|
}
|
|
a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
/*-------------------------------------------------------------------------------
|
|
* =01 - Header
|
|
*
|
|
* This section includes the site logo, main navigation background, and styles
|
|
* the header and navigation links.
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
#top-menu {
|
|
height: 81px;
|
|
position:relative;
|
|
z-index:21;
|
|
}
|
|
#top-menu.open { /*IE 6-7 z-index stacking issue*/
|
|
z-index:5;
|
|
}
|
|
#account-nav {
|
|
display:block;
|
|
background:url(<%= asset_path 'background_top_navigation.png' %>) repeat-x left top;
|
|
}
|
|
#logo {
|
|
float:left;
|
|
width:200px;
|
|
height:43px;
|
|
background: url(<%= asset_path 'logo_chiliproject.png' %>) no-repeat 15px;
|
|
}
|
|
#top-menu-items {
|
|
float:right;
|
|
padding-right:15px;
|
|
}
|
|
#header {
|
|
background-color: #1E1E1E;
|
|
height:43px;
|
|
font: arial,19px,white;
|
|
}
|
|
#header ul {
|
|
line-height:43px;
|
|
float:left;
|
|
font-size:13px;
|
|
font-family:"Arial", Arial, sans-serif;
|
|
font-style:normal;
|
|
font-weight:normal;
|
|
color:#ffffff;
|
|
height:43px;
|
|
border-top:0;
|
|
position:relative;
|
|
}
|
|
|
|
#header ul#account-info {
|
|
margin-right:15px;
|
|
}
|
|
#header li {
|
|
float:left;
|
|
border-right:1px solid #450308;
|
|
position:relative;
|
|
z-index:5;
|
|
}
|
|
#header li:last-child {
|
|
border-right:0px;
|
|
}
|
|
#header li > a {
|
|
text-decoration:none;
|
|
color:#FFFFFF;
|
|
height:43px;
|
|
font-weight:normal;
|
|
}
|
|
#header li.drop-down select {
|
|
width:100%;
|
|
}
|
|
#header li.drop-down > a {
|
|
/* Arrow down white */
|
|
background-image:url(<%= asset_path 'top_menu_arrow_grey_white_sprite.png' %>);
|
|
background-position:right -40px;
|
|
background-repeat:no-repeat;
|
|
padding-right:35px;
|
|
}
|
|
#header li > a:hover {
|
|
background-color:#700407;
|
|
}
|
|
#header li.drop-down > a:hover {
|
|
/* Arrow down grey */
|
|
background-image:url(<%= asset_path 'top_menu_arrow_grey_white_sprite.png' %>);
|
|
background-position:right -2px;
|
|
background-repeat:no-repeat;
|
|
|
|
background-color:#700407;
|
|
padding-right:35px;
|
|
}
|
|
#header li li a:hover {
|
|
background-color:#FFFFFF;
|
|
color:#222222;
|
|
}
|
|
#header li.drop-down li > a:hover, #main-menu ul.menu_root li a.selected, #main-menu ul.menu_root li a:hover {
|
|
-moz-border-radius-topleft:5px;
|
|
-moz-border-radius-topright:5px;
|
|
-webkit-border-top-left-radius:5px;
|
|
-webkit-border-top-right-radius:5px;
|
|
border-top-left-radius:5px;
|
|
border-top-right-radius:5px;
|
|
-moz-border-radius-bottomleft:5px;
|
|
-moz-border-radius-bottomright:5px;
|
|
-webkit-border-bottom-left-radius:5px;
|
|
-webkit-border-bottom-right-radius:5px;
|
|
border-bottom-left-radius:5px;
|
|
border-bottom-right-radius:5px;
|
|
background-color:#7F7F7F;
|
|
font-weight:bold;
|
|
color:#FFFFFF;
|
|
}
|
|
li a.home {
|
|
text-indent:-999em;
|
|
width:20px;
|
|
height:43px;
|
|
|
|
/* Home Black */
|
|
background-image:url(<%= asset_path 'home_black_white_sprite.png' %>);
|
|
background-position:center -3px;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
li a.home:hover {
|
|
background-position:center -35px;
|
|
}
|
|
|
|
li a.help {
|
|
text-indent:-999em;
|
|
width:20px;
|
|
height:43px;
|
|
|
|
/* Question mark white */
|
|
background-image:url(<%= asset_path 'question_mark_grey_white_sprite.png' %>);
|
|
background-repeat:no-repeat;
|
|
background-position:center -6px;
|
|
}
|
|
li a.help:hover {
|
|
/* Question mark grey */
|
|
background-position:center -41px;
|
|
}
|
|
#header li.drop-down.open > a {
|
|
background:#FFFFFF url(<%= asset_path 'arrow-down-grey.png' %>) no-repeat right center;
|
|
padding-right:35px;
|
|
color:#000000;
|
|
}
|
|
#account-nav li{
|
|
padding:0;
|
|
}
|
|
#account-nav li a {
|
|
display:block;
|
|
padding:0px 9px 0px;
|
|
}
|
|
#account-nav li > ul > li {
|
|
max-width:350px;
|
|
}
|
|
#header .search_field {
|
|
position: relative;
|
|
border:0px;
|
|
color:white;
|
|
background: none;
|
|
top: 6px;
|
|
width: 119px;
|
|
left: 8px;
|
|
outline: 0px;
|
|
}
|
|
#header #search_wrap {
|
|
background-repeat:repeat-x;
|
|
width:162px;
|
|
height: 30px;
|
|
margin-right:15px;
|
|
margin-top:6px;
|
|
margin-bottom:4px;
|
|
}
|
|
input::-webkit-input-placeholder {
|
|
color: white;
|
|
}
|
|
input:-moz-placeholder {
|
|
color: white;
|
|
}
|
|
#search {
|
|
float:left;
|
|
}
|
|
#header li.open > a {
|
|
position:relative;
|
|
top:0px;
|
|
z-index:21;
|
|
}
|
|
#header li > ul {
|
|
display:none;
|
|
position:absolute;
|
|
height:auto;
|
|
min-width:270px;
|
|
left:-1px;
|
|
z-index:20;
|
|
border: 1px solid #b7b7b7;
|
|
border-top: 0px;
|
|
background-color:#FFFFFF;
|
|
}
|
|
#header li.last-child > ul {
|
|
left:auto;
|
|
right:-1px;
|
|
}
|
|
#header li li {
|
|
float:none;
|
|
white-space:nowrap;
|
|
border-style:solid;
|
|
border-width:1px 0;
|
|
}
|
|
#header li.drop-down li > a {
|
|
padding: 6px;
|
|
background:#FFFFFF;
|
|
position:static;
|
|
color:#222222;
|
|
font-size:13px;
|
|
font-family:"Arial", Arial, sans-serif;
|
|
font-style:normal;
|
|
font-weight:normal;
|
|
margin-top:3px;
|
|
margin-bottom:3px;
|
|
margin-left:6px;
|
|
margin-right:6px;
|
|
height:15px;
|
|
line-height:15px;
|
|
}
|
|
|
|
#breadcrumb {
|
|
height:38px;
|
|
overflow:hidden;
|
|
background:url(<%= asset_path 'background_breadcrumb.png' %>) repeat-x left top;
|
|
min-width:1000px;
|
|
}
|
|
|
|
#breadcrumb h1 {
|
|
height:16px;
|
|
line-height:16px;
|
|
border-bottom: 1px #d9d9d9;
|
|
color:#333333;
|
|
font-family:"Arial", Arial, sans-serif;
|
|
font-style:normal;
|
|
font-weight:normal;
|
|
font-size: 11px;
|
|
margin-top: 12px;
|
|
margin-bottom:0px;
|
|
margin-left:20px;
|
|
}
|
|
#breadcrumb a {
|
|
text-decoration:underline;
|
|
color:#333333;
|
|
}
|
|
#nav-search {
|
|
float: right;
|
|
}
|
|
|
|
#nav-search input {
|
|
margin:5px 5px;
|
|
width:94%;
|
|
}
|
|
#nav-login-content {
|
|
position: relative;
|
|
position-top:44px;
|
|
float: right;
|
|
background: white;
|
|
border:0px solid #194E60;
|
|
border-top:0;
|
|
padding-left:5px;
|
|
padding-top:5px;
|
|
padding-right:10px;
|
|
padding-bottom:8px;
|
|
color:#333333;
|
|
line-height:19px;
|
|
}
|
|
#nav-login-content input[type=text], #nav-login-content input[type=password] {
|
|
height: 20px;
|
|
width: 150px;
|
|
}
|
|
#nav-login-content div a {
|
|
display: inline;
|
|
color:#333333;
|
|
padding:0;
|
|
}
|
|
div#optional_login_fields {
|
|
top:10px;
|
|
white-space:nowrap;
|
|
margin-left:2px;
|
|
}
|
|
/*-------------------------------------------------------------------------------
|
|
* =02 - Main Menu
|
|
*
|
|
* This section includes the layout and styles for the left navigation column.
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#main-menu {bottom: auto; left:6px; margin-right: -500px;}
|
|
#main-menu {
|
|
width:185px;
|
|
height:100%;
|
|
float: left;
|
|
left:0;
|
|
}
|
|
#main-menu ul ul {
|
|
display:none;
|
|
background-color:white;
|
|
padding-top:1px;
|
|
padding-bottom:1px;
|
|
}
|
|
#main-menu ul ul.menu-children.unattached {
|
|
border-top:1px solid #ddd;
|
|
}
|
|
#main-menu ul ul ul {
|
|
position:absolute;
|
|
left:185px;
|
|
z-index:20;
|
|
width:100%;
|
|
top:0;
|
|
border:1px solid #AFAFAF;
|
|
background:#f3f3f3;
|
|
}
|
|
#main-menu ul.menu_root li {
|
|
border-top:1px solid #f5f5f5;
|
|
border-bottom:1px solid #e2e2e2;
|
|
position:relative;
|
|
min-height:23px;
|
|
background-color:#e9e9e9;
|
|
}
|
|
#main-menu ul.menu_root li li {
|
|
border:0;
|
|
background-color:white;
|
|
}
|
|
#main-menu ul.menu_root li li li {
|
|
padding:0;
|
|
width:100%;
|
|
border-bottom:1px solid #DDDDDD;
|
|
border-top:1px solid #FFFFFF;
|
|
}
|
|
#main-menu ul.menu_root li li li:first-child {
|
|
border-top:0;
|
|
}
|
|
#main-menu a {
|
|
text-decoration:none;
|
|
line-height:23px;
|
|
display:block;
|
|
position:relative;
|
|
height:23px;
|
|
color:#333333;
|
|
font-weight:normal;
|
|
font-size:13px;
|
|
font-family:"Arial", Arial, sans-serif;
|
|
font-style:normal;
|
|
}
|
|
#main-menu ul.menu_root li a {
|
|
margin:6px;
|
|
font-weight:bold;
|
|
padding: 0 0 0 20px;
|
|
}
|
|
#main-menu a.selected, #main-menu a:hover {
|
|
}
|
|
#main-menu ul.menu_root li li a {
|
|
font-weight:normal;
|
|
}
|
|
#main-menu ul.menu_root li li.current a {
|
|
font-weight:bold;
|
|
}
|
|
#main-menu ul.menu_root li li a span {
|
|
font-weight:normal;
|
|
color:#999;
|
|
float:right;
|
|
padding-right:9px;
|
|
}
|
|
#main-menu ul.menu_root li li li a span {
|
|
padding:0;
|
|
}
|
|
#main-menu .toggler {
|
|
position:absolute;
|
|
right:0px;
|
|
top:0px;
|
|
width:40px;
|
|
height:25px;
|
|
}
|
|
#main-menu .toggler {
|
|
/* Arrow down */
|
|
background-image: url(<%= asset_path 'double_arrows_grey_white_sprite.png' %>);
|
|
background-position: 10px -1px;
|
|
}
|
|
|
|
#main-menu ul.menu_root li .open .toggler {
|
|
/* Arrow up */
|
|
background-image: url(<%= asset_path 'double_arrows_grey_white_sprite.png' %>);
|
|
background-position: 10px -26px;
|
|
}
|
|
#main-menu ul.menu_root li .selected.open .toggler, #main-menu ul.menu_root li .open:hover .toggler {
|
|
/* Arrow up white */
|
|
background-image: url(<%= asset_path 'double_arrows_grey_white_sprite.png' %>);
|
|
background-position: 10px -159px;
|
|
}
|
|
#main-menu ul.menu_root li a:hover .toggler, #main-menu ul.menu_root li .selected .toggler {
|
|
/* Arrow down white */
|
|
background-image: url(<%= asset_path 'double_arrows_grey_white_sprite.png' %>);
|
|
background-position: 10px -120px;
|
|
}
|
|
|
|
#main-menu ul.menu_root li li .toggler {
|
|
display:none;
|
|
}
|
|
#main-menu ul.menu_root li li li a {
|
|
padding:0 12px;
|
|
}
|
|
#main-menu ul.menu_root li li ul.profile-box li {
|
|
padding:6px 12px;
|
|
}
|
|
#main-menu ul.menu_root li li ul.profile-box li a {
|
|
display:inline;
|
|
padding:0;
|
|
color:#226D81;
|
|
line-height:1.5;
|
|
}
|
|
#main-menu ul.menu_root li li ul.profile-box li a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
/* Mimic ".icon .icon-time" */
|
|
#main-menu ul.menu_root li a.time-details, #main-menu ul.menu_root li a.billable-time-details, #main-menu ul.menu_root li a.overhead-time-details { background-image:url(<%= asset_path '../../time.png' %>); background-position:30px 40%; background-repeat:no-repeat; padding-left:50px; }
|
|
|
|
#main-menu p.password { font-weight: bold; margin: 25px 0; }
|
|
|
|
|
|
|
|
/*-------------------------------------------------------------------------------
|
|
* =03 - Main Content
|
|
*
|
|
* This section includes the layout and styles for the main content area.
|
|
------------------------------------------------------------------------------*/
|
|
#main {
|
|
background:white;
|
|
position:relative;
|
|
z-index:20;
|
|
padding-bottom:50px;
|
|
overflow:auto;
|
|
}
|
|
|
|
h1.title {
|
|
margin:12px 24px 9px;
|
|
}
|
|
#content {
|
|
margin:0 15px 10px 187px;
|
|
padding:10px;
|
|
width: auto;
|
|
overflow: hidden;
|
|
}
|
|
#content .title-bar {
|
|
position:relative;
|
|
}
|
|
|
|
.title-bar h2 span {
|
|
font-weight:bold;
|
|
}
|
|
|
|
.button-large {
|
|
}
|
|
|
|
/* .button-large was too generic and targeted other pages with it's positioning */
|
|
.title-bar .button-large {
|
|
position:absolute;
|
|
top:8px;
|
|
}
|
|
|
|
.button-large a {
|
|
padding:3px 9px;
|
|
display:block;
|
|
color:#6a0406;
|
|
}
|
|
.title-bar .add-filter {
|
|
right:155px;
|
|
}
|
|
|
|
fieldset#filters div.add-filter {
|
|
text-align: right;
|
|
}
|
|
|
|
.title-bar .new-issue {
|
|
right:10px;
|
|
}
|
|
.title-bar .new-issue a {
|
|
background:url(<%= asset_path 'plus.png' %>) no-repeat 6px center;
|
|
padding-left:26px;
|
|
}
|
|
.title-bar-extras {
|
|
color:#333333;
|
|
}
|
|
.title-bar-extras ul {
|
|
padding:10px;
|
|
overflow:auto;
|
|
}
|
|
.title-bar-extras li {
|
|
padding-bottom:5px;
|
|
}
|
|
.title-bar-extras select {
|
|
margin-right:10px;
|
|
}
|
|
.extras-actions {
|
|
padding:5px 10px;
|
|
position:relative;
|
|
}
|
|
.extras-actions a {
|
|
border:0;
|
|
color:#000;
|
|
padding-left:18px;
|
|
margin-right:10px;
|
|
cursor:pointer;
|
|
font-family:inherit;
|
|
font-size:11px;
|
|
}
|
|
input.apply {
|
|
background-image:url(<%= asset_path 'check.png' %>);
|
|
}
|
|
input.save {
|
|
background-image:url(<%= asset_path 'save.png' %>);
|
|
}
|
|
|
|
/*-------------------------------------------------------------------------------
|
|
* =04 - Issue Table
|
|
*
|
|
* This section includes the layout and styles for the main issues table.
|
|
------------------------------------------------------------------------------*/
|
|
|
|
form#issue-list {
|
|
position:relative;
|
|
}
|
|
#content table.issues {
|
|
width:100%;
|
|
}
|
|
#content table th {
|
|
font-weight:normal;
|
|
}
|
|
#content table.issues td, #content table th {
|
|
border:1px solid #e6e6e6;
|
|
padding: 3px 6px;
|
|
text-align:left;
|
|
position:relative;
|
|
vertical-align:top;
|
|
}
|
|
#content table th a {
|
|
color:#111;
|
|
text-decoration:none;
|
|
}
|
|
#content table th a:hover {
|
|
color:#6a0406;
|
|
text-decoration:underline;
|
|
}
|
|
#content table th.current-sort {
|
|
background:#fff url(<%= asset_path 'gradient-up.png' %>) repeat-x;
|
|
}
|
|
|
|
#content table th.current-sort a {
|
|
background:url(<%= asset_path 'sort_desc.png' %>) no-repeat right center;
|
|
padding-right:16px;
|
|
display:block;
|
|
}
|
|
#content table tr.odd {
|
|
background-color:white;
|
|
}
|
|
#content table tr.even {
|
|
background-color:#f6f7f8;
|
|
}
|
|
#content table tr.even:hover, #content table tr.odd:hover {
|
|
background-color: #FFD;
|
|
}
|
|
#content table tr.context-menu-selection, #content table tr.context-menu-selection:hover {
|
|
background-color:#FFFFB2;
|
|
}
|
|
#content table td.issue {
|
|
background:url(<%= asset_path 'arrow-bottom-right.png' %>) no-repeat right bottom;
|
|
width:42px;
|
|
cursor:context-menu;
|
|
}
|
|
#content table td.updated {
|
|
width:80px;
|
|
}
|
|
#content table a.toggle-select {
|
|
background:url(<%= asset_path 'check.png' %>) no-repeat center center;
|
|
display:block;
|
|
text-indent:-9999em;
|
|
}
|
|
#multiple-action-buttons {
|
|
float:left;
|
|
margin:10px 0;
|
|
}
|
|
#multiple-action-buttons li {
|
|
float:left;
|
|
margin-right:10px;
|
|
}
|
|
.pagination, .other-formats {
|
|
margin:10px 0;
|
|
}
|
|
.pagination a {
|
|
padding:1px 2px;
|
|
}
|
|
|
|
/*-------------------------------------------------------------------------------
|
|
* =05 - Single Issue Page
|
|
*
|
|
* This section includes the layout and styles for the single issues page.
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.title-bar-actions {
|
|
position:absolute;
|
|
right:0px;
|
|
top:0;
|
|
padding:0 100px 0 10px;
|
|
height:100%;
|
|
margin-top: 2px;
|
|
}
|
|
.title-bar .title-bar-actions .contextual {
|
|
/* line-height:3.5;*/
|
|
padding-right:0px;
|
|
}
|
|
.title-bar-actions .contextual a {
|
|
/* color:#fff;*/
|
|
}
|
|
.title-bar .title-bar-actions .contextual a.icon {
|
|
margin-right: 0px;
|
|
}
|
|
.title-bar .update {
|
|
right:0;
|
|
}
|
|
.title-bar .update a {
|
|
padding-left:26px;
|
|
background:url(<%= asset_path 'edit.png' %>) no-repeat 5px center;
|
|
font-weight:bold;
|
|
}
|
|
div.issue {
|
|
}
|
|
div.issue hr {
|
|
margin-top:10px;
|
|
margin-bottom:10px;
|
|
clear:both;
|
|
}
|
|
#content div.issue h3, div.issue h3 {
|
|
border:0px;
|
|
margin-top: -6px;
|
|
margin-bottom: 0px;
|
|
}
|
|
#content .meta table {
|
|
border:0 none;
|
|
}
|
|
#content .meta table tr:hover {
|
|
background:none;
|
|
}
|
|
#content .meta table td, #content .meta table th {
|
|
background: none;
|
|
border:0 none;
|
|
padding:0 3px;
|
|
padding-left: 0px;
|
|
}
|
|
#content .meta table th {
|
|
font-weight:bold;
|
|
}
|
|
#content .meta table td a:hover, #content .meta table th a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
#content .meta table td.priority {
|
|
text-align:left; /* Is set to center above */
|
|
}
|
|
.gravatar {
|
|
border:1px solid #aaa;
|
|
}
|
|
.issue p {
|
|
margin-bottom:5px;
|
|
}
|
|
.attachments h4 {
|
|
margin-bottom:6px;
|
|
background:url(<%= asset_path 'files-showhide.png' %>) no-repeat right bottom;
|
|
cursor:pointer;
|
|
}
|
|
.attachments h4.closed {
|
|
background-position:right 5px;
|
|
}
|
|
|
|
table.files {
|
|
display: table;
|
|
}
|
|
#content table.files td, #content table.files th, #content table.files {
|
|
border:0;
|
|
background:none;
|
|
}
|
|
#content table.files th {
|
|
font-weight:bold;
|
|
padding:1px;
|
|
}
|
|
#content table.files td {
|
|
color:#555;
|
|
padding:1px;
|
|
}
|
|
#content table.files .opt-desc {
|
|
width:60%;
|
|
}
|
|
#content table.files td a {
|
|
position:relative;
|
|
}
|
|
#history {
|
|
margin-top: 1em;
|
|
margin-bottom:0px;
|
|
}
|
|
#history h3 {
|
|
margin-bottom:20px;
|
|
}
|
|
#history .journal {
|
|
position:relative;
|
|
margin:0 0 15px;
|
|
margin-bottom:45px;
|
|
min-height:40px;
|
|
clear:left;
|
|
margin-left: 3px;
|
|
}
|
|
.journal .profile-wrap {
|
|
float:left;
|
|
position:relative;
|
|
left:0;
|
|
top:0;
|
|
padding-left:4px;
|
|
padding-right:4px;
|
|
}
|
|
.journal h4 {
|
|
font-size:12px;
|
|
font-weight:normal;
|
|
position:relative;
|
|
z-index:5;
|
|
border: 0;
|
|
margin-bottom: 0px;
|
|
}
|
|
.journal h4 .history-id {
|
|
float:right;
|
|
color:#999;
|
|
}
|
|
.journal .wiki {
|
|
padding:10px 10px 5px 0px;
|
|
overflow:auto;
|
|
margin-left:50px;
|
|
}
|
|
.journal .contextual {
|
|
float:right;
|
|
}
|
|
.journal .contextual a {
|
|
float:left;
|
|
display:block;
|
|
margin:0 0 0 5px;
|
|
height:16px;
|
|
width:16px;
|
|
background-repeat:no-repeat;
|
|
background-position:center center;
|
|
}
|
|
.contextual .edit {
|
|
background-image:url(<%= asset_path 'edit.png' %>);
|
|
}
|
|
.contextual .comment {
|
|
background-image:url(<%= asset_path 'quote.png' %>);
|
|
}
|
|
.question-line {
|
|
display:block;
|
|
}
|
|
#content blockquote, .wiki ol, .wiki ul {
|
|
padding-left:9px;
|
|
}
|
|
.wiki p {
|
|
margin-bottom:5px;
|
|
}
|
|
blockquote {
|
|
font-style:italic;
|
|
background:url(<%= asset_path 'blockquote-bg.png' %>) no-repeat 25px 3px;
|
|
}
|
|
.wiki ul li {
|
|
list-style: disc inside none;
|
|
}
|
|
.file-thumbs {
|
|
margin:20px 0 0;
|
|
overflow:hidden;
|
|
float: left;
|
|
}
|
|
.file-thumbs a {
|
|
display:block;
|
|
float:left;
|
|
margin-right:10px;
|
|
text-align:center;
|
|
}
|
|
.file-thumbs a img {
|
|
display:block;
|
|
margin:0 auto 5px;
|
|
border:1px solid #226D81;
|
|
}
|
|
.file-thumbs a img.pdf {
|
|
border:0;
|
|
}
|
|
|
|
.journal-attributes {
|
|
color: #333333;
|
|
font-size: 11px;
|
|
}
|
|
ul.journal-attributes {
|
|
list-style-type: disc;
|
|
}
|
|
ul.journal-attributes li {
|
|
margin-left: 75px;
|
|
}
|
|
|
|
/*-------------------------------------------------------------------------------
|
|
* =06 - Projects Page
|
|
*
|
|
* This section defines the styles for the projects "home" page.
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#content.nosidebar {
|
|
margin-left:20px;
|
|
padding:15px 60px 15px 25px;
|
|
|
|
}
|
|
#project-links {
|
|
right:30px;
|
|
color:#ccc;
|
|
font-weight:bold;
|
|
}
|
|
.nosidebar blockquote {
|
|
margin:1em 0;
|
|
}
|
|
.nosidebar p {
|
|
margin-bottom:1em;
|
|
}
|
|
li.root {
|
|
font-size:18px;
|
|
margin-bottom:24px;
|
|
}
|
|
li.child {
|
|
font-size:14px;
|
|
}
|
|
.nosidebar ul.projects {
|
|
margin:24px 0 0;
|
|
}
|
|
.nosidebar ul.projects ul {
|
|
margin:0;
|
|
}
|
|
ul.projects .description {
|
|
font-size:12px;
|
|
}
|
|
.nosidebar ul.projects li {
|
|
list-style:none outside none;
|
|
background: none;
|
|
}
|
|
.nosidebar ul.projects li .my-project {
|
|
padding:0 0 0 24px;
|
|
background:url(<%= asset_path 'fav.png' %>) no-repeat left top;
|
|
}
|
|
ul.projects a {
|
|
font-weight:bold;
|
|
}
|
|
ul.projects li div.root {
|
|
margin-bottom:12px;
|
|
}
|
|
.nosidebar ol li {
|
|
list-style: decimal outside none;
|
|
margin-left:24px;
|
|
}
|
|
.nosidebar ol, .nosidebar ul {
|
|
margin:0 0 12px 18px;
|
|
}
|
|
|
|
|
|
/*-------------------------------------------------------------------------------
|
|
* =07 - Behavior Styles
|
|
*
|
|
* This section defines the styles for handling behaviors - popups, flyouts, etc.
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.profile-wrap {
|
|
float:right;
|
|
position:relative;
|
|
width:42px;
|
|
height:42px;
|
|
top: 7px;
|
|
right: 14px;
|
|
}
|
|
.profile-box {
|
|
position:absolute;
|
|
right:0;
|
|
top:45px;
|
|
width:205px;
|
|
display:none;
|
|
z-index:10;
|
|
}
|
|
.issue .profile-box ul, .journal .profile-box ul {
|
|
background:url(<%= asset_path 'profile-arrow-up.png' %>) no-repeat 175px top;
|
|
position:relative;
|
|
z-index:11;
|
|
top:-8px;
|
|
padding-top:8px;
|
|
margin-bottom:-8px;
|
|
}
|
|
.journal .profile-box {
|
|
right:auto;
|
|
left:0;
|
|
}
|
|
.journal .profile-box ul {
|
|
background-position: 13px top;
|
|
}
|
|
.profile-box ul li {
|
|
border-top:1px solid #fff;
|
|
border-bottom:1px solid #ddd;
|
|
padding:5px 10px;
|
|
}
|
|
.profile-box ul li:first-child {
|
|
border-top:0;
|
|
}
|
|
.profile-box ul li:last-child {
|
|
border-bottom:0;
|
|
}
|
|
.profile-box .gravatar {
|
|
border:0;
|
|
float:left;
|
|
margin-right:6px;
|
|
}
|
|
|
|
/* file table hovers */
|
|
a.has-thumb img {
|
|
position:absolute;
|
|
display:none;
|
|
border:1px solid #a6c6cf;
|
|
padding:4px;
|
|
background:#fff;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
border-radius:3px;
|
|
|
|
}
|
|
a.has-thumb.active {
|
|
left:-10px;
|
|
background:url(<%= asset_path 'thumb-arrow-right.png' %>) no-repeat left center;
|
|
padding-left:10px;
|
|
margin-right:-10px;
|
|
}
|
|
|
|
td.issue div.issue-wrap-outer {
|
|
position:relative;
|
|
}
|
|
|
|
#context-menu {
|
|
position:absolute;
|
|
left:-7px;
|
|
top:-7px;
|
|
padding:6px;
|
|
z-index:21;
|
|
}
|
|
|
|
#context-menu ul {
|
|
width:140px;
|
|
position:absolute;
|
|
left:-7px;
|
|
z-index:20;
|
|
display:block;
|
|
/* From .menu */
|
|
background:#f4f4f4;
|
|
border:1px solid #afafaf;
|
|
|
|
}
|
|
#context-menu li {
|
|
padding:6px !important;
|
|
background-position:6px center;
|
|
background-repeat:no-repeat;
|
|
cursor:pointer;
|
|
/* From .menu */
|
|
border-top:1px solid #fff !important;
|
|
border-bottom:1px solid #ddd !important;
|
|
}
|
|
|
|
#context-menu li.folder div.submenu {
|
|
background:url(<%= asset_path 'arrow-right.png' %>) no-repeat right;
|
|
position: absolute;
|
|
height: 9px;
|
|
width: 7px;
|
|
top: 11px;
|
|
right: 6px;
|
|
}
|
|
#context-menu li.folder ul {
|
|
display:none;
|
|
left:140px;
|
|
top:-1px;
|
|
width:auto;
|
|
z-index:19;
|
|
}
|
|
#context-menu li li {
|
|
padding:6px 12px;
|
|
width:auto;
|
|
display:block;
|
|
white-space:nowrap;
|
|
}
|
|
#context-menu li:hover ul {
|
|
display:block;
|
|
}
|
|
|
|
/* table tooltips */
|
|
.js-tooltip {
|
|
position:absolute;
|
|
left:-30px;
|
|
z-index:20;
|
|
}
|
|
.js-tooltip-inner {
|
|
position:absolute;
|
|
bottom:5px;
|
|
padding:10px;
|
|
width:500px;
|
|
font-size:11px;
|
|
max-height:200px;
|
|
overflow:hidden;
|
|
z-index:15;
|
|
}
|
|
.js-tooltip .arrow {
|
|
width:16px;
|
|
height:12px;
|
|
position:absolute;
|
|
bottom:-6px;
|
|
left:76px;
|
|
z-index:16;
|
|
background:url(<%= asset_path 'tooltip-arrow.png' %>) no-repeat left top;
|
|
}
|
|
.js-tooltip .meta {
|
|
margin-top:20px;
|
|
overflow:hidden;
|
|
}
|
|
.js-tooltip .meta li {
|
|
float:left;
|
|
margin-right:30px;
|
|
}
|
|
.button-large ul {
|
|
position:absolute;
|
|
right:-1px;
|
|
top:20px;
|
|
z-index:5;
|
|
display:none;
|
|
}
|
|
.button-large ul li {
|
|
padding:0;
|
|
white-space:nowrap;
|
|
}
|
|
.title-bar .button-large ul li a {
|
|
background-image:none;
|
|
padding:6px 12px;
|
|
}
|
|
.title-bar .button-large ul li a:hover {
|
|
background-color:#fff;
|
|
}
|
|
|
|
/*-------------------------------------------------------------------------------
|
|
* =08 - Reusable Classes
|
|
*
|
|
* This section defines reusable classes for menus, etc.
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.menu li {
|
|
position:relative;
|
|
padding:6px;
|
|
}
|
|
.menu li:first-child {
|
|
border-top:0;
|
|
}
|
|
.menu li:last-child {
|
|
border-bottom:0;
|
|
}
|
|
.inline {
|
|
display: inline;
|
|
}
|
|
|
|
/*-------------------------------------------------------------------------------
|
|
* =11 - Appended from staging
|
|
------------------------------------------------------------------------------*/
|
|
/* tooltip fix */
|
|
form#issue-list {
|
|
display:block;
|
|
}
|
|
.js-tooltip, .js-tooltip-inner {width:100%;}
|
|
.js-tooltip-inner {
|
|
max-height:none;
|
|
}
|
|
.js-tooltip .issue-tooltip-description {
|
|
max-height:200px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
/* roadmap breathing */
|
|
#roadmap h3 {
|
|
margin:21px 0 12px;
|
|
}
|
|
div#roadmap fieldset.related-issues {
|
|
margin: 12px 0;
|
|
padding:6px 12px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
}
|
|
#roadmap fieldset legend {
|
|
font-style: italic;
|
|
}
|
|
|
|
tr.context-menu-selection td.priority {
|
|
background:none !important;
|
|
}
|
|
|
|
/* Blue dots killed */
|
|
.nosidebar ul li {
|
|
background:none;
|
|
list-style: disc outside none;
|
|
}
|
|
.nosidebar ul {
|
|
margin:12px 0 12px 18px;
|
|
}
|
|
|
|
ul.projects div.root a.project {
|
|
font-family:inherit;
|
|
}
|
|
#content #login-form table {
|
|
border:0 none;
|
|
background:none;
|
|
margin:0;
|
|
}
|
|
#content #login-form table tr:hover {
|
|
background:none;
|
|
}
|
|
#login-form table td, #login-form table th {
|
|
border:0 none;
|
|
}
|
|
|
|
/* tables don't all need border you know */
|
|
#relations table td, #relations table th {
|
|
border:0 none;
|
|
}
|
|
|
|
div.issue div#relations {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
/* sidebar cleanup */
|
|
#sidebar {
|
|
padding:10px 10px 2px 20px;
|
|
width:auto;
|
|
color:#333333;
|
|
font-weight:normal;
|
|
font-size:11px;
|
|
font-family:"Arial", Arial, sans-serif;
|
|
font-style:normal;
|
|
}
|
|
|
|
#sidebar h3 {
|
|
color:#333333;
|
|
font-weight:bold;
|
|
font-size:14px;
|
|
font-family:"Arial", Arial, sans-serif;
|
|
font-style:normal;
|
|
margin:0px;
|
|
padding:0px;
|
|
margin-top:20px;
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
div#sidebar > h3:first-child {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
#sidebar a, #sidebar a:link, #sidebar a:visited {
|
|
color: #6a0406;
|
|
font-weight:bold;
|
|
height:auto;
|
|
display:inline;
|
|
position:static;
|
|
font-style:normal;
|
|
line-height:1.5;
|
|
}
|
|
#sidebar a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
#sidebar input.button-small {
|
|
margin-top:6px;
|
|
}
|
|
#sidebar ul {border: none; overflow-x: hidden;}
|
|
#sidebar li {border: none; }
|
|
#sidebar li a {padding: 0px; }
|
|
|
|
#main-menu ul.menu_root li li a {
|
|
padding-left:30px;
|
|
padding-right:3px;
|
|
text-indent:-6px;
|
|
letter-spacing:-.01em;
|
|
}
|
|
#main-menu ul.menu_root li a.time-details, #main-menu ul.menu_root li a.overhead-time-details, #main-menu ul.menu_root li a.billable-time-details {
|
|
padding-left:40px;
|
|
background-position:12px 45%;
|
|
}
|
|
|
|
/* custom query page */
|
|
#content .box fieldset {
|
|
border:1px solid #ddd;
|
|
margin:18px 10px 6px;
|
|
padding:10px;
|
|
}
|
|
#content .box fieldset legend {
|
|
font-weight:bold;
|
|
}
|
|
.box fieldset li.filter {
|
|
padding-top:6px;
|
|
overflow:hidden;
|
|
}
|
|
.box fieldset select {
|
|
margin-right:6px;
|
|
}
|
|
.box fieldset #add_filter_select {
|
|
margin-bottom:6px;
|
|
}
|
|
.box li.filter label {
|
|
clear:left;
|
|
float:left;
|
|
width:170px;
|
|
}
|
|
fieldset#columns table {
|
|
width:auto;
|
|
}
|
|
fieldset#columns td {
|
|
border:0;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
/* Flash notices */
|
|
div.flash {
|
|
margin:0 0 10px;
|
|
border:1px solid;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
}
|
|
|
|
/* all kinds of wonderful tweaks */
|
|
|
|
.question pre {
|
|
color:#111;
|
|
}
|
|
.box p {
|
|
padding-top:5px;
|
|
padding-bottom:8px;
|
|
}
|
|
#content .box h3 {
|
|
margin-top:3px;
|
|
}
|
|
div.issue hr {
|
|
width:auto;
|
|
}
|
|
.question .wiki {
|
|
margin:0;
|
|
}
|
|
.wiki ol, .wiki ul {
|
|
margin-bottom:6px;
|
|
}
|
|
#content h3, #history h3 {
|
|
margin:12px 0 6px;
|
|
}
|
|
#content h2 + h3 {
|
|
margin-top:12px;
|
|
}
|
|
div.issue img.gravatar, #history img.gravatar {
|
|
float:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
p.author {
|
|
margin-bottom: 15px;
|
|
font-style:italic;
|
|
}
|
|
/* add filter select box on non-issue pages */
|
|
fieldset#filters div.add-filter {
|
|
text-align:left;
|
|
margin:0 0 6px 0;
|
|
}
|
|
.nosidebar #add_filter_select {
|
|
margin-bottom:6px;
|
|
}
|
|
.nosidebar .box fieldset {
|
|
line-height:1.5;
|
|
margin:0 0 12px 180px;
|
|
}
|
|
.nosidebar .box fieldset legend {
|
|
margin-bottom:6px;
|
|
}
|
|
.nosidebar fieldset ul li {
|
|
background:none;
|
|
}
|
|
.title-bar .add-filter.button-large {
|
|
background:none;
|
|
border:none;
|
|
}
|
|
.title-bar .contextual {
|
|
padding:0 0 0 12px;
|
|
position:absolute;
|
|
right:10px;
|
|
top:0;
|
|
margin:0;
|
|
}
|
|
.title-bar .contextual a.icon {
|
|
line-height:3.5;
|
|
margin-right:16px;
|
|
}
|
|
.title-bar .grouping {
|
|
padding:0 10px 10px;
|
|
}
|
|
.title-bar-extras ul {
|
|
border-bottom:none;
|
|
}
|
|
.extras-actions {
|
|
border-top:none;
|
|
}
|
|
.nosidebar fieldset ul {
|
|
margin-left:0;
|
|
}
|
|
.nosidebar ol.ui-sortable li {
|
|
list-style: none outside none;
|
|
}
|
|
tr.time-entry {
|
|
white-space:normal;
|
|
}
|
|
.meta td.priority {
|
|
background:none !important;
|
|
}
|
|
|
|
/*===== Replacement Images =====*/
|
|
|
|
.icon-edit, .title-bar .update a {
|
|
background-image:url(<%= asset_path 'edit.png' %>);
|
|
}
|
|
.icon-del {
|
|
background-image:url(<%= asset_path 'delete.png' %>);
|
|
}
|
|
.journal .contextual a[title=Edit] img {
|
|
display:none;
|
|
}
|
|
.journal .contextual a[title=Edit] {
|
|
background:url(<%= asset_path 'edit.png' %>) no-repeat;
|
|
}
|
|
|
|
|
|
/* -- New #main-menu toggle CSS */
|
|
#main-menu .toggle-follow {
|
|
position:absolute;
|
|
width:120px;
|
|
height:25px;
|
|
}
|
|
|
|
/* comments */
|
|
.wiki ol li {
|
|
list-style: decimal inside;
|
|
}
|
|
|
|
/* scm */
|
|
#content table .changeset td.id a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
/* issue updates */
|
|
#update form#issue-form .attributes p {
|
|
padding-bottom:5px;
|
|
}
|
|
#update fieldset .box {
|
|
padding:0;
|
|
border:0 none;
|
|
}
|
|
#update .tabular label {
|
|
width:140px;
|
|
margin-left:-147px;
|
|
}
|
|
#update .tabular p {
|
|
padding-left:140px;
|
|
}
|
|
|
|
/* Delete icon */
|
|
table.files a.icon-delete {
|
|
float:left;
|
|
padding:0;
|
|
display:block;
|
|
text-indent:-9999em;
|
|
width:16px;
|
|
height:16px;
|
|
background:url(<%= asset_path 'delete.png' %>) no-repeat 0 0;
|
|
margin-right:6px;
|
|
}
|
|
|
|
|
|
/* clearfix */
|
|
html > body #content:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
|
|
}
|
|
#content table.files .opt-desc {
|
|
width:45%;
|
|
}
|
|
|
|
/* member settings [pc] */
|
|
|
|
select#member_role_id {
|
|
width:75px;
|
|
}
|
|
|
|
/* fix for thumbnail jankiness */
|
|
a.has-thumb.active {
|
|
left:auto;
|
|
margin-left:-10px;
|
|
margin-right:0;
|
|
*left:-10px; /* IE6 & 7 hacks */
|
|
*margin-left:0;
|
|
}
|
|
a.has-thumb img {
|
|
z-index:1001;
|
|
}
|
|
|
|
/* max height on menus */
|
|
#context-menu li.assigned > ul {
|
|
max-height:250px;
|
|
overflow-x:hidden;
|
|
overflow-y:auto;
|
|
}
|
|
|
|
/* Make icons non repeating */
|
|
|
|
#more-menu.drop-down ul li a.projects { border-top:1px solid #555; }
|
|
|
|
/*************************************************************************
|
|
Additional wiki styles
|
|
*************************************************************************/
|
|
|
|
.button {
|
|
padding-left: .25em;
|
|
padding-right: .25em;
|
|
background:#507aaa;
|
|
color: white;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.wiki p.see-also, .wiki p.caution, .wiki p.important, .wiki p.info, .wiki p.tip, .wiki p.note,
|
|
.wiki span.see-also, .wiki span.caution, .wiki span.important, .wiki span.info, .wiki span.tip, .wiki span.note {
|
|
display: block;
|
|
margin-top: .5em;
|
|
margin-bottom: .5em;
|
|
|
|
padding: 4px 4px 4px 48px;
|
|
min-height: 33px;
|
|
}
|
|
.wiki p.smallsee-also, .wiki p.smallcaution, .wiki p.smallimportant, .wiki p.smallinfo, .wiki p.smalltip, .wiki p.smallnote,
|
|
.wiki span.smallsee-also, .wiki span.smallcaution, .wiki span.smallimportant, .wiki span.smallinfo, .wiki span.smalltip, .wiki span.smallnote {
|
|
display: block;
|
|
margin-top: .5em;
|
|
margin-bottom: .5em;
|
|
|
|
padding: 4px 4px 4px 34px;
|
|
min-height: 24px;
|
|
}
|
|
|
|
.wiki p.see-also, .wiki span.see-also {
|
|
background: url(<%= asset_path 'wiki_styles/see-also.png' %>) 4px 4px no-repeat #f5fffa;
|
|
border: 1px solid #AAB1AD;
|
|
}
|
|
.wiki p.smallsee-also, .wiki span.smallsee-also {
|
|
background: url(<%= asset_path 'wiki_styles/see-also_small.png' %>) 4px 4px no-repeat #f5fffa;
|
|
border: 1px solid #AAB1AD;
|
|
}
|
|
|
|
.wiki p.caution, .wiki span.caution {
|
|
background: url(<%= asset_path 'wiki_styles/caution.png' %>) 4px 6px no-repeat #f5fffa;
|
|
border: 1px solid #AAB1AD;
|
|
}
|
|
.wiki p.smallcaution, .wiki span.smallcaution {
|
|
background: url(<%= asset_path 'wiki_styles/caution_small.png' %>) 4px 4px no-repeat #f5fffa;
|
|
border: 1px solid #AAB1AD;
|
|
}
|
|
|
|
.wiki p.important, .wiki span.important {
|
|
background: url(<%= asset_path 'wiki_styles/important.png' %>) 4px 7px no-repeat #F0F8FF;
|
|
border: 1px solid #C1C8CF;
|
|
}
|
|
.wiki p.smallimportant, .wiki span.smallimportant {
|
|
background: url(<%= asset_path 'wiki_styles/important_small.png' %>) 4px 6px no-repeat #F0F8FF;
|
|
border: 1px solid #C1C8CF;
|
|
}
|
|
|
|
.wiki p.info, .wiki span.info {
|
|
background: url(<%= asset_path 'wiki_styles/info.png' %>) 4px 4px no-repeat #FFFFE0;
|
|
border: 1px solid #FFFF00;
|
|
}
|
|
.wiki p.smallinfo, .wiki span.smallinfo {
|
|
background: url(<%= asset_path 'wiki_styles/info_small.png' %>) 4px 4px no-repeat #FFFFE0;
|
|
border: 1px solid #FFFF00;
|
|
}
|
|
|
|
.wiki p.tip, .wiki span.tip {
|
|
background: url(<%= asset_path 'tip.png' %>) 4px 4px no-repeat;
|
|
border: 1px solid #C7CFCA;
|
|
}
|
|
.wiki p.smalltip, .wiki span.smalltip {
|
|
background: url(<%= asset_path 'wiki_styles/tip_small.png' %>) 4px 5px no-repeat #F5FFFA;
|
|
border: 1px solid #C7CFCA;
|
|
}
|
|
|
|
.wiki p.note, .wiki span.note {
|
|
background: url(<%= asset_path 'wiki_styles/note.png' %>) 6px 4px no-repeat #F5FFFA;
|
|
border: 1px solid #C7CFCA;
|
|
}
|
|
.wiki p.smallnote, .wiki span.smallnote {
|
|
background: url(<%= asset_path 'wiki_styles/note_small.png' %>) 5px 4px no-repeat #F5FFFA;
|
|
border: 1px solid #C7CFCA;
|
|
}
|
|
|
|
.reorder-icons img {
|
|
padding-right: 3px;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
|
|
/* Accessibility specific styles */
|
|
.hidden-for-sighted {
|
|
position:absolute;
|
|
left:-10000px;
|
|
top:auto;
|
|
width:1px;
|
|
height:1px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
/* Cut of text with '...' - working on all major browsers and IE6+
|
|
* not working for Firefox < 7 */
|
|
.ellipsis {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-o-text-overflow: ellipsis;
|
|
-ms-text-overflow: ellipsis;
|
|
}
|
|
|
|
label.label-with-input {
|
|
display: block;
|
|
white-space: nowrap;
|
|
zoom: 1;
|
|
margin-left: 0px;
|
|
float: none;
|
|
}
|
|
|
|
fieldset#attachments input, fieldset#attachments span.add_another_file {
|
|
zoom: 1;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#query_form_content {
|
|
padding-top: 10px;
|
|
}
|
|
#lower-title-bar div.contextual {
|
|
margin-top: -8px;
|
|
}
|
|
#lower-title-bar {
|
|
margin-top: 30px;
|
|
margin-left: 10px;
|
|
}
|
|
#watchers .contextual {
|
|
margin-top:0px;
|
|
}
|
|
div.description, div.issue_tree, div.relations {
|
|
padding-left: 3px;
|
|
}
|
|
div.box-actions {
|
|
float:right;
|
|
margin-right:16px;
|
|
z-index:500;
|
|
}
|
|
div.block-receiver div.mypage-box {
|
|
margin-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
div.block-receiver div.mypage-box div.box-actions {
|
|
margin-top: 5px;
|
|
}
|
|
h4.overview {
|
|
margin-bottom: 0px;
|
|
border: 0;
|
|
}
|
|
div.mypage-box p.summary {
|
|
font-style: normal;
|
|
}
|
|
div.mypage-box div.overview p.author {
|
|
margin-bottom: 7px;
|
|
}
|
|
#content .additional-information {
|
|
font-size: 11px;
|
|
}
|
|
div.issues.box > p, div.mypage-box p {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
div.news.box > p {
|
|
margin-top: -15px;
|
|
}
|
|
div.news {
|
|
margin-bottom: 30px;
|
|
}
|
|
div.overview {
|
|
padding:6px;
|
|
margin-bottom: 10px;
|
|
line-height:1.5em;
|
|
}
|
|
td.table-buttons {
|
|
vertical-align:middle;
|
|
}
|
|
select#available_columns {
|
|
margin-right: 0px;
|
|
}
|
|
.pages-hierarchy {
|
|
padding-left: 10px;
|
|
list-style-type: disc;
|
|
list-style-position: inside;
|
|
}
|
|
ul.action_menu_main {
|
|
float:right;
|
|
margin-top: 7px;
|
|
}
|
|
ul.action_menu_main > li {
|
|
float:left;
|
|
}
|
|
ul.action_menu_more > li {
|
|
padding-top: 5px;
|
|
}
|
|
ul.action_menu_more {
|
|
position: absolute;
|
|
top: 40px;
|
|
right: 25px;
|
|
z-index: 100;
|
|
|
|
padding: 10px;
|
|
padding-top: 5px;
|
|
|
|
background: white;
|
|
border: 1px solid #B7B7B7;
|
|
|
|
box-shadow: 1px 1px 2px #aaa;
|
|
}
|
|
#lower-title-bar ul.action_menu_more {
|
|
bottom: 0;
|
|
right: 0;
|
|
margin-bottom: 25px;
|
|
top: auto;
|
|
}
|
|
#lower-title-bar ul.action_menu_main > li.drop-down {
|
|
position: relative;
|
|
}
|
|
#toggle-project-menu {
|
|
height:15px;
|
|
width:184px;
|
|
border-bottom: 1px solid #DDD;
|
|
border-right: 1px solid #DDD;
|
|
background-color:#E9E9E9;
|
|
}
|
|
#toggle-project-menu:hover {
|
|
background-color: #D8D8D8;
|
|
}
|
|
#toggle-project-menu.show, #main-menu.hidden {
|
|
width:15px;
|
|
}
|
|
#content.hidden-navigation {
|
|
margin-left: 15px;
|
|
}
|
|
#main-menu #toggle-project-menu a.navigation-toggler {
|
|
position:relative;
|
|
float:right;
|
|
width:100%;
|
|
height:15px;
|
|
|
|
/* Arrow left */
|
|
background-image:url(<%= asset_path 'double_arrows_grey_white_sprite.png' %>);
|
|
background-position:148px -91px;
|
|
background-repeat:no-repeat;
|
|
}
|
|
#main-menu #toggle-project-menu.show a.navigation-toggler {
|
|
width:15px;
|
|
height:100%;
|
|
|
|
/* Arrow right */
|
|
background-image:url(<%= asset_path 'double_arrows_grey_white_sprite.png' %>);
|
|
background-position:-8px -200px;
|
|
background-repeat:no-repeat;
|
|
}
|
|
#main-menu #toggle-project-menu a.navigation-toggler:hover {
|
|
/* Arrow left white */
|
|
background-position:148px -58px;
|
|
background-repeat:no-repeat;
|
|
}
|
|
#main-menu #toggle-project-menu.show a.navigation-toggler:hover {
|
|
/* Arrow right white */
|
|
background-position:-39px -200px;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.navigate-left {
|
|
background: url(<%= asset_path 'double_arrow_left.png' %>) 0 1px no-repeat;
|
|
width:100%;
|
|
height:15px;
|
|
padding-left: 18px;
|
|
}
|
|
.navigate-right {
|
|
background: url(<%= asset_path 'double_arrow_right.png' %>) right 1px no-repeat;
|
|
width:100%;
|
|
height:15px;
|
|
padding-right: 18px;
|
|
}
|
|
#menu-sidebar.hidden {
|
|
display:none;
|
|
}
|
|
div#history div.journal div.wiki {
|
|
overflow:auto;
|
|
}
|
|
|
|
ul.breadcrumb {
|
|
list-style-image: url(<%= asset_path 'breadcrumb-list.png' %>);
|
|
list-style-position: inside;
|
|
width:10000px;
|
|
}
|
|
#top-menu ul.breadcrumb li.first-breadcrumb-element {
|
|
padding-left:0px;
|
|
}
|
|
#top-menu ul.breadcrumb li {
|
|
float:left;
|
|
padding-left: 6px;
|
|
}
|
|
#breadcrumb a {
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#breadcrumb a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#breadcrumb li.cutme {
|
|
max-width: 40px;
|
|
}
|
|
|
|
div#watchers{
|
|
margin-top:25px;
|
|
}
|
|
|
|
div#watchers > form > p {
|
|
margin-top:5px;
|
|
}
|
|
|
|
a > img.imgtag-icon {
|
|
float: left;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
#breadcrumb a.breadcrumb-project-title {
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
}
|
|
|
|
th.checkbox img {
|
|
margin-left: 3px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
p.buttons {
|
|
margin-left: 10px;
|
|
}
|
|
div.contextual > a.icon, p.buttons > a, ul.action_menu_main > li {
|
|
padding-right:10px;
|
|
}
|
|
strong.related-issues-heading {
|
|
display:block;
|
|
margin-top: 10px;
|
|
}
|
|
div.indent {
|
|
padding-left: 10px;
|
|
}
|
|
form.wiki_menu_item_form p {
|
|
padding-left: 0px;
|
|
}
|
|
form.wiki_menu_item_form label {
|
|
display: inline-block;
|
|
margin-bottom: 10px;
|
|
margin-left: 0px;
|
|
width: auto;
|
|
font-weight: bold;
|
|
}
|
|
|
|
form.wiki_menu_item_form select#parent_wiki_menu_item {
|
|
margin-left: 7px;
|
|
margin-top: -1px;
|
|
}
|
|
form.wiki_menu_item_form label#name_of_item {
|
|
float: left;
|
|
padding-left: 3px;
|
|
margin-right: 4px;
|
|
line-height: 21px;
|
|
}
|
|
form.wiki_menu_item_form label#with-select {
|
|
margin-left: 0px;
|
|
}
|
|
form.wiki_menu_item_form select#parent_wiki_menu_item_wiki_page {
|
|
margin-bottom: 10px;
|
|
}
|
|
form.wiki_menu_item_form p input {
|
|
}
|
|
form.wiki_menu_item_form fieldset#wiki_menu_item_setting {
|
|
margin-top: 10px;
|
|
}
|
|
form.wiki_menu_item_form p.name_of_item {
|
|
padding-top: 10px;
|
|
}
|
|
form.wiki_menu_item_form p.main_item {
|
|
padding-bottom: 0px;
|
|
}
|
|
form.wiki_menu_item_form p.wiki_menu_item_optional_links {
|
|
margin-left: 10px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
|
|
/* Open Project Design generated by theme-generator */
|
|
|
|
body {
|
|
color: #4b4b4b;
|
|
font-size: 12px;
|
|
}
|
|
|
|
content {
|
|
font-size: 12px;
|
|
}
|
|
/***** Layout *****/
|
|
|
|
#header {
|
|
background-color: white;
|
|
min-width: 1000px;
|
|
}
|
|
|
|
li a.help {
|
|
background-image: url(<%= asset_path 'question_mark_black_white_sprite.png' %>);
|
|
background-position: center -48px;
|
|
}
|
|
|
|
li a.help:hover {
|
|
background-image: url(<%= asset_path 'question_mark_black_white_sprite.png' %>);
|
|
background-position: center -13px;
|
|
}
|
|
|
|
#top-menu {
|
|
height: 83px;
|
|
background: #ECECEC;
|
|
}
|
|
|
|
#top-menu-items {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
#breadcrumb {
|
|
border-top: 3px solid #24b3e7 ;
|
|
border-bottom: 0px ;
|
|
background: -khtml-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E4E4E4)); /* Konqueror */
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E4E4E4)); /* Webkit (Chrome, Safari, ...) */
|
|
background: -moz-linear-gradient(top, #FFFFFF, #E4E4E4); /* Gecko (Firefox, ...) */
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E4E4E4'); /* IE 5.5 - 7 */
|
|
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E4E4E4'); /* IE 8 */
|
|
}
|
|
|
|
#header li > ul {
|
|
top: 29px;
|
|
}
|
|
|
|
#header {
|
|
height: '';
|
|
}
|
|
|
|
#logo {
|
|
background: url(<%= asset_path 'logo_openproject.png' %>) no-repeat 19px 8px;
|
|
width: 245px;
|
|
height: '';
|
|
}
|
|
|
|
li a.home {
|
|
background-image: url(<%= asset_path 'instanz_logo_grey.png' %>);
|
|
background-position: center center;
|
|
width: 35px;
|
|
}
|
|
|
|
li a.home:hover {
|
|
background-image: url(<%= asset_path 'instanz_logo_white.png' %>);
|
|
background-position: center center;
|
|
}
|
|
|
|
#header #search_wrap {
|
|
background: transparent url(<%= asset_path 'search.png' %>) no-repeat;
|
|
}
|
|
#header .search_field {
|
|
color: #4b4b4b;
|
|
}
|
|
|
|
#account-nav {
|
|
background: white;
|
|
display:block;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
|
|
filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
|
|
}
|
|
|
|
#account-nav li > a {
|
|
height: 30px;
|
|
line-height: 29px;
|
|
zoom: 1;
|
|
}
|
|
|
|
#account-nav > li.last-child {
|
|
border-right: 0px solid #e13c92;
|
|
}
|
|
|
|
#account-nav > li {
|
|
margin-left: 3px;
|
|
margin-right: 3px;
|
|
border-right: 0px solid #e13c92;
|
|
height: 26px;
|
|
margin-top: 17px;
|
|
-moz-border-radius-topleft:6px;
|
|
-moz-border-radius-topright:6px;
|
|
-webkit-border-top-left-radius:6px;
|
|
-webkit-border-top-right-radius:6px;
|
|
border-top-left-radius:6px;
|
|
border-top-right-radius:6px;
|
|
-moz-border-radius-bottomleft:0px;
|
|
-moz-border-radius-bottomright:0px;
|
|
-webkit-border-bottom-left-radius:0px;
|
|
-webkit-border-bottom-right-radius:0px;
|
|
border-bottom-left-radius:0px;
|
|
border-bottom-right-radius:0px;
|
|
|
|
/* Shadow definitions except IE - does not work while other filters are active */
|
|
-moz-box-shadow: 0px 0px 2px #888;
|
|
-webkit-box-shadow: 0px 0px 2px #888;
|
|
zoom: 1;
|
|
background: url(<%= asset_path 'topmenu_sprite.png' %>) repeat-x;
|
|
}
|
|
|
|
|
|
#header li > a {
|
|
height: 30px;
|
|
color: #222222;
|
|
}
|
|
|
|
#header li.drop-down > a {
|
|
padding-right: 35px;
|
|
}
|
|
|
|
#header li > a:hover {
|
|
background-color:transparent;
|
|
color: white;
|
|
}
|
|
|
|
|
|
#header li.drop-down.open {
|
|
color: white;
|
|
}
|
|
|
|
#account-nav > li:hover, #account-nav > li.drop-down.open {
|
|
background: url(<%= asset_path 'topmenu_sprite.png' %>) repeat-x;
|
|
background-position: 0px -28px;
|
|
}
|
|
|
|
|
|
#header li.drop-down > a:hover, #header li.drop-down > a {
|
|
background-image: url(<%= asset_path 'top_menu_arrow_black_white_sprite.png' %>);
|
|
background-position: right -10px;
|
|
background-color:transparent;
|
|
}
|
|
|
|
#header li.drop-down.open > a {
|
|
color: white;
|
|
background-image: url(<%= asset_path 'top_menu_arrow_black_white_sprite.png' %>);
|
|
background-color:transparent;
|
|
background-position: right -48px;
|
|
}
|
|
|
|
#header li.drop-down li > a:hover, #main-menu ul.menu-root li a.selected, #main-menu ul.menu-root li a:hover, #header .chzn-container .chzn-results .highlighted {
|
|
background-color: #24b3e7;
|
|
}
|
|
|
|
#header li.drop-down > ul {
|
|
-moz-box-shadow: 1px 1px 2px #aaa;
|
|
-webkit-box-shadow: 1px 1px 2px #aaa;
|
|
}
|
|
|
|
/***** Links *****/ /* TODO */
|
|
a, a:link, a:visited, input.input-as-link {
|
|
color: #008BD0;
|
|
}
|
|
a:hover, a:active {
|
|
color: #008BD0;
|
|
}
|
|
|
|
input.input-as-link {
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
a.sort.asc {
|
|
background-image: url(<%= asset_path 'sort_asc.png' %>);
|
|
}
|
|
|
|
a.sort.desc {
|
|
background-image: url(<%= asset_path 'sort_desc.png' %>);
|
|
}
|
|
|
|
#content #history {
|
|
background:url(<%= asset_path 'dotted-separator.gif' %>) repeat-x scroll 0 bottom transparent;
|
|
padding-bottom: 11px;
|
|
}
|
|
|
|
#history .journal, #content .wiki-content p, #content .wiki-content li {
|
|
width: 700px;
|
|
}
|
|
|
|
#history .journal {
|
|
background:url(<%= asset_path 'dotted-separator.gif' %>) repeat-x scroll 0 0 transparent;
|
|
}
|
|
|
|
.my-project {
|
|
background: url(<%= asset_path 'fav.png' %>) no-repeat 0 50%;
|
|
}
|
|
|
|
|
|
.required {color: #008BD0;} /* changed to Siemens red! */
|
|
|
|
/***** Flash & error messages ****/
|
|
|
|
|
|
div.flash {
|
|
margin-top: 0;
|
|
}
|
|
|
|
div.flash.error, #errorExplanation {
|
|
background: #FAAA96 url(<%= asset_path 'error.png' %>) 8px 50% no-repeat;
|
|
border: none;
|
|
color: #000000;
|
|
}
|
|
|
|
#errorExplanation {
|
|
background-position: 12px 50%;
|
|
}
|
|
|
|
div.flash.notice {
|
|
background: #C8F0BE url(<%= asset_path 'check.png' %>) 11px 6px no-repeat;
|
|
border: none;
|
|
color: #000000;
|
|
}
|
|
|
|
div.flash.warning { /* orange */
|
|
background: #FFC38C url(<%= asset_path 'warning.png' %>) 9px 5px no-repeat;
|
|
border: none;
|
|
color: #000000;
|
|
text-align: left;
|
|
}
|
|
|
|
.nodata, .warning { /* softer orange?? */
|
|
background-color: #FFD7B4;
|
|
border: none;
|
|
color: #000000;
|
|
}
|
|
|
|
/***** Icons *****/
|
|
|
|
|
|
.icon {
|
|
background-position: 0px 1px;
|
|
}
|
|
|
|
a.icon, input.input-as-link {
|
|
color: #4b4b4b;
|
|
font-weight: normal;
|
|
}
|
|
a.icon:hover, input.input-as-link:hover {
|
|
color: #008BD0;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.icon-time {
|
|
background-image: url(<%= asset_path 'time.png' %>);
|
|
background-position: 3px 2px;
|
|
}
|
|
|
|
.icon-lock {
|
|
background-image: url(<%= asset_path 'locked.png' %>);
|
|
background-position: 0px 2px;
|
|
}
|
|
|
|
.icon-edit {
|
|
background-image: url(<%= asset_path 'edit.png' %>);
|
|
padding-top: 1px;
|
|
}
|
|
.icon-copy { background-image: url(<%= asset_path 'copy.png' %>); }
|
|
.icon-del {
|
|
background-image: url(<%= asset_path 'delete.png' %>);
|
|
/*padding-left: 16px; */
|
|
background-position: 0px 2px;
|
|
}
|
|
.icon-fav { background-image: url(<%= asset_path 'watch.png' %>); }
|
|
.icon-fav-off { background-image: url(<%= asset_path 'watch_b.png' %>); }
|
|
.icon-reload {
|
|
background-position: 0px 3px;
|
|
}
|
|
.icon-checked {
|
|
background-position: 0px 4px;
|
|
}
|
|
.icon-notification { background-image: url(<%= asset_path 'envelope.png' %>); }
|
|
.icon-package { background-position: 1px 0px; }
|
|
.icon-more {
|
|
background-image: url(<%= asset_path 'arrow-down_2.png' %>);
|
|
padding-left: 16px;
|
|
background-position: 0px 5px;
|
|
}
|
|
.icon-save {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.icon-cancel {
|
|
background-image: url(<%= asset_path 'cancel.png' %>);
|
|
background-position: 0px 2px;
|
|
}
|
|
|
|
a.atom {
|
|
background-image: url(<%= asset_path 'feed.png' %>);
|
|
background-repeat: no-repeat;
|
|
padding: 1px 0 1px 14px;
|
|
}
|
|
|
|
/* Disable the css-override for the edit links in issue journals */
|
|
.journal .contextual a[title=Edit] {background: none;}
|
|
.journal .contextual a[title=Edit] img {display: inline;}
|
|
|
|
/***** Ajax indicator ******/
|
|
#ajax-indicator {
|
|
position: absolute; /* fixed not supported by IE */
|
|
background-color:#d9d9d9;
|
|
border: 1px solid #8f8f8f;
|
|
top:35%;
|
|
left:40%;
|
|
width:20%;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
padding:0.6em;
|
|
z-index:100;
|
|
filter:alpha(opacity=70);
|
|
opacity: 0.7;
|
|
}
|
|
|
|
|
|
/*Gannt chart fix IE 6*/
|
|
.task {
|
|
line-height: 1em;
|
|
}
|
|
|
|
/*Cost-Plugin specific styles*/
|
|
.icon-pieces {
|
|
background-image: url(<%= asset_path 'units.png' %>) !important;
|
|
}
|
|
|
|
.icon-pieces-time {
|
|
background-image: url(<%= asset_path 'time.png' %>) !important;
|
|
}
|
|
|
|
#main-menu ul.menu-root li li a {
|
|
overflow:hidden;
|
|
}
|
|
#sidebar {
|
|
padding:10px 10px 2px 20px;
|
|
width:auto;
|
|
color:#4b4b4b;
|
|
font-weight:normal;
|
|
font-size:12px;
|
|
font-style:normal;
|
|
}
|
|
#sidebar h3 {
|
|
color:#4b4b4b;
|
|
font-weight:bold;
|
|
font-style:normal;
|
|
padding:0px;
|
|
margin-bottom:8px;
|
|
}
|
|
#sidebar a, #sidebar a:link, #sidebar a:visited {
|
|
color: #008BD0;
|
|
font-weight:bold;
|
|
height:auto;
|
|
display:inline;
|
|
position:static;
|
|
font-size:12px;
|
|
font-style:normal;
|
|
line-height:1.5;
|
|
}
|
|
#sidebar a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
#sidebar input.button-small {
|
|
margin-top:6px;
|
|
}
|
|
#sidebar ul {border: none; overflow-x: hidden;}
|
|
#sidebar li {border: none; }
|
|
#sidebar li a {padding: 0px; }
|
|
body.theme-Bsp .buttons .apply,
|
|
body.theme-Dtag .buttons .apply {
|
|
background-color: #24b3e7;
|
|
}
|
|
#content table.issues td, #content table th{
|
|
border: 0px;
|
|
}
|
|
.title-bar .title-bar-actions .contextual a.icon:hover {
|
|
color: #008BD0;
|
|
}
|
|
#header li.drop-down li > a:hover, #main-menu ul.menu_root li a.selected, #main-menu ul.menu_root li a:hover {
|
|
background-color: #24b3e7;
|
|
}
|
|
#content table th a:hover {
|
|
color: #008BD0;
|
|
}
|
|
input::-webkit-input-placeholder {
|
|
color: #000000;
|
|
}
|
|
:-moz-placeholder {
|
|
color: #000000;
|
|
}
|
|
|