refactoring all the stylesheets into /Atom - Dark/

Conflicts:
	.atom/themes/Atom - Dark/vim-mode.css
This commit is contained in:
Jon Rohan
2013-01-17 21:57:12 -08:00
parent 62f1155706
commit 20e5b303a7
45 changed files with 136 additions and 14718 deletions

View File

@@ -39,7 +39,7 @@ _.extend atom,
.filter (name) -> not _.contains(disabledPackages, name)
loadThemes: ->
themeNames = config.get("core.themes") ? ['IR_Black']
themeNames = config.get("core.themes") ? ['Atom - Dark', 'IR_Black']
themeNames = [themeNames] unless _.isArray(themeNames)
@loadTheme(themeName) for themeName in themeNames

View File

@@ -9,7 +9,6 @@ Theme = require 'theme'
configDirPath = fs.absolute("~/.atom")
configJsonPath = fs.join(configDirPath, "config.json")
userInitScriptPath = fs.join(configDirPath, "atom.coffee")
bundledThemesDirPath = fs.join(resourcePath, "themes")
bundledPackagesDirPath = fs.join(resourcePath, "src/packages")
bundledVendorPackagesDirPath = fs.join(resourcePath, "vendor/packages")
userThemesDirPath = fs.join(configDirPath, "themes")
@@ -20,7 +19,7 @@ require.paths.unshift userPackagesDirPath
module.exports =
class Config
configDirPath: configDirPath
themeDirPaths: [userThemesDirPath, bundledThemesDirPath]
themeDirPaths: [userThemesDirPath]
packageDirPaths: [userPackagesDirPath, bundledVendorPackagesDirPath, bundledPackagesDirPath]
defaultSettings: null
settings: null
@@ -34,8 +33,8 @@ class Config
load: ->
@loadUserConfig()
@requireUserInitScript()
atom.loadPackages()
atom.loadThemes()
atom.loadPackages()
loadUserConfig: ->
if fs.exists(configJsonPath)

View File

@@ -21,6 +21,7 @@ class Theme
if TextMateTheme.testPath(path)
new TextMateTheme(path)
else
require.paths.unshift path
new AtomTheme(path)
theme.load()

View File

@@ -1,19 +0,0 @@
.select-list.autocomplete {
min-width: 150px;
border: 2px solid #222;
webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .5);
box-sizing: content-box;
margin-left: 0px;
width: auto;
-webkit-box-shadow: none;
}
.autocomplete ol {
position: relative;
overflow-y: scroll;
max-height: 200px;
}
.autocomplete ol li {
padding: 0.1em 0.2em;
}

View File

