Tabs style update.

git-svn-id: svn+ssh://rubyforge.org/var/svn/redmine/trunk@8420 e93f8b46-1217-0410-a6f0-8f06a7374b81
This commit is contained in:
Jean-Philippe Lang 2011-12-29 08:59:00 +00:00
parent 77c08c8d5d
commit eca7bab6fe
1 changed files with 9 additions and 4 deletions

View File

@ -619,12 +619,12 @@ p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
#roadmap table.progress td { height: 1.2em; } #roadmap table.progress td { height: 1.2em; }
/***** Tabs *****/ /***** Tabs *****/
#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:1em; 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:8px; margin-right:4px;
background:#fff; background:#fff;
position:relative; position:relative;
margin-bottom:-1px; margin-bottom:-1px;
@ -637,9 +637,11 @@ 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: #eeeeee; background-color: #f6f6f6;
color:#777; color:#999;
font-weight:bold; font-weight:bold;
border-top-left-radius:3px;
border-top-right-radius:3px;
} }
#content .tabs ul li a:hover { #content .tabs ul li a:hover {
@ -651,6 +653,7 @@ text-decoration:none;
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;
} }
#content .tabs ul li a.selected:hover { #content .tabs ul li a.selected:hover {
@ -674,11 +677,13 @@ button.tab-left, button.tab-right {
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;
} }
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;
} }
/***** Auto-complete *****/ /***** Auto-complete *****/