more work on dark tab style

This commit is contained in:
Justin Palmer
2013-02-05 17:14:48 -08:00
parent a79931bf91
commit 62981b27f5

View File

@@ -2,8 +2,10 @@
background: #161719;
border: none;
box-shadow: none;
border-bottom: 3px solid rgba(255, 255, 255, 0.1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2);
border-bottom: 4px solid rgba(41, 44, 47, 1);
box-shadow:
inset 0 -1px 0 rgba(255, 255, 255, 0.2),
0 -20px 0 rgba(0, 0, 0, 1);
}
.tab {
@@ -14,16 +16,18 @@
inset 0 1px 0 rgba(255, 255, 255, 0.1),
inset 1px 0 0 rgba(255, 255, 255, 0.05),
inset -1px 0 0 rgba(255, 255, 255, 0.05);
color: #ccc;
color: #b9bdc1;
padding: 5px 20px;
}
.tab.active {
background-image: -webkit-linear-gradient(#444, #222);
background-image: -webkit-linear-gradient(#43484d, #303337);
color: #fff;
padding-top: 6px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
box-shadow:
inset 0 1px 0 rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(0, 0, 0, 0.5),
inset 0 2px 0 rgba(255, 255, 255, 0.1),
inset 1px 0 0 rgba(255, 255, 255, 0.1),
inset -1px 0 0 rgba(255, 255, 255, 0.1);
}