aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorThedro Neely <thedroneely@gmail.com>2021-12-05 22:41:18 -0500
committerThedro Neely <thedroneely@gmail.com>2021-12-05 22:41:18 -0500
commit6d0233180c2d29d97d94eba2c204b649cbd6510e (patch)
treed86ec8aebf31431dbb21a18e42baccfada0856f0 /public
parent745a63a8d2dbac447a0740bb608016e38a108798 (diff)
downloadthedroneely.com-6d0233180c2d29d97d94eba2c204b649cbd6510e.tar.gz
thedroneely.com-6d0233180c2d29d97d94eba2c204b649cbd6510e.tar.bz2
thedroneely.com-6d0233180c2d29d97d94eba2c204b649cbd6510e.zip
public/css: Automatic format everything
CSS is now under control.
Diffstat (limited to 'public')
-rw-r--r--public/css/tdro-dark.css305
-rw-r--r--public/css/tdro.css1446
2 files changed, 1279 insertions, 472 deletions
diff --git a/public/css/tdro-dark.css b/public/css/tdro-dark.css
index ba21ed3..d43f8ef 100644
--- a/public/css/tdro-dark.css
+++ b/public/css/tdro-dark.css
@@ -1,60 +1,247 @@
-/* dark theme */
-
-html { background-color: #001f2c; }
-a { color: #75b2f0; }
-a:focus, a:focus span { color: #fff; background-color: #005d85; }
-a:hover img { outline: 6px dashed #75b2f0; box-shadow: none; }
-a:focus img { outline: 9px dashed #75b2f0; }
-a.navbar-item:hover { color: #fff !important; }
-img { box-shadow: none; filter: brightness(75%); }
-body, .document h1 a, .document h2 a, .document h3 a, nav#TableOfContents a { color: #cad6e2; }
-.sans-serif a, .serif a { color: #eee; }
-.article__list li:hover, nav#TableOfContents li:hover { background-color: #002e42; }
-.leftnote, .rightnote, mark { color: #a9bdd0; }
-.medium-zoom-overlay { background-color: #001f2c; background-color: rgba(0, 31, 44, .9); }
-.navbar-item, .subtitle, .has-text-grey-dark { color: #ccc !important; }
-.navbar-mobile .navbar__active, .navbar-end .navbar__active { color: #75b2f0 !important; }
-.dropdown-content { background-color: #002e42; border: 1px solid #00405c; }
-.dropdown-content a.navbar-item:hover, .dropdown-content .theme-toggle-button:hover { color: #fff; background-color: #005d85; }
-.dropdown-content .navbar__active { background-color: #004766; }
-.has-text-danger { color: #ff8f93 !important; }
-.has-text-primary { color: #a6c9e8 !important; }
-.footer a { color: #bbb; }
-.footer { padding: 1.5rem; }
-.navbar { box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5); }
-.navbar, .navbar-menu { background-color: #002e42; background-color: rgba(0, 46, 66, 0.95); }
-a.navbar-item:focus, a.navbar-item:hover, .navbar-item:hover label { color: #fff; }
-.navbar__icon:hover svg, .navbar__icon:hover svg, .navbar__icon:hover label svg { fill: #0073ca; }
-.title, .content h1, .content h2, .content h3 { color: #ddd; }
-.button.is-link.is-outlined, .button.is-success.is-outlined { border-color: #cad6e2; color: #cad6e2; border-width: 1px; }
-.input, .textarea { background-color: #002e42; border-color: transparent; color: white; }
-.item__box { color: #ddd; background-color: #004766; }
-.item__box:hover, .item__box:hover svg, .item__box:focus svg { color: #fff; }
-.message__success { background-color: #55a1ec; border: 1px solid #1259a1; color: black; }
-.pagination-link.is-current { background-color: #004766; border-color: #00608a; color: #fff !important; }
-.pagination-previous, .pagination-next, .pagination-link { border-color: #002e42; color: #cad6e2; min-width: 2.25em; }
+html {
+ background-color: #001f2c;
+}
+a {
+ color: #75b2f0;
+}
+a:focus,
+a:focus span {
+ color: #fff;
+ background-color: #005d85;
+}
+a:hover img {
+ outline: 6px dashed #75b2f0;
+ box-shadow: none;
+}
+a:focus img {
+ outline: 9px dashed #75b2f0;
+}
+a.navbar-item:hover {
+ color: #fff !important;
+}
+img {
+ box-shadow: none;
+ filter: brightness(75%);
+}
+body,
+.document h1 a,
+.document h2 a,
+.document h3 a,
+nav#TableOfContents a {
+ color: #cad6e2;
+}
+.sans-serif a,
+.serif a {
+ color: #eee;
+}
+.article__list li:hover,
+nav#TableOfContents li:hover {
+ background-color: #002e42;
+}
+.leftnote,
+.rightnote,
+mark {
+ color: #a9bdd0;
+}
+.medium-zoom-overlay {
+ background-color: #001f2c;
+ background-color: rgba(0, 31, 44, 0.9);
+}
+.navbar-item,
+.subtitle,
+.has-text-grey-dark {
+ color: #ccc !important;
+}
+.navbar-mobile .navbar__active,
+.navbar-end .navbar__active {
+ color: #75b2f0 !important;
+}
+.dropdown-content {
+ background-color: #002e42;
+ border: 1px solid #00405c;
+}
+.dropdown-content a.navbar-item:hover,
+.dropdown-content .theme-toggle-button:hover {
+ color: #fff;
+ background-color: #005d85;
+}
+.dropdown-content .navbar__active {
+ background-color: #004766;
+}
+.has-text-danger {
+ color: #ff8f93 !important;
+}
+.has-text-primary {
+ color: #a6c9e8 !important;
+}
+.footer a {
+ color: #bbb;
+}
+.footer {
+ padding: 1.5rem;
+}
+.navbar {
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
+}
+.navbar,
+.navbar-menu {
+ background-color: #002e42;
+ background-color: rgba(0, 46, 66, 0.95);
+}
+a.navbar-item:focus,
+a.navbar-item:hover,
+.navbar-item:hover label {
+ color: #fff;
+}
+.navbar__icon:hover svg,
+.navbar__icon:hover svg,
+.navbar__icon:hover label svg {
+ fill: #0073ca;
+}
+.title,
+.content h1,
+.content h2,
+.content h3 {
+ color: #ddd;
+}
+.button.is-link.is-outlined,
+.button.is-success.is-outlined {
+ border-color: #cad6e2;
+ color: #cad6e2;
+ border-width: 1px;
+}
+.input,
+.textarea {
+ background-color: #002e42;
+ border-color: transparent;
+ color: white;
+}
+.item__box {
+ color: #ddd;
+ background-color: #004766;
+}
+.item__box:hover,
+.item__box:hover svg,
+.item__box:focus svg {
+ color: #fff;
+}
+.message__success {
+ background-color: #55a1ec;
+ border: 1px solid #1259a1;
+ color: black;
+}
+.pagination-link.is-current {
+ background-color: #004766;
+ border-color: #00608a;
+ color: #fff !important;
+}
+.pagination-previous,
+.pagination-next,
+.pagination-link {
+ border-color: #002e42;
+ color: #cad6e2;
+ min-width: 2.25em;
+}
.pagination-previous:hover,
-.pagination-next:hover, .pagination-link:hover, .pagination-previous.disabled, .pagination-next.disabled { color: #cad6e2; }
-.pagination-previous.disabled, .pagination-next.disabled { background-color: #002e42; border-color: #002e42; color: #fff; }
-@media screen and (min-width: 1088px) { .navbar__active { color: #fff !important; } }
-@media screen and (max-width: 1087px) { .theme-toggle-button { color: #cad6e2; } }
-#isso-thread > h4 { color: #b7c7d7; }
-#isso-thread .textarea.placeholder { color: #cad6e2; }
-.isso-postbox > .form-wrapper > .auth-section .input-wrapper input { background-color: #002e42; color: white; }
-.isso-postbox > .form-wrapper .textarea, .isso-postbox > .form-wrapper .preview { background-color: #002e42; }
-.isso-comment > div.text-wrapper > .isso-comment-header .author { color: #fff; }
-.isso-comment-footer .upvote svg, .isso-comment-footer .downvote svg { fill: white };
-input::placeholder, textarea::placeholder { color: #cad6e2; }
-input::-moz-placeholder, textarea::-moz-placeholder { color: #cad6e2; }
-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cad6e2; }
-input:-moz-placeholder, textarea:-moz-placeholder { color: #cad6e2; }
-input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cad6e2; }
-.isso-postbox > .form-wrapper > .auth-section .post-action > input { border: 1px solid #557181; background-color: transparent; color: white; }
-.isso-postbox>.form-wrapper .preview { background-color: #001f2c; background: repeating-linear-gradient(-45deg,#001f2c,#001f2c 10px,#002e42 10px,#002e42 20px); }
-.isso-comment > div.text-wrapper > .isso-comment-header .permalink { color: #ccc; }
-.isso-comment > div.text-wrapper > .text a { color: #cad6e2; }
-.is-success:focus, .is-link:focus { background-color: #75b2f0 !important; color: #121212 !important; border-color: #75b2f0 !important; }
-.timeline .timeline-item .timeline-marker { border: 3px solid #001f2c !important; }
-.sidenote-container:hover .sidenote-mark span, .sidenote-container:hover .sidenote mark,
-.marginnote-container:hover .marginnote-mark span, .marginnote-container:hover .marginnote mark,
-.sidenote-container:hover .sidenote a, .marginnote-container:hover .marginnote a { color: #fcfcfc; background-color: #005d85; }
+.pagination-next:hover,
+.pagination-link:hover,
+.pagination-previous.disabled,
+.pagination-next.disabled {
+ color: #cad6e2;
+}
+.pagination-previous.disabled,
+.pagination-next.disabled {
+ background-color: #002e42;
+ border-color: #002e42;
+ color: #fff;
+}
+@media screen and (min-width: 1088px) {
+ .navbar__active {
+ color: #fff !important;
+ }
+}
+@media screen and (max-width: 1087px) {
+ .theme-toggle-button {
+ color: #cad6e2;
+ }
+}
+#isso-thread > h4 {
+ color: #b7c7d7;
+}
+#isso-thread .textarea.placeholder {
+ color: #cad6e2;
+}
+.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
+ background-color: #002e42;
+ color: white;
+}
+.isso-postbox > .form-wrapper .textarea,
+.isso-postbox > .form-wrapper .preview {
+ background-color: #002e42;
+}
+.isso-comment > div.text-wrapper > .isso-comment-header .author {
+ color: #fff;
+}
+.isso-comment-footer .upvote svg,
+.isso-comment-footer .downvote svg {
+ fill: white;
+}
+input::placeholder,
+textarea::placeholder {
+ color: #cad6e2;
+}
+input::-moz-placeholder,
+textarea::-moz-placeholder {
+ color: #cad6e2;
+}
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+ color: #cad6e2;
+}
+input:-moz-placeholder,
+textarea:-moz-placeholder {
+ color: #cad6e2;
+}
+input:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+ color: #cad6e2;
+}
+.isso-postbox > .form-wrapper > .auth-section .post-action > input {
+ border: 1px solid #557181;
+ background-color: transparent;
+ color: white;
+}
+.isso-postbox > .form-wrapper .preview {
+ background-color: #001f2c;
+ background: repeating-linear-gradient(
+ -45deg,
+ #001f2c,
+ #001f2c 10px,
+ #002e42 10px,
+ #002e42 20px
+ );
+}
+.isso-comment > div.text-wrapper > .isso-comment-header .permalink {
+ color: #ccc;
+}
+.isso-comment > div.text-wrapper > .text a {
+ color: #cad6e2;
+}
+.is-success:focus,
+.is-link:focus {
+ background-color: #75b2f0 !important;
+ color: #121212 !important;
+ border-color: #75b2f0 !important;
+}
+.timeline .timeline-item .timeline-marker {
+ border: 3px solid #001f2c !important;
+}
+.sidenote-container:hover .sidenote-mark span,
+.sidenote-container:hover .sidenote mark,
+.marginnote-container:hover .marginnote-mark span,
+.marginnote-container:hover .marginnote mark,
+.sidenote-container:hover .sidenote a,
+.marginnote-container:hover .marginnote a {
+ color: #fcfcfc;
+ background-color: #005d85;
+}
diff --git a/public/css/tdro.css b/public/css/tdro.css
index 1c5ffd5..6c8e090 100644
--- a/public/css/tdro.css
+++ b/public/css/tdro.css
@@ -1,9 +1,16 @@
/*! bulma.io v0.8.0 | MIT License | github.com/jgthms/bulma */
-.delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous,
+.delete,
+.modal-close,
+.is-unselectable,
+.button,
+.file,
+.breadcrumb,
+.pagination-previous,
.pagination-next,
.pagination-link,
-.pagination-ellipsis, .tabs {
+.pagination-ellipsis,
+.tabs {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
@@ -11,15 +18,31 @@
user-select: none;
}
-
-.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
+.box:not(:last-child),
+.content:not(:last-child),
+.notification:not(:last-child),
+.progress:not(:last-child),
+.table:not(:last-child),
+.table-container:not(:last-child),
+.title:not(:last-child),
+.subtitle:not(:last-child),
+.block:not(:last-child),
+.highlight:not(:last-child),
+.breadcrumb:not(:last-child),
+.level:not(:last-child),
+.list:not(:last-child),
+.message:not(:last-child),
+.tabs:not(:last-child) {
margin-bottom: 1.5rem;
}
-
-.button, .input, .textarea, .select select, .file-cta,
-.file-name, .pagination-previous,
+.button,
+.input,
+.textarea,
+.select select,
+.file-cta,
+.file-name,
+.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
@@ -42,30 +65,60 @@
vertical-align: top;
}
-.button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
-.file-name:focus, .pagination-previous:focus,
+.button:focus,
+.input:focus,
+.textarea:focus,
+.select select:focus,
+.file-cta:focus,
+.file-name:focus,
+.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
-.pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
-.is-focused.file-name, .is-focused.pagination-previous,
+.pagination-ellipsis:focus,
+.is-focused.button,
+.is-focused.input,
+.is-focused.textarea,
+.select select.is-focused,
+.is-focused.file-cta,
+.is-focused.file-name,
+.is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
-.is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
-.file-name:active, .pagination-previous:active,
+.is-focused.pagination-ellipsis,
+.button:active,
+.input:active,
+.textarea:active,
+.select select:active,
+.file-cta:active,
+.file-name:active,
+.pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
-.pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
-.is-active.file-name, .is-active.pagination-previous,
+.pagination-ellipsis:active,
+.is-active.button,
+.is-active.input,
+.is-active.textarea,
+.select select.is-active,
+.is-active.file-cta,
+.is-active.file-name,
+.is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis {
outline: none;
}
-.button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled],
-.file-name[disabled], .pagination-previous[disabled],
+.button[disabled],
+.input[disabled],
+.textarea[disabled],
+.select select[disabled],
+.file-cta[disabled],
+.file-name[disabled],
+.pagination-previous[disabled],
.pagination-next[disabled],
-.pagination-link[disabled], .pagination-previous.disabled, .pagination-next.disabled,
+.pagination-link[disabled],
+.pagination-previous.disabled,
+.pagination-next.disabled,
.pagination-ellipsis[disabled],
fieldset[disabled] .button,
fieldset[disabled] .input,
@@ -130,7 +183,9 @@ html {
box-sizing: border-box;
}
-*, *::before, *::after {
+*,
+*::before,
+*::after {
box-sizing: inherit;
}
@@ -149,9 +204,9 @@ html {
overflow-y: scroll;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
- -moz-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
- text-size-adjust: 100%;
+ -moz-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ text-size-adjust: 100%;
}
article,
@@ -193,7 +248,7 @@ img {
height: auto;
max-width: 100%;
border-radius: 0.1em;
- box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
+ box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
input[type="checkbox"],
@@ -283,7 +338,8 @@ pre code {
color: #f05a60 !important;
}
-a.has-text-danger:hover, a.has-text-danger:focus {
+a.has-text-danger:hover,
+a.has-text-danger:focus {
color: #ff0537 !important;
}
@@ -356,13 +412,11 @@ a.has-text-danger:hover, a.has-text-danger:focus {
color: inherit;
}
-
.button.is-text {
background-color: transparent;
border-color: transparent;
}
-
.button[disabled],
fieldset[disabled] .button {
background-color: white;
@@ -371,7 +425,6 @@ fieldset[disabled] .button {
opacity: 0.5;
}
-
.container {
flex-grow: 1;
margin: 0 auto;
@@ -438,7 +491,8 @@ fieldset[disabled] .button {
margin-bottom: 1.3em !important;
}
-.content ul, ul {
+.content ul,
+ul {
list-style: none;
margin-top: 1em;
}
@@ -595,7 +649,9 @@ fieldset[disabled] .button {
max-width: 100%;
}
-.input, .textarea, .select select {
+.input,
+.textarea,
+.select select {
background-color: #f9f9f9;
border-color: #ccc;
color: #363636;
@@ -605,29 +661,49 @@ fieldset[disabled] .button {
border-radius: 3px;
}
-.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
+.input::-moz-placeholder,
+.textarea::-moz-placeholder,
+.select select::-moz-placeholder {
color: #545454;
}
-.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
+.input::-webkit-input-placeholder,
+.textarea::-webkit-input-placeholder,
+.select select::-webkit-input-placeholder {
color: #545454;
}
-.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
+.input:-moz-placeholder,
+.textarea:-moz-placeholder,
+.select select:-moz-placeholder {
color: #545454;
}
-.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
+.input:-ms-input-placeholder,
+.textarea:-ms-input-placeholder,
+.select select:-ms-input-placeholder {
color: #545454;
}
-
-.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
- border-color: #4992D0;
+.input:focus,
+.textarea:focus,
+.select select:focus,
+.is-focused.input,
+.is-focused.textarea,
+.select select.is-focused,
+.input:active,
+.textarea:active,
+.select select:active,
+.is-active.input,
+.is-active.textarea,
+.select select.is-active {
+ border-color: #4992d0;
box-shadow: 0 0 0 0.125em rgba(73, 146, 208, 0.5);
}
-.input[disabled], .textarea[disabled], .select select[disabled],
+.input[disabled],
+.textarea[disabled],
+.select select[disabled],
fieldset[disabled] .input,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
@@ -638,7 +714,9 @@ fieldset[disabled] .select select,
color: #7a7a7a;
}
-.input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
+.input[disabled]::-moz-placeholder,
+.textarea[disabled]::-moz-placeholder,
+.select select[disabled]::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
@@ -646,7 +724,9 @@ fieldset[disabled] .select select::-moz-placeholder,
color: rgba(122, 122, 122, 0.3);
}
-.input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
+.input[disabled]::-webkit-input-placeholder,
+.textarea[disabled]::-webkit-input-placeholder,
+.select select[disabled]::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
@@ -654,7 +734,9 @@ fieldset[disabled] .select select::-webkit-input-placeholder,
color: rgba(122, 122, 122, 0.3);
}
-.input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
+.input[disabled]:-moz-placeholder,
+.textarea[disabled]:-moz-placeholder,
+.select select[disabled]:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
@@ -662,7 +744,9 @@ fieldset[disabled] .select select:-moz-placeholder,
color: rgba(122, 122, 122, 0.3);
}
-.input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
+.input[disabled]:-ms-input-placeholder,
+.textarea[disabled]:-ms-input-placeholder,
+.select select[disabled]:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
@@ -670,7 +754,8 @@ fieldset[disabled] .select select:-ms-input-placeholder,
color: rgba(122, 122, 122, 0.3);
}
-.is-danger.input, .is-danger.textarea {
+.is-danger.input,
+.is-danger.textarea {
border-color: #ff3860;
}
@@ -694,22 +779,26 @@ fieldset[disabled] .select select:-ms-input-placeholder,
resize: none;
}
-.checkbox, .radio {
+.checkbox,
+.radio {
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative;
}
-.checkbox input, .radio input {
+.checkbox input,
+.radio input {
cursor: pointer;
}
-.checkbox:hover, .radio:hover {
+.checkbox:hover,
+.radio:hover {
color: #363636;
}
-.checkbox[disabled], .radio[disabled],
+.checkbox[disabled],
+.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .radio {
color: #7a7a7a;
@@ -720,7 +809,6 @@ fieldset[disabled] .radio {
margin-left: 0.5em;
}
-
.field:not(:last-child) {
margin-bottom: 0.75rem;
}
@@ -754,7 +842,8 @@ fieldset[disabled] .radio {
border-top-left-radius: 0;
}
-.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
+.field.has-addons .control .button:not([disabled]):hover,
+.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
@@ -762,7 +851,10 @@ fieldset[disabled] .radio {
z-index: 2;
}
-.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
+.field.has-addons .control .button:not([disabled]):focus,
+.field.has-addons .control .button:not([disabled]).is-focused,
+.field.has-addons .control .button:not([disabled]):active,
+.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
@@ -774,7 +866,10 @@ fieldset[disabled] .radio {
z-index: 3;
}
-.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
+.field.has-addons .control .button:not([disabled]):focus:hover,
+.field.has-addons .control .button:not([disabled]).is-focused:hover,
+.field.has-addons .control .button:not([disabled]):active:hover,
+.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
@@ -835,7 +930,8 @@ fieldset[disabled] .radio {
flex-wrap: wrap;
}
-.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
+.field.is-grouped.is-grouped-multiline > .control:last-child,
+.field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
margin-bottom: 0.75rem;
}
@@ -922,30 +1018,35 @@ fieldset[disabled] .radio {
}
.control.has-icons-left .input:focus ~ .icon,
-.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
+.control.has-icons-left .select:focus ~ .icon,
+.control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
color: #7a7a7a;
}
.control.has-icons-left .input.is-small ~ .icon,
-.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
+.control.has-icons-left .select.is-small ~ .icon,
+.control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
-.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
+.control.has-icons-left .select.is-medium ~ .icon,
+.control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
-.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
+.control.has-icons-left .select.is-large ~ .icon,
+.control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
font-size: 1.5rem;
}
-.control.has-icons-left .icon, .control.has-icons-right .icon {
+.control.has-icons-left .icon,
+.control.has-icons-right .icon {
color: #dbdbdb;
height: 2.25em;
pointer-events: none;
@@ -979,7 +1080,8 @@ fieldset[disabled] .radio {
vertical-align: top;
}
-.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
+.dropdown.is-active .dropdown-menu,
+.dropdown.is-hoverable:hover .dropdown-menu {
display: block;
}
@@ -1018,7 +1120,8 @@ fieldset[disabled] .radio {
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 4px;
- box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+ box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1),
+ 0 0px 0 1px rgba(10, 10, 10, 0.02);
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
@@ -1066,7 +1169,8 @@ button.dropdown-item.is-active {
width: 100%;
}
-.navbar.is-fixed-bottom, .navbar.is-fixed-top {
+.navbar.is-fixed-bottom,
+.navbar.is-fixed-top {
left: 0;
position: fixed;
right: 0;
@@ -1125,7 +1229,8 @@ a.navbar-item,
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
padding: 0.5rem 0;
}
- .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
+ .navbar.is-fixed-top .navbar-menu,
+ .navbar.is-fixed-top-touch .navbar-menu {
-webkit-overflow-scrolling: touch;
max-height: calc(100vh - 3.25rem);
overflow: auto;
@@ -1157,7 +1262,7 @@ a.navbar-item,
}
.navbar > .container .navbar-menu,
.container > .navbar .navbar-menu {
- margin-right: -.75rem;
+ margin-right: -0.75rem;
}
}
@@ -1302,19 +1407,23 @@ a.navbar-item,
}
@media screen and (min-width: 769px), print {
- .column.is-4, .column.is-4-tablet {
+ .column.is-4,
+ .column.is-4-tablet {
flex: none;
width: 33.33333%;
}
- .column.is-5, .column.is-5-tablet {
+ .column.is-5,
+ .column.is-5-tablet {
flex: none;
width: 41.66667%;
}
- .column.is-6, .column.is-6-tablet {
+ .column.is-6,
+ .column.is-6-tablet {
flex: none;
width: 50%;
}
- .column.is-7, .column.is-7-tablet {
+ .column.is-7,
+ .column.is-7-tablet {
flex: none;
width: 58.33333%;
}
@@ -1326,7 +1435,9 @@ a.navbar-item,
margin-top: -0.75rem;
}
-.columns.is-gapless { margin: 0 }
+.columns.is-gapless {
+ margin: 0;
+}
.columns:last-child {
margin-bottom: -0.75rem;
@@ -1356,7 +1467,6 @@ a.navbar-item,
}
}
-
.tile {
align-items: stretch;
display: block;
@@ -1406,31 +1516,49 @@ a.navbar-item,
}
@media screen and (max-width: 1087px) {
- .section { padding: 1.5rem; }
+ .section {
+ padding: 1.5rem;
+ }
}
.footer {
padding: 1.5rem;
}
-
/*
* Custom Resets
*/
-article.content { min-height: 452px; }
+article.content {
+ min-height: 452px;
+}
-video { display: inline-block; box-shadow: 0 0.25rem 1rem rgba(48,55,66,.3); }
+video {
+ display: inline-block;
+ box-shadow: 0 0.25rem 1rem rgba(48, 55, 66, 0.3);
+}
-p code { font-size: 1rem; }
+p code {
+ font-size: 1rem;
+}
-strong code { font-weight: 700; }
+strong code {
+ font-weight: 700;
+}
-a { border-bottom: 1px solid #999; color: #014cc6; cursor: pointer; text-decoration: none; overflow-wrap: break-word; }
-a:hover { border-bottom: 2px solid #999; }
+a {
+ border-bottom: 1px solid #999;
+ color: #014cc6;
+ cursor: pointer;
+ text-decoration: none;
+ overflow-wrap: break-word;
+}
+a:hover {
+ border-bottom: 2px solid #999;
+}
:target::before {
- content: '';
+ content: "";
display: block;
height: 5rem;
margin-top: -5rem;
@@ -1443,10 +1571,18 @@ ol {
margin-top: 1.5rem;
}
-ol li { -ms-hyphens: auto; -ms-word-break: normal; overflow-wrap: break-word;
- word-break: break-word; font-size: 1.25rem; list-style: none; }
+ol li {
+ -ms-hyphens: auto;
+ -ms-word-break: normal;
+ overflow-wrap: break-word;
+ word-break: break-word;
+ font-size: 1.25rem;
+ list-style: none;
+}
-ol li + li { margin-top: 1rem !important; }
+ol li + li {
+ margin-top: 1rem !important;
+}
ol li:before {
border-radius: 100%;
@@ -1461,70 +1597,151 @@ ol li:before {
position: absolute;
}
+figure a,
+.navbar-item,
+.webring a,
+.article__more__content a,
+.front__more,
+.is-mobile .has-text-centered > a,
+.article__list li a,
+ol li > a,
+.tableofcontents li a,
+.resume__label,
+.resume__container a,
+.isso-comment-footer a,
+.abstract.tile > a {
+ border-bottom: none !important;
+}
+.abstract.tile.is-ancestor {
+ margin-top: 2rem;
+}
-figure a, .navbar-item, .webring a, .article__more__content a, .front__more,
-.is-mobile .has-text-centered > a, .article__list li a, ol li > a, .tableofcontents li a,
-.resume__label, .resume__container a, .isso-comment-footer a, .abstract.tile > a { border-bottom: none !important; }
-.abstract.tile.is-ancestor { margin-top: 2rem; }
-
-.image__thumbnail { max-height: 222px; }
-.medium-zoom-overlay { background-color: #fff; background-color: rgba(255, 255, 255, .9); }
+.image__thumbnail {
+ max-height: 222px;
+}
+.medium-zoom-overlay {
+ background-color: #fff;
+ background-color: rgba(255, 255, 255, 0.9);
+}
/*
* Fonts
*/
-body, button, input, select, textarea, .sans-serif {
- font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
- 'Droid Sans', 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+body,
+button,
+input,
+select,
+textarea,
+.sans-serif {
+ font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
+ Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
+ "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+ "Segoe UI Symbol";
}
-.serif, ol li { font-family: Charter, Georgia, 'Book Antiqua', serif; }
+.serif,
+ol li {
+ font-family: Charter, Georgia, "Book Antiqua", serif;
+}
-code, pre, blockquote > p.serif, .monospace {
+code,
+pre,
+blockquote > p.serif,
+.monospace {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
- font-family: 'Fira Code', Consolas, monaco, monospace;
+ font-family: "Fira Code", Consolas, monaco, monospace;
}
-.sans-serif a, .serif a { color: #000; }
-.is-size-serif { font-size: 1.25rem !important; }
-.content h1, .content h2, .content h3, .document h1 a, .document h2 a, .document h3 a { color: #111; font-weight: 400; line-height: 1.2; }
-
-blockquote .blockquote-footer { margin-top: 1.3rem; }
-blockquote > p.serif { font-size: 1.2rem !important; }
+.sans-serif a,
+.serif a {
+ color: #000;
+}
+.is-size-serif {
+ font-size: 1.25rem !important;
+}
+.content h1,
+.content h2,
+.content h3,
+.document h1 a,
+.document h2 a,
+.document h3 a {
+ color: #111;
+ font-weight: 400;
+ line-height: 1.2;
+}
-.smallcaps { font-variant: small-caps; letter-spacing: 0.05rem; line-height: 0; text-transform: lowercase; }
-.smallcapsintro { font-size: 2rem !important; text-transform: none; }
+blockquote .blockquote-footer {
+ margin-top: 1.3rem;
+}
+blockquote > p.serif {
+ font-size: 1.2rem !important;
+}
+.smallcaps {
+ font-variant: small-caps;
+ letter-spacing: 0.05rem;
+ line-height: 0;
+ text-transform: lowercase;
+}
+.smallcapsintro {
+ font-size: 2rem !important;
+ text-transform: none;
+}
/*
* Text selection
*/
-::selection { background-color: #C4E3F3; color: #000; }
-::-webkit-selection { background-color: #C4E3F3; color: #000; }
-::-moz-selection { background-color: #C4E3F3; color: #000; }
-
+::selection {
+ background-color: #c4e3f3;
+ color: #000;
+}
+::-webkit-selection {
+ background-color: #c4e3f3;
+ color: #000;
+}
+::-moz-selection {
+ background-color: #c4e3f3;
+ color: #000;
+}
/*
* Front page
*/
-.introduction { padding: 1em; margin-top: 0.75em; }
-
-.front__more { text-transform: uppercase; }
-.front__more svg { vertical-align: bottom; }
+.introduction {
+ padding: 1em;
+ margin-top: 0.75em;
+}
-.recent__article p, .article__summary { margin-bottom: 0.75rem !important; }
+.front__more {
+ text-transform: uppercase;
+}
+.front__more svg {
+ vertical-align: bottom;
+}
+.recent__article p,
+.article__summary {
+ margin-bottom: 0.75rem !important;
+}
/*
* Navigation Bar Reset
*/
-a.navbar-item:focus, a.navbar-item:hover, .navbar-item:hover label { color: #000000; }
-.navbar__icon:hover svg, .navbar__icon:hover svg, .navbar__icon:hover label svg { fill: #ffc966; }
+a.navbar-item:focus,
+a.navbar-item:hover,
+.navbar-item:hover label {
+ color: #000000;
+}
+.navbar__icon:hover svg,
+.navbar__icon:hover svg,
+.navbar__icon:hover label svg {
+ fill: #ffc966;
+}
.navbar-item {
display: block;
@@ -1533,34 +1750,112 @@ a.navbar-item:focus, a.navbar-item:hover, .navbar-item:hover label { color: #000
position: relative;
}
-.navbar { -webkit-transition: top 0.15s; -o-transition: top 0.15s; transition: top 0.15s; }
-.headroom { top: -5em !important; }
-.navbar-item { color: #555; }
-.navbar { box-shadow: 0 4px 12px 0 rgba(0,0,0,.05); background-color: #fcfcfc; background-color: rgba(252, 252, 252, .97); min-height: 4rem; }
-.navbar, .navbar-menu { background-color: #fcfcfc; background-color: rgba(252, 252, 252, .97); }
-.navbar-menu { display: flex; overflow: visible !important; box-shadow: none; }
-.navbar-menu .columns { margin: 0 auto; display: flex; }
-.navbar-menu .column { padding: 0; }
-html.has-navbar-fixed-top, body.has-navbar-fixed-top, html.has-navbar-fixed-bottom, body.has-navbar-fixed-bottom { padding-top: 4rem; }
-.navbar .container, .navbar__left, .navbar__middle, .navbar__right { min-height: 4rem; align-items: center; }
-.navbar__tablet__compact .navbar__active { border-bottom: 2px solid #75b2f0; }
+.navbar {
+ -webkit-transition: top 0.15s;
+ -o-transition: top 0.15s;
+ transition: top 0.15s;
+}
+.headroom {
+ top: -5em !important;
+}
+.navbar-item {
+ color: #555;
+}
+.navbar {
+ box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
+ background-color: #fcfcfc;
+ background-color: rgba(252, 252, 252, 0.97);
+ min-height: 4rem;
+}
+.navbar,
+.navbar-menu {
+ background-color: #fcfcfc;
+ background-color: rgba(252, 252, 252, 0.97);
+}
+.navbar-menu {
+ display: flex;
+ overflow: visible !important;
+ box-shadow: none;
+}
+.navbar-menu .columns {
+ margin: 0 auto;
+ display: flex;
+}
+.navbar-menu .column {
+ padding: 0;
+}
+html.has-navbar-fixed-top,
+body.has-navbar-fixed-top,
+html.has-navbar-fixed-bottom,
+body.has-navbar-fixed-bottom {
+ padding-top: 4rem;
+}
+.navbar .container,
+.navbar__left,
+.navbar__middle,
+.navbar__right {
+ min-height: 4rem;
+ align-items: center;
+}
+.navbar__tablet__compact .navbar__active {
+ border-bottom: 2px solid #75b2f0;
+}
@media screen and (max-width: 1087px) {
- .navbar-menu .columns { margin: 0 1em; width: 100%; }
- .navbar-menu { padding: 0 !important; }
+ .navbar-menu .columns {
+ margin: 0 1em;
+ width: 100%;
+ }
+ .navbar-menu {
+ padding: 0 !important;
+ }
}
-@media screen and (min-width: 1088px) { .navbar-menu, .navbar-item { display: inline-block; } }
-@media screen and (max-width: 400px) { .is-mobile { display: block !important; } .is-mobile .column { width: 100% !important; } }
+@media screen and (min-width: 1088px) {
+ .navbar-menu,
+ .navbar-item {
+ display: inline-block;
+ }
+}
+@media screen and (max-width: 400px) {
+ .is-mobile {
+ display: block !important;
+ }
+ .is-mobile .column {
+ width: 100% !important;
+ }
+}
-.navbar__left { display: inline-flex; justify-content: flex-end; }
-.navbar__right { display: inline-flex; justify-content: flex-start; }
-.navbar__middle { display: inline-flex; justify-content: center; }
+.navbar__left {
+ display: inline-flex;
+ justify-content: flex-end;
+}
+.navbar__right {
+ display: inline-flex;
+ justify-content: flex-start;
+}
+.navbar__middle {
+ display: inline-flex;
+ justify-content: center;
+}
-@media screen and (max-width: 900px) { .navbar__left, .navbar__right { display: none; } }
+@media screen and (max-width: 900px) {
+ .navbar__left,
+ .navbar__right {
+ display: none;
+ }
+}
-.navbar__icon { display: flex; align-items: center; justify-content: center; padding: 0 1.5rem; height: 4rem; }
-.navbar__icon__label { font-size: 0.75rem; }
+.navbar__icon {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 1.5rem;
+ height: 4rem;
+}
+.navbar__icon__label {
+ font-size: 0.75rem;
+}
.navbar__icon__label:after {
display: block;
content: attr(title);
@@ -1571,29 +1866,85 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top, html.has-navbar-fixed-bott
}
@media screen and (max-width: 624px) {
- .navbar-menu .columns { margin: 0; }
- .navbar__icon { padding: 0; width: 20%; }
- .navbar__icon__hidden { display: none; }
+ .navbar-menu .columns {
+ margin: 0;
+ }
+ .navbar__icon {
+ padding: 0;
+ width: 20%;
+ }
+ .navbar__icon__hidden {
+ display: none;
+ }
}
-.navbar__active { color: #014cc6 !important; }
-.navbar__active .navbar__icon__label { font-weight: 700; }
-.navbar__icon__menu { margin: 0; justify-content: center; height: 100%; }
-.navbar__middle .dropdown { padding: 0; }
+.navbar__active {
+ color: #014cc6 !important;
+}
+.navbar__active .navbar__icon__label {
+ font-weight: 700;
+}
+.navbar__icon__menu {
+ margin: 0;
+ justify-content: center;
+ height: 100%;
+}
+.navbar__middle .dropdown {
+ padding: 0;
+}
-.dropdown label { cursor: pointer; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 1.5rem; }
-.dropdown-content .navbar-item { margin: 0; padding: 0.65rem 1rem; width: 100%; }
-.dropdown-content .navbar__active { font-weight: 700; background-color: #ebf2ff; }
-.dropdown-content a.navbar-item:hover, .dropdown-content .theme-toggle-button:hover { background-color: #ffeac2; color: black; }
-.dropdown-input[type="checkbox"]:checked ~ .dropdown-menu { display: block; }
+.dropdown label {
+ cursor: pointer;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 1.5rem;
+}
+.dropdown-content .navbar-item {
+ margin: 0;
+ padding: 0.65rem 1rem;
+ width: 100%;
+}
+.dropdown-content .navbar__active {
+ font-weight: 700;
+ background-color: #ebf2ff;
+}
+.dropdown-content a.navbar-item:hover,
+.dropdown-content .theme-toggle-button:hover {
+ background-color: #ffeac2;
+ color: black;
+}
+.dropdown-input[type="checkbox"]:checked ~ .dropdown-menu {
+ display: block;
+}
-.error__headerSize { font-size: 8rem; }
+.error__headerSize {
+ font-size: 8rem;
+}
-nav .item__box { margin: 0 0 0 0.7rem; }
-.item__box span { padding-left: 10px; }
-.item__box svg { stroke-width: 1.5px; width: 20px; height: 20px; }
-.item__box:hover, .item__box:hover svg, .item__box:focus svg { fill: currentColor; color: #000; }
-.item__no__hover:hover svg, .item__no__hover:focus svg { fill: transparent !important; }
+nav .item__box {
+ margin: 0 0 0 0.7rem;
+}
+.item__box span {
+ padding-left: 10px;
+}
+.item__box svg {
+ stroke-width: 1.5px;
+ width: 20px;
+ height: 20px;
+}
+.item__box:hover,
+.item__box:hover svg,
+.item__box:focus svg {
+ fill: currentColor;
+ color: #000;
+}
+.item__no__hover:hover svg,
+.item__no__hover:focus svg {
+ fill: transparent !important;
+}
.item__box {
height: 2rem;
display: flex;
@@ -1603,16 +1954,25 @@ nav .item__box { margin: 0 0 0 0.7rem; }
padding: 0.25rem 1rem;
background-color: #f2f2f2;
border: 0 solid transparent !important;
- box-shadow: 0 1px 1px rgba(0,0,0,0.3);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
-
/*
* Contact Form
*/
-.alert { color: #f00; }
-.agree { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1; }
+.alert {
+ color: #f00;
+}
+.agree {
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 0;
+ width: 0;
+ z-index: -1;
+}
.message__success {
background-color: #effaef;
padding: 1em;
@@ -1620,138 +1980,289 @@ nav .item__box { margin: 0 0 0 0.7rem; }
margin-bottom: 1em;
}
-
/*
* Footer
*/
-.footer__section { line-height: 2.2; }
-.hero-foot > .footer > .columns { margin: 0; }
-.footer a { color: #333; }
-
+.footer__section {
+ line-height: 2.2;
+}
+.hero-foot > .footer > .columns {
+ margin: 0;
+}
+.footer a {
+ color: #333;
+}
/*
* Posts and Projects
*/
-.article__title a { line-height: 1.8; }
-.article__date { margin-bottom: 0.75rem; }
-.article__divider { background-color: transparent; }
-.article__updated { padding: 0.5em; }
-ul.article__list { line-height: 2.5; }
-.article__list li:hover { background-color: #f1f1f1; }
-.article__list a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.article__list__date { padding-right: 1rem; text-transform: uppercase; }
-.article__list a, h1.article__list { padding: 0 0.5rem; }
-h1.article__list:not(:first-child) { margin-top: 1.5rem; }
-.article__heading__anchor { border-bottom: none; }
-
-.webring li { padding-top: 1em; }
-.webring ul { margin-top: 0.5em; }
-.webring .articles h2 { margin-bottom: 0.1em; }
+.article__title a {
+ line-height: 1.8;
+}
+.article__date {
+ margin-bottom: 0.75rem;
+}
+.article__divider {
+ background-color: transparent;
+}
+.article__updated {
+ padding: 0.5em;
+}
+ul.article__list {
+ line-height: 2.5;
+}
+.article__list li:hover {
+ background-color: #f1f1f1;
+}
+.article__list a {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.article__list__date {
+ padding-right: 1rem;
+ text-transform: uppercase;
+}
+.article__list a,
+h1.article__list {
+ padding: 0 0.5rem;
+}
+h1.article__list:not(:first-child) {
+ margin-top: 1.5rem;
+}
+.article__heading__anchor {
+ border-bottom: none;
+}
+.webring li {
+ padding-top: 1em;
+}
+.webring ul {
+ margin-top: 0.5em;
+}
+.webring .articles h2 {
+ margin-bottom: 0.1em;
+}
/*
* Resume Page
*/
-.max__height { min-height: 100vh; }
+.max__height {
+ min-height: 100vh;
+}
-.resume__container { padding: 0 3em 0 3em; max-width: 1152px; }
-.resume__section { padding: 0 1.5em; }
-.resume__break { padding: 0.75em 1.5em; }
-.resume__column { padding: 0; }
-.resume__label { padding: 10px; color: #fff !important; border-radius: 3px; }
-.resume__label:hover { background-color: #fcfcfc; color: #333 !important; }
+.resume__container {
+ padding: 0 3em 0 3em;
+ max-width: 1152px;
+}
+.resume__section {
+ padding: 0 1.5em;
+}
+.resume__break {
+ padding: 0.75em 1.5em;
+}
+.resume__column {
+ padding: 0;
+}
+.resume__label {
+ padding: 10px;
+ color: #fff !important;
+ border-radius: 3px;
+}
+.resume__label:hover {
+ background-color: #fcfcfc;
+ color: #333 !important;
+}
-.inline__padding { display: inline-block; margin: 0.5em; border-bottom: 1px solid transparent !important; }
+.inline__padding {
+ display: inline-block;
+ margin: 0.5em;
+ border-bottom: 1px solid transparent !important;
+}
-@media screen and (min-width: 769px) { .column__right { max-height: 100vh; overflow: auto; } }
+@media screen and (min-width: 769px) {
+ .column__right {
+ max-height: 100vh;
+ overflow: auto;
+ }
+}
.column__background {
- background-color: #4587c1;
- background-image: url('/images/shells.jpg');
- background-position: center;
- background-size: cover;
- min-height: 50vh;
+ background-color: #4587c1;
+ background-image: url("/images/shells.jpg");
+ background-position: center;
+ background-size: cover;
+ min-height: 50vh;
}
.text__frame {
- border-radius: 2px;
- display: inline-block;
- padding: 10px;
+ border-radius: 2px;
+ display: inline-block;
+ padding: 10px;
}
-
/*
* Focus Links
*/
-a:focus, a:focus span { background-color: #ffeac2; color: #000; outline: none; }
-a:focus img { outline: 2px solid; }
-a:hover img { box-shadow: 0 8px 32px #999; }
-figure > a:focus { background-color: transparent; }
-.is-success:focus, .is-link:focus { background-color: #ebebeb !important }
-
+a:focus,
+a:focus span {
+ background-color: #ffeac2;
+ color: #000;
+ outline: none;
+}
+a:focus img {
+ outline: 2px solid;
+}
+a:hover img {
+ box-shadow: 0 8px 32px #999;
+}
+figure > a:focus {
+ background-color: transparent;
+}
+.is-success:focus,
+.is-link:focus {
+ background-color: #ebebeb !important;
+}
/*
* Figures
*/
-figure div { height: 0; }
-figcaption, .video footer { font-size: 0.9em; margin-top: 1.5em; margin-bottom: 1em; }
-
+figure div {
+ height: 0;
+}
+figcaption,
+.video footer {
+ font-size: 0.9em;
+ margin-top: 1.5em;
+ margin-bottom: 1em;
+}
/*
* Theme toggle
*/
-.theme-toggle-button { border-radius: 0; height: auto; border: none; justify-content: start; font-weight: 400; }
-
+.theme-toggle-button {
+ border-radius: 0;
+ height: auto;
+ border: none;
+ justify-content: start;
+ font-weight: 400;
+}
/*
* Custom Helpers
*/
-.has-padding-none { padding: 0 !important; }
-.has-padding-left-md { padding-left: 0.5em !important; }
-.has-margin-none { margin: 0 !important; }
-.has-margin-left-none { margin-left: 0 !important}
-.has-margin-right-none { margin-right: 0 !important}
-.has-margin-bottom-none { margin-bottom: 0 !important; }
-.has-margin-bottom-sm { margin-bottom: 0.25em !important; }
-.has-margin-bottom-md { margin-bottom: 0.5em !important; }
-.has-margin-bottom-lg { margin-bottom: 1em !important; }
-.has-spacing-widest { letter-spacing: 0.1em }
-.has-tap-transparent { -webkit-tap-highlight-color: transparent; }
-
+.has-padding-none {
+ padding: 0 !important;
+}
+.has-padding-left-md {
+ padding-left: 0.5em !important;
+}
+.has-margin-none {
+ margin: 0 !important;
+}
+.has-margin-left-none {
+ margin-left: 0 !important;
+}
+.has-margin-right-none {
+ margin-right: 0 !important;
+}
+.has-margin-bottom-none {
+ margin-bottom: 0 !important;
+}
+.has-margin-bottom-sm {
+ margin-bottom: 0.25em !important;
+}
+.has-margin-bottom-md {
+ margin-bottom: 0.5em !important;
+}
+.has-margin-bottom-lg {
+ margin-bottom: 1em !important;
+}
+.has-spacing-widest {
+ letter-spacing: 0.1em;
+}
+.has-tap-transparent {
+ -webkit-tap-highlight-color: transparent;
+}
/*
* Table of Contents
*/
-details summary { cursor: pointer;}
-
-nav#TableOfContents li:hover { background-color: #f1f1f1; }
-nav#TableOfContents ul { margin-left: -0.5em; }
-nav#TableOfContents a { display: block; color: #555; padding: 0.125rem 0 0.125rem 0.5rem; }
-nav#TableOfContents a { white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; }
+details summary {
+ cursor: pointer;
+}
+nav#TableOfContents li:hover {
+ background-color: #f1f1f1;
+}
+nav#TableOfContents ul {
+ margin-left: -0.5em;
+}
+nav#TableOfContents a {
+ display: block;
+ color: #555;
+ padding: 0.125rem 0 0.125rem 0.5rem;
+}
+nav#TableOfContents a {
+ white-space: nowrap;
+ overflow: hidden;
+ display: block;
+ text-overflow: ellipsis;
+}
/*
* Tables
*/
-td, th { padding: 0; }
-table td, table th { vertical-align: top; }
-td:not([align]), th:not([align]) { text-align: left; }
-table td { padding: 0.4rem; min-width: 8rem; }
-table td:not([align]), table th:not([align]) { text-align: left; }
-table { width: 100%; border-collapse: collapse; border-spacing: 0; }
-table th { font-weight: 700; font-variant: small-caps; text-transform: lowercase; letter-spacing: 0.05rem; padding: 0.4rem; }
-table, table code { font-size: 1.15rem; }
-@media (max-width: 550px) { table { table-layout: fixed; } }
-
+td,
+th {
+ padding: 0;
+}
+table td,
+table th {
+ vertical-align: top;
+}
+td:not([align]),
+th:not([align]) {
+ text-align: left;
+}
+table td {
+ padding: 0.4rem;
+ min-width: 8rem;
+}
+table td:not([align]),
+table th:not([align]) {
+ text-align: left;
+}
+table {
+ width: 100%;
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+table th {
+ font-weight: 700;
+ font-variant: small-caps;
+ text-transform: lowercase;
+ letter-spacing: 0.05rem;
+ padding: 0.4rem;
+}
+table,
+table code {
+ font-size: 1.15rem;
+}
+@media (max-width: 550px) {
+ table {
+ table-layout: fixed;
+ }
+}
/*
* Tufte CSS
@@ -1771,7 +2282,8 @@ table, table code { font-size: 1.15rem; }
margin-right: -22vw;
}
-.leftnote, .rightnote {
+.leftnote,
+.rightnote {
width: 32%;
width: 18vw;
margin-top: 0;
@@ -1782,7 +2294,8 @@ table, table code { font-size: 1.15rem; }
color: #444;
}
-.sidenote, .marginnote {
+.sidenote,
+.marginnote {
-ms-hyphens: auto;
-ms-word-break: normal;
overflow-wrap: break-word;
@@ -1793,40 +2306,99 @@ table, table code { font-size: 1.15rem; }
letter-spacing: 0.01rem;
}
-.marginnote code, .sidenote code { font-size: 0.8em; }
+.marginnote code,
+.sidenote code {
+ font-size: 0.8em;
+}
-.sidenote:hover, .marginnote:hover { -webkit-user-select: inherit; -ms-user-select: inherit; user-select: inherit; }
+.sidenote:hover,
+.marginnote:hover {
+ -webkit-user-select: inherit;
+ -ms-user-select: inherit;
+ user-select: inherit;
+}
-@media (min-width: 769px) { .rightnote { padding-right: 1.125em; } .leftnote { text-align: right; padding-left: 1.125em; } .leftnote, .rightnote { max-width: 22em; } }
-@media (min-width: 2000px) { .leftnote { margin-left: -28em; } .rightnote { margin-right: -28em; } }
+@media (min-width: 769px) {
+ .rightnote {
+ padding-right: 1.125em;
+ }
+ .leftnote {
+ text-align: right;
+ padding-left: 1.125em;
+ }
+ .leftnote,
+ .rightnote {
+ max-width: 22em;
+ }
+}
+@media (min-width: 2000px) {
+ .leftnote {
+ margin-left: -28em;
+ }
+ .rightnote {
+ margin-right: -28em;
+ }
+}
-body { counter-reset: sidenote-counter; }
+body {
+ counter-reset: sidenote-counter;
+}
-label.sidenote-mark { display: inline; }
-input.sidenote-toggle, input.marginnote-toggle { display: none; }
+label.sidenote-mark {
+ display: inline;
+}
+input.sidenote-toggle,
+input.marginnote-toggle {
+ display: none;
+}
-.sidenote-mark { counter-increment: sidenote-counter; }
-.sidenote:before { content: counter(sidenote-counter) " "; }
-.sidenote-mark:after { content: counter(sidenote-counter); left: 0.1rem; }
+.sidenote-mark {
+ counter-increment: sidenote-counter;
+}
+.sidenote:before {
+ content: counter(sidenote-counter) " ";
+}
+.sidenote-mark:after {
+ content: counter(sidenote-counter);
+ left: 0.1rem;
+}
-.sidenote-mark:after, .sidenote:before, .marginnote-mark:after {
+.sidenote-mark:after,
+.sidenote:before,
+.marginnote-mark:after {
position: relative;
vertical-align: baseline;
font-size: 0.7rem;
top: -0.5rem;
}
-mark { background-color: transparent; color: unset; }
+mark {
+ background-color: transparent;
+ color: unset;
+}
-.sidenote-container:hover .sidenote-mark span, .sidenote-container:hover .sidenote mark,
-.marginnote-container:hover .marginnote-mark span, .marginnote-container:hover .marginnote mark,
-.sidenote-container:hover .sidenote a, .marginnote-container:hover .marginnote a { background-color: #ffeac2; color: #000; }
-.sidenote-container:hover .sidenote a, .marginnote-container:hover .marginnote a { border-color: dodgerblue; }
-.sideimage > a, .sideimage a:focus { border-bottom: 1px solid transparent !important; background-color: transparent !important; }
+.sidenote-container:hover .sidenote-mark span,
+.sidenote-container:hover .sidenote mark,
+.marginnote-container:hover .marginnote-mark span,
+.marginnote-container:hover .marginnote mark,
+.sidenote-container:hover .sidenote a,
+.marginnote-container:hover .marginnote a {
+ background-color: #ffeac2;
+ color: #000;
+}
+.sidenote-container:hover .sidenote a,
+.marginnote-container:hover .marginnote a {
+ border-color: dodgerblue;
+}
+.sideimage > a,
+.sideimage a:focus {
+ border-bottom: 1px solid transparent !important;
+ background-color: transparent !important;
+}
@media (max-width: 768px) {
-.sidenote-toggle:checked + .sidenote,
-.marginnote-toggle:checked + .marginnote {
+ .sidenote-toggle:checked + .sidenote,
+ .marginnote-toggle:checked + .marginnote {
display: block;
float: left;
left: 1rem;
@@ -1835,70 +2407,106 @@ mark { background-color: transparent; color: unset; }
margin: 1rem 2.5%;
vertical-align: baseline;
position: relative;
-}
-label { cursor: pointer; }
-label.marginnote-toggle:not(.sidenote-number) { display: inline; }
-.sidenote, .marginnote { display: none; }
-.tableofcontents { display: none !important; }
-.sidenote-mark, .marginnote-mark { border-bottom: 1px dashed #999; }
-.marginnote-mark:after { content: "\0002B"; font-weight: bold; }
-.sideimage { margin: 0 !important; left: 0 !important; width: 100% !important; }
-.sidenote mark { background-color: transparent !important; color: unset !important; }
+ }
+ label {
+ cursor: pointer;
+ }
+ label.marginnote-toggle:not(.sidenote-number) {
+ display: inline;
+ }
+ .sidenote,
+ .marginnote {
+ display: none;
+ }
+ .tableofcontents {
+ display: none !important;
+ }
+ .sidenote-mark,
+ .marginnote-mark {
+ border-bottom: 1px dashed #999;
+ }
+ .marginnote-mark:after {
+ content: "\0002B";
+ font-weight: bold;
+ }
+ .sideimage {
+ margin: 0 !important;
+ left: 0 !important;
+ width: 100% !important;
+ }
+ .sidenote mark {
+ background-color: transparent !important;
+ color: unset !important;
+ }
}
+.document .subtitle {
+ margin-top: 0 !important;
+ margin-bottom: 1.5em !important;
+}
+.recent__article .marginnote,
+.recent__article .sidenote {
+ margin-top: 0 !important;
+}
-.document .subtitle { margin-top: 0 !important; margin-bottom: 1.5em !important; }
-.recent__article .marginnote, .recent__article .sidenote { margin-top: 0 !important; }
-
-@media (max-width: 768px) { .recent__article .columns, .content blockquote, .highlight { clear: both; } }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .quote { height: 0; } } /* ie quote height fix */
-
+@media (max-width: 768px) {
+ .recent__article .columns,
+ .content blockquote,
+ .highlight {
+ clear: both;
+ }
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+ .quote {
+ height: 0;
+ }
+} /* ie quote height fix */
/*
* Isso comments
*/
#isso-thread * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- word-wrap: break-word;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ word-wrap: break-word;
}
#isso-thread .avatar > svg[data-hash="4415d0b80795"] {
- border: 3px solid #f19670;
+ border: 3px solid #f19670;
}
#isso-thread .isso-comment-header a {
- text-decoration: none;
+ text-decoration: none;
}
#isso-thread {
- padding: 0;
- margin: 0;
+ padding: 0;
+ margin: 0;
}
#isso-thread > h4 {
- color: #555;
- margin-bottom: 1em;
+ color: #555;
+ margin-bottom: 1em;
}
#isso-thread > .isso-feedlink {
- float: right;
- padding-left: 1em;
+ float: right;
+ padding-left: 1em;
}
#isso-thread > .isso-feedlink > a {
- font-size: 0.8em;
- vertical-align: bottom;
+ font-size: 0.8em;
+ vertical-align: bottom;
}
#isso-thread .textarea {
- height: auto !important;
- line-height: 1.8;
- outline: 0;
- overflow: auto;
- resize: auto;
+ height: auto !important;
+ line-height: 1.8;
+ outline: 0;
+ overflow: auto;
+ resize: auto;
}
#isso-thread .textarea.placeholder {
@@ -1906,55 +2514,55 @@ label.marginnote-toggle:not(.sidenote-number) { display: inline; }
}
#isso-root .isso-comment {
- max-width: 68em;
- padding-top: 0.95em;
- margin: 0.95em auto;
+ max-width: 68em;
+ padding-top: 0.95em;
+ margin: 0.95em auto;
}
#isso-root .preview .isso-comment {
- padding-top: 0;
- margin: 0;
+ padding-top: 0;
+ margin: 0;
}
.isso-comment > div.avatar {
- display: block;
- float: left;
- width: 16px;
- height: 16px;
- margin: 2px 12px 0 0;
- display: none;
+ display: block;
+ float: left;
+ width: 16px;
+ height: 16px;
+ margin: 2px 12px 0 0;
+ display: none;
}
.isso-comment blockquote {
- margin: 1rem 0 !important;
+ margin: 1rem 0 !important;
}
.isso-comment blockquote p {
- font-size: 0.975rem !important;
- margin: 0 !important;
- border-left: 3px solid #999;
- padding-left: 0.5rem;
+ font-size: 0.975rem !important;
+ margin: 0 !important;
+ border-left: 3px solid #999;
+ padding-left: 0.5rem;
}
.isso-comment > div.avatar > svg {
- max-width: 48px;
- max-height: 48px;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 3px;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+ max-width: 48px;
+ max-height: 48px;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.isso-comment > div.text-wrapper {
- display: block;
+ display: block;
}
.isso-comment .isso-follow-up {
- padding-left: 2rem;
+ padding-left: 2rem;
}
.isso-comment > div.text-wrapper > .isso-comment-header,
.isso-comment > div.text-wrapper > .isso-comment-footer {
- font-size: 0.95em;
+ font-size: 0.95em;
}
.isso-comment > div.text-wrapper > .text a {
@@ -1966,17 +2574,17 @@ label.marginnote-toggle:not(.sidenote-number) { display: inline; }
}
.isso-comment > div.text-wrapper > .isso-comment-header .spacer {
- padding: 0 6px;
- color: #999;
+ padding: 0 6px;
+ color: #999;
}
.isso-comment > div.text-wrapper > .isso-comment-header .note {
- float: right;
+ float: right;
}
.isso-comment > div.text-wrapper > .isso-comment-header .author {
- font-weight: bold;
- color: #555;
+ font-weight: bold;
+ color: #555;
}
.isso-comment > div.text-wrapper > .textarea-wrapper .textarea,
@@ -1985,7 +2593,7 @@ label.marginnote-toggle:not(.sidenote-number) { display: inline; }
}
.isso-comment > div.text-wrapper > div.text p:last-child {
- margin-bottom: 0.25rem;
+ margin-bottom: 0.25rem;
}
.isso-comment > div.text-wrapper > div.text h1,
@@ -1994,28 +2602,28 @@ label.marginnote-toggle:not(.sidenote-number) { display: inline; }
.isso-comment > div.text-wrapper > div.text h4,
.isso-comment > div.text-wrapper > div.text h5,
.isso-comment > div.text-wrapper > div.text h6 {
- font-size: 130%;
- font-weight: bold;
+ font-size: 130%;
+ font-weight: bold;
}
.isso-comment > div.text-wrapper > div.textarea-wrapper .textarea,
.isso-comment > div.text-wrapper > div.textarea-wrapper .preview {
- width: 100%;
- border: 1px solid #f0f0f0;
- border-radius: 2px;
- box-shadow: 0 0 2px #888;
+ width: 100%;
+ border: 1px solid #f0f0f0;
+ border-radius: 2px;
+ box-shadow: 0 0 2px #888;
}
.isso-comment > div.text-wrapper > .isso-comment-footer {
- font-size: 0.80em;
- color: gray;
- clear: left;
+ font-size: 0.8em;
+ color: gray;
+ clear: left;
}
.isso-feedlink,
.isso-comment > div.text-wrapper > .isso-comment-footer a {
- font-weight: bold;
- text-decoration: none;
+ font-weight: bold;
+ text-decoration: none;
}
.isso-feedlink:hover,
@@ -2024,172 +2632,180 @@ label.marginnote-toggle:not(.sidenote-number) { display: inline; }
.isso-comment > div.text-wrapper > .isso-comment-footer .edit:hover,
.isso-comment > div.text-wrapper > .isso-comment-footer .cancel:hover,
.isso-comment > div.text-wrapper > .isso-comment-footer .delete:hover {
- color: #111111;
- text-shadow: #aaaaaa 0 0 1px !important;
- background-color: #ccc;
- fill: #111111;
+ color: #111111;
+ text-shadow: #aaaaaa 0 0 1px !important;
+ background-color: #ccc;
+ fill: #111111;
}
.isso-comment > div.text-wrapper > .isso-comment-footer > a {
- position: relative;
- top: .2em;
- padding: 0.3em;
- border-radius: 0.1em;
+ position: relative;
+ top: 0.2em;
+ padding: 0.3em;
+ border-radius: 0.1em;
}
.isso-comment > div.text-wrapper > .isso-comment-footer .votes {
- background-color: #014cc6;
- border-radius: 3px;
- padding: 2px 6px;
- font-weight: bold;
- color: white;
- margin-right: 0.5rem;
+ background-color: #014cc6;
+ border-radius: 3px;
+ padding: 2px 6px;
+ font-weight: bold;
+ color: white;
+ margin-right: 0.5rem;
}
.isso-comment > div.text-wrapper > .isso-comment-footer .upvote svg,
.isso-comment > div.text-wrapper > .isso-comment-footer .downvote svg {
- position: relative;
- top: .2em;
+ position: relative;
+ top: 0.2em;
}
.isso-comment .isso-postbox {
- margin-top: 0.8em;
+ margin-top: 0.8em;
}
.isso-comment-footer > .delete {
- margin: 0.2rem 0 0 0.4rem;
+ margin: 0.2rem 0 0 0.4rem;
}
.isso-comment-footer > .cancel {
- margin-left: 0.3rem;
+ margin-left: 0.3rem;
}
.isso-comment.isso-no-votes span.votes {
- display: none;
+ display: none;
}
.isso-postbox {
- max-width: 68em;
- margin: 0 auto 2em;
- clear: right;
+ max-width: 68em;
+ margin: 0 auto 2em;
+ clear: right;
}
.isso-postbox > .form-wrapper {
- display: block;
- padding: 0;
+ display: block;
+ padding: 0;
}
.isso-postbox > .form-wrapper > .auth-section,
.isso-postbox > .form-wrapper > .auth-section .post-action {
- display: block;
+ display: block;
}
.isso-postbox > .form-wrapper .textarea,
.isso-postbox > .form-wrapper .preview {
- margin: 0 0 .6em;
- padding: .4em .8em;
- border-radius: 2px;
- border: 1px solid rgba(0, 0, 0, 0.2);
- background-color: #fafafa;
- min-height: 150px;
+ margin: 0 0 0.6em;
+ padding: 0.4em 0.8em;
+ border-radius: 2px;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ background-color: #fafafa;
+ min-height: 150px;
}
#isso-thread .textarea:focus,
#isso-thread input:focus {
- border-color: rgb(73, 146, 208);
+ border-color: rgb(73, 146, 208);
}
.isso-postbox > .form-wrapper > .auth-section .input-wrapper {
- display: inline-block;
- position: relative;
- padding-bottom: 0.6em;
- width: 33.33%
+ display: inline-block;
+ position: relative;
+ padding-bottom: 0.6em;
+ width: 33.33%;
}
-.isso-postbox > .form-wrapper > .auth-section .input-wrapper:nth-child(-n+2) {
- padding-right: 0.6em
+.isso-postbox > .form-wrapper > .auth-section .input-wrapper:nth-child(-n + 2) {
+ padding-right: 0.6em;
}
.isso-postbox > .form-wrapper > .auth-section .post-action {
- padding-left: 0.6em;
- margin-bottom: 0 !important;
+ padding-left: 0.6em;
+ margin-bottom: 0 !important;
}
.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
- padding: .6em 10px;
- font-size: 0.8em;
- width: 100%;
- border-radius: 2px;
- background-color: #fafafa;
- line-height: 1.4em;
- border: 1px solid rgba(0, 0, 0, 0.2);
- -webkit-appearance: none;
- -moz-appearance: none;
+ padding: 0.6em 10px;
+ font-size: 0.8em;
+ width: 100%;
+ border-radius: 2px;
+ background-color: #fafafa;
+ line-height: 1.4em;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -webkit-appearance: none;
+ -moz-appearance: none;
}
.isso-postbox > .form-wrapper > .auth-section .post-action {
- display: inline-block;
- float: right;
+ display: inline-block;
+ float: right;
}
.isso-postbox > .form-wrapper > .auth-section .post-action > input {
- padding: 0.4em;
- font-size: 0.8em;
- border-radius: 2px;
- border: 1px solid #3273dc;
- cursor: pointer;
- outline: 0;
- line-height: 1.7em;
- width: 6em;
- background-color: white;
- -webkit-appearance: none;
- -moz-appearance: none;
- color: #1e55ae;
+ padding: 0.4em;
+ font-size: 0.8em;
+ border-radius: 2px;
+ border: 1px solid #3273dc;
+ cursor: pointer;
+ outline: 0;
+ line-height: 1.7em;
+ width: 6em;
+ background-color: white;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ color: #1e55ae;
}
.isso-postbox > .form-wrapper > .auth-section .post-action > input:hover {
- font-weight: bold;
+ font-weight: bold;
}
.isso-postbox > .form-wrapper .preview,
.isso-postbox > .form-wrapper input[name="edit"],
.isso-postbox.preview-mode > .form-wrapper input[name="preview"],
.isso-postbox.preview-mode > .form-wrapper .textarea {
- display: none;
+ display: none;
}
.isso-postbox.preview-mode > .form-wrapper .preview {
- display: block;
+ display: block;
}
.isso-postbox.preview-mode > .form-wrapper input[name="edit"] {
- display: inline;
+ display: inline;
}
.isso-postbox > .form-wrapper .preview {
- background-color: #f8f8f8;
- background: repeating-linear-gradient(-45deg, #f8f8f8, #f8f8f8 10px, #fff 10px, #fff 20px)
+ background-color: #f8f8f8;
+ background: repeating-linear-gradient(
+ -45deg,
+ #f8f8f8,
+ #f8f8f8 10px,
+ #fff 10px,
+ #fff 20px
+ );
}
.isso-postbox > .form-wrapper > .notification-section {
- display: none;
- padding-bottom: 10px;
+ display: none;
+ padding-bottom: 10px;
}
-
-.isso-postbox > .form-wrapper > .notification-section input[name="notification"] {
+.isso-postbox
+ > .form-wrapper
+ > .notification-section
+ input[name="notification"] {
margin-right: 0.5rem;
}
-@media screen and (max-width:600px) {
- .isso-postbox > .form-wrapper > .auth-section .input-wrapper {
- display: inline-block;
- max-width: 100%;
- margin: 0 0 .3em;
- }
- .isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
- width: 100%;
- }
+@media screen and (max-width: 600px) {
+ .isso-postbox > .form-wrapper > .auth-section .input-wrapper {
+ display: inline-block;
+ max-width: 100%;
+ margin: 0 0 0.3em;
+ }
+ .isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
+ width: 100%;
+ }
}
/*
@@ -2201,6 +2817,10 @@ label.marginnote-toggle:not(.sidenote-number) { display: inline; }
border: 1px solid #aaa !important;
}
-.uppy-size--md .uppy-DashboardAddFiles { border: 2px dashed #aaa !important; }
+.uppy-size--md .uppy-DashboardAddFiles {
+ border: 2px dashed #aaa !important;
+}
-.uppy-size--md .uppy-Dashboard-inner { margin: 0 auto; }
+.uppy-size--md .uppy-Dashboard-inner {
+ margin: 0 auto;
+}