@@ -1,49 +0,0 @@
.command-logger {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #1e1e1e;
color: #eee;
overflow: auto;
z-index: 99;
padding-top: 10px;
padding-bottom: 10px;
}
.command-logger .category-header {
text-align: center;
padding-bottom: 5px;
font-size: 16px;
}
.command-logger .category-summary {
text-align: center;
padding-bottom: 10px;
font-size: 12px;
}
.command-logger .tree-map {
margin: auto;
background-color: #efefef;
border: 1px solid #999;
}
body.command-logger-node-text {
background-color: transparent;
}
.command-logger-node-text div {
display: table-cell;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.command-logger-node-text span {
font-size: 10px;
color: #fff;
text-shadow: #000 1px 1px 4px;
-webkit-user-select: none;
}

View File

@@ -1,42 +0,0 @@
.command-palette {
width: 50%;
margin-left: -25%;
}
.command-palette ol {
max-height: 300px;
}
.command-palette ol li {
padding: 2px;
border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.command-palette ol .event-description {
float: left;
display: inline-block;
margin-right: .5em;
margin: 4px 0;
}
.command-palette li .right {
float: right;
}
.command-palette ol .event-name, .command-palette ol .key-binding {
display: inline-block;
margin: 4px 0;
margin-right: .5em;
font-size: 90%;
color: #ddd;
-webkit-border-radius: 3px;
padding: 0 4px;
}
.command-palette ol .event-name {
background: rgba(0, 0, 0, .2);
}
.command-palette ol .key-binding {
background: rgba(255, 255, 255, .1);
}

View File

@@ -1,89 +0,0 @@
.command-panel {
background-color: #303030;
border: 1px solid #252525;
color: #ededed;
padding: 5px;
}
.command-panel .preview-list {
max-height: 300px;
overflow: auto;
margin-bottom: 3px;
position: relative;
background-color: #000000;
color: #ededed;
cursor: default;
}
.command-panel .preview-list li.selected, .command-panel .preview-list li.operation:hover {
background-color: rgba(255, 255, 255, .13);
}
.command-panel .preview-list:focus li.selected {
background-color: rgba(255, 255, 255, .2);
}
.command-panel .preview-list .path {
padding-left: 5px;
color: #00a693;
}
.command-panel .preview-list .path:before {
font-family: 'Octicons Regular';
font-size: 16px;
width: 16px;
height: 16px;
margin-right: 5px;
-webkit-font-smoothing: antialiased;
content: "\f011";
position: relative;
top: 1px;
}
.command-panel .preview-list .operation {
padding-top: 2px;
padding-bottom: 2px;
}
.command-panel .preview-list .line-number {
padding-left: 3px;
color: rgba(255, 255, 255, .3);
margin-right: 1ex;
text-align: right;
display: inline-block;
}
.command-panel .preview-list .preview {
word-break: break-all;
}
.command-panel .preview-list .preview .match {
background-color: rgba(255, 255, 255, .2);
-webkit-border-radius: 2px;
padding: 1px;
}
.command-panel .prompt-and-editor {
display: -webkit-box;
}
.command-panel .prompt-and-editor .prompt:before {
color: #969696;
content: '\f078';
font-family: 'Octicons Regular';
position: relative;
top: -5px;
left: -5px;
-webkit-font-smoothing: antialiased;
}
.command-panel .prompt-and-editor .editor {
position: relative;
left: -4px;
margin-right: -4px;
}
.error-messages {
padding: 5px 1em;
color: white;
}

View File

@@ -1,46 +0,0 @@
.fuzzy-finder ol {
overflow: hidden;
margin-bottom: 5px;
-webkit-user-select: none;
cursor: default;
}
.fuzzy-finder ol:empty {
margin-bottom: 0;
}
.fuzzy-finder .directory {
color: #b2b2b2;
padding-left: .5em;
}
.fuzzy-finder .file:before {
font-family: 'Octicons Regular';
font-size: 16px;
width: 16px;
height: 16px;
margin-right: 5px;
margin-left: 5px;
-webkit-font-smoothing: antialiased;
color: #ccc;
}
.fuzzy-finder .file.text-name:before {
content: "\f011";
}
.fuzzy-finder .file.image-name:before {
content: "\f012";
}
.fuzzy-finder .file.compressed-name:before {
content: "\f013";
}
.fuzzy-finder .file.pdf-name:before {
content: "\f014";
}
.fuzzy-finder ol li {
border-bottom: 1px solid rgba(255, 255, 255, .05);
}

View File

@@ -1,438 +0,0 @@
.markdown-preview {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: #F4F4F4;
overflow: auto;
z-index: 3;
box-sizing: border-box;
padding: 20px;
}
.markdown-body {
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px,rgba(0, 0, 0, 0.3) 0 1px 3px;
border-radius: 5px;
max-width: 914px;
min-width: 680px;
margin-left: auto;
margin-right: auto;
padding: 30px;
}
.markdown-body pre,
.markdown-body code,
.markdown-body tt {
font-size: 12px;
font-family: Consolas, "Liberation Mono", Courier, monospace;
}
.markdown-body ol > li {
list-style-type: decimal;
}
.markdown-body ul > li {
list-style-type: disc;
}
.markdown-spinner {
margin: auto;
background-image: url(images/octocat-spinner-128.gif);
background-repeat: no-repeat;
background-size: 64px;
background-position: top center;
padding-top: 70px;
text-align: center;
}
/* this code below was copied from https://github.com/assets/stylesheets/primer/components/markdown.css */
/* we really need to get primer in here somehow. */
.markdown-body {
font-size: 14px;
line-height: 1.6;
overflow: hidden; }
.markdown-body > *:first-child {
margin-top: 0 !important; }
.markdown-body > *:last-child {
margin-bottom: 0 !important; }
.markdown-body a.absent {
color: #c00; }
.markdown-body a.anchor {
display: block;
padding-left: 30px;
margin-left: -30px;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
bottom: 0; }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
margin: 20px 0 10px;
padding: 0;
font-weight: bold;
-webkit-font-smoothing: antialiased;
cursor: text;
position: relative; }
.markdown-body h1 .mini-icon-link, .markdown-body h2 .mini-icon-link, .markdown-body h3 .mini-icon-link, .markdown-body h4 .mini-icon-link, .markdown-body h5 .mini-icon-link, .markdown-body h6 .mini-icon-link {
display: none;
color: #000; }
.markdown-body h1:hover a.anchor, .markdown-body h2:hover a.anchor, .markdown-body h3:hover a.anchor, .markdown-body h4:hover a.anchor, .markdown-body h5:hover a.anchor, .markdown-body h6:hover a.anchor {
text-decoration: none;
line-height: 1;
padding-left: 0;
margin-left: -22px;
top: 15%; }
.markdown-body h1:hover a.anchor .mini-icon-link, .markdown-body h2:hover a.anchor .mini-icon-link, .markdown-body h3:hover a.anchor .mini-icon-link, .markdown-body h4:hover a.anchor .mini-icon-link, .markdown-body h5:hover a.anchor .mini-icon-link, .markdown-body h6:hover a.anchor .mini-icon-link {
display: inline-block; }
.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code {
font-size: inherit; }
.markdown-body h1 {
font-size: 28px;
color: #000; }
.markdown-body h2 {
font-size: 24px;
border-bottom: 1px solid #ccc;
color: #000; }
.markdown-body h3 {
font-size: 18px; }
.markdown-body h4 {
font-size: 16px; }
.markdown-body h5 {
font-size: 14px; }
.markdown-body h6 {
color: #777;
font-size: 14px; }
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul, .markdown-body ol, .markdown-body dl,
.markdown-body table,
.markdown-body pre {
margin: 15px 0; }
.markdown-body hr {
background: transparent url("https://a248.e.akamai.net/assets.github.com/assets/primer/markdown/dirty-shade-0e7d81b119cc9beae17b0c98093d121fa0050a74.png") repeat-x 0 0;
border: 0 none;
color: #ccc;
height: 4px;
padding: 0; }
.markdown-body > h2:first-child, .markdown-body > h1:first-child, .markdown-body > h1:first-child + h2, .markdown-body > h3:first-child, .markdown-body > h4:first-child, .markdown-body > h5:first-child, .markdown-body > h6:first-child {
margin-top: 0;
padding-top: 0; }
.markdown-body a:first-child h1, .markdown-body a:first-child h2, .markdown-body a:first-child h3, .markdown-body a:first-child h4, .markdown-body a:first-child h5, .markdown-body a:first-child h6 {
margin-top: 0;
padding-top: 0; }
.markdown-body h1 + p,
.markdown-body h2 + p,
.markdown-body h3 + p,
.markdown-body h4 + p,
.markdown-body h5 + p,
.markdown-body h6 + p {
margin-top: 0; }
.markdown-body li p.first {
display: inline-block; }
.markdown-body ul, .markdown-body ol {
padding-left: 30px; }
.markdown-body ul.no-list, .markdown-body ol.no-list {
list-style-type: none;
padding: 0; }
.markdown-body ul li > :first-child,
.markdown-body ul li ul:first-of-type, .markdown-body ol li > :first-child,
.markdown-body ol li ul:first-of-type {
margin-top: 0px; }
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
margin-bottom: 0; }
.markdown-body dl {
padding: 0; }
.markdown-body dl dt {
font-size: 14px;
font-weight: bold;
font-style: italic;
padding: 0;
margin: 15px 0 5px; }
.markdown-body dl dt:first-child {
padding: 0; }
.markdown-body dl dt > :first-child {
margin-top: 0px; }
.markdown-body dl dt > :last-child {
margin-bottom: 0px; }
.markdown-body dl dd {
margin: 0 0 15px;
padding: 0 15px; }
.markdown-body dl dd > :first-child {
margin-top: 0px; }
.markdown-body dl dd > :last-child {
margin-bottom: 0px; }
.markdown-body blockquote {
border-left: 4px solid #DDD;
padding: 0 15px;
color: #777; }
.markdown-body blockquote > :first-child {
margin-top: 0px; }
.markdown-body blockquote > :last-child {
margin-bottom: 0px; }
.markdown-body table th {
font-weight: bold; }
.markdown-body table th, .markdown-body table td {
border: 1px solid #ccc;
padding: 6px 13px; }
.markdown-body table tr {
border-top: 1px solid #ccc;
background-color: #fff; }
.markdown-body table tr:nth-child(2n) {
background-color: #f8f8f8; }
.markdown-body img {
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.markdown-body span.frame {
display: block;
overflow: hidden; }
.markdown-body span.frame > span {
border: 1px solid #ddd;
display: block;
float: left;
overflow: hidden;
margin: 13px 0 0;
padding: 7px;
width: auto; }
.markdown-body span.frame span img {
display: block;
float: left; }
.markdown-body span.frame span span {
clear: both;
color: #333;
display: block;
padding: 5px 0 0; }
.markdown-body span.align-center {
display: block;
overflow: hidden;
clear: both; }
.markdown-body span.align-center > span {
display: block;
overflow: hidden;
margin: 13px auto 0;
text-align: center; }
.markdown-body span.align-center span img {
margin: 0 auto;
text-align: center; }
.markdown-body span.align-right {
display: block;
overflow: hidden;
clear: both; }
.markdown-body span.align-right > span {
display: block;
overflow: hidden;
margin: 13px 0 0;
text-align: right; }
.markdown-body span.align-right span img {
margin: 0;
text-align: right; }
.markdown-body span.float-left {
display: block;
margin-right: 13px;
overflow: hidden;
float: left; }
.markdown-body span.float-left span {
margin: 13px 0 0; }
.markdown-body span.float-right {
display: block;
margin-left: 13px;
overflow: hidden;
float: right; }
.markdown-body span.float-right > span {
display: block;
overflow: hidden;
margin: 13px auto 0;
text-align: right; }
.markdown-body code, .markdown-body tt {
margin: 0 2px;
padding: 0px 5px;
border: 1px solid #eaeaea;
background-color: #f8f8f8;
border-radius: 3px; }
.markdown-body code {
white-space: nowrap; }
.markdown-body pre > code {
margin: 0;
padding: 0;
white-space: pre;
border: none;
background: transparent; }
.markdown-body .highlight pre, .markdown-body pre {
background-color: #f8f8f8;
border: 1px solid #ccc;
font-size: 13px;
line-height: 19px;
overflow: auto;
padding: 6px 10px;
border-radius: 3px; }
.markdown-body pre code, .markdown-body pre tt {
margin: 0;
padding: 0;
background-color: transparent;
border: none; }
/* this code was copied from https://github.com/assets/stylesheets/primer/components/pygments.css */
/* the .markdown-body class was then added to all rules */
.markdown-body .highlight {
background: #ffffff; }
.markdown-body .highlight .c {
color: #999988;
font-style: italic; }
.markdown-body .highlight .err {
color: #a61717;
background-color: #e3d2d2; }
.markdown-body .highlight .k {
font-weight: bold; }
.markdown-body .highlight .o {
font-weight: bold; }
.markdown-body .highlight .cm {
color: #999988;
font-style: italic; }
.markdown-body .highlight .cp {
color: #999999;
font-weight: bold; }
.markdown-body .highlight .c1 {
color: #999988;
font-style: italic; }
.markdown-body .highlight .cs {
color: #999999;
font-weight: bold;
font-style: italic; }
.markdown-body .highlight .gd {
color: #000000;
background-color: #ffdddd; }
.markdown-body .highlight .gd .x {
color: #000000;
background-color: #ffaaaa; }
.markdown-body .highlight .ge {
font-style: italic; }
.markdown-body .highlight .gr {
color: #aa0000; }
.markdown-body .highlight .gh {
color: #999999; }
.markdown-body .highlight .gi {
color: #000000;
background-color: #ddffdd; }
.markdown-body .highlight .gi .x {
color: #000000;
background-color: #aaffaa; }
.markdown-body .highlight .go {
color: #888888; }
.markdown-body .highlight .gp {
color: #555555; }
.markdown-body .highlight .gs {
font-weight: bold; }
.markdown-body .highlight .gu {
color: #800080;
font-weight: bold; }
.markdown-body .highlight .gt {
color: #aa0000; }
.markdown-body .highlight .kc {
font-weight: bold; }
.markdown-body .highlight .kd {
font-weight: bold; }
.markdown-body .highlight .kn {
font-weight: bold; }
.markdown-body .highlight .kp {
font-weight: bold; }
.markdown-body .highlight .kr {
font-weight: bold; }
.markdown-body .highlight .kt {
color: #445588;
font-weight: bold; }
.markdown-body .highlight .m {
color: #009999; }
.markdown-body .highlight .s {
color: #d14; }
.markdown-body .highlight .na {
color: #008080; }
.markdown-body .highlight .nb {
color: #0086B3; }
.markdown-body .highlight .nc {
color: #445588;
font-weight: bold; }
.markdown-body .highlight .no {
color: #008080; }
.markdown-body .highlight .ni {
color: #800080; }
.markdown-body .highlight .ne {
color: #990000;
font-weight: bold; }
.markdown-body .highlight .nf {
color: #990000;
font-weight: bold; }
.markdown-body .highlight .nn {
color: #555555; }
.markdown-body .highlight .nt {
color: #000080; }
.markdown-body .highlight .nv {
color: #008080; }
.markdown-body .highlight .ow {
font-weight: bold; }
.markdown-body .highlight .w {
color: #bbbbbb; }
.markdown-body .highlight .mf {
color: #009999; }
.markdown-body .highlight .mh {
color: #009999; }
.markdown-body .highlight .mi {
color: #009999; }
.markdown-body .highlight .mo {
color: #009999; }
.markdown-body .highlight .sb {
color: #d14; }
.markdown-body .highlight .sc {
color: #d14; }
.markdown-body .highlight .sd {
color: #d14; }
.markdown-body .highlight .s2 {
color: #d14; }
.markdown-body .highlight .se {
color: #d14; }
.markdown-body .highlight .sh {
color: #d14; }
.markdown-body .highlight .si {
color: #d14; }
.markdown-body .highlight .sx {
color: #d14; }
.markdown-body .highlight .sr {
color: #009926; }
.markdown-body .highlight .s1 {
color: #d14; }
.markdown-body .highlight .ss {
color: #990073; }
.markdown-body .highlight .bp {
color: #999999; }
.markdown-body .highlight .vc {
color: #008080; }
.markdown-body .highlight .vg {
color: #008080; }
.markdown-body .highlight .vi {
color: #008080; }
.markdown-body .highlight .il {
color: #009999; }
.markdown-body .highlight .gc {
color: #999;
background-color: #EAF2F5; }
.type-csharp .markdown-body .highlight .k {
color: #0000FF; }
.type-csharp .markdown-body .highlight .kt {
color: #0000FF; }
.type-csharp .markdown-body .highlight .nf {
color: #000000;
font-weight: normal; }
.type-csharp .markdown-body .highlight .nc {
color: #2B91AF; }
.type-csharp .markdown-body .highlight .nn {
color: #000000; }
.type-csharp .markdown-body .highlight .s {
color: #A31515; }
.type-csharp .markdown-body .highlight .sc {
color: #A31515; }

View File

@@ -1,35 +0,0 @@
.outline-view {
width: 50%;
margin-left: -25%;
}
.outline-view ol {
max-height: 300px;
}
.outline-view ol li {
padding: 2px;
border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.outline-view ol .function-name {
float: left;
display: inline-block;
margin-right: .5em;
margin: 4px 0;
}
.outline-view li .right {
float: right;
}
.outline-view ol .function-details {
display: inline-block;
margin: 4px 0;
margin-right: .5em;
font-size: 90%;
color: #ddd;
-webkit-border-radius: 3px;
padding: 0 4px;
background: rgba(0, 0, 0, .2);
}

View File

@@ -1,68 +0,0 @@
.status-bar {
background-color: #303030;
border-top: 1px solid #454545;
padding: 4px 10px 3px;
font-size: 11px;
line-height: 14px;
color: #969696;
position: relative;
-webkit-user-select: none;
cursor: default;
}
.status-bar .cursor-position,
.status-bar .grammar-name {
padding-left: 10px;
}
.status-bar .grammar-name {
cursor: pointer;
}
.status-bar .git-branch {
float: right;
}
.status-bar .branch-label {
vertical-align: baseline;
}
.status-bar .git-status.octicons {
display: none;
padding-left: 10px;
margin-top:-2px;
}
.status-bar .octicons:before {
font-family: 'Octicons Regular';
font-size: 14px;
width: 14px;
height: 14px;
line-height: 14px;
-webkit-font-smoothing: antialiased;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.status-bar .branch-icon:before {
content: "\f020";
}
.status-bar .git-status.octicons.modified-status-icon {
color: #f78a46;
display: inline-block;
}
.status-bar .modified-status-icon:before {
content: "\f26d";
}
.status-bar .git-status.octicons.new-status-icon {
color: #5293d8;
display: inline-block;
}
.status-bar .new-status-icon:before {
content: "\f26b";
}

View File

@@ -1,141 +0,0 @@
.tabs {
background: #333333;
border-bottom: 4px solid #424242;
font: caption;
}
.tab {
cursor: default;
padding: 2px 21px 2px 9px;
background-image: -webkit-linear-gradient(#444, #3d3d3d);
display: table-cell;
position: relative;
width:175px;
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;
min-width: 40px;
box-sizing: border-box;
height: 24px;
}
.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;
top: 6px;
border-radius: 10px;
width: 5px;
height: 5px;
right: 5px;
}
.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: 0 none;
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;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-shadow: 0 -1px 1px black;
position: absolute;
left: 9px;
top:4px;
bottom:4px;
right: 21px;
}
.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;
}

View File

@@ -1,202 +0,0 @@
.tree-view {
position: relative;
height: 100%;
background: #1e1e1e;
overflow: auto;
cursor: default;
-webkit-user-select: none;
border-right: 2px solid #191919;
min-width: 100px;
z-index: 2;
padding-left: 12px;
}
.tree-view .entry {
text-shadow: 0 -1px 0 #000;
}
.tree-view .entries {
margin-left: 12px;
}
.tree-view .entries .file .name {
margin-left: 15px;
}
.tree-view .directory.selected > .header > .name,
.tree-view .selected > .name {
color: #d2d2d2;
}
.tree-view .selected > .highlight {
background-image: -webkit-linear-gradient(#4e4e4e, #434343);
position: absolute;
left: 0;
right: 0;
height: 24px;
margin-top:-24px;
z-index: -1;
}
.tree-view:focus .selected > .highlight {
background-image: -webkit-linear-gradient(#7e7e7e, #737373);
}
.tree-view:focus .directory.selected > .header > .name,
.tree-view:focus .selected > .name {
color: #fff;
text-shadow: 0 -1px 0 #7E4521;
}
.tree-view .entry.file .name {
display: block;
}
.tree-view .disclosure-arrow {
display: inline-block;
}
.tree-view .directory .header {
color: #bebebe;
}
.tree-view .file {
color: #7d7d7d;
}
.tree-view .entry:hover,
.tree-view .directory .header:hover .name,
.tree-view .directory .header:hover .disclosure-arrow {
color: #ebebeb;
}
.tree-view .file .name,
.tree-view .directory .header {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 10px;
}
.tree-view .ignored {
color: #555;
}
.tree-view .modified {
color: #f78a46;
}
.tree-view .new {
color: #5293d8;
}
.tree-view-dialog {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #333;
border-top: 1px solid #555;
-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .5);
z-index: 99;
padding: 5px;
}
.tree-view-dialog .prompt {
padding-bottom: 3px;
font-size: 12px;
line-height: 16px;
color: #aaa;
}
.tree-view-dialog .prompt span {
position: relative;
top: -1px;
}
.tree-view-dialog .prompt:before {
font-family: 'Octicons Regular';
font-size: 16px;
width: 16px;
height: 16px;
margin-right: 3px;
-webkit-font-smoothing: antialiased;
}
.tree-view-dialog .prompt.add:before {
content: "\f086";
}
.tree-view-dialog .prompt.move:before {
content: "\f03e";
}
.tree-view .directory .header .name,
.tree-view .file .name {
position: relative;
padding-left: 21px;
}
.tree-view .directory .header .name:before,
.tree-view .file .name:before {
font-family: 'Octicons Regular';
font-size: 16px;
width: 16px;
height: 16px;
margin-right: 5px;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 0;
}
.tree-view .disclosure-arrow:before {
font-family: 'Octicons Regular';
font-size: 12px;
width: 12px;
height: 12px;
line-height: 16px;
margin-right: 3px;
-webkit-font-smoothing: antialiased;
}
.tree-view .directory .header .directory-icon:before {
content: "\f016";
top: -5px;
}
.tree-view .directory .header .repository-icon:before {
content: "\f001";
top: -4px;
}
.tree-view .directory .header .submodule-icon:before {
content: "\f017";
top: -5px;
}
.tree-view .file .text-icon:before {
content: "\f011";
top: -2px;
}
.tree-view .file .image-icon:before {
content: "\f012";
top: -2px;
}
.tree-view .file .compressed-icon:before {
content: "\f013";
top: -2px;
}
.tree-view .file .pdf-icon:before {
content: "\f014";
top: -2px;
}
.tree-view .directory > .header .disclosure-arrow:before {
content: "\f05a";
}
.tree-view .directory.expanded > .header .disclosure-arrow:before {
content: "\f05b";
}

View File

@@ -1,8 +0,0 @@
.wrap-guide {
height: 100%;
width: 1px;
background: rgba(150, 150, 150, .30);
z-index: 100;
position: absolute;
top: 0px;
}