mirror of
https://github.com/atom/atom.git
synced 2026-04-28 03:01:47 -04:00
125 lines
2.3 KiB
CSS
125 lines
2.3 KiB
CSS
.tabs {
|
|
background: #333333;
|
|
border-bottom: 4px solid #424242;
|
|
font: caption;
|
|
box-shadow: inset 0 -1px 0 #2e2e2e, 0 1px 0 #191919;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.tab {
|
|
cursor: default;
|
|
padding: 2px 21px 2px 9px;
|
|
background-image: -webkit-linear-gradient(#444, #3d3d3d);
|
|
border-top: 1px solid #383838;
|
|
border-right: 1px solid #2e2e2e;
|
|
border-bottom: 1px solid #2e2e2e;
|
|
box-shadow: inset 0 0 5px #383838, 0 1px 0 #585858, inset -1px 0 0 #4a4a4a, inset 1px 0 0 #4a4a4a;
|
|
}
|
|
|
|
.tab,
|
|
.tab .close-icon {
|
|
color: #aaa;
|
|
}
|
|
|
|
.tab.file-modified .close-icon {
|
|
border-color: #aaa;
|
|
}
|
|
|
|
.tab.active,
|
|
.tab.active:hover,
|
|
.tab.active .close-icon {
|
|
color: #e6e6e6;
|
|
}
|
|
|
|
.tab.file-modified.active .close-icon {
|
|
border-color: #e6e6e6;
|
|
}
|
|
|
|
.tab:hover .close-icon {
|
|
color: #c8c8c8;
|
|
border-color: #c8c8c8;
|
|
}
|
|
|
|
.tab.file-modified .close-icon {
|
|
border: 3px solid #777;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.tab.file-modified .close-icon:before {
|
|
content: "";
|
|
}
|
|
|
|
.tab:first-child {
|
|
box-shadow: inset 0 0 5px #383838, 0 1px 0 #585858, inset -1px 0 0 #4a4a4a;
|
|
}
|
|
|
|
.tab.active:first-child,
|
|
.tab.active:first-child:hover {
|
|
box-shadow: inset -1px 0 0 #595959;
|
|
}
|
|
|
|
.tab.active,
|
|
.tab.active:hover {
|
|
border-top: 1px solid #4a4a4a;
|
|
box-shadow: inset -1px 0 0 #595959, inset 1px 0 0 #595959;
|
|
border-bottom-color: #424242;
|
|
background-image: -webkit-linear-gradient(#555555, #424242);
|
|
}
|
|
|
|
.tab.active:before,
|
|
.tab.active:after {
|
|
position: absolute;
|
|
bottom: -1px;
|
|
width: 4px;
|
|
height: 4px;
|
|
content: " ";
|
|
z-index: 3;
|
|
border: 1px solid #595959;
|
|
}
|
|
.tab.active:before {
|
|
border-bottom-right-radius: 4px;
|
|
border-width: 0 1px 1px 0;
|
|
box-shadow: 2px 2px 0 #424242;
|
|
left: -4px;
|
|
}
|
|
.tab.active:after {
|
|
right: -4px;
|
|
border-bottom-left-radius: 4px;
|
|
border-width: 0 0 1px 1px;
|
|
box-shadow: -2px 2px 0 #424242;
|
|
}
|
|
.tab.active:first-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.tab:hover {
|
|
color: #c8c8c8;
|
|
background-image: -webkit-linear-gradient(#474747, #444444);
|
|
}
|
|
|
|
.tab .file-name {
|
|
font-size: 11px;
|
|
text-shadow: 0 -1px 1px black;
|
|
}
|
|
|
|
.tab .close-icon {
|
|
font-family: 'Octicons Regular';
|
|
font-size: 14px;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: block;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 4px;
|
|
top: -1px;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.tab .close-icon:before {
|
|
content: "\f081";
|
|
}
|
|
|
|
.tab .close-icon:hover {
|
|
color: white;
|
|
}
|