summaryrefslogtreecommitdiff
path: root/public/css
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--public/css/cover.css17
-rw-r--r--public/css/extra.css172
-rw-r--r--public/css/index.css24
-rw-r--r--public/css/site.css6
4 files changed, 215 insertions, 4 deletions
diff --git a/public/css/cover.css b/public/css/cover.css
index 30d54d34..b5d82e01 100644
--- a/public/css/cover.css
+++ b/public/css/cover.css
@@ -223,10 +223,21 @@ input {
border-radius: 5px;
color: black;
text-shadow: none;
+ min-height: 134px;
+ display: table;
+ min-width: 100%;
+}
+.list li .item .content {
+ display: table-cell;
+ vertical-align: middle;
}
-.list li .item .tags {
+.list li .item .content .tags {
line-height: 25px;
}
+.list li .item .content .tags span {
+ display: inline-block;
+ line-height: 15px;
+}
.form-inline {
padding: 0 10px;
}
@@ -246,6 +257,10 @@ input {
.ui-history-close:hover {
opacity: 1;
}
+.ui-or {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
.modal-title {
text-align: left;
diff --git a/public/css/extra.css b/public/css/extra.css
index 8b7eb884..6d9d137f 100644
--- a/public/css/extra.css
+++ b/public/css/extra.css
@@ -13,15 +13,21 @@
}
.vimeo .icon,
.youtube .icon {
- opacity: 0.5;
+ opacity: 0.3;
display: table-cell;
vertical-align: middle;
height: inherit;
margin: 0 auto;
+ color: white;
+ -webkit-transition: opacity 0.2s; /* Safari */
+ transition: opacity 0.2s;
+
}
.vimeo:hover .icon,
.youtube:hover .icon {
opacity: 0.6;
+ -webkit-transition: opacity 0.2s; /* Safari */
+ transition: opacity 0.2s;
}
h1:hover .header-link,
h2:hover .header-link,
@@ -44,4 +50,168 @@ h6:hover .header-link {
-moz-transition: opacity 0.2s ease-in-out 0.1s;
-o-transition: opacity 0.2s ease-in-out 0.1s;
transition: opacity 0.2s ease-in-out 0.1s;
+}
+
+.ui-infobar {
+ max-width: 758px;
+ margin-top: 25px;
+ margin-bottom: -25px;
+ color: #777;
+}
+
+.ui-toc {
+ position: fixed;
+ bottom: 20px;
+ z-index: 10000;
+}
+
+.ui-toc-label {
+ opacity: 0.3;
+ background-color: #ccc;
+ border: none;
+ -webkit-transition: opacity 0.2s; /* Safari */
+ transition: opacity 0.2s;
+}
+
+.ui-toc .open .ui-toc-label {
+ opacity: 1;
+ color: white;
+ -webkit-transition: opacity 0.2s; /* Safari */
+ transition: opacity 0.2s;
+}
+
+.ui-toc-label:focus {
+ opacity: 0.3;
+ background-color: #ccc;
+ color: black;
+}
+
+.ui-toc-label:hover {
+ opacity: 1;
+ background-color: #ccc;
+ -webkit-transition: opacity 0.2s; /* Safari */
+ transition: opacity 0.2s;
+}
+
+.ui-toc-dropdown {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ padding-left: 10px;
+ padding-right: 10px;
+ max-width: 45vw;
+ width: 25vw;
+ max-height: 65vh;
+ overflow: auto;
+}
+
+.ui-toc-dropdown a {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: pre;
+}
+
+.ui-toc-dropdown .nav>li>a {
+ display: block;
+ padding: 4px 20px;
+ font-size: 13px;
+ font-weight: 500;
+ color: #767676;
+}
+
+.ui-toc-dropdown .nav>li>a:focus,.ui-toc-dropdown .nav>li>a:hover {
+ padding-left: 19px;
+ color: black;
+ text-decoration: none;
+ background-color: transparent;
+ border-left: 1px solid black;
+}
+
+.ui-toc-dropdown .nav>.active:focus>a,.ui-toc-dropdown .nav>.active:hover>a,.ui-toc-dropdown .nav>.active>a {
+ padding-left: 18px;
+ font-weight: 700;
+ color: black;
+ background-color: transparent;
+ border-left: 2px solid black;
+}
+
+.ui-toc-dropdown .nav .nav {
+ display: none;
+ padding-bottom: 10px;
+}
+
+.ui-toc-dropdown .nav>.active>ul {
+ display: block;
+}
+
+.ui-toc-dropdown .nav .nav>li>a {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 30px;
+ font-size: 12px;
+ font-weight: 400;
+}
+
+.ui-toc-dropdown .nav .nav>li>ul>li>a {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 40px;
+ font-size: 12px;
+ font-weight: 400;
+}
+
+.ui-toc-dropdown .nav .nav>li>a:focus,.ui-toc-dropdown .nav .nav>li>a:hover {
+ padding-left: 29px;
+}
+
+.ui-toc-dropdown .nav .nav>li>ul>li>a:focus,.ui-toc-dropdown .nav .nav>li>ul>li>a:hover {
+ padding-left: 39px;
+}
+
+.ui-toc-dropdown .nav .nav>.active:focus>a,.ui-toc-dropdown .nav .nav>.active:hover>a,.ui-toc-dropdown .nav .nav>.active>a {
+ padding-left: 28px;
+ font-weight: 500;
+}
+
+.ui-toc-dropdown .nav .nav>.active>.nav>.active:focus>a,.ui-toc-dropdown .nav .nav>.active>.nav>.active:hover>a,.ui-toc-dropdown .nav .nav>.active>.nav>.active>a {
+ padding-left: 38px;
+ font-weight: 500;
+}
+
+.ui-affix-toc {
+ position: fixed;
+ top: 0;
+ max-width: 15vw;
+ max-height: 70vh;
+ overflow: auto;
+}
+
+.back-to-top, .go-to-bottom {
+ display: block;
+ padding: 4px 10px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 12px;
+ font-weight: 500;
+ color: #999;
+}
+
+.back-to-top:hover, .back-to-top:focus, .go-to-bottom:hover, .go-to-bottom:focus {
+ color: #563d7c;
+ text-decoration: none;
+}
+
+.go-to-bottom {
+ margin-top: 0;
+}
+
+small span {
+ line-height: 22px;
+}
+
+small .dropdown {
+ display: inline-block;
+}
+
+small .dropdown a:focus, small .dropdown a:hover {
+ text-decoration: none;
} \ No newline at end of file
diff --git a/public/css/index.css b/public/css/index.css
index f1f303ed..e1d5745f 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -177,11 +177,11 @@ div[contenteditable]:empty:not(:focus):before{
content:attr(data-ph);
color: gray;
}
-.dropdown-menu {
+.dropdown-menu.list {
max-height: 80vh;
overflow: auto;
}
-.dropdown-menu::-webkit-scrollbar {
+.dropdown-menu.list::-webkit-scrollbar {
display: none;
}
.dropdown-menu .emoji {
@@ -201,6 +201,26 @@ div[contenteditable]:empty:not(:focus):before{
user-select: none;
}
+.btn-file {
+ position: relative;
+ overflow: hidden;
+}
+.btn-file input[type=file] {
+ position: absolute;
+ top: 0;
+ right: 0;
+ min-width: 100%;
+ min-height: 100%;
+ font-size: 100px;
+ text-align: right;
+ filter: alpha(opacity=0);
+ opacity: 0;
+ outline: none;
+ background: white;
+ cursor: inherit;
+ display: block;
+}
+
.cm-trailing-space-a:before,
.cm-trailing-space-b:before,
.cm-trailing-space-new-line:before {
diff --git a/public/css/site.css b/public/css/site.css
index eed8b950..29426b15 100644
--- a/public/css/site.css
+++ b/public/css/site.css
@@ -13,4 +13,10 @@ body {
}
::-moz-focus-inner {
border: 0 !important;
+}
+
+/* manual fix for bootstrap issue 14040, there is an unnecessary padding-right on modal open */
+body.modal-open {
+ overflow-y: auto;
+ padding-right: 0 !important;
} \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2024-07-09 23:48:13 +0000