##// END OF EJS Templates
Tabs style update....
Jean-Philippe Lang -
r8300:eca7bab6fef7
parent child
Show More
@@ -619,12 +619,12 p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
619 #roadmap table.progress td { height: 1.2em; }
619 #roadmap table.progress td { height: 1.2em; }
620 /***** Tabs *****/
620 /***** Tabs *****/
621 #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
621 #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
622 #content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:1em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
622 #content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
623 #content .tabs ul li {
623 #content .tabs ul li {
624 float:left;
624 float:left;
625 list-style-type:none;
625 list-style-type:none;
626 white-space:nowrap;
626 white-space:nowrap;
627 margin-right:8px;
627 margin-right:4px;
628 background:#fff;
628 background:#fff;
629 position:relative;
629 position:relative;
630 margin-bottom:-1px;
630 margin-bottom:-1px;
@@ -637,9 +637,11 line-height:1.3em;
637 padding:4px 6px 4px 6px;
637 padding:4px 6px 4px 6px;
638 border: 1px solid #ccc;
638 border: 1px solid #ccc;
639 border-bottom: 1px solid #bbbbbb;
639 border-bottom: 1px solid #bbbbbb;
640 background-color: #eeeeee;
640 background-color: #f6f6f6;
641 color:#777;
641 color:#999;
642 font-weight:bold;
642 font-weight:bold;
643 border-top-left-radius:3px;
644 border-top-right-radius:3px;
643 }
645 }
644
646
645 #content .tabs ul li a:hover {
647 #content .tabs ul li a:hover {
@@ -651,6 +653,7 text-decoration:none;
651 background-color: #fff;
653 background-color: #fff;
652 border: 1px solid #bbbbbb;
654 border: 1px solid #bbbbbb;
653 border-bottom: 1px solid #fff;
655 border-bottom: 1px solid #fff;
656 color:#444;
654 }
657 }
655
658
656 #content .tabs ul li a.selected:hover {
659 #content .tabs ul li a.selected:hover {
@@ -674,11 +677,13 button.tab-left, button.tab-right {
674 button.tab-left {
677 button.tab-left {
675 right: 20px;
678 right: 20px;
676 background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
679 background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
680 border-top-left-radius:3px;
677 }
681 }
678
682
679 button.tab-right {
683 button.tab-right {
680 right: 0;
684 right: 0;
681 background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
685 background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
686 border-top-right-radius:3px;
682 }
687 }
683
688
684 /***** Auto-complete *****/
689 /***** Auto-complete *****/
General Comments 0
You need to be logged in to leave comments. Login now