obsolete.ChilliProject/public/stylesheets/application.css

2431 lines
65 KiB
CSS
Raw Normal View History

html {overflow-y:scroll;}
body { font-family: Verdana, sans-serif; font-size: 12px; margin: 0; padding: 0; min-width: 900px; }
h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
h1 {margin:0; padding:0; font-size: 24px;}
h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; }
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: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb;}
/***** Layout *****/
#wrapper {background: none;}
#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 a {color: #444; margin-right: 0px; font-weight: bold;}
#top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
#account {float:none;}
#quick-search {float:right;}
#main-menu {position: absolute; bottom: auto; left:6px; margin-right: -500px;}
#main-menu ul {margin: 0; padding: 0;}
#main-menu li {
float: none;
list-style-type:none;
margin: 0px;
padding: 0px 0px 0px 0px;
white-space:nowrap;
}
#main-menu li a {
display: block;
2011-08-05 23:09:16 +04:00
color: #555;
text-decoration: none;
font-weight: normal;
background: none;
margin: 0;
padding: 0 0 0 24px;
}
2011-08-05 23:09:16 +04:00
#main-menu li a:hover {color:#555; text-decoration: none;}
2011-08-05 21:22:54 +04:00
#main-menu #admin-menu ul {margin: 0; padding: 0;}
#main-menu #admin-menu li {margin: 0; padding: 0 0 0 0; list-style-type:none;}
2011-08-05 21:41:29 +04:00
#main-menu #admin-menu a { background-position: 6px center; padding-left: 20px; padding-top: 2px; padding-bottom: 3px; line-height: 30px;}
/* Menu icons */
#main-menu li a.overview { background: url(../images/fugue/document-text-image.png) 6px center no-repeat; }
#main-menu li a.activity { background: url(../images/fugue/lightning.png) 6px center no-repeat; }
#main-menu li a.roadmap { background: url(../images/fugue/map-pin.png) 6px center no-repeat; }
#main-menu li a.issues { background: url(../images/fugue/ticket.png) 6px center no-repeat; }
#main-menu li a.new-issue { background: url(../images/fugue/ticket--plus.png) 6px center no-repeat; }
#main-menu li a.news { background: url(../images/fugue/newspaper.png) 6px center no-repeat; }
#main-menu li a.documents { background: url(../images/fugue/documents-text.png) 6px center no-repeat; }
#main-menu li a.wiki { background: url(../images/fugue/document-horizontal-text.png) 6px center no-repeat; }
#main-menu li a.boards { background: url(../images/fugue/balloons.png) 6px center no-repeat; }
#main-menu li a.files { background: url(../images/fugue/document-zipper.png) 6px center no-repeat; }
#main-menu li a.repository { background: url(../images/fugue/safe.png) 6px center no-repeat; }
#main-menu li a.settings { background: url(../images/fugue/equalizer.png) 6px center no-repeat; }
2011-08-05 21:41:29 +04:00
2011-08-05 21:22:54 +04:00
#main-menu #admin-menu a.projects { background-image: url(../images/projects.png); }
#main-menu #admin-menu a.users { background-image: url(../images/user.png); }
#main-menu #admin-menu a.groups { background-image: url(../images/group.png); }
#main-menu #admin-menu a.roles { background-image: url(../images/database_key.png); }
#main-menu #admin-menu a.trackers { background-image: url(../images/ticket.png); }
#main-menu #admin-menu a.issue_statuses { background-image: url(../images/ticket_edit.png); }
#main-menu #admin-menu a.workflows { background-image: url(../images/ticket_go.png); }
#main-menu #admin-menu a.custom_fields { background-image: url(../images/textfield.png); }
#main-menu #admin-menu a.enumerations { background-image: url(../images/text_list_bullets.png); }
#main-menu #admin-menu a.settings { background-image: url(../images/changeset.png); }
#main-menu #admin-menu a.plugins { background-image: url(../images/plugin.png); }
#main-menu #admin-menu a.info { background-image: url(../images/help.png); }
#main-menu #admin-menu a.server_authentication { background-image: url(../images/server_key.png); }
#sidebar{ float: none; min-height: 0px; width: 100%; position: static; z-index: 9; padding: 0; margin: 0;}
* html #sidebar{ width: 22%; }
#sidebar h3{ font-size: 14px; margin-top:14px; }
#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
#sidebar .contextual { margin-right: 1em; }
#content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
* html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
html>body #content { min-height: 600px; }
* html body #content { height: 600px; } /* IE */
#main.nosidebar #sidebar{ display: none; }
#main.nosidebar #content{ width: auto; border-right: 0; }
2011-03-06 06:19:18 +03:00
#footer {clear: both; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center;}
#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(../images/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{ text-decoration: none; }
a:hover, a:active{ text-decoration: underline;}
a img{ border: 0; }
a.issue.closed, a.issue.closed:link, a.issue.closed:visited { color: #999; text-decoration: line-through; }
/***** Tables *****/
table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
table.list th { background-color:#EEEEEE; 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(../images/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 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(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
tr.issue.idnt-1 td.subject {padding-left: 0.5em;}
tr.issue.idnt-2 td.subject {padding-left: 2em;}
tr.issue.idnt-3 td.subject {padding-left: 3.5em;}
tr.issue.idnt-4 td.subject {padding-left: 5em;}
tr.issue.idnt-5 td.subject {padding-left: 6.5em;}
tr.issue.idnt-6 td.subject {padding-left: 8em;}
tr.issue.idnt-7 td.subject {padding-left: 9.5em;}
tr.issue.idnt-8 td.subject {padding-left: 11em;}
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(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
tr.open span.expander {background-image: url(../images/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.subject { padding-left: 20px; }
tr.message td.created_on { white-space: nowrap; }
tr.message td.last_message { font-size: 80%; white-space: nowrap; }
tr.message.locked td.subject { background: url(../images/locked.png) no-repeat 0 1px; }
tr.message.sticky td.subject { background: url(../images/bullet_go.png) no-repeat 0 1px; font-weight: bold; }
tr.version.closed, tr.version.closed a { color: #999; }
tr.version td.name { padding-left: 20px; }
tr.version.shared td.name { background: url(../images/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(../images/sort_asc.png); }
a.sort.desc { background-image: url(../images/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(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
td.center {text-align:center;}
h3.version { background: url(../images/package.png) no-repeat 0% 50%; padding-left: 20px; }
div.issues h3 { background: url(../images/ticket.png) no-repeat 0% 50%; padding-left: 20px; }
div.members h3 { background: url(../images/group.png) no-repeat 0% 50%; padding-left: 20px; }
div.news h3 { background: url(../images/news.png) no-repeat 0% 50%; padding-left: 20px; }
div.projects h3 { background: url(../images/projects.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;}
#watchers select {width: 95%; display: block;}
#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:5px; padding-left: 10px; font-size:0.9em;}
.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;}
acronym { border-bottom: 1px dotted; cursor: help; }
textarea.wiki-edit { width: 99%; }
li p {margin-top: 0;}
div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
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; }
div.issue div.subject h3 {margin: 0; margin-bottom: 0.1em;}
#issue_tree table.issues { border: 0; }
#issue_tree td.checkbox {display:none;}
fieldset.collapsible { border-width: 1px 0 0 0; font-size: 0.9em; }
fieldset.collapsible.borders { border-width: 1px; }
fieldset.collapsible.collapsed.borders { border-width: 1px 0 0 0; }
fieldset.collapsible legend { padding-left: 16px; background: url(../images/arrow_expanded.png) no-repeat 0% 40%; cursor:pointer; }
fieldset.collapsible.collapsed legend { background-image: url(../images/arrow_collapsed.png); }
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 { font-size: 0.9em; margin-bottom: 1.4em; margin-top: 1em; }
div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
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(../images/ticket.png); }
dt.issue-edit { background-image: url(../images/ticket_edit.png); }
dt.issue-closed { background-image: url(../images/ticket_checked.png); }
dt.issue-note { background-image: url(../images/ticket_note.png); }
dt.changeset { background-image: url(../images/changeset.png); }
dt.news { background-image: url(../images/news.png); }
dt.message { background-image: url(../images/message.png); }
dt.reply { background-image: url(../images/comments.png); }
dt.wiki-page { background-image: url(../images/wiki_edit.png); }
dt.attachment { background-image: url(../images/attachment.png); }
dt.document { background-image: url(../images/document.png); }
dt.project { background-image: url(../images/projects.png); }
dt.time-entry { background-image: url(../images/time.png); }
#search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }
2011-07-09 02:04:11 +04:00
.search-pagination { text-align: center; }
.search-pagination a {padding: 0 5px; }
div#roadmap .related-issues { 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: #777; }
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; }
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: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
.my-project { padding-left: 18px; background: url(../images/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: #777;}
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{
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;
}
2011-10-29 16:28:51 +04:00
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(../images/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;}
#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 { text-align: right; font-size:0.9em; color: #666; }
.other-formats span + span:before { content: "| "; }
a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
/* 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-members fieldset legend, div#tab-content-memberships fieldset legend, div#tab-content-users fieldset legend { 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; }
table.members td.group { padding-left: 20px; background: url(../images/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;
font-size: 1.1em;
border: 2px solid;
}
div.flash {margin-top: 8px;}
div.flash.error, #errorExplanation {
background: url(../images/exclamation.png) 8px 50% no-repeat;
background-color: #ffe3e3;
border-color: #dd0000;
color: #880000;
}
div.flash.notice {
background: url(../images/true.png) 8px 5px no-repeat;
background-color: #dfffdf;
border-color: #9fcf9f;
color: #005f00;
}
div.flash.warning {
background: url(../images/warning.png) 8px 5px no-repeat;
background-color: #FFEBC1;
border-color: #FDBF3B;
color: #A6750C;
text-align: left;
}
.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 {
background-position: 0% 40%;
background-repeat: no-repeat;
background-image: url(../images/loading.gif);
padding-left: 26px;
vertical-align: bottom;
}
/***** 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(../images/bullet_go.png) no-repeat -1px -2px; padding-left:16px;}
table.cal .ending a, p.cal.legend .ending {background: url(../images/bullet_end.png) no-repeat -1px -2px; padding-left:16px;}
table.cal .starting.ending a, p.cal.legend .starting.ending {background: url(../images/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{z-index:25;color:#000;}
.tooltip span.tip{display: none; text-align:left;}
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 *****/
table.progress {
border: 1px solid #D7D7D7;
border-collapse: collapse;
border-spacing: 0pt;
empty-cells: show;
text-align: center;
float:left;
margin: 1px 6px 1px 0px;
}
table.progress td { height: 0.9em; }
table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
table.progress td.done { background: #DEF0DE none repeat scroll 0%; }
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 {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
#content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:1em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
#content .tabs ul li {
float:left;
list-style-type:none;
white-space:nowrap;
margin-right:8px;
background:#fff;
position:relative;
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:#777;
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(../images/bullet_arrow_left.png) no-repeat 50% 50%;
}
button.tab-right {
right: 0;
background: #eeeeee url(../images/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 *****/
.diff_out { background: #fcc; }
.diff_out span { background: #faa; }
.diff_in { background: #cfc; }
.diff_in span { background: #afa; }
.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(../images/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 {
background-color: #ffffdd;
border: 1px solid #e4e4e4;
padding: 4px;
line-height: 1.2em;
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 ul.toc a {
font-weight: normal;
text-decoration: none;
color: #606060;
}
div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
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:0 0 20px 0;
color:#505050;
line-height:1.5em;
}
.handle {
cursor: move;
}
a.close-icon {
display:block;
margin-top:3px;
overflow:hidden;
width:12px;
height:12px;
background-repeat: no-repeat;
cursor:pointer;
background-image:url('../images/close.png');
}
a.close-icon:hover {
background-image:url('../images/close_hl.png');
}
/***** Gantt chart *****/
.gantt_hdr {
position:absolute;
top:0;
height:16px;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
text-align: center;
overflow: hidden;
}
.gantt_subjects { font-size: 0.8em; }
.gantt_subjects div { line-height:16px;height:16px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; }
.task {
position: absolute;
height:8px;
font-size:0.8em;
color:#888;
padding:0;
margin:0;
line-height:16px;
white-space:nowrap;
}
.task.label {width:100%;}
.task.label.project, .task.label.version { font-weight: bold; }
.task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
.task_done { background:#00c600 url(../images/task_done.png); border: 1px solid #00c600; }
.task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
.task_todo.parent { background: #888; border: 1px solid #888; height: 3px;}
.task_late.parent, .task_done.parent { height: 3px;}
.task.parent.marker.starting { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; left: 0px; top: -1px;}
.task.parent.marker.ending { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; right: 0px; top: -1px;}
.version.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
.version.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
.version.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
.version.marker { background-image:url(../images/version_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
.project.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
.project.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
.project.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
.project.marker { background-image:url(../images/project_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
.version-behind-schedule a, .issue-behind-schedule a {color: #f66914;}
.version-overdue a, .issue-overdue a, .project-overdue a {color: #f00;}
/***** Icons *****/
.icon {
background-position: 0% 50%;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 2px;
padding-bottom: 3px;
}
.icon-add { background-image: url(../images/add.png); }
.icon-edit { background-image: url(../images/edit.png); }
.icon-copy { background-image: url(../images/copy.png); }
.icon-duplicate { background-image: url(../images/duplicate.png); }
.icon-del { background-image: url(../images/delete.png); }
.icon-move { background-image: url(../images/move.png); }
.icon-save { background-image: url(../images/save.png); }
.icon-cancel { background-image: url(../images/cancel.png); }
.icon-multiple { background-image: url(../images/table_multiple.png); }
.icon-folder { background-image: url(../images/folder.png); }
.open .icon-folder { background-image: url(../images/folder_open.png); }
.icon-package { background-image: url(../images/package.png); }
.icon-user { background-image: url(../images/user.png); }
.icon-projects { background-image: url(../images/projects.png); }
.icon-help { background-image: url(../images/help.png); }
.icon-attachment { background-image: url(../images/attachment.png); }
.icon-history { background-image: url(../images/history.png); }
.icon-time { background-image: url(../images/time.png); }
.icon-time-add { background-image: url(../images/time_add.png); }
.icon-stats { background-image: url(../images/stats.png); }
.icon-warning { background-image: url(../images/warning.png); }
.icon-fav { background-image: url(../images/fav.png); }
.icon-fav-off { background-image: url(../images/fav_off.png); }
.icon-reload { background-image: url(../images/reload.png); }
.icon-lock { background-image: url(../images/locked.png); }
.icon-unlock { background-image: url(../images/unlock.png); }
.icon-checked { background-image: url(../images/true.png); }
.icon-details { background-image: url(../images/zoom_in.png); }
.icon-report { background-image: url(../images/report.png); }
.icon-comment { background-image: url(../images/comment.png); }
.icon-summary { background-image: url(../images/lightning.png); }
.icon-server-authentication { background-image: url(../images/server_key.png); }
.icon-issue { background-image: url(../images/ticket.png); }
.icon-zoom-in { background-image: url(../images/zoom_in.png); }
.icon-zoom-out { background-image: url(../images/zoom_out.png); }
.icon-file { background-image: url(../images/files/default.png); }
.icon-file.text-plain { background-image: url(../images/files/text.png); }
.icon-file.text-x-c { background-image: url(../images/files/c.png); }
.icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); }
.icon-file.text-x-php { background-image: url(../images/files/php.png); }
.icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); }
.icon-file.text-xml { background-image: url(../images/files/xml.png); }
.icon-file.image-gif { background-image: url(../images/files/image.png); }
.icon-file.image-jpeg { background-image: url(../images/files/image.png); }
.icon-file.image-png { background-image: url(../images/files/image.png); }
.icon-file.image-tiff { background-image: url(../images/files/image.png); }
.icon-file.application-pdf { background-image: url(../images/files/pdf.png); }
.icon-file.application-zip { background-image: url(../images/files/zip.png); }
.icon-file.application-x-gzip { background-image: url(../images/files/zip.png); }
img.gravatar {
padding: 2px;
border: solid 1px #d5d5d5;
background: #fff;
}
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 {
padding: 3px;
margin: -2px 4px -4px 0;
vertical-align: top;
}
h4 img.gravatar {
padding: 3px;
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 12px/1.5 'lucida grande','lucida sans unicode',tahoma,arial,sans-serif;
2011-08-05 23:09:16 +04:00
background:#f3f3f3;
color:#333;
}
h1,h2,h3,h4,h5,h6 {
font-weight:bold;
}
h1 {
font-size:21px;
}
h2 {
font-size:18px;
}
h3 {
font-size:16px;
font-weight:normal;
margin-bottom:16px;
}
h4 {
font-size:14px;
margin-bottom:16px;
}
h5 {
font-size:12px;
text-transform: uppercase;
margin-bottom:18px;
}
a {
2011-08-05 23:09:16 +04:00
color:#8C8C8C;
text-decoration:none;
}
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 {
2011-08-05 23:09:16 +04:00
background: #F3F3F3 url(../images/logo.png) no-repeat 24px bottom;
height: 88px;
position:relative;
}
#top-menu.open { /*IE 6-7 z-index stacking issue*/
z-index:5;
}
#account {
2011-08-05 23:09:16 +04:00
background: #FFFFFF url(../images/logo.png) no-repeat 24px 15px;
height:67px;
2011-08-05 23:09:16 +04:00
border-bottom:1px solid #FF4719;
}
#account ul {
float:right;
font-size:11px;
border:1px solid #444;
border-top:0;
-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;
height:22px;
2011-08-05 23:09:16 +04:00
color:#000000;
background:#DDDDDD;}
}
#account ul#account-info {
margin-right:15px;
}
#account ul#account-nav {
margin-right:6px;
}
#account li {
float:left;
border-left:1px solid #444;
padding:2px 9px 3px;
position:relative;
z-index:5;
}
#account li:first-child {
border:0;
}
#account li a {
text-decoration:none;
2011-08-05 23:09:16 +04:00
color:#444;
height:17px;
}
#account li.drop-down a {
background:url(../images/arrow-down-white.png) no-repeat right center;
padding-right:24px;
}
#account-nav li{
padding:0;
}
#account-nav li a {
display:block;
padding:2px 9px 3px;
}
#account .search {
text-indent:-9999em;
width:17px;
background-image:url(../images/search.png);
background-repeat:no-repeat;
background-position:center center;
}
#account li.open a {
position:relative;
top:0px;
z-index:21;
}
2011-08-05 23:09:16 +04:00
#account-nav li a:hover, #account li li a:hover {
background-color:#DDDDDD;
}
#account li ul {
display:none;
position:absolute;
border-top:1px solid #555;
top:22px;
height:auto;
left:-1px;
z-index:20;
-moz-box-shadow:1px 1px 3px rgba(0,0,0,.3);
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.3);
box-shadow:1px 1px 3px rgba(0,0,0,.3);
}
#account li li {
float:none;
white-space:nowrap;
border-style:solid;
border-width:1px 0;
}
#account li li:first-child {
border-bottom:1px solid #1D5D6E;
}
#account li li:last-child {
border-bottom:0;
}
#account li.drop-down li a {
padding:5px 9px;
background:none;
position:static;
}
#nav-search {
display:none;
position:absolute;
right:-1px;
top:23px;
border:1px solid #194E60;
border-top:0;
-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: #DDDDDD;
/* CSS3 gradient from #444444, #DDDDDD, #F3F3F3 */
background-image: linear-gradient(bottom, rgb(68,68,68) 46%, rgb(221,221,221) 73%, rgb(243,243,243) 87%);
background-image: -o-linear-gradient(bottom, rgb(68,68,68) 46%, rgb(221,221,221) 73%, rgb(243,243,243) 87%);
background-image: -moz-linear-gradient(bottom, rgb(68,68,68) 46%, rgb(221,221,221) 73%, rgb(243,243,243) 87%);
background-image: -webkit-linear-gradient(bottom, rgb(68,68,68) 46%, rgb(221,221,221) 73%, rgb(243,243,243) 87%);
background-image: -ms-linear-gradient(bottom, rgb(68,68,68) 46%, rgb(221,221,221) 73%, rgb(243,243,243) 87%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.46, rgb(68,68,68)),
color-stop(0.73, rgb(221,221,221)),
color-stop(0.87, rgb(243,243,243))
);
}
#nav-search input {
margin:5px 5px;
width:94%;
}
/*-------------------------------------------------------------------------------
* =02 - Main Menu
*
* This section includes the layout and styles for the left navigation column.
------------------------------------------------------------------------------*/
#main-menu {
width:185px;
position:absolute;
margin:10px 0 0;
left:0;
}
#main-menu ul {
border-top:1px solid #ddd;
border-bottom:1px solid #fff;
}
#main-menu ul ul {
font-size:11px;
display:none;
border-top:2px solid #aaa;
border-bottom-color:#ddd;
background-color:#eee;
}
#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 li {
border-top:1px solid #fff;
border-bottom:1px solid #ddd;
position:relative;
}
#main-menu li li {
border:0;
}
#main-menu li li li {
padding:0;
width:100%;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #FFFFFF;
}
#main-menu li li li:first-child {
border-top:0;
}
#main-menu a {
text-decoration:none;
line-height:2.5;
padding-left:24px;
display:block;
position:relative;
}
#main-menu a.selected {
2011-08-05 21:41:29 +04:00
background-color:#fff !important;
}
#main-menu li li a {
padding-left:34px;
}
#main-menu li li.current a {
font-weight:bold;
}
#main-menu li li a span {
font-weight:normal;
color:#999;
float:right;
padding-right:9px;
}
#main-menu li li li a span {
padding:0;
}
#main-menu a:hover, #main-menu a.open:hover, #main-menu li a.selected:hover {
background-color:#fafafa !important;
}
#main-menu .toggler {
display:block;
position:absolute;
right:6px;
top:10px;
background:url(../images/arrow-right.png) no-repeat left top;
width:9px;
height:9px;
}
#main-menu .open .toggler {
background-image:url(../images/arrow-down.png);
}
#main-menu li li .toggler {
display:none;
}
#main-menu li li li a {
padding:0 12px;
}
#main-menu li li ul.profile-box li {
padding:6px 12px;
}
#main-menu li li ul.profile-box li a {
display:inline;
padding:0;
color:#226D81;
line-height:1.5;
}
#main-menu li li ul.profile-box li a:hover {
text-decoration:underline;
}
/* Mimic ".icon .icon-time" */
#main-menu li a.time-details, #main-menu li a.billable-time-details, #main-menu li a.overhead-time-details { background-image:url(../../../images/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.
------------------------------------------------------------------------------*/
2011-08-05 23:09:16 +04:00
#main {background:#f3f3f3;}
#footer { color: #aaa; }
h1.title {
margin:12px 24px 9px;
}
#content {
margin:0 15px 10px 185px;
padding:10px;
font-size:11px;
width: auto;
}
#content .title-bar {
2011-08-05 23:09:16 +04:00
background: #DDD;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
position:relative;
margin-bottom:10px;
}
.title-bar h2 {
padding:9px 100px 9px 12px;
2011-08-05 23:09:16 +04:00
color:#000;
font-weight:normal;
font-size:14px;
font-weight:bold;
}
.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;
text-decoration:none;
display:block;
color:#333;
}
.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(../images/add.png) no-repeat 6px center;
padding-left:26px;
}
.title-bar-extras {
-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;
2011-08-05 23:09:16 +04:00
background-color:#EEE;
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;
2011-08-05 23:09:16 +04:00
color:#000;
padding-left:18px;
margin-right:10px;
cursor:pointer;
font-family:inherit;
font-size:11px;
}
input.apply {
background-image:url(../images/check.png);
}
input.clear {
background-image:url(../images/refresh.png);
}
input.save {
background-image:url(../images/disk.png);
}
a#extras-close {
position:absolute;
color:#fff;
background:url(../images/arrow-up-white.png) no-repeat right center;
right:10px;
padding-right:15px;
display:none; /* Remove to show the Hide Filters thing */
}
/*-------------------------------------------------------------------------------
* =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;
background:#f3f3f3 url(../images/gradient-down.png) repeat-x;
}
#content table.issues td, #content table th {
border:1px solid #e6e6e6;
padding:6px;
text-align:left;
position:relative;
vertical-align:top;
}
#content table th a {
color:#111;
text-decoration:none;
}
#content table th.current-sort {
background:#fff url(../images/gradient-up.png) repeat-x;
}
#content table th.current-sort a {
background:url(../images/arrow-down-3.png) no-repeat right center;
padding-right:16px;
display:block;
}
#content table tr.even {
background-color:#f9f9f9;
}
#content table tr.context-menu-selection {
background:#FEFBD0 url(../images/selected-gradient.jpg) repeat-x left top;
}
#content table td a {
color:#333;
text-decoration:none;
}
#content table td.priority {
text-align:center;
}
#content table td.issue {
background:url(../images/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(../images/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 {
float:right;
clear:right;
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:10px;
top:0;
padding:0 100px 0 10px;
height:100%;
}
.title-bar .title-bar-actions .contextual {
/* line-height:3.5;*/
padding-right: 100px;
}
.title-bar-actions .contextual a {
/* color:#fff;*/
}
.title-bar .title-bar-actions .contextual a.icon {
color:#fff;
margin-right: 0px;
}
.title-bar .update {
right:0;
}
.title-bar .update a {
padding-left:26px;
background:url(../images/edit.png) no-repeat 5px center;
font-weight:bold;
}
div.issue {
padding:10px;
}
div.issue hr {
height:0;
margin:10px -10px;
clear:both;
}
div.issue h3 {
font-size:14px;
}
#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;
}
#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(../images/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:20px 0;
}
#history h3 {
font-size:14px;
border-bottom:1px solid #ddd;
padding-left:10px;
margin-bottom:20px;
}
#history .journal {
position:relative;
padding-left:50px;
margin:0 0 15px;
clear:both;
min-height:40px;
}
.journal .profile-wrap {
float:none;
position:absolute;
left:0;
top:0;
}
.journal h4 {
font-size:12px;
font-weight:normal;
margin-bottom:-1px;
padding-bottom:12px;
background:url(../images/speech-white.png) no-repeat 30px bottom;
position:relative;
z-index:5;
}
.journal.question h4 {
background-image:url(../images/speech-blue.png);
}
.journal h4 .history-id {
float:right;
color:#999;
}
.journal .wiki {
padding:10px 10px 5px;
overflow:auto;
}
.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(../images/edit.png);
}
.contextual .comment {
background-image:url(../images/comment.png);
}
.question-line {
display:block;
}
#content blockquote, .wiki ol, .wiki ul {
padding-left:40px;
}
.wiki p {
margin-bottom:5px;
}
blockquote {
font-style:italic;
background:url(../images/blockquote-bg.png) no-repeat 25px 3px;
}
.wiki ul li {
list-style: disc outside 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: #999999;}
/*-------------------------------------------------------------------------------
* =06 - Projects Page
*
* This section defines the styles for the projects "home" page.
------------------------------------------------------------------------------*/
#content.nosidebar {
margin-left:20px;
padding:15px 60px 15px 25px;
font-size:12px;
}
#project-links {
position:absolute;
right:30px;
top:110px;
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(../images/star.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 ul li {
background:url(../images/dot-blue.png) no-repeat left top;
}
.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;
}
.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(../images/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;
}
.profile-box .vcard {
padding-left:20px !important;
background:url(../images/vcard.png) no-repeat left center;
display:block;
}
/* 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(../images/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(../images/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(../images/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;
}
/* sidebar cleanup */
#sidebar h3 {
margin:18px 0 6px;
}
#sidebar a {
padding:0;
line-height:1.5;
}
#sidebar input.button-small {
margin-top:6px;
}
#sidebar ul {border: none; }
#sidebar li {border: none; }
#sidebar li a {padding: 0px; }
#main-menu li a {
white-space:normal;
}
#main-menu li li a {
padding-left:40px;
padding-right:3px;
text-indent:-6px;
letter-spacing:-.01em;
}
#main-menu li a.time-details, #main-menu li a.overhead-time-details, #main-menu 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 */
#account li li:last-child a:hover {
-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;
}
.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 {
font-size:12px;
}
.wiki ol, .wiki ul {
margin-bottom:6px;
}
#content h3 {
margin:12px 0 6px;
}
#content h2 + h3 {
margin-top:12px;
}
#content .issue h3 {
margin:0 0 16px;
}
div.issue img.gravatar, #history img.gravatar {
float:none;
margin:0;
padding:0;
}
p.author {
margin-bottom:3px;
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 140px 0 12px;
position:absolute;
right:10px;
top:0;
margin:0;
}
.title-bar .contextual a.icon {
color:#fff;
font-size:11px;
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;
}
#content .meta table.progress {
border:1px solid #bbb;
border-collapse:separate;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.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(../images/pencil.png);
}
.icon-del {
background-image:url(../images/delete.png);
}
.journal .contextual a[title=Edit] img {
display:none;
}
.journal .contextual a[title=Edit] {
background:url(../images/pencil.png) no-repeat;
}
/* -- New #main-menu toggle CSS */
#main-menu .toggle-follow {
padding:5px 5px 5px 0;
}
#main-menu .toggle-follow:hover {
text-decoration:underline;
}
/* Weird Safari cascade bug. More specificity */
div.issue p, div.issue div, #content td {
font-size:11px;
}
/* comments */
.wiki ol li {
list-style: decimal outside;
}
/* scm */
#content table .changeset td.id a:hover {
text-decoration:underline;
}
#history .journal {
clear:left;
margin-bottom:45px;
}
/* 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(../images/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 */
2011-08-05 21:22:54 +04:00
#main-menu #admin-menu ul li a, #main-menu #admin-menu a:hover {padding: 0 0 0 24px; background-repeat: no-repeat !important; }
#more-menu.drop-down ul li a.projects { border-top:1px solid #555; }
2011-10-29 01:58:50 +04:00
/*************************************************************************
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(../images/wiki_styles/see-also.png) 4px 4px no-repeat #f5fffa;
border: 1px solid #AAB1AD;
}
.wiki p.smallsee-also, .wiki span.smallsee-also {
background: url(../images/wiki_styles/see-also_small.png) 4px 4px no-repeat #f5fffa;
border: 1px solid #AAB1AD;
}
.wiki p.caution, .wiki span.caution {
background: url(../images/wiki_styles/caution.png) 4px 6px no-repeat #f5fffa;
border: 1px solid #AAB1AD;
}
.wiki p.smallcaution, .wiki span.smallcaution {
background: url(../images/wiki_styles/caution_small.png) 4px 4px no-repeat #f5fffa;
border: 1px solid #AAB1AD;
}
.wiki p.important, .wiki span.important {
background: url(../images/wiki_styles/important.png) 4px 7px no-repeat #F0F8FF;
border: 1px solid #C1C8CF;
}
.wiki p.smallimportant, .wiki span.smallimportant {
background: url(../images/wiki_styles/important_small.png) 4px 6px no-repeat #F0F8FF;
border: 1px solid #C1C8CF;
}
.wiki p.info, .wiki span.info {
background: url(../images/wiki_styles/info.png) 4px 4px no-repeat #FFFFE0;
border: 1px solid #FFFF00;
}
.wiki p.smallinfo, .wiki span.smallinfo {
background: url(../images/wiki_styles/info_small.png) 4px 4px no-repeat #FFFFE0;
border: 1px solid #FFFF00;
}
.wiki p.tip, .wiki span.tip {
background: url(../images/wiki_styles/tip.png) 4px 4px no-repeat #F5FFFA;
border: 1px solid #C7CFCA;
}
.wiki p.smalltip, .wiki span.smalltip {
background: url(../images/wiki_styles/tip_small.png) 4px 5px no-repeat #F5FFFA;
border: 1px solid #C7CFCA;
}
.wiki p.note, .wiki span.note {
background: url(../images/wiki_styles/note.png) 6px 4px no-repeat #F5FFFA;
border: 1px solid #C7CFCA;
}
.wiki p.smallnote, .wiki span.smallnote {
background: url(../images/wiki_styles/note_small.png) 5px 4px no-repeat #F5FFFA;
border: 1px solid #C7CFCA;
}
/* Accessibility specific styles */
.hidden-for-sighted {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}