#e5e5e6 #c1c1c2 #d6d6d7 #282929 #rgba(126, 127, 129, 0.16) #424243 #d1d1d2 #586dda #6075dc #475fd7 #4f66d8 #5c71db #546ad9 #3650d3 #1231ce #1334d8 #1f96ff #299bff #38a2ff #2e9dff #0a8dff #0078e0 #007deb #40b557 #42bd5b #4ec165 #46be5e #3aa650 #1d9a36 #1fa339 #ce9d3b #d0a143 #d3a750 #d1a347 #c49331 #b88114 #c18815 #d24b4b #d45454 #d76060 #d55858 #ce3b3b #ca1616 #d31717 #939395 #ebeeff #rgba(126, 127, 129, 0.22) #2db448 #d5880b #f42a2a #1492ff #rgba(40, 41, 41, 0.5) #e0e0e1 #rgba(126, 127, 129, 0.08) #rgba(66, 66, 67, 0.3) #rgba(209, 209, 210, 0.85) #5b5b5d #8292e3 #8a99e5 #8695e4 #rgba(31, 150, 255, 0.5) #a56909 #rgba(206, 157, 59, 0.5) #df0c0c #rgba(210, 75, 75, 0.5) #238b37 #rgba(64, 181, 87, 0.5) #d831b0 #ebdd5b
Last active
September 25, 2016 16:30
-
-
Save YurySolovyov/cb93987782869a76ed4aa4731c73618f to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| box-sizing: border-box; | |
| } | |
| html { | |
| font-size: 12px; | |
| } | |
| atom-workspace { | |
| background-color: #e5e5e6; | |
| } | |
| atom-workspace atom-panel-container.left:empty { | |
| padding-left: 0.5em; | |
| } | |
| .scrollbars-visible-always /deep/ ::-webkit-scrollbar { | |
| width: 10px; | |
| height: 10px; | |
| } | |
| .scrollbars-visible-always /deep/ ::-webkit-scrollbar-track { | |
| background: #e5e5e6; | |
| } | |
| .scrollbars-visible-always /deep/ ::-webkit-scrollbar-thumb { | |
| border-radius: 5px; | |
| border: 3px solid #e5e5e6; | |
| background: #c1c1c2; | |
| background-clip: content-box; | |
| } | |
| .scrollbars-visible-always /deep/ ::-webkit-scrollbar-corner { | |
| background: #e5e5e6; | |
| } | |
| .scrollbars-visible-always /deep/ ::-webkit-scrollbar-thumb:vertical:active { | |
| border-radius: 0; | |
| border-left-width: 0; | |
| border-right-width: 0; | |
| } | |
| .scrollbars-visible-always /deep/ ::-webkit-scrollbar-thumb:horizontal:active { | |
| border-radius: 0; | |
| border-top-width: 0; | |
| border-bottom-width: 0; | |
| } | |
| .scrollbars-visible-always atom-text-editor /deep/ ::-webkit-scrollbar-track { | |
| background: #fafafa; | |
| } | |
| .scrollbars-visible-always atom-text-editor /deep/ ::-webkit-scrollbar-corner { | |
| background: #fafafa; | |
| } | |
| .scrollbars-visible-always atom-text-editor /deep/ ::-webkit-scrollbar-thumb { | |
| border-color: #fafafa; | |
| background: #d6d6d7; | |
| } | |
| .caret { | |
| border-top: 5px solid #fff; | |
| margin-top: -1px; | |
| } | |
| .badge { | |
| padding: 0.375em 0.6em; | |
| min-width: 1.875em; | |
| font-weight: normal; | |
| color: #282929; | |
| border-radius: 2em; | |
| background-color: rgba(126, 127, 129, 0.16); | |
| } | |
| .badge.icon { | |
| font-size: 1em; | |
| padding: 0.45454545em 0.68181818em; | |
| } | |
| .btn { | |
| height: initial; | |
| padding: 0 0.8em; | |
| font-size: 1em; | |
| line-height: 2em; | |
| } | |
| .btn, | |
| .btn.btn-default { | |
| color: #424243; | |
| text-shadow: none; | |
| border: 1px solid #d1d1d2; | |
| background-color: #ffffff; | |
| background-image: linear-gradient(#ffffff, #ffffff); | |
| } | |
| .btn:focus, | |
| .btn.btn-default:focus { | |
| outline: none; | |
| } | |
| .btn:focus, | |
| .btn.btn-default:focus, | |
| .btn:hover, | |
| .btn.btn-default:hover { | |
| color: #282929; | |
| background-image: linear-gradient(#fafafa, #f5f5f5); | |
| } | |
| .btn:active, | |
| .btn.btn-default:active { | |
| background: #f5f5f5; | |
| box-shadow: none; | |
| } | |
| .btn.selected, | |
| .btn.btn-default.selected { | |
| background: #586dda; | |
| } | |
| .btn.selected:focus, | |
| .btn.btn-default.selected:focus, | |
| .btn.selected:hover, | |
| .btn.btn-default.selected:hover { | |
| background: #6075dc; | |
| } | |
| .btn.btn-primary { | |
| color: #282929; | |
| text-shadow: none; | |
| border: 1px solid #d1d1d2; | |
| background-color: #475fd7; | |
| background-image: linear-gradient(#4f66d8, #475fd7); | |
| color: #ffffff; | |
| text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); | |
| border-color: transparent; | |
| } | |
| .btn.btn-primary:focus { | |
| outline: none; | |
| } | |
| .btn.btn-primary:focus, | |
| .btn.btn-primary:hover { | |
| color: #0f0f0f; | |
| background-image: linear-gradient(#5c71db, #546ad9); | |
| } | |
| .btn.btn-primary:active { | |
| background: #3650d3; | |
| box-shadow: none; | |
| } | |
| .btn.btn-primary.selected { | |
| background: #1231ce; | |
| } | |
| .btn.btn-primary.selected:focus, | |
| .btn.btn-primary.selected:hover { | |
| background: #1334d8; | |
| } | |
| .btn.btn-primary:hover, | |
| .btn.btn-primary:focus { | |
| color: #ffffff; | |
| } | |
| .btn.btn-primary.icon:before { | |
| color: #ffffff; | |
| } | |
| .btn.btn-info { | |
| color: #282929; | |
| text-shadow: none; | |
| border: 1px solid #d1d1d2; | |
| background-color: #1f96ff; | |
| background-image: linear-gradient(#299bff, #1f96ff); | |
| color: #ffffff; | |
| text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); | |
| border-color: transparent; | |
| } | |
| .btn.btn-info:focus { | |
| outline: none; | |
| } | |
| .btn.btn-info:focus, | |
| .btn.btn-info:hover { | |
| color: #0f0f0f; | |
| background-image: linear-gradient(#38a2ff, #2e9dff); | |
| } | |
| .btn.btn-info:active { | |
| background: #0a8dff; | |
| box-shadow: none; | |
| } | |
| .btn.btn-info.selected { | |
| background: #0078e0; | |
| } | |
| .btn.btn-info.selected:focus, | |
| .btn.btn-info.selected:hover { | |
| background: #007deb; | |
| } | |
| .btn.btn-info:hover, | |
| .btn.btn-info:focus { | |
| color: #ffffff; | |
| } | |
| .btn.btn-info.icon:before { | |
| color: #ffffff; | |
| } | |
| .btn.btn-success { | |
| color: #282929; | |
| text-shadow: none; | |
| border: 1px solid #d1d1d2; | |
| background-color: #40b557; | |
| background-image: linear-gradient(#42bd5b, #40b557); | |
| color: #ffffff; | |
| text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); | |
| border-color: transparent; | |
| } | |
| .btn.btn-success:focus { | |
| outline: none; | |
| } | |
| .btn.btn-success:focus, | |
| .btn.btn-success:hover { | |
| color: #0f0f0f; | |
| background-image: linear-gradient(#4ec165, #46be5e); | |
| } | |
| .btn.btn-success:active { | |
| background: #3aa650; | |
| box-shadow: none; | |
| } | |
| .btn.btn-success.selected { | |
| background: #1d9a36; | |
| } | |
| .btn.btn-success.selected:focus, | |
| .btn.btn-success.selected:hover { | |
| background: #1fa339; | |
| } | |
| .btn.btn-success:hover, | |
| .btn.btn-success:focus { | |
| color: #ffffff; | |
| } | |
| .btn.btn-success.icon:before { | |
| color: #ffffff; | |
| } | |
| .btn.btn-warning { | |
| color: #282929; | |
| text-shadow: none; | |
| border: 1px solid #d1d1d2; | |
| background-color: #ce9d3b; | |
| background-image: linear-gradient(#d0a143, #ce9d3b); | |
| color: #ffffff; | |
| text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); | |
| border-color: transparent; | |
| } | |
| .btn.btn-warning:focus { | |
| outline: none; | |
| } | |
| .btn.btn-warning:focus, | |
| .btn.btn-warning:hover { | |
| color: #0f0f0f; | |
| background-image: linear-gradient(#d3a750, #d1a347); | |
| } | |
| .btn.btn-warning:active { | |
| background: #c49331; | |
| box-shadow: none; | |
| } | |
| .btn.btn-warning.selected { | |
| background: #b88114; | |
| } | |
| .btn.btn-warning.selected:focus, | |
| .btn.btn-warning.selected:hover { | |
| background: #c18815; | |
| } | |
| .btn.btn-warning:hover, | |
| .btn.btn-warning:focus { | |
| color: #ffffff; | |
| } | |
| .btn.btn-warning.icon:before { | |
| color: #ffffff; | |
| } | |
| .btn.btn-error { | |
| color: #282929; | |
| text-shadow: none; | |
| border: 1px solid #d1d1d2; | |
| background-color: #d24b4b; | |
| background-image: linear-gradient(#d45454, #d24b4b); | |
| color: #ffffff; | |
| text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); | |
| border-color: transparent; | |
| } | |
| .btn.btn-error:focus { | |
| outline: none; | |
| } | |
| .btn.btn-error:focus, | |
| .btn.btn-error:hover { | |
| color: #0f0f0f; | |
| background-image: linear-gradient(#d76060, #d55858); | |
| } | |
| .btn.btn-error:active { | |
| background: #ce3b3b; | |
| box-shadow: none; | |
| } | |
| .btn.btn-error.selected { | |
| background: #ca1616; | |
| } | |
| .btn.btn-error.selected:focus, | |
| .btn.btn-error.selected:hover { | |
| background: #d31717; | |
| } | |
| .btn.btn-error:hover, | |
| .btn.btn-error:focus { | |
| color: #ffffff; | |
| } | |
| .btn.btn-error.icon:before { | |
| color: #ffffff; | |
| } | |
| .btn.btn-xs, | |
| .btn-group-xs > .btn { | |
| font-size: 0.8em; | |
| line-height: 2em; | |
| padding: 0 0.8em; | |
| } | |
| .btn.btn-sm, | |
| .btn-group-sm > .btn { | |
| font-size: 0.9em; | |
| line-height: 2em; | |
| padding: 0 0.8em; | |
| } | |
| .btn.btn-lg, | |
| .btn-group-lg > .btn { | |
| font-size: 1.5em; | |
| line-height: 2em; | |
| padding: 0 0.8em; | |
| } | |
| .btn-group > .btn { | |
| z-index: 0; | |
| } | |
| .btn-group > .btn:hover { | |
| z-index: 0; | |
| } | |
| .btn-group > .btn:first-child { | |
| border-left: 1px solid #d1d1d2; | |
| } | |
| .btn-group > .btn:last-child { | |
| border-right: 1px solid #d1d1d2; | |
| } | |
| .btn-group > .btn.btn-primary:first-child, | |
| .btn-group > .btn.btn-info:first-child, | |
| .btn-group > .btn.btn-success:first-child, | |
| .btn-group > .btn.btn-warning:first-child, | |
| .btn-group > .btn.btn-error:first-child { | |
| border-left-color: transparent; | |
| } | |
| .btn-group > .btn.btn-primary:last-child, | |
| .btn-group > .btn.btn-info:last-child, | |
| .btn-group > .btn.btn-success:last-child, | |
| .btn-group > .btn.btn-warning:last-child, | |
| .btn-group > .btn.btn-error:last-child { | |
| border-right-color: transparent; | |
| } | |
| .btn-group > .btn.btn:focus { | |
| z-index: 1; | |
| } | |
| .btn-group > .btn.selected, | |
| .btn-group > .btn.selected:first-child, | |
| .btn-group > .btn.selected:last-child { | |
| color: #ffffff; | |
| border: 1px solid #475fd7; | |
| } | |
| .btn-group > .btn.selected + .btn { | |
| border-left-color: #475fd7; | |
| } | |
| .btn.icon:before { | |
| line-height: inherit; | |
| vertical-align: top; | |
| } | |
| atom-text-editor[mini] { | |
| line-height: 25px; | |
| max-height: 27px; | |
| overflow: auto; | |
| } | |
| atom-text-editor[mini] { | |
| font-size: 1.15em; | |
| line-height: 2em; | |
| max-height: none; | |
| padding-left: 0.5em; | |
| border-radius: 3px; | |
| color: #282929; | |
| border: 1px solid #d1d1d2; | |
| background-color: #ffffff; | |
| } | |
| atom-text-editor[mini] .placeholder-text, | |
| atom-text-editor[mini]::shadow .placeholder-text { | |
| color: #939395; | |
| } | |
| atom-text-editor[mini] .selection .region, | |
| atom-text-editor[mini]::shadow .selection .region { | |
| background-color: rgba(126, 127, 129, 0.16); | |
| } | |
| atom-text-editor[mini] .cursor, | |
| atom-text-editor[mini]::shadow .cursor { | |
| border-color: #475fd7; | |
| border-width: 2px; | |
| } | |
| atom-text-editor[mini].is-focused, | |
| atom-text-editor[mini].is-focused::shadow { | |
| outline: none; | |
| border-color: #475fd7; | |
| box-shadow: 0 0 0 1px #475fd7; | |
| background-color: #ebeeff; | |
| } | |
| atom-text-editor[mini].is-focused .selection .region, | |
| atom-text-editor[mini].is-focused::shadow .selection .region { | |
| background-color: rgba(126, 127, 129, 0.22); | |
| } | |
| .status { | |
| font-weight: normal; | |
| color: #424243; | |
| } | |
| .status-added { | |
| color: #2db448; | |
| } | |
| .status-ignored { | |
| font-weight: normal; | |
| color: #939395; | |
| } | |
| .status-modified { | |
| color: #d5880b; | |
| } | |
| .status-removed { | |
| color: #f42a2a; | |
| } | |
| .status-renamed { | |
| color: #1492ff; | |
| } | |
| .list-group li:not(.list-nested-item), | |
| .list-tree li:not(.list-nested-item), | |
| .list-group li.list-nested-item > .list-item, | |
| .list-tree li.list-nested-item > .list-item { | |
| font-weight: normal; | |
| color: #424243; | |
| } | |
| .list-group li:not(.list-nested-item).text-subtle, | |
| .list-tree li:not(.list-nested-item).text-subtle, | |
| .list-group li.list-nested-item.text-subtle > .list-item, | |
| .list-tree li.list-nested-item.text-subtle > .list-item { | |
| font-weight: normal; | |
| color: #939395; | |
| } | |
| .list-group li:not(.list-nested-item).text-info, | |
| .list-tree li:not(.list-nested-item).text-info, | |
| .list-group li.list-nested-item.text-info > .list-item, | |
| .list-tree li.list-nested-item.text-info > .list-item { | |
| color: #1492ff; | |
| } | |
| .list-group li:not(.list-nested-item).text-success, | |
| .list-tree li:not(.list-nested-item).text-success, | |
| .list-group li.list-nested-item.text-success > .list-item, | |
| .list-tree li.list-nested-item.text-success > .list-item { | |
| color: #2db448; | |
| } | |
| .list-group li:not(.list-nested-item).text-warning, | |
| .list-tree li:not(.list-nested-item).text-warning, | |
| .list-group li.list-nested-item.text-warning > .list-item, | |
| .list-tree li.list-nested-item.text-warning > .list-item { | |
| color: #d5880b; | |
| } | |
| .list-group li:not(.list-nested-item).text-error, | |
| .list-tree li:not(.list-nested-item).text-error, | |
| .list-group li.list-nested-item.text-error > .list-item, | |
| .list-tree li.list-nested-item.text-error > .list-item { | |
| color: #f42a2a; | |
| } | |
| .list-group li:not(.list-nested-item).text-selected, | |
| .list-tree li:not(.list-nested-item).text-selected, | |
| .list-group li.list-nested-item.text-selected > .list-item, | |
| .list-tree li.list-nested-item.text-selected > .list-item { | |
| font-weight: normal; | |
| color: #282929; | |
| } | |
| .list-group li:not(.list-nested-item).status-added, | |
| .list-tree li:not(.list-nested-item).status-added, | |
| .list-group li.list-nested-item.status-added > .list-item, | |
| .list-tree li.list-nested-item.status-added > .list-item { | |
| color: #2db448; | |
| } | |
| .list-group li:not(.list-nested-item).selected.status-added, | |
| .list-tree li:not(.list-nested-item).selected.status-added, | |
| .list-group li.list-nested-item.selected.status-added > .list-item, | |
| .list-tree li.list-nested-item.selected.status-added > .list-item { | |
| color: #2db448; | |
| } | |
| .list-group li:not(.list-nested-item).status-ignored, | |
| .list-tree li:not(.list-nested-item).status-ignored, | |
| .list-group li.list-nested-item.status-ignored > .list-item, | |
| .list-tree li.list-nested-item.status-ignored > .list-item { | |
| color: #939395; | |
| } | |
| .list-group li:not(.list-nested-item).selected.status-ignored, | |
| .list-tree li:not(.list-nested-item).selected.status-ignored, | |
| .list-group li.list-nested-item.selected.status-ignored > .list-item, | |
| .list-tree li.list-nested-item.selected.status-ignored > .list-item { | |
| color: #939395; | |
| } | |
| .list-group li:not(.list-nested-item).status-modified, | |
| .list-tree li:not(.list-nested-item).status-modified, | |
| .list-group li.list-nested-item.status-modified > .list-item, | |
| .list-tree li.list-nested-item.status-modified > .list-item { | |
| color: #d5880b; | |
| } | |
| .list-group li:not(.list-nested-item).selected.status-modified, | |
| .list-tree li:not(.list-nested-item).selected.status-modified, | |
| .list-group li.list-nested-item.selected.status-modified > .list-item, | |
| .list-tree li.list-nested-item.selected.status-modified > .list-item { | |
| color: #d5880b; | |
| } | |
| .list-group li:not(.list-nested-item).status-removed, | |
| .list-tree li:not(.list-nested-item).status-removed, | |
| .list-group li.list-nested-item.status-removed > .list-item, | |
| .list-tree li.list-nested-item.status-removed > .list-item { | |
| color: #f42a2a; | |
| } | |
| .list-group li:not(.list-nested-item).selected.status-removed, | |
| .list-tree li:not(.list-nested-item).selected.status-removed, | |
| .list-group li.list-nested-item.selected.status-removed > .list-item, | |
| .list-tree li.list-nested-item.selected.status-removed > .list-item { | |
| color: #f42a2a; | |
| } | |
| .list-group li:not(.list-nested-item).status-renamed, | |
| .list-tree li:not(.list-nested-item).status-renamed, | |
| .list-group li.list-nested-item.status-renamed > .list-item, | |
| .list-tree li.list-nested-item.status-renamed > .list-item { | |
| color: #1492ff; | |
| } | |
| .list-group li:not(.list-nested-item).selected.status-renamed, | |
| .list-tree li:not(.list-nested-item).selected.status-renamed, | |
| .list-group li.list-nested-item.selected.status-renamed > .list-item, | |
| .list-tree li.list-nested-item.selected.status-renamed > .list-item { | |
| color: #1492ff; | |
| } | |
| .list-group li:not(.list-nested-item).selected, | |
| .list-tree li:not(.list-nested-item).selected, | |
| .list-group li.list-nested-item.selected > .list-item, | |
| .list-tree li.list-nested-item.selected > .list-item { | |
| font-weight: normal; | |
| color: #282929; | |
| } | |
| .list-group .no-icon, | |
| .list-tree .no-icon { | |
| padding-left: calc(0.45454545em + 16px); | |
| } | |
| .list-tree.has-collapsable-children .list-nested-item > .list-item::before { | |
| text-align: center; | |
| } | |
| .select-list ol.list-group li.two-lines .secondary-line, | |
| .select-list ol.list-group li.two-lines .secondary-line { | |
| color: #939395; | |
| } | |
| .select-list ol.list-group li.two-lines.selected .secondary-line, | |
| .select-list ol.list-group li.two-lines.selected .secondary-line { | |
| color: rgba(40, 41, 41, 0.5); | |
| text-shadow: none; | |
| } | |
| .select-list ol.list-group li.selected, | |
| .select-list ol.list-group li.selected { | |
| background-color: rgba(126, 127, 129, 0.16); | |
| } | |
| .select-list ol.list-group li.selected:before, | |
| .select-list ol.list-group li.selected:before { | |
| display: none; | |
| } | |
| .select-list ol.list-group.mark-active li:before, | |
| .select-list ol.list-group.mark-active li:before { | |
| content: ''; | |
| background-color: transparent; | |
| position: static; | |
| display: inline-block; | |
| left: auto; | |
| right: auto; | |
| height: 14px; | |
| width: 14px; | |
| } | |
| .select-list ol.list-group.mark-active > li:not(.active):before, | |
| .select-list ol.list-group.mark-active > li:not(.active):before { | |
| margin-right: 0.45454545em; | |
| } | |
| .select-list ol.list-group.mark-active li.active::before, | |
| .select-list ol.list-group.mark-active li.active::before { | |
| font-family: 'Octicons Regular'; | |
| font-weight: normal; | |
| font-style: normal; | |
| display: inline-block; | |
| line-height: 1; | |
| -webkit-font-smoothing: antialiased; | |
| text-decoration: none; | |
| font-size: 14px; | |
| width: 14px; | |
| height: 14px; | |
| content: "\f03a"; | |
| } | |
| .select-list ol.list-group.mark-active li.active:before, | |
| .select-list ol.list-group.mark-active li.active:before { | |
| margin-right: 0.45454545em; | |
| color: #2db448; | |
| } | |
| .select-list.popover-list { | |
| background-color: #fafafa; | |
| box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.3); | |
| padding: 0.375em; | |
| border-radius: 3px; | |
| } | |
| .select-list.popover-list atom-text-editor[mini] { | |
| margin-bottom: 0.375em; | |
| } | |
| .select-list.popover-list ol.list-group { | |
| margin-top: 0.375em; | |
| } | |
| .select-list.popover-list .list-group li { | |
| padding-left: 0.375em; | |
| } | |
| .ui-sortable li { | |
| line-height: 2.5; | |
| } | |
| .ui-sortable li.ui-sortable-placeholder { | |
| visibility: visible !important; | |
| background-color: #e0e0e1; | |
| } | |
| li.ui-draggable-dragging, | |
| li.ui-sortable-helper { | |
| line-height: 2em; | |
| height: 2em; | |
| border: 0; | |
| border-radius: 0; | |
| list-style: none; | |
| padding: 0 1.5em; | |
| background: rgba(126, 127, 129, 0.08); | |
| box-shadow: 0 0 1px #d1d1d2; | |
| } | |
| ul.background-message { | |
| font-weight: bold; | |
| color: rgba(66, 66, 67, 0.3); | |
| } | |
| .nav-tabs { | |
| border-bottom: 1px solid #d1d1d2; | |
| } | |
| .nav-tabs li a, | |
| .nav-tabs li.active a { | |
| border: none; | |
| margin-right: 0px; | |
| margin-bottom: 1px; | |
| } | |
| .nav-tabs li a:hover, | |
| .nav-tabs li.active a, | |
| .nav-tabs li.active a:hover { | |
| background-color: rgba(126, 127, 129, 0.08); | |
| border: none; | |
| color: #0f0f0f; | |
| border-bottom-left-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| } | |
| .nav-tabs li.active a { | |
| background-color: #fafafa; | |
| } | |
| atom-panel-container.modal { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| atom-panel.modal { | |
| position: relative; | |
| width: 100%; | |
| max-width: 50em; | |
| margin: 0 auto; | |
| left: initial; | |
| color: #424243; | |
| background-color: transparent; | |
| padding: 0.75em; | |
| } | |
| atom-panel.modal atom-text-editor[mini] { | |
| margin-bottom: 0.75em; | |
| } | |
| atom-panel.modal .select-list ol.list-group, | |
| atom-panel.modal.select-list ol.list-group { | |
| border: 1px solid #d1d1d2; | |
| background-color: #ffffff; | |
| } | |
| atom-panel.modal .select-list ol.list-group:empty, | |
| atom-panel.modal.select-list ol.list-group:empty { | |
| border: none; | |
| margin-top: 0; | |
| } | |
| atom-panel.modal .select-list ol.list-group li, | |
| atom-panel.modal.select-list ol.list-group li { | |
| padding: 0.75em 1em; | |
| line-height: 2em; | |
| border-bottom: 1px solid #d1d1d2; | |
| } | |
| atom-panel.modal .select-list ol.list-group li:last-of-type, | |
| atom-panel.modal.select-list ol.list-group li:last-of-type { | |
| border-bottom: none; | |
| } | |
| atom-panel.modal .select-list ol.list-group li .icon::before, | |
| atom-panel.modal.select-list ol.list-group li .icon::before { | |
| margin-left: 1px; | |
| } | |
| atom-panel.modal .select-list ol.list-group li .icon.status, | |
| atom-panel.modal.select-list ol.list-group li .icon.status { | |
| float: right; | |
| margin-left: 0.45454545em; | |
| } | |
| atom-panel.modal .select-list ol.list-group li .icon.status:before, | |
| atom-panel.modal.select-list ol.list-group li .icon.status:before { | |
| margin-left: 0; | |
| margin-right: 0; | |
| } | |
| atom-panel.modal .select-list ol.list-group li.selected .status.icon, | |
| atom-panel.modal.select-list ol.list-group li.selected .status.icon { | |
| color: #0f0f0f; | |
| } | |
| atom-panel.modal .select-list .key-binding { | |
| margin-top: -1px; | |
| margin-left: 0.75em; | |
| margin-right: calc(-0.5em + 1px); | |
| } | |
| atom-panel.modal .select-list .primary-line { | |
| display: block; | |
| } | |
| atom-panel.modal > * { | |
| position: relative; | |
| } | |
| atom-panel.modal:before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| z-index: 0; | |
| background-color: #fafafa; | |
| border-top: 1px solid rgba(0, 0, 0, 0.2); | |
| border-radius: 0 0 6px 6px; | |
| box-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.4); | |
| } | |
| atom-panel.modal:after { | |
| content: ""; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| z-index: -1; | |
| background: rgba(13, 13, 13, 0.5); | |
| backface-visibility: hidden; | |
| -webkit-animation: overlay-fade 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| @-webkit-keyframes overlay-fade { | |
| 0% { | |
| opacity: 0; | |
| } | |
| 100% { | |
| opacity: 1; | |
| } | |
| } | |
| .panel.bordered { | |
| border: 1px solid #d1d1d2; | |
| border-radius: 3px; | |
| } | |
| atom-panel { | |
| font-weight: normal; | |
| color: #424243; | |
| position: relative; | |
| } | |
| .inset-panel { | |
| position: relative; | |
| background-color: #ffffff; | |
| border-radius: 3px; | |
| } | |
| .inset-panel.bordered { | |
| border: 1px solid #d1d1d2; | |
| border-radius: 3px; | |
| } | |
| .inset-panel .panel-heading { | |
| border-color: rgba(209, 209, 210, 0.85); | |
| } | |
| .panel-heading { | |
| font-weight: normal; | |
| color: #424243; | |
| border-bottom: 1px solid #d1d1d2; | |
| background-color: #fafafa; | |
| } | |
| .panel-heading .btn { | |
| padding-left: 8px; | |
| padding-right: 8px; | |
| color: #5b5b5d; | |
| text-shadow: none; | |
| border: 1px solid #d1d1d2; | |
| background-color: #ffffff; | |
| background-image: linear-gradient(#ffffff, #ffffff); | |
| } | |
| .panel-heading .btn:focus { | |
| outline: none; | |
| } | |
| .panel-heading .btn:focus, | |
| .panel-heading .btn:hover { | |
| color: #424243; | |
| background-image: linear-gradient(#ffffff, #ffffff); | |
| } | |
| .panel-heading .btn:active { | |
| background: #f5f5f5; | |
| box-shadow: none; | |
| } | |
| .panel-heading .btn.selected { | |
| background: #8292e3; | |
| } | |
| .panel-heading .btn.selected:focus, | |
| .panel-heading .btn.selected:hover { | |
| background: #8a99e5; | |
| } | |
| atom-pane-container atom-pane { | |
| position: relative; | |
| padding-top: 0.5em; | |
| padding-right: 0.5em; | |
| } | |
| atom-pane-container atom-pane .item-views { | |
| border: 1px solid #d1d1d2; | |
| border-top: none; | |
| } | |
| atom-pane-container atom-pane-axis.horizontal > atom-pane-resize-handle { | |
| width: 0.5em; | |
| margin-left: -0.5em; | |
| } | |
| atom-pane-container atom-pane-axis.vertical > atom-pane-resize-handle { | |
| height: 0.5em; | |
| margin-top: 0; | |
| } | |
| @-webkit-keyframes spinner-animation { | |
| 0% { | |
| transform: rotateZ(0deg); | |
| -webkit-animation-timing-function: cubic-bezier(0, 0, 0.8, 0.2); | |
| } | |
| 50% { | |
| transform: rotateZ(180deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.2, 0.8, 1, 1); | |
| } | |
| 100% { | |
| transform: rotateZ(360deg); | |
| } | |
| } | |
| .loading-spinner-tiny { | |
| position: relative; | |
| display: block; | |
| width: 1em; | |
| height: 1em; | |
| font-size: 16px; | |
| background: radial-gradient(#475fd7 0.1em, transparent 0.11em); | |
| } | |
| .loading-spinner-tiny::before, | |
| .loading-spinner-tiny::after { | |
| content: ""; | |
| position: absolute; | |
| z-index: 10; | |
| top: 0; | |
| left: 0; | |
| width: inherit; | |
| height: inherit; | |
| border-radius: 1em; | |
| border: 2px solid; | |
| -webkit-animation: spinner-animation 1.2s infinite; | |
| -webkit-animation-fill-mode: backwards; | |
| } | |
| .loading-spinner-tiny::before { | |
| border-color: #475fd7 transparent transparent transparent; | |
| } | |
| .loading-spinner-tiny::after { | |
| border-color: transparent #8695e4 transparent transparent; | |
| -webkit-animation-delay: 0.6s; | |
| } | |
| .loading-spinner-tiny.inline-block { | |
| display: inline-block; | |
| } | |
| .loading-spinner-tiny::before, | |
| .loading-spinner-tiny::after { | |
| border-width: 1px; | |
| } | |
| .loading-spinner-small { | |
| position: relative; | |
| display: block; | |
| width: 1em; | |
| height: 1em; | |
| font-size: 32px; | |
| background: radial-gradient(#475fd7 0.1em, transparent 0.11em); | |
| } | |
| .loading-spinner-small::before, | |
| .loading-spinner-small::after { | |
| content: ""; | |
| position: absolute; | |
| z-index: 10; | |
| top: 0; | |
| left: 0; | |
| width: inherit; | |
| height: inherit; | |
| border-radius: 1em; | |
| border: 2px solid; | |
| -webkit-animation: spinner-animation 1.2s infinite; | |
| -webkit-animation-fill-mode: backwards; | |
| } | |
| .loading-spinner-small::before { | |
| border-color: #475fd7 transparent transparent transparent; | |
| } | |
| .loading-spinner-small::after { | |
| border-color: transparent #8695e4 transparent transparent; | |
| -webkit-animation-delay: 0.6s; | |
| } | |
| .loading-spinner-small.inline-block { | |
| display: inline-block; | |
| } | |
| .loading-spinner-medium { | |
| position: relative; | |
| display: block; | |
| width: 1em; | |
| height: 1em; | |
| font-size: 48px; | |
| background: radial-gradient(#475fd7 0.1em, transparent 0.11em); | |
| } | |
| .loading-spinner-medium::before, | |
| .loading-spinner-medium::after { | |
| content: ""; | |
| position: absolute; | |
| z-index: 10; | |
| top: 0; | |
| left: 0; | |
| width: inherit; | |
| height: inherit; | |
| border-radius: 1em; | |
| border: 2px solid; | |
| -webkit-animation: spinner-animation 1.2s infinite; | |
| -webkit-animation-fill-mode: backwards; | |
| } | |
| .loading-spinner-medium::before { | |
| border-color: #475fd7 transparent transparent transparent; | |
| } | |
| .loading-spinner-medium::after { | |
| border-color: transparent #8695e4 transparent transparent; | |
| -webkit-animation-delay: 0.6s; | |
| } | |
| .loading-spinner-medium.inline-block { | |
| display: inline-block; | |
| } | |
| .loading-spinner-large { | |
| position: relative; | |
| display: block; | |
| width: 1em; | |
| height: 1em; | |
| font-size: 64px; | |
| background: radial-gradient(#475fd7 0.1em, transparent 0.11em); | |
| } | |
| .loading-spinner-large::before, | |
| .loading-spinner-large::after { | |
| content: ""; | |
| position: absolute; | |
| z-index: 10; | |
| top: 0; | |
| left: 0; | |
| width: inherit; | |
| height: inherit; | |
| border-radius: 1em; | |
| border: 2px solid; | |
| -webkit-animation: spinner-animation 1.2s infinite; | |
| -webkit-animation-fill-mode: backwards; | |
| } | |
| .loading-spinner-large::before { | |
| border-color: #475fd7 transparent transparent transparent; | |
| } | |
| .loading-spinner-large::after { | |
| border-color: transparent #8695e4 transparent transparent; | |
| -webkit-animation-delay: 0.6s; | |
| } | |
| .loading-spinner-large.inline-block { | |
| display: inline-block; | |
| } | |
| progress { | |
| -webkit-appearance: none; | |
| height: 8px; | |
| border-radius: 3px; | |
| background-color: #ffffff; | |
| box-shadow: inset 0 0 0 1px #d1d1d2; | |
| } | |
| progress::-webkit-progress-bar { | |
| background-color: transparent; | |
| } | |
| progress::-webkit-progress-value { | |
| border-radius: 3px; | |
| background-color: #475fd7; | |
| } | |
| progress:indeterminate { | |
| background-image: linear-gradient(-45deg, transparent 33%, rgba(71, 95, 215, 0.2) 33%, rgba(71, 95, 215, 0.2) 66%, transparent 66%); | |
| background-size: 25px 8px, 100% 100%, 100% 100%; | |
| -webkit-animation: progress-buffering 5s linear 12, progress-buffering 5s 60s steps(10) 108; | |
| } | |
| @-webkit-keyframes progress-buffering { | |
| 100% { | |
| background-position: -100px 0px; | |
| } | |
| } | |
| .tab-bar { | |
| height: 3em; | |
| box-shadow: inset 0 -1px 0 #d1d1d2; | |
| background: #e5e5e6; | |
| overflow-x: auto; | |
| overflow-y: hidden; | |
| border-radius: 0; | |
| } | |
| .tab-bar::-webkit-scrollbar { | |
| display: none; | |
| } | |
| .tab-bar .tab { | |
| position: relative; | |
| top: 0; | |
| max-width: 22em; | |
| min-width: 7em; | |
| height: 3em; | |
| font-size: inherit; | |
| color: #939395; | |
| line-height: 3em; | |
| padding: 0; | |
| margin: 0; | |
| background-clip: content-box; | |
| } | |
| .tab-bar .tab.active { | |
| border-radius: 5.25px 5.25px 0 0; | |
| background-color: #fafafa; | |
| } | |
| .tab-bar .tab::after { | |
| content: ""; | |
| z-index: 1; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: inherit; | |
| border-radius: 3px 3px 0 0; | |
| border: 1px solid #d1d1d2; | |
| border-bottom-color: #fafafa; | |
| background-image: linear-gradient(rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)); | |
| background-clip: content-box; | |
| box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.06); | |
| transition: opacity .16s; | |
| opacity: 0; | |
| } | |
| .tab-bar .tab.active::after { | |
| opacity: 1; | |
| transition: none; | |
| } | |
| .tab-bar .tab .title { | |
| position: relative; | |
| height: inherit; | |
| text-align: center; | |
| margin: 0 1em; | |
| border-bottom: 1px solid transparent; | |
| text-overflow: clip; | |
| -webkit-mask: linear-gradient(to left, rgba(0, 0, 0, 0), #000000 1em) no-repeat; | |
| background-color: #e5e5e6; | |
| background-clip: content-box; | |
| backface-visibility: hidden; | |
| } | |
| .tab-bar .tab:hover .title { | |
| -webkit-mask-position: -1em 0; | |
| } | |
| .tab-bar .tab.active .title { | |
| background-color: #fafafa; | |
| } | |
| .tab-bar .tab .close-icon { | |
| top: 0; | |
| right: 0; | |
| z-index: 2; | |
| padding: 0 0.8em; | |
| height: 3em; | |
| line-height: 3em; | |
| text-align: center; | |
| transform: scale(0); | |
| transition: transform .08s; | |
| } | |
| .tab-bar .tab .close-icon:hover { | |
| opacity: .7; | |
| } | |
| .tab-bar .tab .close-icon:active { | |
| opacity: .4; | |
| } | |
| .tab-bar .tab .close-icon::before { | |
| font-size: inherit; | |
| } | |
| .tab-bar .tab:hover .close-icon { | |
| transform: scale(1); | |
| transition-duration: .16s; | |
| } | |
| .tab-bar .tab, | |
| .tab-bar .tab.active { | |
| flex: 1; | |
| } | |
| .tab-bar .tab, | |
| .tab-bar .tab.active { | |
| padding-right: 0; | |
| } | |
| .tab-bar .tab .title, | |
| .tab-bar .tab.active .title { | |
| padding: 0; | |
| } | |
| .tab-bar .tab.active { | |
| color: #282929; | |
| } | |
| .tab-bar .tab { | |
| border-width: 0 0 0 1px; | |
| border-image: linear-gradient(#e5e5e6, #d1d1d2 1em) 0 0 0 1 stretch; | |
| } | |
| .tab-bar .tab:first-child { | |
| border-width: 0; | |
| } | |
| .tab-bar .tab.active, | |
| .tab-bar .tab.active + .tab { | |
| border-image: linear-gradient(transparent, transparent) 0 0 0 1 stretch; | |
| } | |
| .tab-bar .tab.modified .close-icon { | |
| color: #1492ff; | |
| border: none; | |
| border-bottom: 1px solid transparent; | |
| } | |
| .tab-bar .tab.modified:not(:hover) .close-icon { | |
| right: 0; | |
| top: 0; | |
| width: initial; | |
| height: 3em; | |
| border: none; | |
| border-bottom: 1px solid transparent; | |
| border-radius: 0; | |
| transform: scale(1); | |
| } | |
| .tab-bar .tab.modified:not(:hover) .close-icon::before { | |
| content: "\f052"; | |
| display: inline-block; | |
| } | |
| .tab-bar .tab.is-dragging { | |
| opacity: .5; | |
| } | |
| .tab-bar .tab.is-dragging .close-icon, | |
| .tab-bar .tab.is-dragging:before { | |
| visibility: hidden; | |
| } | |
| .tab-bar .placeholder { | |
| margin: 0; | |
| height: 3em; | |
| background: #475fd7; | |
| pointer-events: none; | |
| } | |
| .tab-bar .placeholder:after { | |
| top: 1.5em; | |
| width: 10px; | |
| height: 10px; | |
| margin: -5px 0 0 0; | |
| border-radius: 0; | |
| border: 5px solid; | |
| border-color: transparent transparent transparent #475fd7; | |
| background: transparent; | |
| } | |
| .tab-bar .placeholder:last-child { | |
| margin-left: -2px; | |
| } | |
| .tab-bar .placeholder:last-child:after { | |
| margin-left: -10px; | |
| border-color: transparent #475fd7 transparent transparent; | |
| } | |
| .tab-bar .tab::before { | |
| content: ""; | |
| position: absolute; | |
| pointer-events: none; | |
| z-index: 2; | |
| top: 1px; | |
| left: 1px; | |
| bottom: 1px; | |
| width: 2px; | |
| border-top-left-radius: inherit; | |
| border-radius: 3px 0; | |
| background: #475fd7; | |
| opacity: 0; | |
| transition: opacity .16s; | |
| } | |
| .theme-one-light-ui .tab-bar .tab::before { | |
| left: 0; | |
| } | |
| atom-pane.active .tab.active:before { | |
| opacity: 1; | |
| transition-duration: .32s; | |
| } | |
| .tab-bar .tab.active[data-type$="Editor"], | |
| .tab-bar .tab.active[data-type="MarkdownPreviewView"] { | |
| color: #282929; | |
| background-color: #fafafa; | |
| } | |
| .tab-bar .tab.active[data-type$="Editor"]::after, | |
| .tab-bar .tab.active[data-type="MarkdownPreviewView"]::after { | |
| border-bottom-color: #fafafa; | |
| } | |
| .tab-bar .tab.active[data-type$="Editor"] .title, | |
| .tab-bar .tab.active[data-type="MarkdownPreviewView"] .title { | |
| background-color: #fafafa; | |
| } | |
| h1, | |
| h2, | |
| h3 { | |
| line-height: 1em; | |
| margin-bottom: 15px; | |
| } | |
| h1 { | |
| font-size: 2em; | |
| } | |
| h2 { | |
| font-size: 1.5em; | |
| } | |
| h3 { | |
| font-size: 1.2em; | |
| } | |
| p { | |
| line-height: 1.6; | |
| margin-bottom: 15px; | |
| } | |
| label { | |
| font-weight: normal; | |
| } | |
| pre { | |
| box-shadow: none; | |
| color: #424243; | |
| background: #ffffff; | |
| border-radius: 3px; | |
| border: none; | |
| margin: 0; | |
| } | |
| code { | |
| font-weight: normal; | |
| color: #282929; | |
| background: rgba(126, 127, 129, 0.08); | |
| border-radius: 3px; | |
| } | |
| .selected { | |
| font-weight: normal; | |
| color: #282929; | |
| } | |
| .text-smaller { | |
| font-size: 0.9em; | |
| } | |
| .text-subtle { | |
| font-weight: normal; | |
| color: #939395; | |
| } | |
| .text-highlight { | |
| font-weight: normal; | |
| color: #282929; | |
| } | |
| .text-error { | |
| color: #f42a2a; | |
| } | |
| .text-info { | |
| color: #1492ff; | |
| } | |
| .text-info:hover { | |
| color: #1492ff; | |
| } | |
| .text-warning { | |
| color: #d5880b; | |
| } | |
| .text-warning:hover { | |
| color: #d5880b; | |
| } | |
| .text-success { | |
| color: #2db448; | |
| } | |
| .text-success:hover { | |
| color: #2db448; | |
| } | |
| .highlight-mixin { | |
| padding: 1px 4px; | |
| font-weight: bold; | |
| text-shadow: none; | |
| border-radius: 3px; | |
| color: #282929; | |
| } | |
| .highlight { | |
| padding: 1px 4px; | |
| font-weight: bold; | |
| text-shadow: none; | |
| border-radius: 3px; | |
| color: #282929; | |
| background-color: rgba(126, 127, 129, 0.08); | |
| } | |
| .highlight-info { | |
| padding: 1px 4px; | |
| font-weight: bold; | |
| text-shadow: none; | |
| border-radius: 3px; | |
| color: #0078e0; | |
| background-color: rgba(31, 150, 255, 0.5); | |
| } | |
| .highlight-warning { | |
| padding: 1px 4px; | |
| font-weight: bold; | |
| text-shadow: none; | |
| border-radius: 3px; | |
| color: #a56909; | |
| background-color: rgba(206, 157, 59, 0.5); | |
| } | |
| .highlight-error { | |
| padding: 1px 4px; | |
| font-weight: bold; | |
| text-shadow: none; | |
| border-radius: 3px; | |
| color: #df0c0c; | |
| background-color: rgba(210, 75, 75, 0.5); | |
| } | |
| .highlight-success { | |
| padding: 1px 4px; | |
| font-weight: bold; | |
| text-shadow: none; | |
| border-radius: 3px; | |
| color: #238b37; | |
| background-color: rgba(64, 181, 87, 0.5); | |
| } | |
| .results-view .path-details.list-item { | |
| color: #000000; | |
| } | |
| .tooltip { | |
| white-space: nowrap; | |
| font-size: 1.15em; | |
| } | |
| .tooltip.in { | |
| opacity: 1; | |
| transition: opacity 0.12s ease-out; | |
| } | |
| .tooltip .tooltip-inner { | |
| line-height: 1; | |
| padding: 0.75em 0.975em; | |
| border-radius: 3px; | |
| background-color: #475fd7; | |
| color: #ffffff; | |
| white-space: nowrap; | |
| max-width: none; | |
| } | |
| .tooltip .keystroke { | |
| font-size: 1em; | |
| padding: .1em .4em; | |
| margin: 0 -0.525em 0 0.375em; | |
| border-radius: 2px; | |
| color: #475fd7; | |
| background: #ffffff; | |
| } | |
| .tooltip.top .tooltip-arrow { | |
| border-top-color: #475fd7; | |
| } | |
| .tooltip.top-left .tooltip-arrow { | |
| border-top-color: #475fd7; | |
| } | |
| .tooltip.top-right .tooltip-arrow { | |
| border-top-color: #475fd7; | |
| } | |
| .tooltip.right .tooltip-arrow { | |
| border-right-color: #475fd7; | |
| } | |
| .tooltip.left .tooltip-arrow { | |
| border-left-color: #475fd7; | |
| } | |
| .tooltip.bottom .tooltip-arrow { | |
| border-bottom-color: #475fd7; | |
| } | |
| .tooltip.bottom-left .tooltip-arrow { | |
| border-bottom-color: #475fd7; | |
| } | |
| .tooltip.bottom-right .tooltip-arrow { | |
| border-bottom-color: #475fd7; | |
| } | |
| .tree-view { | |
| font-size: 1em; | |
| background: #e5e5e6; | |
| } | |
| .tree-view .project-root.project-root:first-child { | |
| padding-top: 0.5em; | |
| } | |
| .tree-view .project-root.project-root:before { | |
| height: 3em; | |
| background-clip: padding-box; | |
| } | |
| .tree-view .project-root.project-root > .header .name { | |
| line-height: 3em; | |
| } | |
| .tree-view .selected:before { | |
| background: rgba(126, 127, 129, 0.08); | |
| } | |
| .theme-one-dark-ui .tree-view .project-root.project-root::before { | |
| border-top: 1px solid transparent; | |
| background-clip: padding-box; | |
| } | |
| .tree-view-resizer .tree-view-resize-handle { | |
| width: 8px; | |
| } | |
| .tree-view-scroller { | |
| border-width: 0 0 1px 0; | |
| border-image: linear-gradient(to right, #e5e5e6 10px, #d1d1d2 50px) 0 0 1 0 stretch; | |
| } | |
| .list-group li:not(.list-nested-item), | |
| .list-tree li:not(.list-nested-item), | |
| .list-group li.list-nested-item > .list-item, | |
| .list-tree li.list-nested-item > .list-item { | |
| line-height: 2em; | |
| } | |
| .list-group .selected::before, | |
| .list-tree .selected::before { | |
| height: 2em; | |
| } | |
| .list-group .icon, | |
| .list-tree .icon { | |
| display: inline-block; | |
| height: inherit; | |
| } | |
| .list-group .icon::before, | |
| .list-tree .icon::before { | |
| top: initial; | |
| line-height: inherit; | |
| height: inherit; | |
| vertical-align: top; | |
| } | |
| .tree-view::before { | |
| content: ""; | |
| position: fixed; | |
| pointer-events: none; | |
| z-index: 1; | |
| margin-top: 0.5em; | |
| margin-left: -5px; | |
| height: 3em; | |
| width: 2px; | |
| background: #475fd7; | |
| opacity: 0; | |
| transition: opacity .16s; | |
| } | |
| .tree-view:focus::before { | |
| opacity: 1; | |
| transition-duration: .32s; | |
| } | |
| .status-bar { | |
| font-size: 1em; | |
| height: 2.625em; | |
| line-height: 2.625em; | |
| background-color: #e5e5e6; | |
| } | |
| .status-bar .flexbox-repaint-hack { | |
| padding: 0 0.75em; | |
| } | |
| .status-bar .inline-block { | |
| margin-right: 1.5em; | |
| vertical-align: top; | |
| } | |
| .status-bar .status-bar-right .inline-block { | |
| margin-right: 0; | |
| margin-left: 1.5em; | |
| } | |
| .status-bar .status-bar-right .inline-block > .inline-block { | |
| margin-left: 0; | |
| } | |
| .status-bar .status-bar-right .icon { | |
| margin-right: 0.1875em; | |
| } | |
| .status-bar .icon::before { | |
| font-size: 16px; | |
| width: 16px; | |
| height: 16px; | |
| } | |
| .key-binding { | |
| display: inline-block; | |
| margin-left: 0.45454545em; | |
| padding: 0 0.375em; | |
| line-height: 2; | |
| font-family: inherit; | |
| font-size: 1em; | |
| letter-spacing: 0.1em; | |
| border-radius: 3px; | |
| border: 1px solid #d1d1d2; | |
| background-color: #fafafa; | |
| } | |
| .ui-site-1 { | |
| background-color: #1f96ff; | |
| } | |
| .ui-site-2 { | |
| background-color: #40b557; | |
| } | |
| .ui-site-3 { | |
| background-color: #ce9d3b; | |
| } | |
| .ui-site-4 { | |
| background-color: #d831b0; | |
| } | |
| .ui-site-5 { | |
| background-color: #ebdd5b; | |
| } | |
| .settings-view .config-menu { | |
| position: relative; | |
| min-width: 15em; | |
| max-width: 20em; | |
| border-width: 0 1px 0 0; | |
| border-image: linear-gradient(#fafafa 10px, #d1d1d2 200px) 0 1 0 0 stretch; | |
| background: #fafafa; | |
| } | |
| .settings-view .config-menu .btn { | |
| white-space: initial; | |
| font-size: 0.889em; | |
| line-height: 1; | |
| padding: 0.5em 0.75em; | |
| } | |
| .settings-view .config-menu .btn::before { | |
| vertical-align: middle; | |
| } | |
| .settings-view .nav > li > a { | |
| padding: 0.75em 1.5em; | |
| line-height: 2em; | |
| } | |
| .settings-view > .panels { | |
| background-color: #fafafa; | |
| } | |
| .settings-view .section-container { | |
| max-width: 60em; | |
| } | |
| .settings-view .sub-section { | |
| margin: 4.5em 0; | |
| } | |
| .settings-view .section, | |
| .settings-view .section:first-child, | |
| .settings-view .section:last-child { | |
| padding: 4.5em; | |
| } | |
| .settings-view .themes-panel .control-group { | |
| margin-top: 3em; | |
| } | |
| .settings-view .section .section-heading { | |
| margin-bottom: 1em; | |
| } | |
| .settings-view .sub-section-heading.icon:before, | |
| .settings-view .section-heading.icon:before { | |
| margin-right: 0.45454545em; | |
| } | |
| .settings-view .package-card { | |
| padding: 1.5em; | |
| } | |
| .settings-view .package-card .meta-controls .status-indicator { | |
| width: 0.375em; | |
| } | |
| .settings-view .package-card .meta-controls .status-indicator:before { | |
| content: "\00a0"; | |
| } | |
| .settings-view .icon::before { | |
| color: #939395; | |
| } | |
| .settings-view .editor-container { | |
| margin: 1.5em 0; | |
| } | |
| .settings-view .form-control { | |
| font-size: 1.25em; | |
| height: 2em; | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| } | |
| .settings-view .update-all-button { | |
| font-size: .75em; | |
| } | |
| .settings-view .search-container .btn { | |
| font-size: 1.15em; | |
| } | |
| .find-and-replace, | |
| .project-find { | |
| padding: 0.375em; | |
| } | |
| .find-and-replace .input-block-item, | |
| .project-find .input-block-item { | |
| padding: 0.375em; | |
| } | |
| .find-and-replace .header, | |
| .find-and-replace .input-block { | |
| min-width: 25em; | |
| } | |
| .find-and-replace .input-block-item { | |
| flex: 1 1 25em; | |
| } | |
| .find-and-replace .input-block-item--flex { | |
| flex: 100 1 25em; | |
| } | |
| .find-and-replace .btn, | |
| .find-and-replace .btn-group-options .btn { | |
| font-size: 1.1em; | |
| padding: 0; | |
| } | |
| .find-and-replace .btn-group-options .btn, | |
| .find-and-replace .btn-group-options .btn.option-selection, | |
| .find-and-replace .btn-group-options .btn.option-whole-word { | |
| padding: 0; | |
| font-size: 1.15em; | |
| } | |
| .find-and-replace .find-container atom-text-editor { | |
| padding-right: 5em; | |
| } | |
| .find-and-replace .find-meta-container { | |
| top: 0; | |
| font-size: 1em; | |
| line-height: 2.5em; | |
| } | |
| .project-find .header, | |
| .project-find .input-block { | |
| min-width: 15em; | |
| } | |
| .project-find .input-block-item { | |
| flex: 1 1 20em; | |
| } | |
| .project-find .input-block-item--flex { | |
| flex: 100 1 20em; | |
| } | |
| .project-find .btn { | |
| font-size: 1.1em; | |
| padding: 0; | |
| } | |
| .project-find .btn-group-options .btn { | |
| padding: 0; | |
| font-size: 1.15em; | |
| } | |
| .timecop .timecop-panel { | |
| padding: 5px; | |
| background-color: #fafafa; | |
| } | |
| .timecop .tool-panel { | |
| padding: 5px; | |
| background-color: #fafafa; | |
| } | |
| .timecop .inset-panel { | |
| border: 1px solid #d1d1d2; | |
| } | |
| .timecop .panel-heading { | |
| font-weight: normal; | |
| color: #282929; | |
| border-color: #d1d1d2; | |
| background-color: #ffffff; | |
| } | |
| .timecop .list-item .inline-block { | |
| line-height: 1.5; | |
| } | |
| .deprecation-cop .deprecation-overview { | |
| background-color: #fafafa; | |
| border-bottom: 1px solid #d1d1d2; | |
| } | |
| atom-workspace .horizontal atom-pane-resize-handle.vertical { | |
| position: absolute; | |
| } | |
| .preview-pane .results-view .path-match-number { | |
| color: inherit; | |
| opacity: .6; | |
| } | |
| .tool-panel.incompatible-packages { | |
| font-weight: normal; | |
| color: #424243; | |
| background-color: #fafafa; | |
| } | |
| atom-notifications { | |
| font-size: 14px; | |
| } | |
| atom-notifications atom-notification:first-child.has-close .message { | |
| padding-right: 120px; | |
| } | |
| atom-notifications atom-notification:only-child.has-close .message, | |
| atom-notifications atom-notification.has-close .message { | |
| padding-right: 40px; | |
| } | |
| atom-notifications atom-notification .item { | |
| padding: 0.75em; | |
| } | |
| atom-notifications atom-notification.icon:before { | |
| padding-top: .85em; | |
| } | |
| .styleguide { | |
| font-size: inherit; | |
| padding: 0; | |
| } | |
| .styleguide section.bordered, | |
| .styleguide .section.bordered { | |
| border-top: none; | |
| } | |
| .styleguide .example { | |
| border: none; | |
| } | |
| .styleguide .example .example-rendered { | |
| border: 1px solid #d1d1d2; | |
| border-right: none; | |
| background: #fafafa; | |
| } | |
| .styleguide .example .example-code { | |
| border: 1px solid #d1d1d2; | |
| border-radius: 0 3px 3px 0; | |
| } | |
| .styleguide [data-name="variables"] .example-rendered { | |
| border-right: 1px solid #d1d1d2; | |
| border-radius: 3px; | |
| } | |
| .styleguide atom-panel.modal:after { | |
| position: absolute; | |
| left: -1.5em; | |
| right: -1.5em; | |
| bottom: -1.5em; | |
| } | |
| .styleguide atom-panel.modal:after { | |
| position: absolute; | |
| } | |
| .styleguide .select-list atom-text-editor[mini], | |
| .styleguide .popover-list atom-text-editor[mini] { | |
| height: initial; | |
| } | |
| html { | |
| font-size: 12px; | |
| } | |
| @media (min-width: 2560px) { | |
| [theme-one-light-ui-layoutmode="auto"] { | |
| font-size: 14px; | |
| } | |
| } | |
| @media (min-width: 1920px) { | |
| [theme-one-light-ui-layoutmode="auto"] { | |
| font-size: 13px; | |
| } | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] { | |
| font-size: 11px; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] atom-workspace { | |
| padding-right: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] atom-workspace atom-panel-container.left:empty { | |
| padding-left: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] atom-pane-container atom-pane { | |
| padding-top: 0; | |
| padding-right: 0; | |
| border-left: 1px solid #d1d1d2; | |
| border-bottom: 1px solid #d1d1d2; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] atom-pane-container atom-pane .item-views { | |
| border: none; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] atom-pane-container atom-pane-axis.horizontal > atom-pane-resize-handle { | |
| width: 8px; | |
| margin-left: -4px; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] atom-pane-container atom-pane-axis.vertical > atom-pane-resize-handle { | |
| height: 8px; | |
| margin-top: -4px; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tab-bar .tab { | |
| border-radius: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tab-bar .tab::before { | |
| border-radius: 0; | |
| top: 0; | |
| bottom: 0; | |
| } | |
| .theme-one-dark-ui [theme-one-light-ui-layoutmode="compact"] .tab-bar .tab::before { | |
| left: 1px; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tab-bar .tab:first-of-type::before { | |
| left: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tab-bar .tab::after { | |
| border-top: none; | |
| border-radius: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tab-bar .tab:first-of-type::after { | |
| border-left: none; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tab-bar .tab:last-of-type::after { | |
| border-right: none; | |
| box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.06), 1px 0 0 #d1d1d2; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tree-view-resizer[data-show-on-right-side="true"] { | |
| border-left: 1px solid #d1d1d2; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tree-view-scroller { | |
| border-image: none; | |
| border-bottom: 1px solid #d1d1d2; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tree-view::before { | |
| margin-top: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tree-view .project-root.project-root { | |
| padding-top: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .tree-view .project-root.project-root:before { | |
| height: 3em; | |
| } | |
| [theme-one-light-ui-layoutmode="compact"] .theme-one-dark-ui .tree-view .project-root.project-root::before { | |
| border-top: none; | |
| } | |
| @media (max-width: 1280px), (max-height: 800px) { | |
| [theme-one-light-ui-layoutmode="auto"] { | |
| font-size: 11px; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] atom-workspace { | |
| padding-right: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] atom-workspace atom-panel-container.left:empty { | |
| padding-left: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] atom-pane-container atom-pane { | |
| padding-top: 0; | |
| padding-right: 0; | |
| border-left: 1px solid #d1d1d2; | |
| border-bottom: 1px solid #d1d1d2; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] atom-pane-container atom-pane .item-views { | |
| border: none; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] atom-pane-container atom-pane-axis.horizontal > atom-pane-resize-handle { | |
| width: 8px; | |
| margin-left: -4px; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] atom-pane-container atom-pane-axis.vertical > atom-pane-resize-handle { | |
| height: 8px; | |
| margin-top: -4px; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tab-bar .tab { | |
| border-radius: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tab-bar .tab::before { | |
| border-radius: 0; | |
| top: 0; | |
| bottom: 0; | |
| } | |
| .theme-one-dark-ui [theme-one-light-ui-layoutmode="auto"] .tab-bar .tab::before { | |
| left: 1px; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tab-bar .tab:first-of-type::before { | |
| left: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tab-bar .tab::after { | |
| border-top: none; | |
| border-radius: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tab-bar .tab:first-of-type::after { | |
| border-left: none; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tab-bar .tab:last-of-type::after { | |
| border-right: none; | |
| box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.06), 1px 0 0 #d1d1d2; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tree-view-resizer[data-show-on-right-side="true"] { | |
| border-left: 1px solid #d1d1d2; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tree-view-scroller { | |
| border-image: none; | |
| border-bottom: 1px solid #d1d1d2; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tree-view::before { | |
| margin-top: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tree-view .project-root.project-root { | |
| padding-top: 0; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .tree-view .project-root.project-root:before { | |
| height: 3em; | |
| } | |
| [theme-one-light-ui-layoutmode="auto"] .theme-one-dark-ui .tree-view .project-root.project-root::before { | |
| border-top: none; | |
| } | |
| } | |
| [theme-one-light-ui-tabsizing="minimum"] .tab, | |
| [theme-one-light-ui-tabsizing="minimum"] .tab.active { | |
| flex: 0 0 auto; | |
| min-width: 3em; | |
| } | |
| [theme-one-light-ui-tabsizing="minimum"] .tab .title { | |
| -webkit-mask: none; | |
| } | |
| [theme-one-light-ui-tabsizing="minimum"] .tab:hover .title { | |
| -webkit-mask: linear-gradient(to left, rgba(0, 0, 0, 0), #000000 1em) no-repeat; | |
| -webkit-mask-position: -1em 0; | |
| } | |
| @media (max-width: 1280px), (max-height: 800px) { | |
| [theme-one-light-ui-tabsizing="auto"] .tab, | |
| [theme-one-light-ui-tabsizing="auto"] .tab.active { | |
| flex: 0 0 auto; | |
| min-width: 3em; | |
| } | |
| [theme-one-light-ui-tabsizing="auto"] .tab .title { | |
| -webkit-mask: none; | |
| } | |
| [theme-one-light-ui-tabsizing="auto"] .tab:hover .title { | |
| -webkit-mask: linear-gradient(to left, rgba(0, 0, 0, 0), #000000 1em) no-repeat; | |
| -webkit-mask-position: -1em 0; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment