The start of a Light theme

This commit is contained in:
Jon Rohan
2013-01-18 10:04:08 -08:00
parent 002515b671
commit ccd2fec131
20 changed files with 1451 additions and 0 deletions

View File

@@ -0,0 +1,93 @@
html, body {
font: caption;
width: 100%;
height: 100%;
overflow: hidden;
}
#root-view {
height: 100%;
overflow: hidden;
position: relative;
background-color: #333333;
}
#root-view #horizontal {
display: -webkit-box;
height: 100%;
}
#root-view #vertical {
-webkit-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
}
#root-view #panes {
-webkit-box-flex: 1;
position: relative;
}
#root-view #panes:before {
display: block;
content: "\f208";
font-family: 'Octicons Regular';
color: #303030;
-webkit-font-smoothing: antialiased;
font-size: 100vmin;
line-height: 100vmin;
text-align: center;
}
#root-view #panes .column {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: hidden;
}
#root-view #panes .row {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-x: hidden;
}
#root-view #panes .pane {
position: absolute;
display: -webkit-box;
-webkit-box-orient: vertical;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-sizing: border-box;
}
#root-view #panes .row > * + * {
border-left: 5px solid #515151;
}
#root-view #panes .column > * + * {
border-top: 5px solid #515151;
}
.error {
background: #991212 !important;
-webkit-transition: background 300ms ease-out;
}
.clear-float {
clear: both;
}
@font-face {
font-family: 'Octicons Regular';
src: url("octicons-regular-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}

View File

@@ -0,0 +1,19 @@
.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

@@ -0,0 +1,49 @@
.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

@@ -0,0 +1,42 @@
.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

@@ -0,0 +1,79 @@
.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 {
color: white;
font-weight: bold;
padding-right: 5px;
}
.error-messages {
padding: 5px 1em;
color: white;
}

View File

@@ -0,0 +1,140 @@
.editor {
height: 100%;
overflow: hidden;
cursor: default;
-webkit-user-select: none;
-webkit-box-flex: 1;
position: relative;
z-index: 0;
font-family: Inconsolata, Monaco, Courier;
}
.editor.mini {
height: auto;
}
.editor .gutter {
position: absolute;
height: 100%;
overflow: hidden;
color: #808080;
text-align: right;
}
.editor .gutter .line-numbers {
position: relative;
}
.editor .gutter .line-number {
padding-left: 0.4em;
padding-right: 0.8em;
}
.editor.mini .gutter {
display: none;
}
.editor .gutter.drop-shadow {
-webkit-box-shadow: -2px 0px 10px 2px #222;
}
.editor .vertical-scrollbar {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 15px;
overflow-y: auto;
z-index: 1;
}
.editor .scroll-view {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-box-flex: 1;
}
.editor.mini .scroll-view {
overflow: hidden;
}
.editor.soft-wrap .scroll-view {
overflow-x: hidden;
}
.editor .underlayer, .editor .lines, .editor .overlayer {
width: 100%;
height: 100%;
}
.editor .underlayer {
z-index: 0;
position: absolute;
}
.editor .lines {
position: relative;
z-index: 1;
}
.editor .overlayer {
z-index: 2;
position: absolute;
}
.editor .line span {
vertical-align: top;
}
.editor .cursor {
position: absolute;
border-left: 2px solid;
}
.editor:not(.focused) .cursor,
.editor.focused .cursor.blink-off {
visibility: hidden;
}
.editor .hidden-input {
position: absolute;
z-index: -1;
top: 0;
left: 0;
opacity: 0;
}
.editor .selection .region {
position: absolute;
pointer-events: none;
z-index: -1;
}
@-webkit-keyframes highlight {
from { background-color: rgba(100, 255, 100, 0.7); }
to { background-color: null; }
}
.editor .highlighted.selection .region {
-webkit-animation-name: highlight;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
}
.editor .fold {
background-color: #444;
}
.editor .fold.selected {
background-color: #244;
}
.editor .invisible {
opacity: 0.2;
}

View File

@@ -0,0 +1,46 @@
.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

@@ -0,0 +1,28 @@
.grammar-view {
width: 50%;
margin-left: -25%;
}
.grammar-view ol {
max-height: 300px;
}
.grammar-view ol li {
padding: 2px;
border-bottom: 1px solid rgba(255, 255, 255, .05);
line-height: 16px;
}
.grammar-view ol li.grammar {
padding-left: 21px;
}
.grammar-view ol li.current-grammar:before {
font-family: 'Octicons Regular';
width: 16px;
height: 16px;
margin-right: 5px;
-webkit-font-smoothing: antialiased;
color: #ccc;
content: '\f03a';
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@@ -0,0 +1,13 @@
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
background: rgba(150, 150, 150, .33);
}

View File

View File

@@ -0,0 +1,438 @@
.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

@@ -0,0 +1,35 @@
.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

@@ -0,0 +1,20 @@
{
"stylesheets":[
"atom.css",
"editor.css",
"grammar-view.css",
"select-list.css",
"vim-mode.css",
"tree-view.css",
"tabs.css",
"wrap-guide.css",
"status-bar.css",
"outline-view.css",
"markdown-preview.css",
"fuzzy-finder.css",
"command-panel.css",
"command-palette.css",
"command-logger.css",
"autocomplete.css"
]
}

View File

@@ -0,0 +1,31 @@
.select-list {
position: absolute;
width: 80%;
top: 0;
left: 50%;
margin-left: -40%;
background-color: #444;
box-sizing: border-box;
color: #eee;
-webkit-box-shadow: 0 0 5px 5px #222;
padding: 5px;
z-index: 99;
}
.select-list ol {
position: relative;
overflow-y: auto;
}
.select-list li:hover {
background-color: #555;
}
.select-list ol .selected {
background: green;
}
.select-list .error {
padding-top: 5px;
font-weight: bold;
}

View File

@@ -0,0 +1,68 @@
.status-bar {
background-color: #e5e5e5;
border-top: 1px solid #959595;
padding: 4px 10px 3px;
font-size: 11px;
line-height: 14px;
color: #333;
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

@@ -0,0 +1,128 @@
.tabs {
background: #e3e3e3;
border-bottom: 4px solid #e5e5e5;
font: caption;
}
.tab {
cursor: default;
padding: 2px 21px 2px 9px;
background-image: -webkit-linear-gradient(#e0e0e0, #bfbfbf);
display: table-cell;
position: relative;
width:175px;
border-top: 1px solid #6a6a6a;
border-right: 1px solid #959595;
border-bottom: 1px solid #959595;
box-shadow: inset 0 0 5px #eee, 0 1px 0 #eee, inset -1px 0 0 #e0e0e0, inset 1px 0 0 #e0e0e0;
min-width: 40px;
box-sizing: border-box;
height: 24px;
color: #323232;
}
.tab:hover {
background-image: -webkit-linear-gradient(#e2e2e2, #e0e0e0);
}
.tab .close-icon {
color: rgba(0,0,0,0.3);
}
.tab.file-modified .close-icon {
border-color: #aaa;
}
.tab.active,
.tab.active:hover {
color: #010101;
}
.tab.file-modified.active .close-icon {
border-color: rgba(0,0,0,0.3);
}
.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.active,
.tab.active:hover {
border-top: 1px solid #6a6a6a;
border-bottom: 0 none;
box-shadow: inset -1px 0 0 #e0e0e0, inset 1px 0 0 #e0e0e0;
background-image: -webkit-linear-gradient(#fefefe, #e7e6e7);
}
.tab.active:before,
.tab.active:after {
position: absolute;
bottom: 0px;
width: 4px;
height: 4px;
content: " ";
z-index: 3;
border: 1px solid #959595;
}
.tab.active:before {
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #e5e5e5;
left: -5px;
}
.tab.active:after {
right: -5px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #e5e5e5;
}
.tab.active:first-child:before {
display: none;
}
.tab.active:last-child:after {
display: none;
}
.tab .file-name {
font-size: 11px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-shadow: 0 1px 0 #e0e0e0;
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: #aaa;
}

View File

@@ -0,0 +1,210 @@
.tree-view {
position: relative;
height: 100%;
background: #e2e7ed;
overflow: auto;
cursor: default;
-webkit-user-select: none;
border-right: 2px solid #bdbdbd;
min-width: 100px;
z-index: 2;
padding-left: 12px;
}
.tree-view .entry {
text-shadow: 0 1px 0 #fff;
}
.tree-view .entries {
margin-left: 12px;
}
.tree-view .entries .file .name {
margin-left: 15px;
}
.tree-view .directory.selected > .header > .name,
.tree-view .selected > .name,
.tree-view .selected > .disclosure-arrow {
color: #262626;
}
.tree-view .selected > .highlight {
background-image: -webkit-linear-gradient(#c7cbd2, #aeb3bb);
position: absolute;
left: 0;
right: 0;
height: 24px;
margin-top:-24px;
z-index: -1;
}
.tree-view:focus .selected > .highlight {
background-image: -webkit-linear-gradient(#7e868d, #69717b);
}
.tree-view:focus .directory.selected > .header > .name,
.tree-view:focus .selected > .name,
.tree-view:focus .directory.selected > .header > .name:before,
.tree-view:focus .selected > .name:before {
color: #fff;
text-shadow: 0 1px 0 #000;
}
.tree-view .entry.file .name {
display: block;
}
.tree-view .disclosure-arrow {
display: inline-block;
text-shadow: none;
}
.tree-view .directory .header {
color: #262626;
}
.tree-view .file {
color: #262626;
}
.tree-view .name:before {
color: #888;
}
.tree-view .entry:hover,
.tree-view .directory .header:hover .name,
.tree-view .directory .header:hover .disclosure-arrow {
color: #5a646e;
}
.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

@@ -0,0 +1,4 @@
.editor.command-mode .cursor {
border-left: 0;
background-color: #9dff9d;
}

View File

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