diff options
Diffstat (limited to 'lume/src/static/css/hack.css')
| -rw-r--r-- | lume/src/static/css/hack.css | 767 |
1 files changed, 767 insertions, 0 deletions
diff --git a/lume/src/static/css/hack.css b/lume/src/static/css/hack.css new file mode 100644 index 0000000..c3573e2 --- /dev/null +++ b/lume/src/static/css/hack.css @@ -0,0 +1,767 @@ +@font-face { + font-family: "Iosevka Etoile Iaso"; + font-weight: 100 900; + src: local("Iosevka Etoile Iaso") + , url("iosevka/iosevka-etoile-regular.woff2") format("woff2") + , url("iosevka/iosevka-etoile-italic.woff2") format("woff2"); +} + +@font-face { + font-family: "Iosevka Aile Iaso"; + font-weight: 100 900; + src: local("Iosevka Aile Iaso") + , url("iosevka/iosevka-aile-regular.woff2") format("woff2") + , url("iosevka/iosevka-aile-italic.woff2") format("woff2"); +} + +@font-face { + font-family: "Iosevka Curly Iaso"; + font-weight: 100 900; + src: local("Iosevka Curly Iaso") + , url("iosevka/iosevka-curly-regular.woff2") format("woff2"); +} + +html { + font-size: 16px; + -webkit-text-size-adjust: none; + text-size-adjust: none; +} +body { + font-size: 1rem; + line-height: 1.75rem; + margin: 0; + font-family: "Iosevka Aile Iaso", Menlo, monospace; + font-weight: 500; + word-wrap: break-word; +} +::selection { + background: #d3869b; +} +fieldset { + border: none; + padding: 0; + margin: 0; +} +pre { + background-color: #fff; + border: 1px solid #ccc; + overflow: auto; +} +code[class*="language-"], +pre[class*="language-"], +pre code { + font-weight: 100; + text-shadow: none; + margin: 1.75rem 0; + font-size: 1.5rem; + font-family: "Iosevka Curly Iaso", Menlo, monospace; +} +code { + font-family: "Iosevka Curly Iaso", Menlo, monospace; +} +iframe { + max-width: 100%; +} +a { + cursor: pointer; + color: #FFA8CE; + text-decoration: none; + border-bottom: 1px solid; + border-color: #FFA8CE; +} +a:hover { + background-color: #B3004D; + color: #fff; +} +.grid { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.grid.\-top { + -ms-flex-align: start; + align-items: flex-start; +} +.grid.\-middle { + -ms-flex-align: center; + align-items: center; +} +.grid.\-bottom { + -ms-flex-align: end; + align-items: flex-end; +} +.grid.\-stretch { + -ms-flex-align: stretch; + align-items: stretch; +} +.grid.\-baseline { + -ms-flex-align: baseline; + align-items: baseline; +} +.grid.\-left { + -ms-flex-pack: start; + justify-content: flex-start; +} +.grid.\-center { + -ms-flex-pack: center; + justify-content: center; +} +.grid.\-right { + -ms-flex-pack: end; + justify-content: flex-end; +} +.grid.\-between { + -ms-flex-pack: justify; + justify-content: space-between; +} +.grid.\-around { + -ms-flex-pack: distribute; + justify-content: space-around; +} +.cell { + -ms-flex: 1; + flex: 1; + box-sizing: border-box; +} +@media screen and (min-width: 768px) { + .cell.\-1of12 { + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + } + .cell.\-2of12 { + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + } + .cell.\-3of12 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + } + .cell.\-4of12 { + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + } + .cell.\-5of12 { + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + } + .cell.\-6of12 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + } + .cell.\-7of12 { + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + } + .cell.\-8of12 { + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + } + .cell.\-9of12 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + } + .cell.\-10of12 { + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + } + .cell.\-11of12 { + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + } +} +@media screen and (max-width: 768px) { + .grid { + -ms-flex-direction: column; + flex-direction: column; + } + .cell { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + } +} +.hack p, +.hack .conversation-chat, +.hack blockquote, +.hack strong { + font-size: 1rem; + font-style: normal; + font-family: "Iosevka Aile Iaso", Menlo, monospace; +} +.hack blockquote, +.hack code, +.hack em, +.hack strong { + font-size: 1rem; + line-height: 20px; +} +.hack blockquote, +.hack code, +.hack footer, +.hack h1, +.hack h2, +.hack h3, +.hack h4, +.hack h5, +.hack h6, +.hack header, +.hack li, +.hack ol, +.hack p, +.hack section, +.hack ul { + float: none; + margin: 0; + padding: 0; +} +.hack blockquote, +.hack ol, +.hack p, +.hack ul { + margin-top: 20px; + margin-bottom: 20px; +} +.hack h2, +.hack h3, +.hack h4, +.hack h5, +.hack h6 { + position: relative; + margin-bottom: 1.75rem; +} +.hack h2:before, +.hack h3:before, +.hack h4:before, +.hack h5:before, +.hack h6:before { + display: inline; +} +.hack li { + position: relative; + display: block; + padding-left: 20px; +} +.hack li:after { + position: absolute; + top: 0; + left: 0; +} +.hack ul > li:after { + content: "-"; +} +.hack ol { + counter-reset: a; +} +.hack ol > li:after { + content: counter(a) "."; + counter-increment: a; +} +.hack blockquote { + position: relative; + padding-left: 17px; + padding-left: 2ch; + overflow: hidden; +} +.hack blockquote:after { + content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>"; + white-space: pre; + position: absolute; + top: 0; + left: 0; + line-height: 20px; +} +.hack pre code:after, +.hack pre code:before { + display: none; +} +.hack code { + font-weight: 700; +} +.hack hr { + position: relative; + height: 20px; + overflow: hidden; + border: 0; + margin: 20px 0; +} +.hack hr:after { + content: "---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------"; + position: absolute; + top: 0; + left: 0; + line-height: 20px; + width: 100%; + word-wrap: break-word; +} +@-moz-document url-prefix() { + .hack h1 { + display: block; + } +} +.hack-ones ol > li:after { + content: "1."; +} +p { + margin: 0 0 1.75rem; +} +.container { + max-width: 60rem; +} +.container, +.container-fluid { + margin: 1em auto; + padding: 0 1rem; +} +.inner { + padding: 1rem; +} +.inner2x { + padding: 2rem; +} +.pull-left { + float: left; +} +.pull-right { + float: right; +} +.progress-bar { + height: 8px; + opacity: 0.8; + background-color: #ccc; + margin-top: 12px; +} +.progress-bar.progress-bar-show-percent { + margin-top: 38px; +} +.progress-bar-filled { + background-color: gray; + height: 100%; + transition: width 0.3s ease; + position: relative; + width: 0; +} +.progress-bar-filled:before { + content: ""; + border: 6px solid transparent; + border-top-color: gray; + position: absolute; + top: -12px; + right: -6px; +} +.progress-bar-filled:after { + color: gray; + content: attr(data-filled); + display: block; + font-size: 12px; + white-space: nowrap; + position: absolute; + border: 6px solid transparent; + top: -38px; + right: 0; + -ms-transform: translateX(50%); + transform: translateX(50%); +} +table { + width: 100%; + border-collapse: collapse; + margin: 1.75rem 0; + color: #778087; +} +table td, +table th { + vertical-align: top; + border: 1px solid #ccc; + line-height: 15px; + padding: 10px; +} +table tbody td:first-child { + font-weight: 700; +} +.form { + width: 30rem; +} +.form-group { + margin-bottom: 1.75rem; + overflow: auto; +} +.form-group label { + border-bottom: 2px solid #ccc; + color: #333; + width: 10rem; + display: inline-block; + height: 38px; + line-height: 38px; + padding: 0; + float: left; + position: relative; +} +.form-group.form-success label { + color: #4caf50 !important; + border-color: #4caf50 !important; +} +.form-group.form-warning label { + color: #ff9800 !important; + border-color: #ff9800 !important; +} +.form-group.form-error label { + color: #f44336 !important; + border-color: #f44336 !important; +} +.form-control { + outline: none; + border: none; + border-bottom: 2px solid #ccc; + padding: 0.5rem 0; + width: 20rem; + height: 38px; + background-color: transparent; +} +.form-control:focus { + border-color: #555; +} +.form-group.form-textarea label:after { + position: absolute; + content: ""; + width: 2px; + background-color: #fff; + right: -2px; + top: 0; + bottom: 0; +} +textarea.form-control { + height: auto; + resize: none; + padding: 1rem 0; + border-bottom: 2px solid #ccc; + border-left: 2px solid #ccc; + padding: 0.5rem; +} +select.form-control { + border-radius: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; +} +.help-block { + color: #999; + margin-top: 0.5rem; +} +.form-actions { + margin-bottom: 1.75rem; +} +.btn { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + outline: none; + padding: 0.65rem 2rem; + font-size: 1rem; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + z-index: 1; +} +.btn:active { + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); +} +.btn.btn-ghost { + border-color: #757575; + color: #757575; + background-color: transparent; +} +.btn.btn-ghost:focus, +.btn.btn-ghost:hover { + border-color: #424242; + color: #424242; + z-index: 2; +} +.btn.btn-ghost:hover { + background-color: transparent; +} +.btn-block { + width: 100%; + display: -ms-flexbox; + display: flex; +} +.btn-default { + color: #fff; + background-color: #e0e0e0; + border: 1px solid #e0e0e0; + color: #333; +} +.btn-default:focus:not(.btn-ghost), +.btn-default:hover { + background-color: #dcdcdc; + border-color: #dcdcdc; +} +.btn-success { + color: #fff; + background-color: #4caf50; + border: 1px solid #4caf50; +} +.btn-success:focus:not(.btn-ghost), +.btn-success:hover { + background-color: #43a047; + border-color: #43a047; +} +.btn-success.btn-ghost { + border-color: #4caf50; + color: #4caf50; +} +.btn-success.btn-ghost:focus, +.btn-success.btn-ghost:hover { + border-color: #388e3c; + color: #388e3c; + z-index: 2; +} +.btn-error { + color: #fff; + background-color: #f44336; + border: 1px solid #f44336; +} +.btn-error:focus:not(.btn-ghost), +.btn-error:hover { + background-color: #e53935; + border-color: #e53935; +} +.btn-error.btn-ghost { + border-color: #f44336; + color: #f44336; +} +.btn-error.btn-ghost:focus, +.btn-error.btn-ghost:hover { + border-color: #d32f2f; + color: #d32f2f; + z-index: 2; +} +.btn-warning { + color: #fff; + background-color: #ff9800; + border: 1px solid #ff9800; +} +.btn-warning:focus:not(.btn-ghost), +.btn-warning:hover { + background-color: #fb8c00; + border-color: #fb8c00; +} +.btn-warning.btn-ghost { + border-color: #ff9800; + color: #ff9800; +} +.btn-warning.btn-ghost:focus, +.btn-warning.btn-ghost:hover { + border-color: #f57c00; + color: #f57c00; + z-index: 2; +} +.btn-info { + color: #fff; + background-color: #00bcd4; + border: 1px solid #00bcd4; +} +.btn-info:focus:not(.btn-ghost), +.btn-info:hover { + background-color: #00acc1; + border-color: #00acc1; +} +.btn-info.btn-ghost { + border-color: #00bcd4; + color: #00bcd4; +} +.btn-info.btn-ghost:focus, +.btn-info.btn-ghost:hover { + border-color: #0097a7; + color: #0097a7; + z-index: 2; +} +.btn-primary { + color: #fff; + background-color: #2196f3; + border: 1px solid #2196f3; +} +.btn-primary:focus:not(.btn-ghost), +.btn-primary:hover { + background-color: #1e88e5; + border-color: #1e88e5; +} +.btn-primary.btn-ghost { + border-color: #2196f3; + color: #2196f3; +} +.btn-primary.btn-ghost:focus, +.btn-primary.btn-ghost:hover { + border-color: #1976d2; + color: #1976d2; + z-index: 2; +} +.btn-group { + overflow: auto; +} +.btn-group .btn { + float: left; +} +.btn-group .btn-ghost:not(:first-child) { + margin-left: -1px; +} +.card { + border: 1px solid #ccc; +} +.card .card-header { + color: #333; + text-align: center; + background-color: #ddd; + padding: 0.5rem 0; +} +.alert { + color: #ccc; + padding: 1rem; + border: 1px solid #ccc; + margin-bottom: 1.75rem; +} +.alert-success { + color: #4caf50; + border-color: #4caf50; +} +.alert-error { + color: #f44336; + border-color: #f44336; +} +.alert-info { + color: #00bcd4; + border-color: #00bcd4; +} +.alert-warning { + color: #ff9800; + border-color: #ff9800; +} +.media:not(:last-child) { + margin-bottom: 1.25rem; +} +.media-left { + padding-right: 1rem; +} +.media-left, +.media-right { + display: table-cell; + vertical-align: top; +} +.media-right { + padding-left: 1rem; +} +.media-body { + display: table-cell; + vertical-align: top; +} +.media-heading { + font-size: 1.16667rem; + font-weight: 700; +} +.media-content { + margin-top: 0.3rem; + word-break: break-word; +} +.avatarholder, +.placeholder { + background-color: #f0f0f0; + text-align: center; + color: #b9b9b9; + font-size: 1rem; + border: 1px solid #f0f0f0; +} +.avatarholder { + width: 48px; + height: 48px; + line-height: 46px; + font-size: 2rem; + background-size: cover; + background-position: 50%; + background-repeat: no-repeat; +} +.avatarholder.rounded { + border-radius: 33px; +} +.loading { + display: inline-block; + content: " "; + height: 20px; + width: 20px; + margin: 0 0.5rem; + animation: a 0.6s infinite linear; + border: 2px solid #e91e63; + border-right-color: transparent; + border-radius: 50%; +} +.btn .loading { + margin-bottom: 0; + width: 14px; + height: 14px; +} +.btn div.loading { + float: left; +} +.alert .loading { + margin-bottom: -5px; +} +@keyframes a { + 0% { + transform: rotate(0deg); + } + to { + transform: rotate(1turn); + } +} +.menu { + width: 100%; +} +.menu .menu-item { + display: block; + color: #616161; + border-color: #616161; +} +.menu .menu-item.active, +.menu .menu-item:hover { + color: #000; + border-color: #000; + background-color: transparent; +} +@media screen and (max-width: 768px) { + .form-group label { + display: block; + border-bottom: none; + width: 100%; + } + .form-group.form-textarea label:after { + display: none; + } + .form-control { + width: 100%; + } + textarea.form-control { + border-left: none; + padding: 0.5rem 0; + } + pre::-webkit-scrollbar { + height: 3px; + } +} +@media screen and (max-width: 480px) { + .form { + width: 100%; + } +} + +.signalboost > .cell { + padding-right: 1rem; + padding-bottom: 2rem; +} +.signalboost > .cell > p { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} |
