#peek .wrapper { width: 860px !important; padding: 0; } fieldset { padding: 0; margin: 0; border: 0; } label { font-size: 13px; font-weight: bold; } input[type="text"], #adv_code_search .search-page-label, input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"], textarea { min-height: 34px; padding: 7px 8px; font-size: 13px; color: #333; vertical-align: middle; background-color: #fff; background-repeat: no-repeat; background-position: right center; border: 1px solid #ccc; border-radius: 3px; outline: none; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); } input[type="text"].focus, #adv_code_search .focus.search-page-label, input[type="text"]:focus, .focused .drag-and-drop, #adv_code_search .search-page-label:focus, input[type="password"].focus, input[type="password"]:focus, input[type="email"].focus, input[type="email"]:focus, input[type="number"].focus, input[type="number"]:focus, input[type="tel"].focus, input[type="tel"]:focus, input[type="url"].focus, input[type="url"]:focus, input[type="search"].focus, input[type="search"]:focus, textarea.focus, textarea:focus { border-color: #51a7e8; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); } input.input-contrast, .input-contrast { background-color: #fafafa; } input.input-contrast:focus, .input-contrast:focus { background-color: #fff; } ::-webkit-input-placeholder, :-moz-placeholder { color: #aaa; } ::-webkit-validation-bubble-message { font-size: 12px; color: #fff; background: #9c2400; border: 0; border-radius: 3px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } input::-webkit-validation-bubble-icon { display: none; } ::-webkit-validation-bubble-arrow { background-color: #9c2400; border: solid 1px #9c2400; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } input.input-mini { min-height: 26px; padding-top: 4px; padding-bottom: 4px; font-size: 12px; } input.input-large { padding: 6px 10px; font-size: 16px; } .input-block { display: block; width: 100%} .input-monospace { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; } dl.form { margin: 15px 0; } dl.form input[type="text"], dl.form #adv_code_search .search-page-label, #adv_code_search dl.form .search-page-label, dl.form input[type="password"], dl.form input[type="email"], dl.form textarea { background-color: #fafafa; } dl.form input[type="text"]:focus, dl.form .focused .drag-and-drop, .focused dl.form .drag-and-drop, dl.form #adv_code_search .search-page-label:focus, #adv_code_search dl.form .search-page-label:focus, dl.form input[type="password"]:focus, dl.form input[type="email"]:focus, dl.form textarea:focus { background-color: #fff; } dl.form>dt { margin: 0 0 6px; } dl.form>dt label { position: relative; } dl.form.flattened>dt { float: left; margin: 0; line-height: 32px; } dl.form.flattened>dd { line-height: 32px; } dl.form>dd input[type="text"], dl.form>dd #adv_code_search .search-page-label, #adv_code_search dl.form>dd .search-page-label, dl.form>dd input[type="password"], dl.form>dd input[type="email"] { width: 440px; max-width: 100%; margin-right: 5px; background-position-x: 98%} dl.form>dd input[type="text"].short, dl.form>dd #adv_code_search .short.search-page-label, #adv_code_search dl.form>dd .short.search-page-label, dl.form>dd input[type="password"].short, dl.form>dd input[type="email"].short { width: 250px; } dl.form>dd input[type="text"].shorter, dl.form>dd #adv_code_search .shorter.search-page-label, #adv_code_search dl.form>dd .shorter.search-page-label, dl.form>dd input[type="password"].shorter, dl.form>dd input[type="email"].shorter { width: 130px; } dl.form>dd input[type="text"].long, dl.form>dd #adv_code_search .long.search-page-label, #adv_code_search dl.form>dd .long.search-page-label, dl.form>dd input[type="password"].long, dl.form>dd input[type="email"].long { width: 100%} dl.form>dd input[type="text"].is-autocheck-loading, dl.form>dd #adv_code_search .is-autocheck-loading.search-page-label, #adv_code_search dl.form>dd .is-autocheck-loading.search-page-label, dl.form>dd input[type="password"].is-autocheck-loading, dl.form>dd input[type="email"].is-autocheck-loading { background-image: url("/images/spinners/octocat-spinner-32.gif"); background-size: 16px; } dl.form>dd input[type="text"].is-autocheck-successful, dl.form>dd #adv_code_search .is-autocheck-successful.search-page-label, #adv_code_search dl.form>dd .is-autocheck-successful.search-page-label, dl.form>dd input[type="password"].is-autocheck-successful, dl.form>dd input[type="email"].is-autocheck-successful { background-image: url("/images/modules/ajax/success.png"); } dl.form>dd input[type="text"].is-autocheck-errored, dl.form>dd #adv_code_search .is-autocheck-errored.search-page-label, #adv_code_search dl.form>dd .is-autocheck-errored.search-page-label, dl.form>dd input[type="password"].is-autocheck-errored, dl.form>dd input[type="email"].is-autocheck-errored { background-image: url("/images/modules/ajax/error.png"); } dl.form>dd textarea { width: 100%; height: 200px; min-height: 200px; } dl.form>dd textarea.short { height: 50px; min-height: 50px; } dl.form>dd p.note { min-height: 17px; margin: 4px 0 2px; font-size: 12px; color: #777; } dl.form>dd p.note .spinner { margin-right: 3px; vertical-align: middle; } dl.form>dd h4 { margin: 4px 0 0; } dl.form>dd h4.is-error { color: #bd2c00; } dl.form>dd h4.is-success { color: #6cc644; } dl.form>dd h4+p.note { margin-top: 0; } dl.form.required>dt>label:after { padding-left: 5px; color: #9f1006; content: "*"} .form-checkbox { padding-left: 20px; margin: 15px 0; vertical-align: middle; } .form-checkbox label em.highlight { position: relative; left: -4px; padding: 2px 4px; font-style: normal; background: #fffbdc; border-radius: 3px; } .form-checkbox input[type=checkbox], .form-checkbox input[type=radio] { float: left; margin: 2px 0 0 -20px; vertical-align: middle; } .form-checkbox .note { display: block; margin: 0; font-size: 12px; font-weight: normal; color: #666; } .form-cards { height: 31px; margin: 0 0 15px; } .form-cards .card { float: left; width: 47px; height: 31px; text-indent: -9999px; background-image: url("/images/modules/pricing/credit-cards-@1x.png"); background-position: 0 0; opacity: 0.6; } .form-cards .card.visa { background-position: 0 0; } .form-cards .card.amex { background-position: -50px 0; } .form-cards .card.mastercard { background-position: -100px 0; } .form-cards .card.discover { background-position: -150px 0; } .form-cards .card.jcb { background-position: -200px 0; } .form-cards .card.dinersclub { background-position: -250px 0; } .form-cards .card.enabled { opacity: 1; } .form-cards .card.disabled { opacity: 0.2; } .form-cards>.cards { margin: 0; } .form-cards>.cards>li { float: left; margin: 0 4px 0 0; list-style-type: none; } .form-cards>.cards>li.text { font-size: 11px; line-height: 31px; color: #999; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { .form-cards>.cards .card { background-image: url("/images/modules/pricing/credit-cards-@2x.png"); background-size: 300px 31px; } }dl.form .success, dl.form .error, dl.form .indicator { display: none; font-size: 12px; font-weight: bold; } dl.form.loading { opacity: 0.5; } dl.form.loading .indicator { display: inline; } dl.form.loading .spinner { display: inline-block; vertical-align: middle; } dl.form.successful .success { display: inline; color: #390; } dl.form.errored>dt label { color: #900; } dl.form.errored .error { display: inline; color: #900; } dl.form.errored dd.error, dl.form.errored dd.warning { display: inline-block; padding: 5px; font-size: 11px; color: #494620; background: #f7ea57; border: 1px solid #c0b536; border-top-color: #fff; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } dl.form.warn .warning { display: inline; color: #900; } dl.form.warn dd.warning { display: inline-block; padding: 5px; font-size: 11px; color: #494620; background: #f7ea57; border: 1px solid #c0b536; border-top-color: #fff; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } dl.form .form-note { display: inline-block; padding: 5px; margin-top: -1px; font-size: 11px; color: #494620; background: #f7ea57; border: 1px solid #c0b536; border-top-color: #fff; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .hfields { margin: 15px 0; } .hfields:before { display: table; content: ""} .hfields:after { display: table; clear: both; content: ""} .hfields dl.form { float: left; margin: 0 30px 0 0; } .hfields dl.form>dt label { display: inline-block; margin: 5px 0 0; color: #666; } .hfields dl.form>dt label img { position: relative; top: -2px; } .hfields .button { float: left; margin: 28px 25px 0 -20px; } .hfields select { margin-top: 5px; } html.no-dnd-uploads .drag-and-drop { min-height: 32px; } html.no-dnd-uploads .drag-and-drop .default { display: none; } html.no-dnd-uploads .upload-enabled textarea { border-bottom: 1px solid #ddd; } .drag-and-drop { padding: 7px 10px; margin: 0; font-size: 13px; line-height: 16px; color: #aaa; background-color: #fafafa; border: 1px solid #ccc; border-top: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .drag-and-drop .default, .drag-and-drop .loading, .drag-and-drop .error { display: none; } .drag-and-drop .error { color: #bd2c00; } .drag-and-drop img { vertical-align: top; } .is-default .drag-and-drop .default { display: inline-block; } .is-uploading .drag-and-drop .loading { display: inline-block; } .is-bad-file .drag-and-drop .bad-file { display: inline-block; } .is-too-big .drag-and-drop .too-big { display: inline-block; } .is-bad-browser .drag-and-drop .bad-browser { display: inline-block; } .drag-and-drop-error-info { font-weight: normal; color: #aaa; } .drag-and-drop-error-info a { color: #4183c4; } .is-failed .drag-and-drop .failed-request { display: inline-block; } .manual-file-chooser { position: absolute; width: 240px; padding: 5px; margin-left: -80px; cursor: pointer; opacity: 0.0001; } .manual-file-chooser:hover+.manual-file-chooser-text { text-decoration: underline; } .button .manual-file-chooser { top: 0; padding: 0; line-height: 34px; } .upload-enabled textarea { display: block; border-bottom: 1px dashed #ddd; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .focused .drag-and-drop { box-shadow: rgba(81, 167, 232, 0.5) 0 0 3px; } .dragover textarea, .dragover .drag-and-drop { box-shadow: #c9ff00 0 0 3px; } .previewable-comment-form { position: relative; } .previewable-comment-form .tabnav { position: relative; padding: 10px 10px 0; } .previewable-comment-form .comment { border: 1px solid #cacaca; } .previewable-comment-form .comment-header .comment-header-actions { display: none; } .previewable-comment-form .comment-form-error { margin-bottom: 10px; } .previewable-comment-form .write-content, .previewable-comment-form .preview-content { display: none; padding: 0 10px 10px; } .previewable-comment-form.write-selected .write-content, .previewable-comment-form.preview-selected .preview-content { display: block; } .previewable-comment-form textarea { display: block; width: 100%; min-height: 100px; max-height: 500px; padding: 10px; resize: vertical; } .previewable-comment-form textarea.fullscreen-contents:focus { border: 0; box-shadow: none; } div.composer { margin-top: 0; border: 0; } .composer .comment-form-textarea { height: 200px; min-height: 200px; } .composer-infobar { height: 35px; padding: 0 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; } .composer .tabnav { margin: 0 0 10px; } .infobar-widget.milestone { position: relative; float: right; } .infobar-widget.milestone .select-menu-modal-holder { right: 0; } .infobar-widget.assignee { float: left; } .infobar-widget.assignee .css-truncate-target { max-width: 110px; } .infobar-widget .text, .infobar-widget .avatar, .infobar-widget .select-menu { display: inline-block; vertical-align: top; } .infobar-widget .text { margin-top: 3px; } .infobar-widget .text a { font-weight: bold; color: #333; } .infobar-widget .progress-bar { width: 200px; overflow: hidden; line-height: 18px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .input-group { display: table; } .input-group input { position: relative; width: 100%} .input-group input:focus { z-index: 2; } .input-group input[type="text"]+.minibutton, .input-group #adv_code_search .search-page-label+.minibutton, #adv_code_search .input-group .search-page-label+.minibutton { margin-left: 0; } .input-group.inline { display: inline-table; } .input-group input, .input-group-button { display: table-cell; } .input-group-button { width: 1%; vertical-align: middle; } .input-group input:first-child, .input-group-button:first-child .button, .input-group-button:first-child .minibutton { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-button:first-child .button, .input-group-button:first-child .minibutton { margin-right: -1px; } .input-group input:last-child, .input-group-button:last-child .button, .input-group-button:last-child .minibutton { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-button:last-child .button, .input-group-button:last-child .minibutton { margin-left: -1px; } h2.account { margin: 15px 0 0; font-size: 18px; font-weight: normal; color: #666; } p.explain { position: relative; font-size: 12px; color: #666; } p.explain strong { color: #333; } p.explain .octicon { margin-right: 5px; color: #bbb; } p.explain .minibutton { top: -4px; float: right; } .options-content p.explain { padding: 10px 10px 0; margin-top: 0; border-top: 1px solid #ddd; } .form-actions { padding-bottom: 5px; text-align: right; } .form-actions .cancel { float: left; margin-top: 5px; } .form-actions .button.cancel { margin-top: 0; margin-left: 2px; } .form-actions .minibutton.cancel { margin-top: 0; } .form-actions .optional { float: left; padding-top: 8px; margin-right: 15px; } .form-actions .optional span.text { padding: 0 3px; } .form-actions .optional input { position: relative; top: -1px; } .form-warning { padding: 8px 10px; margin: 10px 0; font-size: 14px; color: #333; background: #ffffe2; border: 1px solid #e7e4c2; border-radius: 4px; } .form-warning p { margin: 0; line-height: 1.5; } .form-warning strong { color: #000; } .form-warning a { font-weight: bold; } .status-indicator { font: normal normal 16px/1 "octicons"; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; margin-left: 5px; } .status-indicator-loading { position: relative; top: 3px; width: 16px; height: 16px; margin-top: -4px; background: url("/images/spinners/octocat-spinner-32-EAF2F5.gif") 0 0 no-repeat; background-size: 16px; } .status-indicator-success:before { color: #6cc644; content: "\f03a"} .status-indicator-failed:before { color: #bd2c00; content: "\f02d"} .button, .minibutton { position: relative; display: inline-block; padding: 7px 12px; font-size: 13px; font-weight: bold; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); white-space: nowrap; vertical-align: middle; cursor: pointer; background-color: #eeeeee; background-image: -moz-linear-gradient(#fcfcfc, #eee); background-image: -webkit-linear-gradient(#fcfcfc, #eee); background-image: linear-gradient(#fcfcfc, #eee); background-repeat: repeat-x; border: 1px solid #d5d5d5; border-radius: 3px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; } .button i, .minibutton i { font-style: normal; font-weight: 500; opacity: 0.6; } .button:focus, .minibutton:focus { text-decoration: none; border-color: #51a7e8; outline: none; box-shadow: 0 0 5px rgba(81, 167, 232, 0.5); } .button:hover, .button:active, .button.zeroclipboard-is-hover, .button.zeroclipboard-is-active, .minibutton:hover, .minibutton:active, .minibutton.zeroclipboard-is-hover, .minibutton.zeroclipboard-is-active { text-decoration: none; background-color: #dddddd; background-image: -moz-linear-gradient(#eee, #ddd); background-image: -webkit-linear-gradient(#eee, #ddd); background-image: linear-gradient(#eee, #ddd); background-repeat: repeat-x; border-color: #ccc; } .button:active, .button.selected, .button.selected:hover, .button.zeroclipboard-is-active, .minibutton:active, .minibutton.selected, .minibutton.selected:hover, .minibutton.zeroclipboard-is-active { background-color: #dcdcdc; background-image: none; border-color: #b5b5b5; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); } .button:disabled, .button:disabled:hover, .button.disabled, .button.disabled:hover, .minibutton:disabled, .minibutton:disabled:hover, .minibutton.disabled, .minibutton.disabled:hover { color: rgba(102, 102, 102, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); cursor: default; background-color: rgba(229, 229, 229, 0.5); background-image: none; border-color: rgba(197, 197, 197, 0.5); box-shadow: none; } .button.primary, .minibutton.primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #60b044; background-image: -moz-linear-gradient(#8add6d, #60b044); background-image: -webkit-linear-gradient(#8add6d, #60b044); background-image: linear-gradient(#8add6d, #60b044); background-repeat: repeat-x; border-color: #5ca941; } .button.primary:hover, .minibutton.primary:hover { color: #fff; background-color: #569e3d; background-image: -moz-linear-gradient(#79d858, #569e3d); background-image: -webkit-linear-gradient(#79d858, #569e3d); background-image: linear-gradient(#79d858, #569e3d); background-repeat: repeat-x; border-color: #4a993e; } .button.primary:active, .button.primary.selected, .minibutton.primary:active, .minibutton.primary.selected { background-color: #569e3d; background-image: none; border-color: #418737; } .button.primary:disabled, .button.primary:disabled:hover, .button.primary.disabled, .button.primary.disabled:hover, .minibutton.primary:disabled, .minibutton.primary:disabled:hover, .minibutton.primary.disabled, .minibutton.primary.disabled:hover { color: #fefefe; text-shadow: 0 -1px 0 rgba(39, 39, 39, 0.25); background-color: #add39f; background-image: -moz-linear-gradient(#c3ecb4, #add39f); background-image: -webkit-linear-gradient(#c3ecb4, #add39f); background-image: linear-gradient(#c3ecb4, #add39f); background-repeat: repeat-x; border-color: #b9dcac #b9dcac #a7c89b; } .button.danger, .minibutton.danger { color: #900; } .button.danger:hover, .minibutton.danger:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); background-color: #b33630; background-image: -moz-linear-gradient(#dc5f59, #b33630); background-image: -webkit-linear-gradient(#dc5f59, #b33630); background-image: linear-gradient(#dc5f59, #b33630); background-repeat: repeat-x; border-color: #cd504a; } .button.danger:active, .button.danger.selected, .minibutton.danger:active, .minibutton.danger.selected { color: #fff; background-color: #b33630; background-image: none; border-color: #9f312c; } .button.danger:disabled, .button.danger:disabled:hover, .button.danger.disabled, .button.danger.disabled:hover, .minibutton.danger:disabled, .minibutton.danger:disabled:hover, .minibutton.danger.disabled, .minibutton.danger.disabled:hover { color: #cb7f7f; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); background-color: #efefef; background-image: -moz-linear-gradient(#fefefe, #efefef); background-image: -webkit-linear-gradient(#fefefe, #efefef); background-image: linear-gradient(#fefefe, #efefef); background-repeat: repeat-x; border-color: #e1e1e1; } .button.with-count, .minibutton.with-count { float: left; border-top-right-radius: 0; border-bottom-right-radius: 0; } .button>.octicon, .minibutton>.octicon { vertical-align: -1px; } .button>.octicon-arrow-right, .minibutton>.octicon-arrow-right { float: right; margin-left: 5px; } .minibutton>.octicon-arrow-right { margin-top: 4px; } .minibutton { padding: 0 10px; line-height: 24px; } .hidden-text-expander { display: block; } .hidden-text-expander.inline { position: relative; top: -1px; display: inline-block; margin-left: 5px; line-height: 0; } .hidden-text-expander a { display: inline-block; height: 12px; padding: 0 5px; font-size: 12px; font-weight: bold; line-height: 6px; color: #555; text-decoration: none; vertical-align: middle; background: #ddd; border-radius: 1px; } .hidden-text-expander a:hover { text-decoration: none; background-color: #ccc; } .hidden-text-expander a:active { color: #fff; background-color: #4183c4; } .social-count { float: left; padding: 0 7px; font-size: 11px; font-weight: bold; line-height: 24px; color: #333333; vertical-align: middle; background-color: #fff; border: 1px solid #ddd; border-left: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .social-count:hover { color: #4183c4; text-decoration: none; cursor: pointer; } .button-block { display: block; width: 100%; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; } .button-group { display: inline-block; vertical-align: middle; } .button-group:before { display: table; content: ""} .button-group:after { display: table; clear: both; content: ""} .button-group .button, .button-group .minibutton, .button-group .button-outline { position: relative; float: left; border-radius: 0; } .button-group .button:first-child, .button-group .minibutton:first-child, .button-group .button-outline:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .button-group .button:last-child, .button-group .minibutton:last-child, .button-group .button-outline:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .button-group .button:hover, .button-group .button:focus, .button-group .button:active, .button-group .button.selected, .button-group .minibutton:hover, .button-group .minibutton:focus, .button-group .minibutton:active, .button-group .minibutton.selected, .button-group .button-outline:hover, .button-group .button-outline:focus, .button-group .button-outline:active, .button-group .button-outline.selected { z-index: 2; } .button-group .button+.button, .button-group .minibutton+.minibutton { margin-left: -1px; box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2); } .button-group .button+.button:hover, .button-group .minibutton+.minibutton:hover { box-shadow: none; } .button-group .button+.button:active, .button-group .button+.button.selected, .button-group .minibutton+.minibutton:active, .button-group .minibutton+.minibutton.selected { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15); } .button-group .button-outline+.button-outline { margin-left: -1px; } .button-group+.button-group, .button-group+.button, .button-group+.minibutton { margin-left: 5px; } .button-link { display: inline; padding: 0; font-size: inherit; color: #4183c4; white-space: nowrap; cursor: pointer; background-color: transparent; border: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; } .button-link:hover, .button-link:focus { text-decoration: underline; } .button-link:focus { outline: none; } .button-outline { display: inline-block; padding: 7px 12px; font-size: 13px; font-weight: bold; color: #4183c4; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #fff; border: 1px solid #e5e5e5; border-radius: 3px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; } .button-outline:hover, .button-outline.zeroclipboard-is-hover { color: #fff; text-decoration: none; background-color: #4183c4; border-color: #4183c4; } .button-outline:disabled, .button-outline.disabled, .button-outline:disabled:hover, .button-outline.disabled:hover { color: #777; cursor: default; background-color: #f5f5f5; border-color: #e5e5e5; } .css-truncate.css-truncate-target, .css-truncate .css-truncate-target { display: inline-block; max-width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; } .css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target, .css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target, .css-truncate.expandable:hover .css-truncate-target, .css-truncate.expandable:hover.css-truncate-target { max-width: 10000px !important; } .tooltipped { position: relative; } .tooltipped:after { position: absolute; z-index: 1000000; display: none; padding: 5px 8px; font: normal normal 10px/1.5 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; color: white; text-align: center; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-wrap: break-word; white-space: pre; pointer-events: none; content: attr(aria-label); background: rgba(0, 0, 0, 0.8); border-radius: 3px; -webkit-font-smoothing: subpixel-antialiased; } .tooltipped:before { position: absolute; z-index: 1000001; display: none; width: 0; height: 0; color: rgba(0, 0, 0, 0.8); pointer-events: none; content: ""; border: 5px solid transparent; } .tooltipped:hover:before, .tooltipped:hover:after, .tooltipped:active:before, .tooltipped:active:after, .tooltipped:focus:before, .tooltipped:focus:after { display: inline-block; text-decoration: none; } .tooltipped-multiline:hover:after, .tooltipped-multiline:active:after, .tooltipped-multiline:focus:after { display: table-cell; } .tooltipped-s:after, .tooltipped-se:after, .tooltipped-sw:after { top: 100%; right: 50%; margin-top: 5px; } .tooltipped-s:before, .tooltipped-se:before, .tooltipped-sw:before { top: auto; right: 50%; bottom: -5px; margin-right: -5px; border-bottom-color: rgba(0, 0, 0, 0.8); } .tooltipped-se:after { right: auto; left: 50%; margin-left: -15px; } .tooltipped-sw:after { margin-right: -15px; } .tooltipped-n:after, .tooltipped-ne:after, .tooltipped-nw:after { right: 50%; bottom: 100%; margin-bottom: 5px; } .tooltipped-n:before, .tooltipped-ne:before, .tooltipped-nw:before { top: -5px; right: 50%; bottom: auto; margin-right: -5px; border-top-color: rgba(0, 0, 0, 0.8); } .tooltipped-ne:after { right: auto; left: 50%; margin-left: -15px; } .tooltipped-nw:after { margin-right: -15px; } .tooltipped-s:after, .tooltipped-n:after { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .tooltipped-w:after { right: 100%; bottom: 50%; margin-right: 5px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .tooltipped-w:before { top: 50%; bottom: 50%; left: -5px; margin-top: -5px; border-left-color: rgba(0, 0, 0, 0.8); } .tooltipped-e:after { bottom: 50%; left: 100%; margin-left: 5px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .tooltipped-e:before { top: 50%; right: -5px; bottom: 50%; margin-top: -5px; border-right-color: rgba(0, 0, 0, 0.8); } .tooltipped-multiline:after { width: -moz-max-content; width: -webkit-max-content; max-width: 250px; word-break: break-word; word-wrap: normal; white-space: pre-line; border-collapse: separate; } .tooltipped-multiline.tooltipped-s:after, .tooltipped-multiline.tooltipped-n:after { right: auto; left: 50%; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } .tooltipped-multiline.tooltipped-w:after, .tooltipped-multiline.tooltipped-e:after { right: 100%} @media screen and (min-width: 0 0) { .tooltipped-multiline: after { width: 250px; } }.tooltipped-sticky:before, .tooltipped-sticky:after { display: inline-block; } .tooltipped-sticky.tooltipped-multiline:after { display: table-cell; } .fullscreen-overlay-enabled.dark-theme .tooltipped:after { color: black; background: rgba(255, 255, 255, 0.8); } .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before, .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before, .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-sw:before { border-bottom-color: rgba(255, 255, 255, 0.8); } .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-n:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-ne:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-nw:before { border-top-color: rgba(255, 255, 255, 0.8); } .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-e:before { border-right-color: rgba(255, 255, 255, 0.8); } .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-w:before { border-left-color: rgba(255, 255, 255, 0.8); } .select-menu-button { padding-right: 25px; } .select-menu-button .octicon { margin-right: 1px; } .select-menu-button:before { position: absolute; top: 10px; right: 10px; display: block; width: 0; height: 0; content: ""; border: 4px solid; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } .select-menu-button.button:before { top: 14px; } .select-menu-button.with-gravatar:before { top: 13px; } .select-menu-button.icon-only { padding-right: 18px; padding-left: 7px; } .select-menu-button.icon-only:before { right: 8px; } .select-menu-button.primary:before { border-top-color: #fff; } .select-menu-button.primary:hover:active { background-color: #4a993e; } .select-menu .spinner { float: left; margin: 4px 0 0 -24px; } .select-menu.active .select-menu-modal-holder { display: block; } .select-menu.right-aligned { float: right; position: relative; } .select-menu.right-aligned .select-menu-modal-holder { right: 0; } .select-menu.is-showing-clear-item .select-menu-clear-item { display: block; } .select-menu.is-showing-clear-item .select-menu-clear-item .octicon { color: inherit; } .select-menu.is-showing-clear-item .select-menu-clear-item+.select-menu-no-results { display: none; } .select-menu.is-loading .select-menu-loading-overlay { display: block; } .select-menu.is-loading .select-menu-modal { min-height: 200px; } .select-menu.has-error .select-menu-error-shell { display: block; } .select-menu-loading-overlay { display: none; text-indent: 100%; height: 100%; width: 100%; position: absolute; top: 0; z-index: 5; border-radius: 5px; border: 1px solid transparent; background-color: rgba(255, 255, 255, 0.8); animation: pulse 2s infinite linear; -webkit-animation: pulse 2s infinite linear; -moz-animation: pulse 2s infinite linear; } .select-menu-loading-overlay:before { position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; width: 32px; content: "\f008"; font: normal normal 32px/1 "octicons"; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; text-indent: 0; } @keyframes pulse { 0% { color: rgba(170, 170, 170, 0.1); } 10% { color: #aaaaaa; } 100% { color: rgba(170, 170, 170, 0.1); } }@-webkit-keyframes pulse { 0% { color: rgba(170, 170, 170, 0.1); } 10% { color: #aaaaaa; } 100% { color: rgba(170, 170, 170, 0.1); } }@-moz-keyframes pulse { 0% { color: rgba(170, 170, 170, 0.1); } 10% { color: #aaaaaa; } 100% { color: rgba(170, 170, 170, 0.1); } }@-o-keyframes pulse { 0% { color: rgba(170, 170, 170, 0.1); } 10% { color: #aaaaaa; } 100% { color: rgba(170, 170, 170, 0.1); } }.select-menu-error-shell { padding: 5px; border-bottom: 1px solid #eee; display: none; } .select-menu-error-shell .select-menu-error { display: block; padding: 5px 10px; font-weight: bold; color: #900; background-color: #ffeaea; border: 1px solid #e2a0a0; } .select-menu-modal-holder { position: absolute; display: none; z-index: 21; } .select-menu-modal { position: relative; width: 300px; margin-top: 4px; margin-bottom: 20px; overflow: hidden; font-size: 12px; color: #666; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25); } .select-menu-header { padding: 8px 10px; background-color: #eeeeee; background-image: -moz-linear-gradient(#fafafa, #eee); background-image: -webkit-linear-gradient(#fafafa, #eee); background-image: linear-gradient(#fafafa, #eee); background-repeat: repeat-x; border-bottom: 1px solid #ddd; } .select-menu-header .select-menu-title { font-weight: bold; color: #333; text-shadow: 0 1px 0 #fff; } .select-menu-header .octicon { display: block; float: right; color: #ccc; cursor: pointer; } .select-menu-header .octicon:hover { color: #555; } .select-menu-filters { background-color: #f8f8f8; } .select-menu-text-filter { padding: 10px 10px 0; } .select-menu-text-filter:first-child:last-child { padding-bottom: 10px; border-bottom: 1px solid #ddd; } .select-menu-text-filter input { display: block; width: 100%; max-width: 100%; padding: 5px; border: 1px solid #ddd; border-radius: 3px; } .select-menu-text-filter input::-webkit-input-placeholder, .select-menu-text-filter input:-moz-placeholder { color: #aaa; } .select-menu-tabs { height: 33px; border-bottom: 1px solid #ddd; } .select-menu-tabs ul { overflow: hidden; padding: 14px 10px 0; } .select-menu-tabs .select-menu-tab { display: inline-block; } .select-menu-tabs a { height: 20px; padding: 5px 8px; font-size: 11px; font-weight: bold; color: #888; text-decoration: none; line-height: 20px; border-radius: 3px 3px 0 0; cursor: pointer; } .select-menu-tabs a:hover { color: #333; } .select-menu-tabs a.selected { padding: 4px 5px; border: 1px solid #ddd; border-bottom: 1px solid #fff; background-color: #fff; color: #333; } .select-menu-list { max-height: 400px; overflow: auto; position: relative; } .select-menu-list.select-menu-tab-bucket { display: none; } .select-menu-list.select-menu-tab-bucket.selected { display: block; } .select-menu-item { cursor: pointer; border-bottom: 1px solid #eee; display: table; table-layout: fixed; width: 100%; overflow: hidden; color: inherit; } .select-menu-item:hover { text-decoration: none; } .select-menu-item.select-menu-item-template { display: none; } .select-menu-item.select-menu-clear-item { display: none; } .select-menu-item.disabled, .select-menu-item.disabled.selected { color: #999; } .select-menu-item.disabled .select-menu-item-gravatar, .select-menu-item.disabled.selected .select-menu-item-gravatar { opacity: .5; } .select-menu-item .octicon { vertical-align: middle; } .select-menu-item input[type="radio"] { display: none; } .select-menu-item .select-menu-item-icon { display: table-cell; color: transparent; vertical-align: top; padding: 8px 0 8px 8px; width: 24px; text-align: center; } .select-menu-item .select-menu-item-icon.is-shown { color: inherit; } .select-menu-item.navigation-focus, .select-menu-item.navigation-focus.selected, .select-menu-item.navigation-focus.select-menu-action { background-color: #4183c4; color: #fff; } .select-menu-item.navigation-focus>.octicon, .select-menu-item.navigation-focus.selected>.octicon, .select-menu-item.navigation-focus.select-menu-action>.octicon { color: #fff; } .select-menu-item.navigation-focus .text-danger, .select-menu-item.navigation-focus .description, .select-menu-item.navigation-focus.selected .text-danger, .select-menu-item.navigation-focus.selected .description, .select-menu-item.navigation-focus.select-menu-action .text-danger, .select-menu-item.navigation-focus.select-menu-action .description { color: #fff; } .select-menu-item>.octicon-dash { display: none; } .select-menu-item.indeterminate>.octicon-check { display: none; } .select-menu-item.indeterminate>.octicon-dash { display: table-cell; } .select-menu-item.select-menu-action, .select-menu-item.selected { color: #333; } .select-menu-item.select-menu-action .description, .select-menu-item.selected .description { color: #666; } .select-menu-item.select-menu-action>.octicon, .select-menu-item.selected>.octicon { color: #333; } .select-menu-item.select-menu-action .select-menu-item-text { font-weight: bold; } .select-menu[data-multiple] .select-menu-item:active { background-color: transparent !important; } .select-menu-item a { color: inherit; text-decoration: none; } .select-menu-item .hidden-select-button-text { display: none; } .select-menu-item .css-truncate-target { display: table-cell; max-width: 100%} form.select-menu-item>div:first-child { display: none !important; } .select-menu-item.last-visible, .select-menu-list:last-child .select-menu-item:last-child { border-bottom: 0; border-radius: 0 0 3px 3px; } .select-menu-actions .select-menu-item:hover { background-color: #4183c4; color: #fff; } .select-menu-actions .select-menu-item:hover>.octicon { color: #fff; } .select-menu-actions .select-menu-item:hover .description { color: #fff; } .select-menu-no-results { padding: 9px; display: none; cursor: auto; color: #999; } .select-menu-list.filterable-empty .select-menu-no-results, .select-menu-no-results:only-child { display: block; } .select-menu-button-gravatar, .select-menu-item-gravatar { overflow: hidden; line-height: 0; width: 20px; } .select-menu-button-gravatar img, .select-menu-item-gravatar img { height: 20px; width: 20px; display: inline-block; border-radius: 3px; } .select-menu-item-gravatar { display: table-cell; padding: 6px 0 6px 8px; vertical-align: top; width: 28px; } .select-menu-button-gravatar { display: inline-block; margin: 6px 3px 6px 0; margin-right: 5px; vertical-align: middle; } .select-menu-item-text { display: table-cell; vertical-align: top; padding: 8px 0 8px 8px; text-align: left; } .select-menu-item-text:first-child { margin-left: 5px; } .select-menu-item-text .description { color: #999; font-size: 12px; max-width: 265px; display: block; margin-top: 3px; } .select-menu-item-text h4 { margin-top: 0; margin-bottom: 0; } .select-menu-item-text h4 .description { font-weight: normal; display: inline; } .select-menu-footer { padding: 8px; font-weight: bold; border-top: 1px solid #eee; } .select-menu-footer a { display: inline-block; margin-top: 1px; vertical-align: top; } .select-menu-footer .octicon { color: #666; } .select-menu-new-item-form { display: none; } .select-menu-new-item-form .octicon { color: #4183c4; } .select-menu-list.is-showing-new-item-form .select-menu-new-item-form { display: table; } .select-menu-list.is-showing-new-item-form .select-menu-no-results, .select-menu-list.is-showing-new-item-form .select-menu-clear-item { display: none; } .modal-backdrop { display: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body.menu-active .modal-backdrop { display: block; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 20; } .markdown-body { font-size: 15px; line-height: 1.7; overflow: hidden; word-wrap: break-word; } .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-right: 6px; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0; left: 0; bottom: 0; } .markdown-body a.anchor:focus { outline: none; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin: 1em 0 15px; padding: 0; font-weight: bold; line-height: 1.7; cursor: text; position: relative; } .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-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: 8px; margin-left: -30px; top: 15%} .markdown-body h1:hover a.anchor .octicon-link, .markdown-body h2:hover a.anchor .octicon-link, .markdown-body h3:hover a.anchor .octicon-link, .markdown-body h4:hover a.anchor .octicon-link, .markdown-body h5:hover a.anchor .octicon-link, .markdown-body h6:hover a.anchor .octicon-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: 2.5em; border-bottom: 1px solid #ddd; } .markdown-body h2 { font-size: 2em; border-bottom: 1px solid #eee; } .markdown-body h3 { font-size: 1.5em; } .markdown-body h4 { font-size: 1.2em; } .markdown-body h5 { font-size: 1em; } .markdown-body h6 { color: #777; font-size: 1em; } .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(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0; border: 0 none; color: #ccc; height: 4px; padding: 0; margin: 15px 0; } .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 ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; } .markdown-body dl { padding: 0; } .markdown-body dl dt { font-size: 14px; font-weight: bold; font-style: italic; padding: 0; margin-top: 15px; } .markdown-body dl dd { margin-bottom: 15px; padding: 0 15px; } .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 { width: 100%; overflow: auto; display: block; } .markdown-body table th { font-weight: bold; } .markdown-body table th, .markdown-body table td { border: 1px solid #ddd; 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; border: 1px solid #ddd; background-color: #f8f8f8; border-radius: 3px; padding: 0; } .markdown-body code:before, .markdown-body code:after, .markdown-body tt:before, .markdown-body tt:after { content: "\00a0"; letter-spacing: -0.2em; } .markdown-body code br, .markdown-body tt br { display: none; } .markdown-body del code { text-decoration: inherit; vertical-align: text-top; } .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 #ddd; font-size: 13px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; } .markdown-body pre { word-wrap: normal; } .markdown-body pre code, .markdown-body pre tt { margin: 0; padding: 0; background-color: transparent; border: none; word-wrap: normal; max-width: initial; display: inline; overflow: initial; line-height: inherit; } .markdown-body pre code:before, .markdown-body pre code:after, .markdown-body pre tt:before, .markdown-body pre tt:after { content: normal; } @font-face { font-family: 'octicons'; src: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/octicons-de35a50f92a9d4dd1323c94bfafa0760.eot?#iefix) format("embedded-opentype"), url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/octicons-c454384be190f57090d12ff21bb3d9cb.woff) format("woff"), url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/octicons-943a6f9ad9e374c3b045a49ef1e9f3ab.ttf) format("truetype"), url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/octicons-f76c313ba58f62d06a577ef7e6c77c6b.svg#octicons) format("svg"); font-weight: normal; font-style: normal; } .octicon { font: normal normal 16px octicons; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mega-octicon { font: normal normal 32px octicons; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .octicon-alert:before { content: '\f02d'} .octicon-alignment-align:before { content: '\f08a'} .octicon-alignment-aligned-to:before { content: '\f08e'} .octicon-alignment-unalign:before { content: '\f08b'} .octicon-arrow-down:before { content: '\f03f'} .octicon-arrow-left:before { content: '\f040'} .octicon-arrow-right:before { content: '\f03e'} .octicon-arrow-small-down:before { content: '\f0a0'} .octicon-arrow-small-left:before { content: '\f0a1'} .octicon-arrow-small-right:before { content: '\f071'} .octicon-arrow-small-up:before { content: '\f09f'} .octicon-arrow-up:before { content: '\f03d'} .octicon-beer:before { content: '\f069'} .octicon-book:before { content: '\f007'} .octicon-bookmark:before { content: '\f07b'} .octicon-briefcase:before { content: '\f0d3'} .octicon-broadcast:before { content: '\f048'} .octicon-browser:before { content: '\f0c5'} .octicon-bug:before { content: '\f091'} .octicon-calendar:before { content: '\f068'} .octicon-check:before { content: '\f03a'} .octicon-checklist:before { content: '\f076'} .octicon-chevron-down:before { content: '\f0a3'} .octicon-chevron-left:before { content: '\f0a4'} .octicon-chevron-right:before { content: '\f078'} .octicon-chevron-up:before { content: '\f0a2'} .octicon-circle-slash:before { content: '\f084'} .octicon-circuit-board:before { content: '\f0d6'} .octicon-clippy:before { content: '\f035'} .octicon-clock:before { content: '\f046'} .octicon-cloud-download:before { content: '\f00b'} .octicon-cloud-upload:before { content: '\f00c'} .octicon-code:before { content: '\f05f'} .octicon-color-mode:before { content: '\f065'} .octicon-comment-add:before, .octicon-comment:before { content: '\f02b'} .octicon-comment-discussion:before { content: '\f04f'} .octicon-credit-card:before { content: '\f045'} .octicon-dash:before { content: '\f0ca'} .octicon-dashboard:before { content: '\f07d'} .octicon-database:before { content: '\f096'} .octicon-device-camera:before { content: '\f056'} .octicon-device-camera-video:before { content: '\f057'} .octicon-device-desktop:before { content: '\f27c'} .octicon-device-mobile:before { content: '\f038'} .octicon-diff:before { content: '\f04d'} .octicon-diff-added:before { content: '\f06b'} .octicon-diff-ignored:before { content: '\f099'} .octicon-diff-modified:before { content: '\f06d'} .octicon-diff-removed:before { content: '\f06c'} .octicon-diff-renamed:before { content: '\f06e'} .octicon-ellipsis:before { content: '\f09a'} .octicon-eye-unwatch:before, .octicon-eye-watch:before, .octicon-eye:before { content: '\f04e'} .octicon-file-binary:before { content: '\f094'} .octicon-file-code:before { content: '\f010'} .octicon-file-directory:before { content: '\f016'} .octicon-file-media:before { content: '\f012'} .octicon-file-pdf:before { content: '\f014'} .octicon-file-submodule:before { content: '\f017'} .octicon-file-symlink-directory:before { content: '\f0b1'} .octicon-file-symlink-file:before { content: '\f0b0'} .octicon-file-text:before { content: '\f011'} .octicon-file-zip:before { content: '\f013'} .octicon-flame:before { content: '\f0d2'} .octicon-fold:before { content: '\f0cc'} .octicon-gear:before { content: '\f02f'} .octicon-gift:before { content: '\f042'} .octicon-gist:before { content: '\f00e'} .octicon-gist-secret:before { content: '\f08c'} .octicon-git-branch-create:before, .octicon-git-branch-delete:before, .octicon-git-branch:before { content: '\f020'} .octicon-git-commit:before { content: '\f01f'} .octicon-git-compare:before { content: '\f0ac'} .octicon-git-merge:before { content: '\f023'} .octicon-git-pull-request-abandoned:before, .octicon-git-pull-request:before { content: '\f009'} .octicon-globe:before { content: '\f0b6'} .octicon-graph:before { content: '\f043'} .octicon-heart:before { content: '\2665'} .octicon-history:before { content: '\f07e'} .octicon-home:before { content: '\f08d'} .octicon-horizontal-rule:before { content: '\f070'} .octicon-hourglass:before { content: '\f09e'} .octicon-hubot:before { content: '\f09d'} .octicon-inbox:before { content: '\f0cf'} .octicon-info:before { content: '\f059'} .octicon-issue-closed:before { content: '\f028'} .octicon-issue-opened:before { content: '\f026'} .octicon-issue-reopened:before { content: '\f027'} .octicon-jersey:before { content: '\f019'} .octicon-jump-down:before { content: '\f072'} .octicon-jump-left:before { content: '\f0a5'} .octicon-jump-right:before { content: '\f0a6'} .octicon-jump-up:before { content: '\f073'} .octicon-key:before { content: '\f049'} .octicon-keyboard:before { content: '\f00d'} .octicon-law:before { content: '\f0d8'} .octicon-light-bulb:before { content: '\f000'} .octicon-link:before { content: '\f05c'} .octicon-link-external:before { content: '\f07f'} .octicon-list-ordered:before { content: '\f062'} .octicon-list-unordered:before { content: '\f061'} .octicon-location:before { content: '\f060'} .octicon-gist-private:before, .octicon-mirror-private:before, .octicon-git-fork-private:before, .octicon-lock:before { content: '\f06a'} .octicon-logo-github:before { content: '\f092'} .octicon-mail:before { content: '\f03b'} .octicon-mail-read:before { content: '\f03c'} .octicon-mail-reply:before { content: '\f051'} .octicon-mark-github:before { content: '\f00a'} .octicon-markdown:before { content: '\f0c9'} .octicon-megaphone:before { content: '\f077'} .octicon-mention:before { content: '\f0be'} .octicon-microscope:before { content: '\f089'} .octicon-milestone:before { content: '\f075'} .octicon-mirror-public:before, .octicon-mirror:before { content: '\f024'} .octicon-mortar-board:before { content: '\f0d7'} .octicon-move-down:before { content: '\f0a8'} .octicon-move-left:before { content: '\f074'} .octicon-move-right:before { content: '\f0a9'} .octicon-move-up:before { content: '\f0a7'} .octicon-mute:before { content: '\f080'} .octicon-no-newline:before { content: '\f09c'} .octicon-octoface:before { content: '\f008'} .octicon-organization:before { content: '\f037'} .octicon-package:before { content: '\f0c4'} .octicon-paintcan:before { content: '\f0d1'} .octicon-pencil:before { content: '\f058'} .octicon-person-add:before, .octicon-person-follow:before, .octicon-person:before { content: '\f018'} .octicon-pin:before { content: '\f041'} .octicon-playback-fast-forward:before { content: '\f0bd'} .octicon-playback-pause:before { content: '\f0bb'} .octicon-playback-play:before { content: '\f0bf'} .octicon-playback-rewind:before { content: '\f0bc'} .octicon-plug:before { content: '\f0d4'} .octicon-repo-create:before, .octicon-gist-new:before, .octicon-file-directory-create:before, .octicon-file-add:before, .octicon-plus:before { content: '\f05d'} .octicon-podium:before { content: '\f0af'} .octicon-primitive-dot:before { content: '\f052'} .octicon-primitive-square:before { content: '\f053'} .octicon-pulse:before { content: '\f085'} .octicon-puzzle:before { content: '\f0c0'} .octicon-question:before { content: '\f02c'} .octicon-quote:before { content: '\f063'} .octicon-radio-tower:before { content: '\f030'} .octicon-repo-delete:before, .octicon-repo:before { content: '\f001'} .octicon-repo-clone:before { content: '\f04c'} .octicon-repo-force-push:before { content: '\f04a'} .octicon-gist-fork:before, .octicon-repo-forked:before { content: '\f002'} .octicon-repo-pull:before { content: '\f006'} .octicon-repo-push:before { content: '\f005'} .octicon-rocket:before { content: '\f033'} .octicon-rss:before { content: '\f034'} .octicon-ruby:before { content: '\f047'} .octicon-screen-full:before { content: '\f066'} .octicon-screen-normal:before { content: '\f067'} .octicon-search-save:before, .octicon-search:before { content: '\f02e'} .octicon-server:before { content: '\f097'} .octicon-settings:before { content: '\f07c'} .octicon-log-in:before, .octicon-sign-in:before { content: '\f036'} .octicon-log-out:before, .octicon-sign-out:before { content: '\f032'} .octicon-split:before { content: '\f0c6'} .octicon-squirrel:before { content: '\f0b2'} .octicon-star-add:before, .octicon-star-delete:before, .octicon-star:before { content: '\f02a'} .octicon-steps:before { content: '\f0c7'} .octicon-stop:before { content: '\f08f'} .octicon-repo-sync:before, .octicon-sync:before { content: '\f087'} .octicon-tag-remove:before, .octicon-tag-add:before, .octicon-tag:before { content: '\f015'} .octicon-telescope:before { content: '\f088'} .octicon-terminal:before { content: '\f0c8'} .octicon-three-bars:before { content: '\f05e'} .octicon-tools:before { content: '\f031'} .octicon-trashcan:before { content: '\f0d0'} .octicon-triangle-down:before { content: '\f05b'} .octicon-triangle-left:before { content: '\f044'} .octicon-triangle-right:before { content: '\f05a'} .octicon-triangle-up:before { content: '\f0aa'} .octicon-unfold:before { content: '\f039'} .octicon-unmute:before { content: '\f0ba'} .octicon-versions:before { content: '\f064'} .octicon-remove-close:before, .octicon-x:before { content: '\f081'} .octicon-zap:before { content: '\26A1'} .button.primary { background-color: #68a672; background-image: -moz-linear-gradient(#75bb80, #68a672); background-image: -webkit-linear-gradient(#75bb80, #68a672); background-image: linear-gradient(#75bb80, #68a672); background-repeat: repeat-x; border-color: #62a26c; } .button.primary:hover { background-color: #5b9a65; background-image: -moz-linear-gradient(#64b370, #5b9a65); background-image: -webkit-linear-gradient(#64b370, #5b9a65); background-image: linear-gradient(#64b370, #5b9a65); background-repeat: repeat-x; border-color: #5b9a65; } .minibutton.flash-warn { color: #fff; background-color: #b34947; background-image: -moz-linear-gradient(#e75e5b, #b34947); background-image: -webkit-linear-gradient(#e75e5b, #b34947); background-image: linear-gradient(#e75e5b, #b34947); background-repeat: repeat-x; border-color: #b74a48; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .minibutton.flash-warn:hover { color: #fff; background-color: #a14240; background-image: -moz-linear-gradient(#e44845, #a14240); background-image: -webkit-linear-gradient(#e44845, #a14240); background-image: linear-gradient(#e44845, #a14240); background-repeat: repeat-x; border-color: #a54341; } .minibutton.primary { background-color: #68a672; background-image: -moz-linear-gradient(#75bb80, #68a672); background-image: -webkit-linear-gradient(#75bb80, #68a672); background-image: linear-gradient(#75bb80, #68a672); background-repeat: repeat-x; border-color: #62a26c; } .minibutton.primary:hover { background-color: #5b9a65; background-image: -moz-linear-gradient(#64b370, #5b9a65); background-image: -webkit-linear-gradient(#64b370, #5b9a65); background-image: linear-gradient(#64b370, #5b9a65); background-repeat: repeat-x; border-color: #5b9a65; } .minibutton .octicon { vertical-align: baseline; } .button-group .button.button-outline.selected { box-shadow: none; } .button-group .button.button-outline:active { box-shadow: none; } .button.button-outline { color: #8e6965; border-color: #efeae1; text-shadow: none; } .button.button-outline:hover { background: #f8f6f2; box-shadow: none; z-index: auto; } .button.button-outline.selected { color: white; background: #81c08b; border-color: #70b77b; box-shadow: none; } .button.button-outline.selected:hover { z-index: 2; background: #70b77b; } .button.button-outline:active { box-shadow: none; } .button.button-large { padding: 0.4em 0.8em; font-size: 1.2em; font-weight: 500; color: white; border: none; border-radius: .2em; background: #3b9b6d; text-shadow: none; } .button .mega-octicon { color: rgba(0, 0, 0, 0.05); line-height: 0; vertical-align: middle; margin-top: -3px; margin-right: 10px; } .button-image-down { display: inline-block; height: 32px; width: 32px; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/button-sprites-0a50ced84a0a72f4611fd605fe3b558f.png); position: absolute; top: 4px; left: 4px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .button-image-down { background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/button-sprites@2x-da13bd8a056ba5323c05c7359baca233.png); -webkit-background-size: 64px 32px; -moz-background-size: 64px 32px; -o-background-size: 64px 32px; background-size: 64px 32px; } }.button-image-github { display: inline-block; height: 32px; width: 32px; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/button-sprites-0a50ced84a0a72f4611fd605fe3b558f.png); position: absolute; background-position: -32px 0; top: 4px; left: 4px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .button-image-github { background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/button-sprites@2x-da13bd8a056ba5323c05c7359baca233.png); -webkit-background-size: 64px 32px; -moz-background-size: 64px 32px; -o-background-size: 64px 32px; background-size: 64px 32px; } }.hidden { display: none; } .markdown-body hr { border: 0; height: 1px; background-color: #ddd; background-image: none; display: block; width: 100%; clear: both; } .markdown-body img[align=right] { position: relative; z-index: 1; } .markdown-body .highlight pre, .markdown-body pre { color: #c5c8c6; background-color: #1d1f21; border: 0; } .markdown-body .line .comment { color: #7C7C7C; } .markdown-body .line .entity { color: #FFD2A7; } .markdown-body .line .entity.name.type { text-decoration: underline; color: #FFFFB6; } .markdown-body .line .entity.other.inherited-class { color: #9B5C2E; } .markdown-body .line .keyword { color: #96CBFE; } .markdown-body .line .keyword.control { color: #96CBFE; } .markdown-body .line .keyword.operator { color: #EDEDED; } .markdown-body .line .storage { color: #CFCB90; } .markdown-body .line .storage.modifier { color: #96CBFE; } .markdown-body .line .constant { color: #99CC99; } .markdown-body .line .constant.numeric { color: #FF73FD; } .markdown-body .line .variable { color: #C6C5FE; } .markdown-body .line .invalid.deprecated { text-decoration: underline; color: #FD5FF1; } .markdown-body .line .invalid.illegal { color: #FD5FF1; background-color: rgba(86, 45, 86, 0.75); } .markdown-body .line .source .string .source, .markdown-body .line .source .string .meta.embedded.line { color: #EDEDED; } .markdown-body .line .source .string .punctuation.section.embedded { color: #00A0A0; } .markdown-body .line .source .string .punctuation.section.embedded .source { color: #00A0A0; } .markdown-body .line .string { color: #A8FF60; } .markdown-body .line .string .constant { color: #00A0A0; } .markdown-body .line .string.regexp { color: #E9C062; } .markdown-body .line .string.regexp .constant.character.escape, .markdown-body .line .string.regexp .source.ruby.embedded, .markdown-body .line .string.regexp .string.regexp.arbitrary-repitition { color: #FF8000; } .markdown-body .line .string.regexp.group { color: #C6A24F; background-color: rgba(255, 255, 255, 0.06); } .markdown-body .line .string.regexp.character-class { color: #B18A3D; } .markdown-body .line .string .variable { color: #8A9A95; } .markdown-body .line .support { color: #FFFFB6; } .markdown-body .line .support.function { color: #DAD085; } .markdown-body .line .support.constant { color: #FFD2A7; } .markdown-body .line .support.type.property-name.css { color: #EDEDED; } .markdown-body .line .source .entity.name.tag, .markdown-body .line .source .entity.other.attribute-name, .markdown-body .line .meta.tag.inline, .markdown-body .line .meta.tag.inline .entity { color: #96CBFE; } .markdown-body .line .entity.other.attribute-name { color: #FFD7B1; } .markdown-body .line .entity.name.tag.namespace, .markdown-body .line .entity.other.attribute-name.namespace { color: #E18964; } .markdown-body .line .meta.preprocessor.c { color: #8996A8; } .markdown-body .line .meta.preprocessor.c .keyword { color: #AFC4DB; } .markdown-body .line .meta.cast { color: #676767; } .markdown-body .line .meta.sgml.html .meta.doctype, .markdown-body .line .meta.sgml.html .meta.doctype .entity, .markdown-body .line .meta.sgml.html .meta.doctype .string, .markdown-body .line .meta.xml-processing, .markdown-body .line .meta.xml-processing .entity, .markdown-body .line .meta.xml-processing .string { color: #494949; } .markdown-body .line .meta.tag, .markdown-body .line .meta.tag .entity { color: #96CBFE; } .markdown-body .line .meta.selector.css .entity.name.tag { text-decoration: underline; color: #96CBFE; } .markdown-body .line .meta.selector.css .entity.other.attribute-name.tag.pseudo-class { color: #8F9D6A; } .markdown-body .line .meta.selector.css .entity.other.attribute-name.id { color: #8B98AB; } .markdown-body .line .meta.selector.css .entity.other.attribute-name.class { color: #62B1FE; } .markdown-body .line .meta.property-group .support.constant.property-value.css, .markdown-body .line .meta.property-value .support.constant.property-value.css { color: #F9EE98; } .markdown-body .line .meta.preprocessor.at-rule .keyword.control.at-rule { color: #8693A5; } .markdown-body .line .meta.property-value .support.constant.named-color.css, .markdown-body .line .meta.property-value .constant { color: #87C38A; } .markdown-body .line .meta.constructor.argument.css { color: #8F9D6A; } .markdown-body .line .meta.diff, .markdown-body .line .meta.diff.header { color: #F8F8F8; background-color: #0E2231; } .markdown-body .line .meta.separator { color: #60A633; background-color: #242424; } .markdown-body .line .meta.line.entry.logfile, .markdown-body .line .meta.line.exit.logfile { background-color: rgba(238, 238, 238, 0.16); } .markdown-body .line .meta.line.error.logfile { background-color: #751012; } .account-show h3 { margin-bottom: 0; } .account-show section { margin-bottom: 64px; border-bottom: 1px #efeae1; } .account-invites { text-align: center; background-color: #efeae1; padding-top: 20px; padding-bottom: 20px; } .account-token { padding-right: 90px; } .account-token h3 { margin-top: 0; } .account-token .show-token { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; width: 280px; text-align: center; } .account-token input[type=submit] { height: 34px; font-size: 14px; } .address-form.loading { opacity: 0.7; } .address-block p { padding-right: 90px; } .address-form { margin: 0 auto; } .address-form .hidden { display: none; } .address-form label, .address-form input, .address-form select { display: inline-block; } .address-form label { width: 20%; text-align: right; } .address-form label+input { width: 55%; margin: 16px 10% 0 4%} .address-form label+select { width: 55%; margin: 16px 10% 0 4%} .address-form input+input { float: right; } .address-form input+select { float: right; } .address-form input[disabled] { opacity: 0.8; } .address-form input[type="submit"], .address-form .button { margin: 16px 20% 0 4%; width: 27.5%; float: right; text-align: center; line-height: normal; } .admin .spinnin { opacity: 0.5; } .admin .explanation { font-size: 80%; color: #a29f99; margin-top: 6px; } .admin h3, .admin h4 { margin-bottom: 0px; } .admin .admin-package-search input[type=text] { width: 100%} .admin .admin-package-search-results { padding-left: 40px; padding-right: 40px; margin-bottom: 20px; } .admin .admin-package-search-results ul.package-list li { padding: 4px; } .admin .admin-package-search-results ul.package-list li:nth-child(odd) { background-color: #f8f6f2; } .admin ul.package-list { padding: 0px; border-top: 1px solid #d3d1ce; border-left: 1px solid #d3d1ce; border-right: 1px solid #a29f99; } .admin ul.package-list li { width: 100%; list-style-type: none; padding: 6px; border-bottom: 1px solid #a29f99; } .admin ul.package-list li .delete-button { color: #cc0000; } .admin ul.package-list li .add-button { color: #3b9b6d; } .admin ul.package-list li .octicon { float: right; margin: 6px; } .admin ul.package-list li:nth-child(odd) { background-color: #efeae1; } .admin .flags-list thead { background-color: #eee; } .admin .flags-list tbody tr:nth-child(2n) { background-color: #eee; } .admin .flag-details.unresolved { background-color: #ffa5a5; } .admin .flag-details.resolved { background-color: #e6ffcb; } .admin .flag-details.resolved h3 { text-decoration: line-through; } .admin .blacklisting-details { background-color: #ffa5a5; } .contact-title { font-size: 40px; font-weight: 300; line-height: 1.4; margin: 0 0 20px 0; } .contact-list { list-style-type: 0; padding-left: 0; } .contact-list li { display: inline-block; margin-right: 5px; } .contact-list li:first-child a { padding-left: 0; } .contact-list a { padding: 5px; } .contact-list td:first-child { padding-right: 10px; } form.contact-form { width: 100%; margin-left: auto; margin-right: auto; } form.contact-form dl.form { margin-left: auto; margin-right: auto; } form.contact-form dl.form dd { margin: 0px; } form.contact-form dl.form input[type="text"], form.contact-form dl.form textarea { width: 100%; margin-bottom: 14px; } form.contact-form input[type="submit"] { float: right; font-size: 16px; } .illustration-contact { position: relative; height: 470px; width: 410px; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/contact-3ae38899acb56d525824efff908134f7.gif); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .illustration-contact { background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/contact@2x-aaed57d1ba21525675c94c9ca3284742.gif); -webkit-background-size: 410px 470px; -moz-background-size: 410px 470px; -o-background-size: 410px 470px; background-size: 410px 470px; } }.documents .navigation { text-align: right; padding: 0; font-weight: bold; } .documents .navigation a { color: #a29f99; } .documents .navigation a:hover { color: #574c4f; } .documents .navigation a.is-selected, .documents .navigation a:active { color: #574c4f; } .atom-doc-index h2 { margin: 0; padding: 0; } .atom-doc-index h3.subheader { font-weight: 400; margin: 0; margin-bottom: 20px; padding: 0px; color: #8e6965; } .atom-doc-index .doc-section .octicon { margin-right: 3px; } .atom-doc-index .doc-section p { font-size: 0.9em; padding-right: 25px; } .atom-doc-index .doc-section h3 { border-bottom: 1px solid #eee; } .atom-doc-index .doc-section ul { list-style-type: none; padding: 0; } .atom-doc-index .doc-section ul li { margin: 5px 0; } .atom-doc-index .documents-search { margin-bottom: 10px; } .version-switcher { float: left; margin-top: 9px; } .documents-search { line-height: 1.4; margin-bottom: 40px; display: table; } .documents-search .select-menu { display: table-cell; width: 1%; padding-right: 20px; } .documents-search input[type="text"] { font-size: 16px; width: 100%; margin: 0; display: table-cell; } .documents-toc .anchor { display: none; } .documents-toc h2, .documents-toc h3 { margin: 20px 0 10px; font-size: 22px; } .documents-toc ul { padding-left: 0; list-style-type: none; margin: 0; } .inspectocat { display: block; width: 470px; height: 448px; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/inspectocat-e0ce72644902fcc0af87121531a11043.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .inspectocat { background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/inspectocat@2x-d35d83661645adb55272645d32977f69.png); -webkit-background-size: 470px 448px; -moz-background-size: 470px 448px; -o-background-size: 470px 448px; background-size: 470px 448px; } }.doc-version-warning { position: relative; display: block; font-weight: bold; vertical-align: middle; margin-bottom: 20px; padding: 10px; text-align: center; border-radius: 5px; border: 1px solid #ccbb9e; background-color: #ddd3c0; background-image: -moz-linear-gradient(#efeae1, #ddd3c0); background-image: -webkit-linear-gradient(#efeae1, #ddd3c0); background-image: linear-gradient(#efeae1, #ddd3c0); background-repeat: repeat-x; } .breadcrumbs { padding-left: 0; margin: 0 0 20px; font-size: 15px; } .breadcrumbs li { display: inline-block; list-style-type: none; } .breadcrumbs li:after { content: '>'} .breadcrumbs li:last-child:after { content: ''} .manual-docs h1 { margin-top: 0px; } .manual-docs ul { list-style-type: none; margin: 0; margin-left: 15px; padding: 0; } .manual-docs ul li { margin-top: 4px; font-size: 1.2em; } .manual-docs ul li small { font-size: 0.9em; color: #666; margin-right: 10px; } .manual-docs .manual-ebooks { width: 200px; float: right; margin-top: 10px; text-align: center; } .manual-docs .manual-ebooks h3 { margin: 1em 0 0 0; } .manual-docs .manual-ebooks img { width: 200px; } .manual-docs .manual-ebooks .ebooks img { padding: 10px 10px 0 10px; width: 100px; } .toc { float: left; display: block; width: 260px; max-width: 260px; margin-right: 15px; overflow: hidden; border-right: 1px solid #eee; } .toc h3 { padding: 0; margin: 0; margin-bottom: 10px; } .toc h4 { margin: 0; padding: 0; } .toc ul { list-style-type: none; margin: 0; padding: 0; font-size: 0.95em; } .toc ul li { padding: 1px; padding-left: 15px; } .toc ul li .selected { background: #eee; } .document-content { padding-left: 15px; } .document-content h1 { font-size: 1.0em; border-bottom: 0; text-align: right; font-weight: 200; } .document-content pre { background: #eee; color: #333333; } .document-content pre code.hll { background-color: #ffffcc; } .document-content pre code.c { color: #0099FF; font-style: italic; } .document-content pre code.err { color: #aa0000; } .document-content pre code.k { color: #006699; font-weight: bold; } .document-content pre code.o { color: #555555; } .document-content pre code.cm { color: #35586C; font-style: italic; } .document-content pre code.cp { color: #009999; } .document-content pre code.c1 { color: #35586C; font-style: italic; } .document-content pre code.cs { color: #35586C; font-weight: bold; font-style: italic; } .document-content pre code.gd { background-color: #ffcccc; } .document-content pre code.ge { font-style: italic; } .document-content pre code.gr { color: red; } .document-content pre code.gh { color: #003300; font-weight: bold; } .document-content pre code.gi { background-color: #ccffcc; } .document-content pre code.go { color: black; } .document-content pre code.gp { color: #000099; font-weight: bold; } .document-content pre code.gs { font-weight: bold; } .document-content pre code.gu { color: #003300; font-weight: bold; } .document-content pre code.gt { color: #99cc66; } .document-content pre code.kc { color: #006699; font-weight: bold; } .document-content pre code.kd { color: #006699; font-weight: bold; } .document-content pre code.kn { color: #006699; font-weight: bold; } .document-content pre code.kp { color: #006699; } .document-content pre code.kr { color: #006699; font-weight: bold; } .document-content pre code.kt { color: #007788; font-weight: bold; } .document-content pre code.m { color: #ff6600; } .document-content pre code.s { color: #cc3300; } .document-content pre code.na { color: #330099; } .document-content pre code.nb { color: #336666; } .document-content pre code.nc { color: #00AA88; font-weight: bold; } .document-content pre code.no { color: #336600; } .document-content pre code.nd { color: #9999ff; } .document-content pre code.ni { color: #999999; font-weight: bold; } .document-content pre code.ne { color: #CC0000; font-weight: bold; } .document-content pre code.nf { color: #cc00ff; } .document-content pre code.nl { color: #9999ff; } .document-content pre code.nn { color: #00CCFF; font-weight: bold; } .document-content pre code.nt { color: #330099; font-weight: bold; } .document-content pre code.nv { color: #003333; } .document-content pre code.ow { color: #000000; font-weight: bold; } .document-content pre code.w { color: #bbbbbb; } .document-content pre code.mf { color: #ff6600; } .document-content pre code.mh { color: #ff6600; } .document-content pre code.mi { color: #ff6600; } .document-content pre code.mo { color: #ff6600; } .document-content pre code.sb { color: #cc3300; } .document-content pre code.sc { color: #cc3300; } .document-content pre code.sd { color: #CC3300; font-style: italic; } .document-content pre code.s2 { color: #cc3300; } .document-content pre code.se { color: #CC3300; font-weight: bold; } .document-content pre code.sh { color: #cc3300; } .document-content pre code.si { color: #aa0000; } .document-content pre code.sx { color: #cc3300; } .document-content pre code.sr { color: #33aaaa; } .document-content pre code.s1 { color: #cc3300; } .document-content pre code.ss { color: #aa6600; } .document-content pre code.bp { color: #336666; } .document-content pre code.vc { color: #003333; } .document-content pre code.vg { color: #003333; } .document-content pre code.vi { color: #003333; } .document-content pre code.il { color: #ff6600; } .document-content pre code.g { color: #005500; } .document-content pre code.l { color: #cc6600; } .document-content pre code.l { color: #ff9900; } .document-content pre code.n { color: #000088; } .document-content pre code.nx { color: #000088; } .document-content pre code.py { color: #9966ff; } .document-content pre code.p { color: black; } .document-content pre code.x { color: #ff0066; } .document-content pre[data-code-language="console"] { background: #ddd; padding: 10px; } .document-content pre[data-code-language="console"] code.go { color: #555; font-size: 1.0em; } .document-content pre[data-code-language="console"] code.gp { color: #009900; font-weight: bold; } .training-video-cta { padding: 20px 0 50px 0; text-align: center; } .training-video-link { margin-left: 10px; padding: 7px 12px 7px 0; font-size: 0.9em; color: #3fa674; border-radius: 2px; border: 1px solid #3fa674; } .training-video-link a, .training-video-link a:hover { text-decoration: none; color: inherit; } .training-video-play { padding: 7px 9px; margin-right: 7px; margin-left: -4px; color: #fff; background: #3fa674; border-radius: 2px 0 0 2px; border: 1px solid #3fa674; } .training-video-link:hover { color: #fff; background: #6bc79b; border-color: #6bc79b; } .api-search-result { width: 780px; } .api-search-result .highlights em { font-style: normal; font-weight: bold; } .api-search-result .highlights .highlight-separator { margin-left: 8px; margin-right: 8px; } .documents { line-height: 1.6; } .documents a:focus { outline: 0; } .documents code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; padding: 0.3em 0; background-color: #f8f6f2; border-radius: 3px; border: none; } .documents .extended-methods-container .extended-methods { display: none; } .documents .extended-methods-container.show .extended-methods { display: block; } .documents .extended-methods-container.show .extended-toggle .octicon:before { content: '\f0a3'} .documents .extended-toggle { display: block; margin: 20px 0; font-weight: normal; } .documents .extended-toggle .octicon { color: #b4daba; width: 12px; } .documents .no-methods-message { opacity: .5; font-style: italic; } .documents .markdown-body { font-size: 16px; } .documents .markdown-body .anchor .octicon { color: #9e9b95; } .documents .markdown-body pre { margin: 0; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; } .documents .markdown-body .reference-link { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; } .documents .column.sidebar { width: 30%} .documents .column.main-column { width: 70%} .documents .section { border-bottom: solid 1px #efeae1; } .documents .detail-section { margin: 30px 0 20px 0; } .documents .document-section-nav h3 { margin-bottom: 4px; font-size: 18px; } .documents .document-section-nav h3 a { color: #574c4f; } .documents .label { display: inline-block; border-radius: 2px; color: white; font-weight: bold; text-transform: uppercase; } .documents .label.label-extended { background: #faaf4f; } .documents .label.label-essential { background: #81c08b; } .documents .page-title { margin-top: 0; margin-bottom: 15px; font-size: 40px; font-weight: 300; line-height: 1; } .documents .page-title .label { vertical-align: middle; margin-top: -2px; padding: 6px; font-size: 12px; } .documents .method-signature .argument { color: #666; } .documents a:hover .octicon-file-code { color: #2d7653; } .documents .document-source { display: inline-block; vertical-align: middle; margin-top: -1px; font-size: 14px; color: #3b9b6d; } .documents .example { margin: 1em 0; } .documents .example .description { margin-bottom: 1em; } .documents .operator { color: #b4daba; } .documents .api-entry h1, .documents .api-entry h2, .documents .api-entry h3, .documents .api-entry h4, .documents .api-entry h5, .documents .api-entry h6 { margin: 1em 0 !important; } .documents .api-entry h3 { font-size: 16px; } .documents .api-entry h4, .documents .api-entry h5, .documents .api-entry h6 { font-size: 14px; } .documents .api-entry .method-summary-wrapper { display: none; } .documents .api-entry.expanded { padding-bottom: 10px; } .documents .api-entry.expanded .method-summary-wrapper { display: block; padding-bottom: 20px; } .documents .api-entry>.name { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; margin-bottom: 0.5em; margin-top: 0; font-weight: normal; } .documents .api-entry .source-link { display: inline; color: #81c08b; } .documents .api-entry .source-link .octicon { position: relative; top: -2px; } .documents .api-entry .summary p { margin-top: 0; } .documents .api-entry .summary p:last-child { margin-bottom: 1em; } .documents .api-entry .return-values, .documents .api-entry .arguments { margin: 1em 0; width: 100%; border-spacing: 0; border-collapse: collapse; border: solid 1px #efeae1; } .documents .api-entry .return-values .optional, .documents .api-entry .arguments .optional { float: right; background: #f8f6f2; margin-top: -8px; margin-right: -10px; display: block; padding: 0px 6px; line-height: 20px; height: 20px; font-size: 12px; color: rgba(0, 0, 0, 0.5); } .documents .api-entry .return-values th, .documents .api-entry .arguments th { padding: 8px 10px; font-size: 14px; color: #8e6965; text-align: left; background-color: #faf8f5; } .documents .api-entry .return-values td, .documents .api-entry .arguments td { padding: 8px 10px; vertical-align: top; border-top: solid 1px #efeae1; } .documents .api-entry .return-values p, .documents .api-entry .arguments p { margin: 0; } .documents .api-entry .return-values .argument-depth-1>td, .documents .api-entry .return-values .argument-depth-2>td, .documents .api-entry .return-values .argument-depth-3>td, .documents .api-entry .return-values .argument-depth-4>td, .documents .api-entry .return-values .argument-depth-5>td, .documents .api-entry .arguments .argument-depth-1>td, .documents .api-entry .arguments .argument-depth-2>td, .documents .api-entry .arguments .argument-depth-3>td, .documents .api-entry .arguments .argument-depth-4>td, .documents .api-entry .arguments .argument-depth-5>td { border-top: none; } .documents .api-entry .return-values .argument-depth-1>td>code, .documents .api-entry .return-values .argument-depth-2>td>code, .documents .api-entry .return-values .argument-depth-3>td>code, .documents .api-entry .return-values .argument-depth-4>td>code, .documents .api-entry .return-values .argument-depth-5>td>code, .documents .api-entry .arguments .argument-depth-1>td>code, .documents .api-entry .arguments .argument-depth-2>td>code, .documents .api-entry .arguments .argument-depth-3>td>code, .documents .api-entry .arguments .argument-depth-4>td>code, .documents .api-entry .arguments .argument-depth-5>td>code { background-color: transparent; padding: 0; color: #2e282a; } .documents .api-entry .return-values .argument-depth-1>td>code:before, .documents .api-entry .return-values .argument-depth-1>td>code:after, .documents .api-entry .return-values .argument-depth-2>td>code:before, .documents .api-entry .return-values .argument-depth-2>td>code:after, .documents .api-entry .return-values .argument-depth-3>td>code:before, .documents .api-entry .return-values .argument-depth-3>td>code:after, .documents .api-entry .return-values .argument-depth-4>td>code:before, .documents .api-entry .return-values .argument-depth-4>td>code:after, .documents .api-entry .return-values .argument-depth-5>td>code:before, .documents .api-entry .return-values .argument-depth-5>td>code:after, .documents .api-entry .arguments .argument-depth-1>td>code:before, .documents .api-entry .arguments .argument-depth-1>td>code:after, .documents .api-entry .arguments .argument-depth-2>td>code:before, .documents .api-entry .arguments .argument-depth-2>td>code:after, .documents .api-entry .arguments .argument-depth-3>td>code:before, .documents .api-entry .arguments .argument-depth-3>td>code:after, .documents .api-entry .arguments .argument-depth-4>td>code:before, .documents .api-entry .arguments .argument-depth-4>td>code:after, .documents .api-entry .arguments .argument-depth-5>td>code:before, .documents .api-entry .arguments .argument-depth-5>td>code:after { content: none; } .documents .api-entry .return-values .argument-depth-1>td:first-child, .documents .api-entry .arguments .argument-depth-1>td:first-child { padding-left: 27px; } .documents .api-entry .return-values .argument-depth-2>td:first-child, .documents .api-entry .arguments .argument-depth-2>td:first-child { padding-left: 42px; } .documents .api-entry .return-values .argument-depth-3>td:first-child, .documents .api-entry .arguments .argument-depth-3>td:first-child { padding-left: 57px; } .documents .api-entry .return-values .argument-depth-4>td:first-child, .documents .api-entry .arguments .argument-depth-4>td:first-child { padding-left: 72px; } .documents .api-entry .return-values .argument-depth-5>td:first-child, .documents .api-entry .arguments .argument-depth-5>td:first-child { padding-left: 87px; } .documents .api-entry .return-values code .argument-list, .documents .api-entry .arguments code .argument-list { opacity: .6; } .survey-landing .survey-button .octicon { margin-right: 6px; } .survey-landing input.survey-link { background-color: transparent; text-decoration: underline; border: none; cursor: pointer; display: block; font-size: 14px; margin-top: 10px; color: #a29f99; } #lean_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } #flag-modal, .blacklist-modal, .delete-modal { background: #efeae1; padding: 24px; border-radius: 3px; text-align: center; } #flag-modal .octicon, .blacklist-modal .octicon, .delete-modal .octicon { font-size: 1.5em; } #flag-modal h2, .blacklist-modal h2, .delete-modal h2 { margin: 0; font-weight: 300; font-size: 40px; line-height: 1.4; } #flag-modal p, .blacklist-modal p, .delete-modal p { margin-top: 0; } #flag-modal textarea, #flag-modal input[type=text], .blacklist-modal textarea, .blacklist-modal input[type=text], .delete-modal textarea, .delete-modal input[type=text] { width: 100%; margin-bottom: 24px; } #flag-modal .flag-button, .blacklist-modal .flag-button, .delete-modal .flag-button { float: right; font-size: 14px; margin: 0; height: 34px; margin-left: 10px; line-height: 0; } #peek { overflow: hidden; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { height: 100%} body { height: 100%; min-width: 1060px; margin: 0; color: #574c4f; font: 16px/1.7 normal normal; font-family: "Helvetica Neue", Helvetica, arial, freesans, clean, sans-serif; } .wrapper { width: 860px; margin: 0 auto; padding-left: 40px; padding-right: 40px; overflow: hidden; } .wrapper.wide { width: 1060px; } .wrapper.no-pad { padding-left: 0; padding-right: 0; } .content-push { margin-top: 40px; height: 100%} .footer-push { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -55px; } .footer-pad { height: 95px; } a { color: #3b9b6d; text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { color: #4c4245; } h1.center, h2.center, h3.center, h4.center, h5.center, h6.center { text-align: center; } hr { border: 0; height: 1px; background-color: #efeae1; display: block; width: 100%; clear: both; } .top-bar { text-align: left; padding: 5px 0; background-color: #584b4f; color: #efeae1; font-size: 14px; height: 43px; } .top-bar h1 { font-size: inherit; display: inline-block; line-height: 0; margin: 0; } .top-bar a { color: #efeae1; } .top-bar a:hover { color: #81c08b; text-decoration: none; } .top-bar a.is-selected { color: #a29f99; } .top-bar .navigation { display: inline-block; } .top-bar .top-bar-right { float: right; line-height: 33px; } .top-bar .top-bar-right .octicon { position: relative; top: 1px; padding: 5px; } .top-bar .top-bar-right .tooltipped { padding-bottom: 2px; margin-left: 10px; } .top-bar .top-bar-right .gravatar { height: 22px; width: 22px; vertical-align: -7px; margin-right: 5px; } .top-bar .minibutton { margin: 4px 0; } .logo-small { width: 114px; height: 24px; margin: 4px 8px 4px 0; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/logo-small-86dc81f0ff77214529414d642b2ccbaa.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .logo-small { background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/logo-small@2x-370d085fa292c0b85086b85d1a52e1af.png); -webkit-background-size: 114px 24px; -moz-background-size: 114px 24px; -o-background-size: 114px 24px; background-size: 114px 24px; } }.header { width: 100%; text-align: center; } .header .wrapper { overflow: hidden; padding: 50px 0 40px; line-height: 0; } .header h1 { margin: 0; display: inline-block; } .header .logo { display: block; width: 290px; height: 60px; line-height: 0; color: #574c4f; text-decoration: none; text-indent: 230px; white-space: nowrap; overflow: hidden; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/logo-d78fae91ce6081d8d4615e9f0b709352.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .header .logo { background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/logo@2x-2040b5997097453e0d082d25ea76e34e.png); -webkit-background-size: 290px 60px; -moz-background-size: 290px 60px; -o-background-size: 290px 60px; background-size: 290px 60px; } }.header .github-log-in-button { float: right; margin-top: 18px; margin-left: 20px; padding: 5px 10px; font-size: 14px; } .navigation { list-style-type: none; margin: 0; padding: 0; } .navigation li { display: inline-block; padding-right: 5px; height: 33px; vertical-align: top; } .navigation li:last-child { padding-right: 0; } .navigation a { padding: 5px; display: inline-block; transition: color 0.2s; -o-transform: color 0.2s; -moz-transform: color 0.2s; -webkit-transition: color 0.2s; } .navigation a:hover { text-decoration: none; } .footer { background-color: #efeae1; height: 55px; padding: 15px; } .footer a { color: #574c4f; } .footer a:hover { text-decoration: none; } .footer span { color: #574c4f; } .footer .footer-right { float: right; } .footer .footer-left { float: left; margin: 0; padding: 0; } .footer .footer-left li { display: inline-block; list-style-type: none; margin-right: 15px; } .footer .octicon { position: relative; font-size: 20px; top: 1px; } .footer .octicon-logo-github { top: 2px; } .tabs { display: inline-block; } .tabs ul { display: table; padding: 0; margin: 0; } .tabs li { display: table-cell; list-style-type: none; } .tabs .button { width: 100%; padding: 10px 16px; font-size: 18px; } .columns { overflow: hidden; width: 100%} .columns .column { float: left; padding-left: 20px; padding-right: 20px; vertical-align: top; } .columns .column:first-child { padding-left: 0; padding-right: 20px; } .columns .column:last-child { padding-left: 20px; padding-right: 0; } .columns .left, .columns .right { width: 50%} .columns .sidebar { width: 33.3%} .columns .main-column { width: 66.6%} .columns.middle-align .column { vertical-align: middle; } .columns.middle-align .column h2 { font-weight: 300; font-size: 36px; } .search-page .search-results { padding-left: 0; } .search-page .search-results-header { margin-top: 3px; margin-bottom: 2px; font-size: 18px; font-weight: normal; color: #999; display: inline-block; } .search-page .search-results-header em { color: #66595c; font-weight: bold; } .search-page .try-other-search-message { color: #999; } .search-page .markdown h1, .search-page .markdown h2, .search-page .markdown h3, .search-page .markdown h4, .search-page .markdown h5, .search-page .markdown h6 { font-size: 16px; font-weight: bold; border-bottom: 0; } .search-page .markdown .anchor { display: none; } .search-page .markdown a { color: #574c4f; } .docs-search-results h3 { margin: 0; font-size: 18px; } .docs-search-results li { list-style-type: none; border-top: 1px solid #eee; padding: 20px 0; } .docs-search-results li:first-child { border-top-color: #ddd; } .docs-search-results-header { margin: 0; line-height: 18px; } .sidebar-search-field { width: 100%; font-size: 14px; padding: 5px; } .octicon:hover { text-decoration: none; } .flash { text-align: left; padding: 5px; } .flash .flash-inner { width: 1060px; margin: 0 auto; padding-left: 40px; padding-right: 40px; } .flash.notice { color: #3b9b6d; border-top: 1px solid #c8e3cc; background-color: #d8f5dd; } .flash.alert { color: #bf8f80; border-top: 1px solid #edddd8; background-color: #ffede7; } .gravatar { border-radius: 3px; border: 0; } .hero .flash.notice, .hero .flash.alert, .invite .flash.notice, .invite .flash.alert { background-color: transparent; border-top: 0; } .card { list-style-type: none; border: 1px solid #ddd; border-radius: 3px; margin: 0 20px 20px 0; width: 480px; } .card img { display: inline-block; vertical-align: middle; } .card .meta { padding: 13px; background-color: #fafafa; line-height: 1; } .index-title { font-size: 32px; font-weight: 400; } .thirds, .halves { overflow: hidden; margin-right: -20px; } .thirds .grid-cell, .halves .grid-cell { float: left; padding-right: 20px; } .halves .grid-cell { width: 50%} .thirds .grid-cell { width: 33.3%} .nope { position: absolute; width: 256px; height: 86px; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/soon-784569d41a34ce65868cd285296fb629.gif); top: 50%; left: 50%; margin-top: -85px; margin-left: -128px; line-height: 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .nope { background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/soon@2x-2182dd29854ee41ec26a8db3134e3321.gif); -webkit-background-size: 256px 86px; -moz-background-size: 256px 86px; -o-background-size: 256px 86px; background-size: 256px 86px; } }.side-nav { background-color: #f8f6f2; border-radius: 3px; } .side-nav ul { padding-bottom: 15px; padding-left: 0px; margin-top: 0; } .side-nav .side-nav-item { list-style-type: none; } .side-nav .side-nav-item a { display: block; padding: 2px 15px; } .side-nav .side-nav-item a:hover { text-decoration: none; background-color: #efeae1; } .side-nav .side-nav-item.active a { color: #fff; background-color: #3b9b6d; } .side-nav .side-nav-header { padding-right: 15px; padding-left: 15px; margin-bottom: 6px; } .side-nav .side-nav-header:first-child { padding-top: 10px; margin-top: 0; } .stats-footnote { font-size: 80%; color: #9e9b95; } .package-list { margin-bottom: 20px; } .package-list .loading-overlay { background-color: rgba(255, 255, 255, 0.7); position: absolute; width: 980px; height: 456px; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/octocat-spinner-64-fad3c06d752a1ae9c68be343a7bc6e06.gif); background-repeat: no-repeat; background-position: center; display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .package-list .loading-overlay { background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/octocat-spinner-64@2x-e10014e3a2e48bc8985354213a962f91.gif); -webkit-background-size: 64px 64px; -moz-background-size: 64px 64px; -o-background-size: 64px 64px; background-size: 64px 64px; } }.package-list hr { margin: 0; } .package-list li { list-style-type: none; } .package-list .card { margin-bottom: 20px; } .package-list .package-list-header { height: 51px; margin-bottom: 10px; } .package-list .package-list-title { font-size: 30px; font-weight: 300; margin: 0; } .package-list .package-list-see-all { float: right; display: inline-block; font-size: 15px; font-weight: normal; margin-top: 19px; } .package-list .search-sorter div { display: inline; padding-left: 16px; } .package-list .search-sorter div .active { padding-left: 0px; } .package-list .search-sorter div a { color: #9e9b95; } .package-list .search-sorter .icon-up, .package-list .search-sorter .icon-down { color: #9e9b95; display: none; } .package-list .search-sorter div.active.asc .icon-up { display: inline; } .package-list .search-sorter div.active.desc .icon-down { display: inline; } .package-list .search-sort-select { float: right; } .package-list .trending-select { display: inline-block; } .package-list .trending-select .octicon-triangle-down { vertical-align: middle; margin-left: 5px; } .card { position: relative; list-style-type: none; border: 1px solid #ddd; border-radius: 3px; width: 100%; overflow: hidden; } .card img { display: inline-block; vertical-align: middle; } .card .meta { position: relative; padding: 13px; background-color: #fafafa; line-height: 1; } .card .meta .author { color: #999; font-size: 15px; } .card .meta a.linked-octicon { text-decoration: none; } .card .meta a.linked-octicon:hover .octicon { color: #3b9b6d; } .card .meta a.linked-octicon:hover .value { color: #3b9b6d; } .card .meta .stat { height: 26px; display: inline-block; line-height: 24px; margin-right: 5px; padding-right: 5px; vertical-align: top; } .card .meta .stat .octicon { color: #999; } .card .meta .action { border-radius: 3px; padding: 3px 6px; } .card .meta .action:hover { background-color: #eaeaea; } .card .meta .value { color: #999; font-size: 13px; } .card .meta-right { position: absolute; right: 13px; top: 11px; background-color: inherit; padding-left: 10px; } .card.blank-slate { text-align: center; color: #a29f99; height: 132px; line-height: 132px; } .package-card .card-name, .project-card .card-name { font-weight: 300; font-size: 28px; margin: 0; line-height: 1.4; } .package-card .card-name .css-truncate-target, .project-card .card-name .css-truncate-target { color: #3b9b6d; } .package-card .keywords, .project-card .keywords { min-height: 20px; font-size: 12px; line-height: 20px; padding: 0; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .package-card .keywords li, .project-card .keywords li { padding: 2px 4px; list-style-type: none; display: inline; border-radius: 3px; border: 1px solid #efeae1; background-color: #f8f6f2; } .package-card .keywords li a, .project-card .keywords li a { color: #9e9b95; } .package-card .card-description, .project-card .card-description { font-size: 15px; } .package-card .body, .project-card .body { padding: 7px 13px; } .package-card .body .css-truncate-target, .project-card .body .css-truncate-target { max-width: 100%} .package-card p, .project-card p { margin: 0; } .package-card img, .project-card img { height: 24px; width: 24px; } .search-form { display: flex; margin-bottom: 40px; } input.search-input { flex: 1; font-size: 18px; -webkit-appearance: none; } .search-button { margin-left: 7px; padding: 7px 14px; line-height: 21px; } .package-header { margin-bottom: 40px; } .package-header .columns .column { vertical-align: middle; } .package-header h2 { margin: 0; } .package-header h4 { margin: 0 0 5px; font-weight: bold; font-size: 16px; } .manual-install { margin-top: 2px; padding: 0px 5px 2px 18px; border: 1px solid #a29f99; background-color: #efeae1; border-radius: 3px; font-size: 14px; display: block; position: relative; white-space: nowrap; } .manual-install:before { content: '$'; position: absolute; left: 5px; } .star-box { display: inline-block; vertical-align: top; } .star-box a.social-count { font-size: 13px; } .star-box .star-button { padding: 0 6px; } .star-box .star-button .octicon { margin-right: 0px; } .package-meta { font-size: 14px; } .package-meta .time { color: #9e9b95; } .package-meta .card-name { margin-right: 20px; font-size: 16px; float: left; } .package-meta h3 { margin: 0; font-size: 22px; } .package-meta h4 { margin: 10px 0 0; font-weight: bold; font-size: 16px; clear: both; } .package-meta h4:first-child { margin-top: 0; } .package-meta ul { display: table; width: 100%; border: 1px solid #ddd; padding-left: 0; margin-top: 0; border-radius: 3px; } .package-meta ul li { display: table-cell; list-style-type: none; width: 1%; text-align: center; border-right: 1px solid #ddd; padding: 0; white-space: nowrap; } .package-meta ul li a { color: #574c4f; height: 100%; width: 100%; padding: 5px; display: block; transition: color 0.2s; -o-transform: color 0.2s; -moz-transform: color 0.2s; -webkit-transition: color 0.2s; } .package-meta ul li a.disabled { color: #bdb3b5; } .package-meta ul li a.disabled:hover { color: #bdb3b5; } .package-meta ul li a:hover { text-decoration: none; color: #3b9b6d; } .package-meta ul li a .octicon { margin-right: 3px; } .package-meta ul li:last-child { border-right: 0; } .package-meta .show-flag { float: right; color: #999; transition: color 0.2s; -o-transform: color 0.2s; -moz-transform: color 0.2s; -webkit-transition: color 0.2s; } .package-meta .show-flag:hover { text-decoration: none; color: #3b9b6d; } .package-meta table { width: 100%; border: 1px solid #ddd; border-collapse: collapse; } .package-meta table td { border: 1px solid #ddd; text-align: center; padding: 0; } .package-meta table a { color: #574c4f; height: 100%; width: 100%; padding: 5px; display: block; } .package-meta .author { line-height: 0; } .package-meta .author img { display: inline-block; vertical-align: top; height: 20px; width: 20px; } .package-meta .package-card .card-name { margin-bottom: 5px; font-size: 24px; } .package-meta .package-card .card-description { white-space: normal; line-height: 1.4; } .package-meta .css-truncate-target { max-width: 100%} .package-meta .minibutton { margin-top: 20px; } .all-packages { margin-top: 20px; text-align: center; } .all-packages .button { margin-top: 20px; } .version-callout { font-size: 16px; color: #9e9b95; } .official-package { font-size: 16px; color: #3b9b6d; font-weight: bold; margin: 20px 0; display: block; height: 50px; } .readme { margin-top: 40px; } .malicious-package-warning { position: relative; font-weight: bold; vertical-align: middle; margin-bottom: 40px; padding: 15px 15px 15px 57px; background-color: #ffa2a2; background-image: -moz-linear-gradient(#ffb8b8, #ffa2a2); background-image: -webkit-linear-gradient(#ffb8b8, #ffa2a2); background-image: linear-gradient(#ffb8b8, #ffa2a2); background-repeat: repeat-x; border-radius: 5px; border: 1px solid #e08f90; color: #7b3131; } .malicious-package-warning .mega-octicon { position: absolute; top: 14px; left: 15px; } .malicious-package-warning .minibutton { position: absolute; top: 16px; right: 14px; } .stargazers-header { font-size: 30px; font-weight: 300; } .theme-card .upload-image.button { margin: 0px; } .theme-card .gravatar { height: 40px; width: 40px; } .theme-card .avatar { float: left; margin-right: 13px; } .theme-card iframe { border: 0; width: 100%; background-color: #aaa; display: block; height: 169px; } .theme-card .theme-name { font-weight: normal; width: 100%; font-size: 15px; float: left; margin: 0; line-height: 1.3; } .theme-card .theme-name a, .theme-card .theme-name span { color: #574c4f; display: block; max-width: 100%} .theme-card .author { display: block; width: 100%; float: left; line-height: 1.3; } .theme-card .meta { overflow: hidden; } .theme-card .preview-link { display: block; position: relative; } .theme-card .preview-link .click-shield { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .card-cells { display: table; width: 100%} .card-cells .cell { display: table-cell; vertical-align: middle; } .card-cells .gravatar-cell { width: 53px; } #crop-modal { background: #efeae1; padding: 20px 10px; border-radius: 3px; } #crop-modal .spinner { background-color: rgba(255, 255, 255, 0.7); background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/octocat-spinner-64-fad3c06d752a1ae9c68be343a7bc6e06.gif); position: absolute; background-repeat: no-repeat; background-position: center; display: none; width: 100%; height: 100%; margin-left: -24px; margin-top: -24px; z-index: 9999999; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #crop-modal .spinner { background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/octocat-spinner-64@2x-e10014e3a2e48bc8985354213a962f91.gif); -webkit-background-size: 64px 64px; -moz-background-size: 64px 64px; -o-background-size: 64px 64px; background-size: 64px 64px; } }#crop-modal .flash { display: none; } #crop-modal .columns { padding: 0 10px; } #crop-modal .crop-column { max-width: 600px; } #crop-modal .preview-column { width: 306px; padding-left: 0; } #crop-modal .crop-viewer { width: 100%; max-height: 600px; overflow: hidden; } #crop-modal .theme-card { margin-bottom: 10px; } #crop-modal .modal-actions>a { margin-right: 10px; } #crop-modal .jcrop-holder img { border: 1px solid #ddd !important; } .package-show .css-truncate-target { max-width: auto; white-space: normal; overflow: auto; text-overflow: inherit; } .reward-header { background-color: #efeae1; } .reward-header .wrapper { padding-top: 6px; } .reward-header .wrapper p { display: table-cell; vertical-align: middle; text-align: center; color: #574c4f; } .reward-header .wrapper p a { color: #3b9b6d; } .search-unavailable { position: relative; list-style-type: none; border: 1px solid #ddd; border-radius: 3px; width: 100%; overflow: hidden; padding: 7px 13px; } .search-unavailable img { display: inline-block; vertical-align: middle; height: 24px; width: 24px; } .search-unavailable h4 { font-weight: 300; font-size: 28px; margin: 0; line-height: 1.4; margin-bottom: 10px; } .search-unavailable p { font-size: 15px; margin: 0; margin-left: 40px; margin-bottom: 20px; } .select-menu-button { padding-right: 25px; } .select-menu-button .octicon { margin-right: 1px; } .select-menu-button:before { position: absolute; top: 10px; right: 10px; display: block; width: 0; height: 0; content: ""; border: 4px solid; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } .select-menu-button.with-gravatar:before { top: 13px; } .select-menu-button.icon-only { padding-right: 18px; padding-left: 7px; } .select-menu-button.icon-only:before { right: 8px; } .select-menu-button.primary:before { border-top-color: #fff; } .select-menu-button.primary:hover:active { background-color: #4a993e; } .select-menu .spinner { float: left; margin: 4px 0 0 -24px; } .select-menu.active .select-menu-modal-holder { display: block; } .select-menu.right-aligned { float: right; position: relative; } .select-menu.right-aligned .select-menu-modal-holder { right: 0; } .select-menu.is-showing-clear-item .select-menu-clear-item { display: block; } .select-menu.is-showing-clear-item .select-menu-clear-item .octicon { color: inherit; } .select-menu.is-showing-clear-item .select-menu-clear-item+.select-menu-no-results { display: none; } .select-menu.is-loading .select-menu-loading-overlay { display: block; } .select-menu.is-loading .select-menu-modal { min-height: 200px; } .select-menu.has-error .select-menu-error-shell { display: block; } .select-menu-loading-overlay { display: none; text-indent: 100%; height: 100%; width: 100%; position: absolute; top: 0; z-index: 5; border-radius: 5px; border: 1px solid transparent; background-color: rgba(255, 255, 255, 0.8); animation: pulse 2s infinite linear; -webkit-animation: pulse 2s infinite linear; -moz-animation: pulse 2s infinite linear; } .select-menu-loading-overlay:before { position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; width: 32px; content: "\f008"; font: normal normal 32px/1 "octicons"; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; text-indent: 0; } @keyframes pulse { 0% { color: rgba(170, 170, 170, 0.1); } 10% { color: #aaaaaa; } 100% { color: rgba(170, 170, 170, 0.1); } }@-webkit-keyframes pulse { 0% { color: rgba(170, 170, 170, 0.1); } 10% { color: #aaaaaa; } 100% { color: rgba(170, 170, 170, 0.1); } }@-moz-keyframes pulse { 0% { color: rgba(170, 170, 170, 0.1); } 10% { color: #aaaaaa; } 100% { color: rgba(170, 170, 170, 0.1); } }@-o-keyframes pulse { 0% { color: rgba(170, 170, 170, 0.1); } 10% { color: #aaaaaa; } 100% { color: rgba(170, 170, 170, 0.1); } }.select-menu-error-shell { padding: 5px; border-bottom: 1px solid #eee; display: none; } .select-menu-error-shell .select-menu-error { display: block; padding: 5px 10px; font-weight: bold; color: #900; background-color: #FFEAEA; border: 1px solid #E2A0A0; } .select-menu-modal-holder { position: absolute; display: none; z-index: 21; } .select-menu-modal { position: relative; width: 300px; margin-top: 4px; margin-bottom: 20px; overflow: hidden; font-size: 12px; color: #666; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25); } .select-menu-header { padding: 8px 10px; background-color: #eeeeee; background-image: -moz-linear-gradient(#fafafa, #eee); background-image: -webkit-linear-gradient(#fafafa, #eee); background-image: linear-gradient(#fafafa, #eee); background-repeat: repeat-x; border-bottom: 1px solid #ddd; } .select-menu-header .select-menu-title { font-weight: bold; color: #333; text-shadow: 0 1px 0 #fff; } .select-menu-header .octicon { display: block; float: right; color: #ccc; cursor: pointer; } .select-menu-header .octicon:hover { color: #555; } .select-menu-filters { background-color: #f8f8f8; } .select-menu-text-filter { padding: 10px 10px 0; } .select-menu-text-filter:first-child:last-child { padding-bottom: 10px; border-bottom: 1px solid #DDD; } .select-menu-text-filter input { display: block; width: 100%; max-width: 100%; padding: 5px; border: 1px solid #DDD; border-radius: 3px; } .select-menu-text-filter input::-webkit-input-placeholder, .select-menu-text-filter input:-moz-placeholder { color: #aaa; } .select-menu-tabs { height: 33px; border-bottom: 1px solid #ddd; } .select-menu-tabs ul { overflow: hidden; padding: 14px 10px 0 10px; } .select-menu-tabs .select-menu-tab { display: inline-block; } .select-menu-tabs a { height: 20px; padding: 5px 8px; font-size: 11px; font-weight: bold; color: #888; text-decoration: none; line-height: 20px; border-radius: 3px 3px 0 0; cursor: pointer; } .select-menu-tabs a:hover { color: #333; } .select-menu-tabs a.selected { padding: 4px 5px; border: 1px solid #ddd; border-bottom: 1px solid #fff; background-color: #fff; color: #333; } .select-menu-list { max-height: 400px; overflow: auto; position: relative; } .select-menu-list.select-menu-tab-bucket { display: none; } .select-menu-list.select-menu-tab-bucket.selected { display: block; } .select-menu-item { cursor: pointer; border-bottom: 1px solid #eee; display: table; table-layout: fixed; width: 100%; overflow: hidden; color: inherit; } .select-menu-item:hover { text-decoration: none; } .select-menu-item.select-menu-item-template { display: none; } .select-menu-item.select-menu-clear-item { display: none; } .select-menu-item.disabled, .select-menu-item.disabled.selected { color: #999; } .select-menu-item.disabled .select-menu-item-gravatar, .select-menu-item.disabled.selected .select-menu-item-gravatar { opacity: .5; } .select-menu-item .octicon { vertical-align: middle; } .select-menu-item input[type="radio"] { display: none; } .select-menu-item .select-menu-item-icon { display: table-cell; color: transparent; vertical-align: top; padding: 8px 0 8px 8px; width: 24px; text-align: center; } .select-menu-item .select-menu-item-icon.is-shown { color: inherit; } .select-menu-item.navigation-focus, .select-menu-item.navigation-focus.selected, .select-menu-item.navigation-focus.select-menu-action { background-color: #4183c4; color: #fff; } .select-menu-item.navigation-focus>.octicon, .select-menu-item.navigation-focus.selected>.octicon, .select-menu-item.navigation-focus.select-menu-action>.octicon { color: #fff; } .select-menu-item.navigation-focus .text-danger, .select-menu-item.navigation-focus .description, .select-menu-item.navigation-focus.selected .text-danger, .select-menu-item.navigation-focus.selected .description, .select-menu-item.navigation-focus.select-menu-action .text-danger, .select-menu-item.navigation-focus.select-menu-action .description { color: white; } .select-menu-item>.octicon-dash { display: none; } .select-menu-item.indeterminate>.octicon-check { display: none; } .select-menu-item.indeterminate>.octicon-dash { display: table-cell; } .select-menu-item.select-menu-action, .select-menu-item.selected { color: #333; } .select-menu-item.select-menu-action .description, .select-menu-item.selected .description { color: #666; } .select-menu-item.select-menu-action>.octicon, .select-menu-item.selected>.octicon { color: #333; } .select-menu-item.select-menu-action .select-menu-item-text { font-weight: bold; } .select-menu[data-multiple] .select-menu-item:active { background-color: transparent !important; } .select-menu-item a { color: inherit; text-decoration: none; } .select-menu-item .hidden-select-button-text { display: none; } .select-menu-item .css-truncate-target { display: table-cell; max-width: 100%} form.select-menu-item>div:first-child { display: none !important; } .select-menu-item.last-visible, .select-menu-list:last-child .select-menu-item:last-child { border-bottom: 0; border-radius: 0 0 3px 3px; } .select-menu-actions .select-menu-item:hover { background-color: #4183c4; color: #fff; } .select-menu-actions .select-menu-item:hover>.octicon { color: #fff; } .select-menu-actions .select-menu-item:hover .description { color: white; } .select-menu-no-results { padding: 9px; display: none; cursor: auto; color: #999; } .select-menu-list.filterable-empty .select-menu-no-results, .select-menu-no-results:only-child { display: block; } .select-menu-button-gravatar, .select-menu-item-gravatar { overflow: hidden; line-height: 0; width: 20px; } .select-menu-button-gravatar img, .select-menu-item-gravatar img { height: 20px; width: 20px; display: inline-block; border-radius: 3px; } .select-menu-item-gravatar { display: table-cell; padding: 6px 0 6px 8px; vertical-align: top; width: 28px; } .select-menu-button-gravatar { display: inline-block; margin: 6px 3px 6px 0; margin-right: 5px; vertical-align: middle; } .select-menu-item-text { display: table-cell; vertical-align: top; padding: 8px 0 8px 8px; text-align: left; } .select-menu-item-text:first-child { margin-left: 5px; } .select-menu-item-text .description { color: #999; font-size: 12px; max-width: 265px; display: block; margin-top: 3px; } .select-menu-item-text h4 { margin-top: 0; margin-bottom: 0; } .select-menu-item-text h4 .description { font-weight: normal; display: inline; } .select-menu-footer { padding: 8px; font-weight: bold; border-top: 1px solid #eee; } .select-menu-footer a { display: inline-block; margin-top: 1px; vertical-align: top; } .select-menu-footer .octicon { color: #666; } .select-menu-new-item-form { display: none; } .select-menu-new-item-form .octicon { color: #4183c4; } .select-menu-list.is-showing-new-item-form .select-menu-new-item-form { display: table; } .select-menu-list.is-showing-new-item-form .select-menu-no-results, .select-menu-list.is-showing-new-item-form .select-menu-clear-item { display: none; } .modal-backdrop { display: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body.menu-active .modal-backdrop { display: block; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 20; } .user-show .search-sort-select { margin-bottom: 4px; } .user-show .package-card { width: 100%} .user-show .user-meta { margin-bottom: 40px; } .user-show .user-meta .main { padding-left: 0; } .user-show .user-meta img { display: inline-block; width: 64px; height: 64px; vertical-align: -15px; margin-right: 5px; border-radius: 3px; } .user-show .username { font-weight: 300; font-size: 36px; margin: 0; } .user-show .count { position: relative; color: #a29f99; font-size: 18px; font-weight: normal; background-color: #eee; border-radius: 3px; padding: 2px 5px; vertical-align: 4px; } .user-card .user-login { font-weight: 300; font-size: 28px; margin: 0; line-height: 1.4; padding: 6px 0; } .user-card .body { padding: 7px 13px; } .user-card .body .gravatar { float: left; } .user-card .body h4 { color: #3b9b6d; } .user-card p { margin: 0; } .user-card img { height: 40px; width: 40px; margin-right: 12px; } .user-card .css-truncate-target { min-width: 360px; } .welcome { font: 16px/1.5 normal normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 300; color: #efdab9; background-color: #343233; } .welcome h1, .welcome h2, .welcome h3, .welcome h4, .welcome h5, .welcome h6 { color: inherit; } .welcome h3 { margin: 0; font-weight: 200; font-size: 2em; letter-spacing: 0.05em; } .welcome .column>h3 { margin-bottom: 66.66667px; } .welcome .columns+h3 { margin-top: 200px; } .welcome h4 { margin-top: 0; margin-bottom: 0.25em; font-weight: 500; font-size: 1.2em; } .welcome a { color: #ffd152; text-decoration: none; } .welcome a:hover { color: #ebac00; } .welcome a:active { color: #d36e2d; } .welcome .section { position: relative; overflow: hidden; } .welcome .wrapper { padding-top: 200px; padding-bottom: 200px; } .welcome .wrapper strong { font-weight: 500; color: #98c3b7; background-color: #393c3b; padding: 0 .2em; } .welcome .column { width: 50%} .welcome .columns .column:first-child { padding-right: 66.66667px; } .welcome .columns .column:last-child { padding-left: 66.66667px; } .welcome .welcome-button { display: inline-block; padding: .5em 1em; line-height: inherit; font-size: inherit; font-weight: 500; text-decoration: none; border-radius: 5px; color: #343233; background-color: #ffd152; } .welcome .welcome-button:hover { color: #343233; background-color: #ffc31f; } .welcome .welcome-button:active { color: #343233; background-color: #ebac00; transform: translateY(2px); } .welcome .welcome-cta { margin: 66.66667px 0 0 0; } .welcome .welcome-bg { position: absolute; } .welcome .welcome-bg--screenshot { bottom: 50%; right: 50%; margin-bottom: -244px; margin-right: 40px; width: 780px; height: 488px; border-radius: 5px; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.5); transition: filter 2s; } .welcome .welcome-bg--screenshot:hover { filter: none; } .section--hero { text-align: center; background-image: radial-gradient(ellipse closest-side at 50% 50%, #393e44, #36383b 25%, #343233); background-repeat: no-repeat; background-size: 100% 1000px; background-position: center -120px; } .section--hero .wrapper { padding-top: 133.33333px; padding-bottom: 0; } .section--hero a { font-size: .9em; color: #8d8273; } .hero-header { align-items: center; } .hero-header-item { flex: 1; } .hero-features { margin: 133.33333px 0 0 0; padding: 0 10px; } .hero-tagline { margin: 0 0 .5em 0; font-size: 2.3em; letter-spacing: 0.05em; font-weight: 200; } .hero-tagline-highlight { font-weight: inherit; color: #78b0a0; } a.hero-link { display: inline-block; margin: 0.5em; padding: .25em .75em; font-size: 1.1em; color: #ffd152; border: 1px solid #4e4b4d; border-radius: .25em; } .hero-logo { flex: 0 0 500px; height: 366px; background-repeat: no-repeat; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/index-logo-94e7bf6ca41cf9a8c1a747338fda5ae5.svg), url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/index-portal-sides-23cd4a2a6bbfb703ce97c8c72be4a30c.svg); background-position: center; -webkit-user-select: none; user-select: none; } .hero-logo-circles { width: 366px; height: 366px; margin: auto; position: relative; } .hero-logo-circle { position: absolute; left: 0; top: 0; animation: hero-logo-circle 1s linear infinite; will-change: transform; } .hero-logo-circle:nth-child(1) { animation-duration: 30s; } .hero-logo-circle:nth-child(2) { animation-duration: 40s; } .hero-logo-circle:nth-child(3) { animation-duration: 50s; } .hero-logo-circle:nth-child(4) { animation-duration: 60s; } .hero-logo-circle:nth-child(5) { animation-duration: 70s; } .hero-logo-circle:nth-child(6) { animation-duration: 80s; } .hero-logo-circle:nth-child(7) { animation-duration: 90s; } .hero-logo-circle:nth-child(8) { animation-duration: 100s; } .hero-logo-circle:nth-child(9) { animation-duration: 110s; } .hero-logo-circle:nth-child(10) { animation-duration: 120s; } @keyframes hero-logo-circle { 100% { transform: rotate(1turn); } }.hero-download { display: inline-flex; margin: 4em 0 0 0; border-radius: 20px; border: 1px solid #4e4b4d; list-style: none; padding: 0; } .hero-download li { padding: 1em 1.75em; display: flex; flex-direction: column; justify-content: center; } .hero-download li:last-child { padding: 1em; } .hero-download li+li { border-left: 1px solid #4e4b4d; } .hero-download .logo-wordmark { display: block; } .hero-download .version { display: block; font-size: 1.4em; line-height: 2rem; letter-spacing: .15em; font-weight: 500; } .hero-download .platform { display: block; font-size: 1.4em; line-height: 2rem; letter-spacing: .05em; } .hero-download .support { display: block; font-size: .9em; color: #8d8273; } .hero-download .welcome-button { display: block; font-size: 1.1em; padding: 1em 1.5em; white-space: nowrap; } .hero-download .welcome-button .octicon { margin-right: .8em; } .hero-download .welcome-button+.welcome-button { margin-top: .5em; } .hero-meta { margin: 2rem 0 0 0; } .hero-meta a+a { margin-left: 2rem; } .hero-tos { display: block; margin-bottom: 2em; color: #766e63; font-size: .8em; } .hero-tos a { font-size: inherit; } .hero-octonaut { position: absolute; top: 100px; left: calc(50% - 380px); animation: hero-octonaut 2s alternate ease-in-out infinite; will-change: transform; -webkit-user-select: none; user-select: none; } @keyframes hero-octonaut { 0% { transform: translateY(-8px); } 100% { transform: translateY(8px); } }.section--realtime { background-repeat: no-repeat; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/index-teletype-graphic-679f87b02b0798ad8c7ae5f54dd51717.svg); background-position: calc(50% + 1000px) center; } .section--realtime .wrapper { padding-left: 470px; } .section--realtime .welcome-bg--screenshot { filter: brightness(0.75) contrast(1) sepia(0.7) hue-rotate(-5deg) saturate(3.5); } .section--ide { background-repeat: no-repeat; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/index-ide-graphic-099c2e3eacf7ab74afc6cc259e8df4b5.svg); background-position: calc(50% - 600px) center; } .section--ide .wrapper { padding-right: 470px; } .section--ide .welcome-bg--screenshot { left: 50%; margin-left: 40px; filter: brightness(0.7) contrast(0.8) sepia(1) hue-rotate(160deg) saturate(3); } .section--github { background-repeat: no-repeat; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/index-github-graphic-fddd9ec4387518da46ef781b2505c1d3.svg); background-position: calc(50% + 550px) center; } .section--github .wrapper { padding-left: 470px; } .section--github .welcome-bg--screenshot { filter: brightness(0.7) contrast(1) sepia(1) hue-rotate(115deg) saturate(1.5); } .section--features h3 { margin-bottom: 50px; } .section--features .features+h3 { margin-top: 100px; } .section--features .features-item { position: relative; padding-left: 60px; } .section--features .features-item .mega-octicon { position: absolute; top: -0.25em; left: 0; width: 1.75em; height: 1.75em; line-height: 1.75em; font-size: 24px; text-align: center; border-radius: 6px; color: #efdab9; background-color: #3d3a39; } .section--features p { margin: 0; } .section--contact { margin-bottom: -40px; border-top: 1px solid #1a191a; background-color: #2c2a2b; background-repeat: no-repeat; background-image: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/index-rocket-ba65a98e0d695928577875312d3ba40c.svg); background-position: calc(50% + 380px) 60px; } .section--contact td:first-child { padding-right: 2em; } @media (min-width: 1101px) and (max-height: 1000px) { .section--hero .wrapper { padding-top: 100px; } .hero-header { display: flex; flex-wrap: wrap; } .hero-download { margin-top: 0; margin-left: 50px; flex-direction: column; } .hero-download li { padding: 1em; } .hero-download li:first-child { padding: 2em 1em; } .hero-download li+li { border-left: none; border-top: 1px solid #4e4b4d; } .hero-meta { flex: 1; margin-top: 50px; } .hero-features { margin-top: 100px; } .hero-octonaut { left: calc(50% - 520px); } }@media (max-width: 1100px) { .welcome .wrapper { width: auto; max-width: 660px; } .welcome .section--hero { background-position: center -220px; } .welcome .hero-features { margin-top: 200px; } .welcome .hero-tagline { font-size: 2.4em; } .welcome .hero-download { flex-direction: column; } .welcome .hero-download li { padding: 1em; } .welcome .hero-download li:first-child { padding: 2em 1em; } .welcome .hero-download li+li { border-left: none; border-top: 1px solid #4e4b4d; } .welcome .section .wrapper { padding: 100px 50px; } .welcome .section.section--hero .wrapper { padding-left: 0; padding-right: 0; } .welcome .columns { width: auto; } .welcome .column.column { width: auto; } .welcome .columns .column:first-child { padding-right: 0; } .welcome .columns .column:last-child { margin-top: 100px; padding-left: 0; } .welcome .column>h3 { margin-bottom: 50px; } .welcome .columns+h3 { margin-top: 100px; } .welcome .welcome-bgs { margin: 50px 0; } .welcome .welcome-bg--screenshot { position: relative; left: auto; right: auto; bottom: auto; margin: 0; max-width: 100%; height: auto; } .welcome .welcome-cta { margin: 50px 0 0 0; } .welcome .section--features .features-item { margin-top: 50px; } .welcome .section--features .column+.column { margin-top: 0; } .welcome .section--realtime { background-position: calc(50% + 770px) calc(100% + -56px); } .welcome .section--ide { background-position: calc(50% - 410px) 120px; } .welcome .section--github { background-position: calc(50% + 450px) 0; } .welcome .section--contact { background-position: calc(50% + 150px) bottom; } }@media (max-width: 660px) { .welcome .hero-octonaut { display: none; } .section--contact { background-image: none; } }.welcome-beta .wrapper--beta { max-width: 500px; padding-top: 100px; } .welcome-beta .section--hero { background-image: none; } .welcome-beta .hero-logo { filter: brightness(0.75) contrast(1) sepia(0.7) hue-rotate(-5deg) saturate(3.5); } .welcome-beta .hero-logo-circle:nth-child(4) { animation-name: hero-logo-circle--reverse; } .welcome-beta h3 { margin: 0 0 1em 0; } .welcome-beta .features-item.features-item.features-item { margin-top: 50px; } .welcome-beta .section--features .features-item .mega-octicon { top: 0; } .welcome-beta .section--features { margin-bottom: -40px; } @keyframes hero-logo-circle--reverse { 100% { transform: rotate(-1turn); } }.is-responsive { min-width: auto; } @media (max-width: 900px) { .is-responsive .top-bar { height: auto; padding: 15px 10px; } .is-responsive .top-bar>.wrapper { width: 100%; text-align: center; padding-left: 5px; padding-right: 5px; } .is-responsive .top-bar .navigation { vertical-align: middle; } .is-responsive .top-bar-right { float: none; margin: 0 5px; display: inline-block; vertical-align: middle; } .is-responsive .footer { height: auto; padding: 20px 10px; } .is-responsive .footer>.wrapper { width: 100%; text-align: center; } .is-responsive .footer-left, .is-responsive .footer-right { float: none; } .is-responsive .footer-right { margin-top: 15px; } }@media (min-width: 1101px) { .welcome .section--features .wrapper { max-width: 560px; } .welcome .features-item+.features-item { margin-top: 50px; } @supports (display: grid) { .welcome .section--features .wrapper { max-width: none; } .welcome .features { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 100px 66.66667px; } .welcome .features-item.features-item { margin-top: 0; } }}.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } #peek { background: #000; height: 35px; line-height: 35px; color: #999; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); } #peek .hidden { display: none; visibility: visible; } #peek.disabled { display: none; } #peek.production { background: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/peek/bar/production-12247e891cedfd9dd0976261a4c1e6ab.gif) repeat 0 0; } #peek.staging { background: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/peek/bar/staging-4a0ac6678e3c03a940ea9777a1adf828.gif) repeat 0 0; } #peek.development { background: url(//github-atom-io-herokuapp-com.freetls.fastly.net/assets/peek/bar/development-f0a456a91bb6ee33894bbd1c61b51de7.gif) repeat 0 0; } #peek .wrapper { width: 800px; margin: 0 auto; } #peek .bucket { background: #111; display: inline-block; padding: 4px 6px; font-family: Consolas, "Liberation Mono", Courier, monospace; line-height: 1; color: #ccc; border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.25); } #peek .bucket .hidden { display: none; } #peek .bucket:hover .hidden { display: inline; } #peek strong { color: #fff; } #peek .view { margin-right: 15px; float: left; } #peek .view:last-child { margin-right: 0; } #peek .css-truncate.css-truncate-target, #peek .css-truncate .css-truncate-target { display: inline-block; max-width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; } #peek .css-truncate.expandable:hover .css-truncate-target, #peek .css-truncate.expandable:hover.css-truncate-target { max-width: 10000px !important; } .performance-bar { position: relative; top: 2px; display: inline-block; width: 75px; height: 10px; margin: 0 0 0 5px; list-style: none; background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 2px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); } .performance-bar li { position: absolute; top: 0; bottom: 0; overflow: hidden; opacity: .8; color: transparent; } .performance-bar li:hover { opacity: 1; cursor: default; }