Stylesheet cleanup.

git-svn-id: svn+ssh://rubyforge.org/var/svn/redmine/trunk@10133 e93f8b46-1217-0410-a6f0-8f06a7374b81
This commit is contained in:
Jean-Philippe Lang 2012-07-29 15:38:32 +00:00
parent 42570c4426
commit 95457c434e

View File

@ -244,13 +244,13 @@ table.boards td.last-message {font-size:80%;}
table.messages td.author, table.messages td.created_on, table.messages td.reply-count {text-align:center;} table.messages td.author, table.messages td.created_on, table.messages td.reply-count {text-align:center;}
table.query-columns { table.query-columns {
border-collapse: collapse; border-collapse: collapse;
border: 0; border: 0;
} }
table.query-columns td.buttons { table.query-columns td.buttons {
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
} }
td.center {text-align:center;} td.center {text-align:center;}
@ -281,20 +281,20 @@ span.search_for_watchers a, span.add_attachment a {padding-left:16px; background
.highlight.token-3 { background-color: #aaf;} .highlight.token-3 { background-color: #aaf;}
.box{ .box{
padding:6px; padding:6px;
margin-bottom: 10px; margin-bottom: 10px;
background-color:#f6f6f6; background-color:#f6f6f6;
color:#505050; color:#505050;
line-height:1.5em; line-height:1.5em;
border: 1px solid #e4e4e4; border: 1px solid #e4e4e4;
} }
div.square { div.square {
border: 1px solid #999; border: 1px solid #999;
float: left; float: left;
margin: .3em .4em 0 .4em; margin: .3em .4em 0 .4em;
overflow: hidden; overflow: hidden;
width: .6em; height: .6em; 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 {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;} .contextual input, .contextual select {font-size:0.9em;}
@ -447,45 +447,45 @@ p.pagination {margin-top:8px;}
/***** Tabular forms ******/ /***** Tabular forms ******/
.tabular p{ .tabular p{
margin: 0; margin: 0;
padding: 3px 0 3px 0; padding: 3px 0 3px 0;
padding-left: 180px; /* width of left column containing the label elements */ padding-left: 180px; /* width of left column containing the label elements */
min-height: 1.8em; min-height: 1.8em;
clear:left; clear:left;
} }
html>body .tabular p {overflow:hidden;} html>body .tabular p {overflow:hidden;}
.tabular label{ .tabular label{
font-weight: bold; font-weight: bold;
float: left; float: left;
text-align: right; text-align: right;
/* width of left column */ /* width of left column */
margin-left: -180px; margin-left: -180px;
/* width of labels. Should be smaller than left column to create some right margin */ /* width of labels. Should be smaller than left column to create some right margin */
width: 175px; width: 175px;
} }
.tabular label.floating{ .tabular label.floating{
font-weight: normal; font-weight: normal;
margin-left: 0px; margin-left: 0px;
text-align: left; text-align: left;
width: 270px; width: 270px;
} }
.tabular label.block{ .tabular label.block{
font-weight: normal; font-weight: normal;
margin-left: 0px !important; margin-left: 0px !important;
text-align: left; text-align: left;
float: none; float: none;
display: block; display: block;
width: auto; width: auto;
} }
.tabular label.inline{ .tabular label.inline{
float:none; float:none;
margin-left: 5px !important; margin-left: 5px !important;
width: auto; width: auto;
} }
label.no-css { label.no-css {
@ -554,48 +554,48 @@ input#principal_search, input#user_search {
border:1px solid #9EB1C2; border-radius:3px; height:1.5em; width:95%; border:1px solid #9EB1C2; border-radius:3px; height:1.5em; width:95%;
} }
input#principal_search.ajax-loading, input#user_search.ajax-loading { input#principal_search.ajax-loading, input#user_search.ajax-loading {
background-image: url(../images/loading.gif); background-image: url(../images/loading.gif);
} }
* html div#tab-content-members fieldset div { height: 450px; } * html div#tab-content-members fieldset div { height: 450px; }
/***** Flash & error messages ****/ /***** Flash & error messages ****/
#errorExplanation, div.flash, .nodata, .warning, .conflict { #errorExplanation, div.flash, .nodata, .warning, .conflict {
padding: 4px 4px 4px 30px; padding: 4px 4px 4px 30px;
margin-bottom: 12px; margin-bottom: 12px;
font-size: 1.1em; font-size: 1.1em;
border: 2px solid; border: 2px solid;
} }
div.flash {margin-top: 8px;} div.flash {margin-top: 8px;}
div.flash.error, #errorExplanation { div.flash.error, #errorExplanation {
background: url(../images/exclamation.png) 8px 50% no-repeat; background: url(../images/exclamation.png) 8px 50% no-repeat;
background-color: #ffe3e3; background-color: #ffe3e3;
border-color: #dd0000; border-color: #dd0000;
color: #880000; color: #880000;
} }
div.flash.notice { div.flash.notice {
background: url(../images/true.png) 8px 5px no-repeat; background: url(../images/true.png) 8px 5px no-repeat;
background-color: #dfffdf; background-color: #dfffdf;
border-color: #9fcf9f; border-color: #9fcf9f;
color: #005f00; color: #005f00;
} }
div.flash.warning, .conflict { div.flash.warning, .conflict {
background: url(../images/warning.png) 8px 5px no-repeat; background: url(../images/warning.png) 8px 5px no-repeat;
background-color: #FFEBC1; background-color: #FFEBC1;
border-color: #FDBF3B; border-color: #FDBF3B;
color: #A6750C; color: #A6750C;
text-align: left; text-align: left;
} }
.nodata, .warning { .nodata, .warning {
text-align: center; text-align: center;
background-color: #FFEBC1; background-color: #FFEBC1;
border-color: #FDBF3B; border-color: #FDBF3B;
color: #A6750C; color: #A6750C;
} }
#errorExplanation ul { font-size: 0.9em;} #errorExplanation ul { font-size: 0.9em;}
@ -661,19 +661,19 @@ color:#505050;
} }
img.ui-datepicker-trigger { img.ui-datepicker-trigger {
cursor: pointer; cursor: pointer;
vertical-align: middle; vertical-align: middle;
margin-left: 4px; margin-left: 4px;
} }
/***** Progress bar *****/ /***** Progress bar *****/
table.progress { table.progress {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0pt; border-spacing: 0pt;
empty-cells: show; empty-cells: show;
text-align: center; text-align: center;
float:left; float:left;
margin: 1px 6px 1px 0px; margin: 1px 6px 1px 0px;
} }
table.progress td { height: 1em; } table.progress td { height: 1em; }
@ -688,104 +688,69 @@ p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
#content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;} #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
#content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;} #content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
#content .tabs ul li { #content .tabs ul li {
float:left; float:left;
list-style-type:none; list-style-type:none;
white-space:nowrap; white-space:nowrap;
margin-right:4px; margin-right:4px;
background:#fff; background:#fff;
position:relative; position:relative;
margin-bottom:-1px; margin-bottom:-1px;
} }
#content .tabs ul li a{ #content .tabs ul li a{
display:block; display:block;
font-size: 0.9em; font-size: 0.9em;
text-decoration:none; text-decoration:none;
line-height:1.3em; line-height:1.3em;
padding:4px 6px 4px 6px; padding:4px 6px 4px 6px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-bottom: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;
background-color: #f6f6f6; background-color: #f6f6f6;
color:#999; color:#999;
font-weight:bold; font-weight:bold;
border-top-left-radius:3px; border-top-left-radius:3px;
border-top-right-radius:3px; border-top-right-radius:3px;
} }
#content .tabs ul li a:hover { #content .tabs ul li a:hover {
background-color: #ffffdd; background-color: #ffffdd;
text-decoration:none; text-decoration:none;
} }
#content .tabs ul li a.selected { #content .tabs ul li a.selected {
background-color: #fff; background-color: #fff;
border: 1px solid #bbbbbb; border: 1px solid #bbbbbb;
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
color:#444; color:#444;
} }
#content .tabs ul li a.selected:hover { #content .tabs ul li a.selected:hover {background-color: #fff;}
background-color: #fff;
}
div.tabs-buttons { position:absolute; right: 0; width: 48px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; } 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 { button.tab-left, button.tab-right {
font-size: 0.9em; font-size: 0.9em;
cursor: pointer; cursor: pointer;
height:24px; height:24px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-bottom: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;
position:absolute; position:absolute;
padding:4px; padding:4px;
width: 20px; width: 20px;
bottom: -1px; bottom: -1px;
} }
button.tab-left { button.tab-left {
right: 20px; right: 20px;
background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%; background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
border-top-left-radius:3px; border-top-left-radius:3px;
} }
button.tab-right { button.tab-right {
right: 0; right: 0;
background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%; background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
border-top-right-radius:3px; border-top-right-radius:3px;
} }
/***** 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 *****/
.diff_out { background: #fcc; } .diff_out { background: #fcc; }
.diff_out span { background: #faa; } .diff_out span { background: #faa; }
@ -793,57 +758,55 @@ div.autocomplete ul li span.informal {
.diff_in span { background: #afa; } .diff_in span { background: #afa; }
.text-diff { .text-diff {
padding: 1em; padding: 1em;
background-color:#f6f6f6; background-color:#f6f6f6;
color:#505050; color:#505050;
border: 1px solid #e4e4e4; border: 1px solid #e4e4e4;
} }
/***** Wiki *****/ /***** Wiki *****/
div.wiki table { div.wiki table {
border-collapse: collapse; border-collapse: collapse;
margin-bottom: 1em; margin-bottom: 1em;
} }
div.wiki table, div.wiki td, div.wiki th { div.wiki table, div.wiki td, div.wiki th {
border: 1px solid #bbb; border: 1px solid #bbb;
padding: 4px; padding: 4px;
} }
div.wiki .noborder, div.wiki .noborder td, div.wiki .noborder th {border:0;} div.wiki .noborder, div.wiki .noborder td, div.wiki .noborder th {border:0;}
div.wiki .external { div.wiki .external {
background-position: 0% 60%; background-position: 0% 60%;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-left: 12px; padding-left: 12px;
background-image: url(../images/external.png); background-image: url(../images/external.png);
} }
div.wiki a.new { div.wiki a.new {color: #b73535;}
color: #b73535;
}
div.wiki ul, div.wiki ol {margin-bottom:1em;} div.wiki ul, div.wiki ol {margin-bottom:1em;}
div.wiki pre { div.wiki pre {
margin: 1em 1em 1em 1.6em; margin: 1em 1em 1em 1.6em;
padding: 8px; padding: 8px;
background-color: #fafafa; background-color: #fafafa;
border: 1px solid #e2e2e2; border: 1px solid #e2e2e2;
width:auto; width:auto;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
} }
div.wiki ul.toc { div.wiki ul.toc {
background-color: #ffffdd; background-color: #ffffdd;
border: 1px solid #e4e4e4; border: 1px solid #e4e4e4;
padding: 4px; padding: 4px;
line-height: 1.2em; line-height: 1.2em;
margin-bottom: 12px; margin-bottom: 12px;
margin-right: 12px; margin-right: 12px;
margin-left: 0; margin-left: 0;
display: table display: table
} }
* html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */ * html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
@ -853,12 +816,11 @@ 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 { list-style-type:none; margin: 0;}
div.wiki ul.toc li li { margin-left: 1.5em; } div.wiki ul.toc li li { margin-left: 1.5em; }
div.wiki ul.toc li li li { font-size: 0.8em; } div.wiki ul.toc li li li { font-size: 0.8em; }
div.wiki ul.toc a { div.wiki ul.toc a {
font-size: 0.9em; font-size: 0.9em;
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
color: #606060; color: #606060;
} }
div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;} div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
@ -870,35 +832,30 @@ div.wiki img { vertical-align: middle; }
/***** My page layout *****/ /***** My page layout *****/
.block-receiver { .block-receiver {
border:1px dashed #c0c0c0; border:1px dashed #c0c0c0;
margin-bottom: 20px; margin-bottom: 20px;
padding: 15px 0 15px 0; padding: 15px 0 15px 0;
} }
.mypage-box { .mypage-box {
margin:0 0 20px 0; margin:0 0 20px 0;
color:#505050; color:#505050;
line-height:1.5em; line-height:1.5em;
} }
.handle { .handle {cursor: move;}
cursor: move;
}
a.close-icon { a.close-icon {
display:block; display:block;
margin-top:3px; margin-top:3px;
overflow:hidden; overflow:hidden;
width:12px; width:12px;
height:12px; height:12px;
background-repeat: no-repeat; background-repeat: no-repeat;
cursor:pointer; cursor:pointer;
background-image:url('../images/close.png'); background-image:url('../images/close.png');
}
a.close-icon:hover {
background-image:url('../images/close_hl.png');
} }
a.close-icon:hover {background-image:url('../images/close_hl.png');}
/***** Gantt chart *****/ /***** Gantt chart *****/
.gantt_hdr { .gantt_hdr {
@ -953,11 +910,11 @@ background-image:url('../images/close_hl.png');
/***** Icons *****/ /***** Icons *****/
.icon { .icon {
background-position: 0% 50%; background-position: 0% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-left: 20px; padding-left: 20px;
padding-top: 2px; padding-top: 2px;
padding-bottom: 3px; padding-bottom: 3px;
} }
.icon-add { background-image: url(../images/add.png); } .icon-add { background-image: url(../images/add.png); }
@ -1018,62 +975,37 @@ padding-bottom: 3px;
.icon-file.application-x-gzip { background-image: url(../images/files/zip.png); } .icon-file.application-x-gzip { background-image: url(../images/files/zip.png); }
img.gravatar { img.gravatar {
padding: 2px; padding: 2px;
border: solid 1px #d5d5d5; border: solid 1px #d5d5d5;
background: #fff; background: #fff;
vertical-align: middle; vertical-align: middle;
} }
div.issue img.gravatar { div.issue img.gravatar {
float: left; float: left;
margin: 0 6px 0 0; margin: 0 6px 0 0;
padding: 5px; padding: 5px;
} }
div.issue table img.gravatar { div.issue table img.gravatar {
height: 14px; height: 14px;
width: 14px; width: 14px;
padding: 2px; padding: 2px;
float: left;
margin: 0 0.5em 0 0;
}
h2 img.gravatar {
margin: -2px 4px -4px 0;
}
h3 img.gravatar {
margin: -4px 4px -4px 0;
}
h4 img.gravatar {
margin: -6px 4px -4px 0;
}
td.username img.gravatar {
margin: 0 0.5em 0 0;
vertical-align: top;
}
#activity dt img.gravatar {
float: left;
margin: 0 1em 1em 0;
}
/* Used on 12px Gravatar img tags without the icon background */
.icon-gravatar {
float: left; float: left;
margin-right: 4px; margin: 0 0.5em 0 0;
} }
#activity dt, h2 img.gravatar {margin: -2px 4px -4px 0;}
.journal { h3 img.gravatar {margin: -4px 4px -4px 0;}
clear: left; h4 img.gravatar {margin: -6px 4px -4px 0;}
} td.username img.gravatar {margin: 0 0.5em 0 0; vertical-align: top;}
#activity dt img.gravatar {float: left; margin: 0 1em 1em 0;}
/* Used on 12px Gravatar img tags without the icon background */
.icon-gravatar {float: left; margin-right: 4px;}
.journal-link { #activity dt, .journal {clear: left;}
float: right;
} .journal-link {float: right;}
h2 img { vertical-align:middle; } h2 img { vertical-align:middle; }