aboutsummaryrefslogtreecommitdiff
path: root/lume/src/static/css/hack.css
diff options
context:
space:
mode:
Diffstat (limited to 'lume/src/static/css/hack.css')
-rw-r--r--lume/src/static/css/hack.css767
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;
+}