Commits

jplang  committed 8ce8d68

Tabs style update.

  • Participants
  • Parent commits fa0f274

Comments (0)

Files changed (1)

File public/stylesheets/application.css

 #roadmap table.progress td { height: 1.2em; }
 /***** 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 {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
 #content .tabs ul li {
 float:left;
 list-style-type:none;
 white-space:nowrap;
-margin-right:8px;
+margin-right:4px;
 background:#fff;
 position:relative;
 margin-bottom:-1px;
 padding:4px 6px 4px 6px;
 border: 1px solid #ccc;
 border-bottom: 1px solid #bbbbbb;
-background-color: #eeeeee;
-color:#777;
+background-color: #f6f6f6;
+color:#999;
 font-weight:bold;
+border-top-left-radius:3px;
+border-top-right-radius:3px;
 }
 
 #content .tabs ul li a:hover {
 background-color: #fff;
 border: 1px solid #bbbbbb;
 border-bottom: 1px solid #fff;
+color:#444;
 }
 
 #content .tabs ul li a.selected:hover {
 button.tab-left {
     right: 20px;
     background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
+	border-top-left-radius:3px;
 }
 
 button.tab-right {
     right: 0;
     background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
+	border-top-right-radius:3px;
 }
 
 /***** Auto-complete *****/