mirror of
https://github.com/atom/atom.git
synced 2026-04-28 03:01:47 -04:00
Move package CSS files to stylesheets directory
This commit is contained in:
Kevin Sawicki
@@ -5,7 +5,6 @@ SelectList = require 'select-list'
|
||||
module.exports =
|
||||
class Autocomplete extends SelectList
|
||||
@activate: (rootView) ->
|
||||
requireStylesheet 'autocomplete.css'
|
||||
new Autocomplete(editor) for editor in rootView.getEditors()
|
||||
rootView.on 'editor-open', (e, editor) -> new Autocomplete(editor) unless editor.mini
|
||||
|
||||
|
||||
19
src/packages/autocomplete/stylesheets/autocomplete.css
Normal file
19
src/packages/autocomplete/stylesheets/autocomplete.css
Normal 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;
|
||||
}
|
||||
@@ -30,8 +30,6 @@ class CommandLogger extends ScrollView
|
||||
initialize: (@rootView, @eventLog={}) ->
|
||||
super
|
||||
|
||||
requireStylesheet 'command-logger.css'
|
||||
|
||||
@rootView.command 'command-logger:toggle', => @toggle()
|
||||
@rootView.command 'command-logger:clear-data', => @eventLog = {}
|
||||
@command 'core:cancel', => @detach()
|
||||
|
||||
44
src/packages/command-logger/stylesheets/command-logger.css
Normal file
44
src/packages/command-logger/stylesheets/command-logger.css
Normal file
@@ -0,0 +1,44 @@
|
||||
.command-logger {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background: #1e1e1e;
|
||||
color: #eee;
|
||||
overflow: auto;
|
||||
z-index: 99;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.command-logger .category-header {
|
||||
text-align: center;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.command-logger .tree-map {
|
||||
margin: auto;
|
||||
position: relative;
|
||||
width: 960px;
|
||||
height: 700px;
|
||||
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;
|
||||
}
|
||||
@@ -11,7 +11,6 @@ _ = require 'underscore'
|
||||
module.exports =
|
||||
class CommandPanel extends View
|
||||
@activate: (rootView, state) ->
|
||||
requireStylesheet 'command-panel.css'
|
||||
if state?
|
||||
@instance = CommandPanel.deserialize(state, rootView)
|
||||
else
|
||||
|
||||
54
src/packages/command-panel/stylesheets/command-panel.css
Normal file
54
src/packages/command-panel/stylesheets/command-panel.css
Normal file
@@ -0,0 +1,54 @@
|
||||
.command-panel {
|
||||
background: #515151;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.command-panel .preview-list {
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
margin-bottom: 3px;
|
||||
position: relative;
|
||||
background: #161616;
|
||||
}
|
||||
|
||||
.command-panel .preview-list {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.command-panel .preview-list li.selected, .command-panel .preview-list li:hover {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
.command-panel .preview-list:focus li.selected {
|
||||
background: #223555;
|
||||
}
|
||||
|
||||
.command-panel .preview-list .path {
|
||||
padding-left: 3px;
|
||||
color: #f9ee98;
|
||||
margin-right: 1ex;
|
||||
}
|
||||
|
||||
.command-panel .preview-list .preview {
|
||||
color: #f6f3e8;
|
||||
}
|
||||
|
||||
.command-panel .preview-list .preview .match {
|
||||
background-color: rgba(255,255,255,.25);
|
||||
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;
|
||||
}
|
||||
@@ -6,7 +6,6 @@ _ = require 'underscore'
|
||||
module.exports =
|
||||
class EventPalette extends SelectList
|
||||
@activate: (rootView) ->
|
||||
requireStylesheet 'event-palette/event-palette.css'
|
||||
@instance = new EventPalette(rootView)
|
||||
rootView.command 'event-palette:toggle', => @instance.attach()
|
||||
|
||||
|
||||
@@ -7,7 +7,6 @@ fs = require 'fs'
|
||||
module.exports =
|
||||
class FuzzyFinder extends SelectList
|
||||
@activate: (rootView) ->
|
||||
requireStylesheet 'fuzzy-finder.css'
|
||||
@instance = new FuzzyFinder(rootView)
|
||||
rootView.command 'fuzzy-finder:toggle-file-finder', => @instance.toggleFileFinder()
|
||||
rootView.command 'fuzzy-finder:toggle-buffer-finder', => @instance.toggleBufferFinder()
|
||||
|
||||
46
src/packages/fuzzy-finder/stylesheets/fuzzy-finder.css
Normal file
46
src/packages/fuzzy-finder/stylesheets/fuzzy-finder.css
Normal 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);
|
||||
}
|
||||
@@ -6,7 +6,6 @@ $ = require 'jquery'
|
||||
module.exports =
|
||||
class MarkdownPreview extends ScrollView
|
||||
@activate: (rootView, state) ->
|
||||
requireStylesheet 'markdown-preview.css'
|
||||
@instance = new this(rootView)
|
||||
|
||||
@content: (rootView) ->
|
||||
|
||||
438
src/packages/markdown-preview/stylesheets/markdown-preview.css
Normal file
438
src/packages/markdown-preview/stylesheets/markdown-preview.css
Normal 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; }
|
||||
@@ -10,7 +10,6 @@ module.exports =
|
||||
class OutlineView extends SelectList
|
||||
|
||||
@activate: (rootView) ->
|
||||
requireStylesheet 'outline-view/src/outline-view.css'
|
||||
@instance = new OutlineView(rootView)
|
||||
rootView.command 'outline-view:toggle-file-outline', => @instance.toggleFileOutline()
|
||||
rootView.command 'outline-view:toggle-project-outline', => @instance.toggleProjectOutline()
|
||||
|
||||
@@ -5,8 +5,6 @@ $ = require 'jquery'
|
||||
module.exports =
|
||||
class StatusBar extends View
|
||||
@activate: (rootView) ->
|
||||
requireStylesheet 'status-bar.css'
|
||||
|
||||
for editor in rootView.getEditors()
|
||||
@appendToEditorPane(rootView, editor) if rootView.parents('html').length
|
||||
|
||||
|
||||
61
src/packages/status-bar/stylesheets/status-bar.css
Normal file
61
src/packages/status-bar/stylesheets/status-bar.css
Normal file
@@ -0,0 +1,61 @@
|
||||
.status-bar {
|
||||
background-color: #303030;
|
||||
border-top: 1px solid #454545;
|
||||
padding: 4px 10px 3px;
|
||||
font-size: 11px;
|
||||
line-height: 14px;
|
||||
color: #969696;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.status-bar .cursor-position {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.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";
|
||||
}
|
||||
@@ -5,8 +5,6 @@ Tab = require 'tabs/src/tab'
|
||||
module.exports =
|
||||
class Tabs extends View
|
||||
@activate: (rootView) ->
|
||||
requireStylesheet 'tabs/src/tabs.css'
|
||||
|
||||
for editor in rootView.getEditors()
|
||||
@prependToEditorPane(rootView, editor) if rootView.parents('html').length
|
||||
|
||||
|
||||
@@ -12,8 +12,6 @@ _ = require 'underscore'
|
||||
module.exports =
|
||||
class TreeView extends ScrollView
|
||||
@activate: (rootView, state) ->
|
||||
requireStylesheet 'tree-view.css'
|
||||
|
||||
if state
|
||||
@instance = TreeView.deserialize(state, rootView)
|
||||
else
|
||||
|
||||
162
src/packages/tree-view/stylesheets/tree-view.css
Normal file
162
src/packages/tree-view/stylesheets/tree-view.css
Normal file
@@ -0,0 +1,162 @@
|
||||
.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;
|
||||
width: 100%;
|
||||
background-color: #333;
|
||||
color: white;
|
||||
border: 2px solid #222;
|
||||
-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .5);
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.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 .name:before {
|
||||
content: "\f016";
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.tree-view .file .text-name:before {
|
||||
content: "\f011";
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.tree-view .file .image-name:before {
|
||||
content: "\f012";
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.tree-view .file .compressed-name:before {
|
||||
content: "\f013";
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.tree-view .file .pdf-name:before {
|
||||
content: "\f014";
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.tree-view .directory > .header .disclosure-arrow:before {
|
||||
content: "\f05a";
|
||||
}
|
||||
|
||||
.tree-view .directory.expanded > .header .disclosure-arrow:before {
|
||||
content: "\f05b";
|
||||
}
|
||||
@@ -5,8 +5,6 @@ _ = require 'underscore'
|
||||
module.exports =
|
||||
class WrapGuide extends View
|
||||
@activate: (rootView, state) ->
|
||||
requireStylesheet 'wrap-guide.css'
|
||||
|
||||
for editor in rootView.getEditors()
|
||||
if rootView.parents('html').length
|
||||
@appendToEditorPane(rootView, editor)
|
||||
|
||||
8
src/packages/wrap-guide/stylesheets/wrap-guide.css
Normal file
8
src/packages/wrap-guide/stylesheets/wrap-guide.css
Normal file
@@ -0,0 +1,8 @@
|
||||
.wrap-guide {
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
background: rgba(150, 150, 150, .30);
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
}
|
||||
Reference in New Issue
Block a user