obsolete.ChilliProject/public/stylesheets/application.css

4375 lines
70 KiB
CSS

html {
overflow-y: scroll;
}
body {
font-size: 12px;
margin: 0;
padding: 0;
min-width: 900px;
}
h1,
h2,
h3,
h4 {
font-family: "Arial", Arial, 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;
}
h5,
.wiki h4 {
font-size: 11px;
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 #loggedas {
float: right;
margin-right: 0.5em;
color: #fff;
}
#quick-search {
float: right;
}
#side-container {
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;
text-decoration: none;
font-weight: normal;
background: none;
margin: 0;
padding: 0 0 0 24px;
/* Cap long menu entries with an ellipsis. TODO: http://www.bramstein.com/projects/text-overflow/ */
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#main-menu li a:hover {
color: #555;
text-decoration: none;
}
#content {
width: 75%;
background-color: #fff;
margin: 0px;
border: 1px #ddd;
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;
}
html > body #content {
min-height: 600px;
}
* html body #content {
height: 600px;
}
/* IE */
#main.nosidebar #sidebar {
display: none;
}
#main.nosidebar #content {
width: auto;
}
#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;
color: #6a0406;
font-weight: bold;
}
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;
}
#content tr.issue.idnt td.subject a {
background: url(../images/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(../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;
}
table.query-columns {
border-collapse: collapse;
border: 0;
}
table.query-columns td.buttons {
vertical-align: middle;
text-align: center;
}
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;
padding: 4px;
}
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 {
padding: 6px;
margin-bottom: 6px;
}
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 {
border: none;
}
#issue_tree table.issues {
border: 0;
}
#issue_tree td.checkbox {
display: none;
}
#issue_tree tr.self a.issue {
color: inherit;
}
#content fieldset#filters {
padding-bottom: 10px;
}
fieldset#filters legend {
-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;
}
fieldset#column_options legend {
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#content fieldset.collapsible.header_collapsible {
padding-top: 0px;
padding-bottom: 0px;
border: 0px;
margin: 0px;
}
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%;
}
fieldset.collapsible.header_collapsible legend {
background: #E6E6E6 url(../images/double_arrow_toggle_up.png) no-repeat 99% 50%;
cursor: pointer;
padding-left: 0px;
width: 100%;
height: 23px;
line-height: 23px;
text-indent: 8px;
-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: 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;
}
fieldset.collapsible.header_collapsible legend:hover {
background-color: #d8d8d8;
}
fieldset.collapsible.collapsed.header_collapsible legend {
background-image: url(../images/double_arrow_toggle_down.png);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
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;
font-size: 0.9em;
overflow: hidden;
}
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);
}
.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: "Arial", Arial, 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;
}
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 {
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,
div#tab-content-memberships 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 *****/
#content 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;
}
#content table.progress td {
height: 0.9em;
}
#content table.progress td.closed {
background: #BAE0BA none repeat scroll 0%;
}
#content table.progress td.done {
background: #DEF0DE none repeat scroll 0%;
}
#content table.progress td.open {
background: #FFF none repeat scroll 0%;
}
#content p.pourcent {
font-size: 80%;
}
#content 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 {
margin: 0;
padding: 0 12px;
display: table;
}
* html div.wiki ul.toc {
width: 50%;
}
/* IE6 doesn't autosize div */
div.wiki fieldset {
padding: 0;
}
div.wiki fieldset.collapsible.header_collapsible legend {
background-position: 95% 50%;
}
div.wiki fieldset legend span {
padding-right: 20px;
}
div.wiki fieldset.toc div {
background-color: #fff;
}
div.wiki fieldset.toc.right {
float: right;
padding-left: 12px;
width: auto;
position: relative;
}
div.wiki fieldset.toc.left {
float: left;
padding-right: 12px;
width: auto;
position: relative;
}
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;
background-image: url(../images/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: 0px 10px 0px 10px;
border: #C4C4C4 solid 1px;
font-size: 11px;
background: #FFFFFF url(../images/background_widgets.png) repeat-x 0 0;
/* Shadow definitions cross browser */
-moz-box-shadow: 1px 1px 1px #BFBFBF;
-webkit-box-shadow: 1px 1px 1px #BFBFBF;
box-shadow: 1px 1px 1px #BFBFBF;
/* For IE 8 */
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
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-size: 11px;
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: white;
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('../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 table img.gravatar,
p.author 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 arial,'lucida grandriale','lucida sans unicode',tahom,sans-serif;
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: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(../images/background_top_navigation.png) repeat-x left top;
}
#logo {
float: left;
width: 200px;
height: 43px;
font-size: 3em;
padding-left: 15px;
}
#logo a,
#logo a:hover {
color: #FFFFFF;
text-decoration: none;
}
#top-menu-items {
float: right;
padding-right: 15px;
}
#header {
background: url(../images/background_header.png) repeat-x 20px;
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-left: 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 {
background: url(../images/arrow-down-white.png) no-repeat right center;
padding-right: 35px;
}
#header li > a:hover {
background-color: #700407;
}
#header li.drop-down > a:hover {
background: #700407 url(../images/arrow-down-grey.png) no-repeat right center;
padding-right: 35px;
}
#header li li a:hover {
background-color: #FFFFFF;
color: #222222;
}
#header li.drop-down li > a:hover,
#main-menu li a.selected,
#main-menu 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;
color: #FFFFFF;
}
li a.home {
text-indent: -999em;
width: 20px;
height: 43px;
background: url(../images/icon_home.png) no-repeat 50% 50%;
}
li a.help {
text-indent: -999em;
width: 20px;
height: 43px;
background: url(../images/icon_help.png) no-repeat 50% 50%;
}
li a.help:hover {
background-image: url(../images/icon_help_grey.png);
}
#header li.drop-down.open > a {
color: #6A0406;
background: #FFFFFF url(../images/arrow-down-grey.png) no-repeat right center;
padding-right: 35px;
}
#account-nav li {
padding: 0;
}
#account-nav li a {
display: block;
padding: 0px 9px 0px;
}
#header .search_field {
border: 0px;
color: white;
background: transparent url(../images/background_search.png);
background-repeat: repeat-x;
margin-right: 15px;
margin-top: 6px;
margin-bottom: 4px;
padding-left: 10px;
padding-right: 27px;
width: 125px;
height: 30px;
}
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: 200px;
left: -1px;
z-index: 20;
border: 1px solid #b7b7b7;
border-top: 0px;
background-color: #FFFFFF;
display:none;
position:absolute;
height:auto;
min-width:200px;
left:-1px;
z-index:20;
border: 1px solid #b7b7b7;
border-top: 0px;
background-color:#FFFFFF;
overflow: hidden;
overflow-y: auto;
}
#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: 5px 9px;
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;
overflow: hidden;
}
#header li.drop-down li > a.separator {
border-bottom: 1px solid #555555;
}
#breadcrumb {
height: 38px;
line-height: 38px;
background: url(../images/background_breadcrumb.png) repeat-x left top;
border-bottom: 1px #d9d9d9;
color: #777777;
padding-left: 15px;
font-size: 16px;
font-family: "Arial", Arial, sans-serif;
font-style: normal;
font-weight: normal;
}
#breadcrumb a {
text-decoration: underline;
color: #777777;
}
#nav-search {
float: right;
}
#nav-search input {
margin: 5px 5px;
width: 94%;
}
#nav-login-content {
position: absolute;
top: 44px;
right: 0px;
float: right;
background: white;
border: 1px solid #194E60;
border-top: 0;
padding-left: 5px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 8px;
color: black;
}
#nav-login input[type=text], #nav-login input[type=password] {
height: 20px;
width: 150px;
}
#nav-login div a {
display: inline;
color: black;
padding: 0;
}
div#optional_login_fields {
top: 10px;
white-space: nowrap;
margin-left: 2px;
}
/*-------------------------------------------------------------------------------
* =02 - Side container
*
* This section includes the layout and styles for the left navigation column and menu.
------------------------------------------------------------------------------*/
#side-container {
width: 185px;
height: 100%;
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 {
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 li {
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #f5f5f5;
position: relative;
min-height: 23px;
background-color: #e9e9e9;
}
#main-menu li li {
border: 0;
background-color: white;
}
#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: 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 li a {
margin: 6px;
font-weight: bold;
padding: 0 0 0 20px;
}
#main-menu a.selected,
#main-menu a:hover {
;
}
#main-menu li li a {
font-weight: normal;
}
#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 .toggler {
position: absolute;
right: 0px;
top: 0px;
background: url(../images/double_arrow_toggle_down.png) no-repeat 32px 7px;
width: 50px;
height: 25px;
}
#main-menu li .open .toggler {
background-image: url(../images/double_arrow_toggle_up.png);
}
#main-menu li .open:hover .toggler {
background-image: url(../images/double_arrow_toggle_up_white.png);
}
#main-menu li .selected .toggler {
background-image: url(../images/double_arrow_toggle_down_white.png);
}
#main-menu li .selected.open .toggler {
background-image: url(../images/double_arrow_toggle_up_white.png);
}
#main-menu li a:hover .toggler {
background-image: url(../images/double_arrow_toggle_down_white.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.
------------------------------------------------------------------------------*/
#main {
background: #f3f3f3;
position: relative;
z-index: 20;
}
#footer {
color: #aaa;
padding-left: 186px;
}
h1.title {
margin: 12px 24px 9px;
}
#content {
margin: 0 15px 10px 185px;
padding: 10px;
font-size: 11px;
width: auto;
}
#content .title-bar {
position: relative;
margin-bottom: 10px;
top: -10px;
}
.title-bar h2 {
padding: 9px 100px 9px 12px;
color: #000;
font-weight: normal;
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 {
float: left;
padding: 2px 0 3px;
}
.button-large a {
line-height: 3.5;
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(../images/add.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(../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 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 {
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%;
}
.title-bar-actions .contextual a {
/* color: #fff;
*/
}
.title-bar .title-bar-actions .contextual a.icon {
color: #000000;
margin-right: 0px;
float: none;
}
.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 {
margin: 10px -10px;
clear: both;
}
div.issue h3 {
font-size: 14px;
border: 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;
}
#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 {
margin: 0 0 45px;
}
.journal.has-avatar .journal-details {
padding-left: 50px;
}
.journal .profile-wrap {
float: left;
margin: 5px 0 0;
}
.journal h4 {
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
padding-right: 0;
z-index: 5;
}
.journal h4 .history-id {
float: right;
color: #999;
}
.journal .wiki {
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;
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-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;
}
/* 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 {
padding: 10px 2px 2px 20px;
width: auto;
color: #888888;
font-weight: normal;
font-size: 11px;
font-family: "Arial", Arial, sans-serif;
font-style: normal;
}
#sidebar h3 {
color: #777777;
font-weight: bold;
font-size: 12px;
font-family: "Arial", Arial, sans-serif;
font-style: normal;
margin: 0px;
padding: 0px;
margin-bottom: 8px;
}
#sidebar a,
#sidebar a:link,
#sidebar a:visited {
color: #6a0406;
font-weight: bold;
height: auto;
display: inline;
position: static;
font-size: 11px;
font-style: normal;
line-height: 1.5;
}
#sidebar a:hover {
text-decoration: underline;
}
#sidebar input.button-small {
margin-top: 6px;
}
#sidebar ul {
border: none;
}
#sidebar li {
border: none;
}
#sidebar li a {
padding: 0px;
}
#main-menu li li a {
padding-left: 30px;
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;
}
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 12px 0 12px;
position: absolute;
right: 0px;
top: 0;
margin: 0;
}
.title-bar .contextual a.icon {
float: left;
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;
}
/* 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;
min-height: 50px;
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 */
#more-menu.drop-down ul li a.projects {
border-top: 1px solid #555;
}
/* Adds a simple rounded corner background */
.rounded-background {
background: #E6E5E5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* Used on the wiki to show a page hierarchy/tree */
.pages-hierarchy {
padding-left: 10px;
}
/*************************************************************************
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;
}
/* Reset .wiki p.important for syntax highlighting rules */
.syntaxhl .CodeRay .important {
background: none;
border: none;
display: inline;
margin: 0;
padding: 0;
min-height: 0;
}
.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;
}