Files
atom/themes/atom-light-ui/tabs.css
2013-02-06 08:57:07 -08:00

50 lines
1.1 KiB
CSS

.tabs {
background: #cccccc;
border: none;
border-bottom: 4px solid #aaa;
box-shadow: inset 0 -1px 0 #666;
}
.tab {
margin: 0 0 1px 0;
background-image: -webkit-linear-gradient(#bbb, #999);
color: #444;
text-shadow: 1px 1px rgba(255, 255, 255, 0.1);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.5), /* top hightlight */
inset 1px 0 0 rgba(255, 255, 255, 0.3), /* left highlight */
inset 0 -1px 0 rgba(255, 255, 255, 0.2), /* bottom shadow */
inset -1px 0 0 rgba(0, 0, 0, 0.2), /* right shadow */
inset -2px 0 0 rgba(255, 255, 255, 0.1); /* right hightlight */
}
.tab.active {
background-image: -webkit-linear-gradient(#f7f7f7, #ccc);
color: #323232;
text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
box-shadow:
inset -1px 0 0 rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 1),
inset 0 -1px 0 rgba(255, 255, 255, 1);
}
.tab:hover {
background-image: -webkit-linear-gradient(#e2e2e2, #ddd);
}
.tab.active {
color: #010101;
}
.tab .close-icon {
color: #323232;
}
.tab.file-modified .close-icon {
border-color: #1965d0;
}
.tab.file-modified:hover .close-icon:before {
color: #1965d0;
}