diff options
author | Jakob Stendahl <jakob.stendahl@outlook.com> | 2019-09-22 13:12:44 +0200 |
---|---|---|
committer | Jakob Stendahl <jakob.stendahl@outlook.com> | 2019-09-22 13:12:44 +0200 |
commit | e6880cd8ccf82d993f222cb14b4860581654acb8 (patch) | |
tree | 45f318f4ece2f0d6ca73fc3f775b9ba277ccdb77 /docs/_book/gitbook/gitbook-plugin-comment/plugin.css | |
parent | e911f8029ca612d3b17ced300cdf5b6f13e20972 (diff) | |
parent | 2e60b25ae368b8c19ce5e982aa2672a6c56edf90 (diff) | |
download | Luxcena-Neo-e6880cd8ccf82d993f222cb14b4860581654acb8.tar.gz Luxcena-Neo-e6880cd8ccf82d993f222cb14b4860581654acb8.zip |
Merge branch 'master' of https://github.com/JakobST1n/Luxcena-Neo
Diffstat (limited to 'docs/_book/gitbook/gitbook-plugin-comment/plugin.css')
-rw-r--r-- | docs/_book/gitbook/gitbook-plugin-comment/plugin.css | 143 |
1 files changed, 143 insertions, 0 deletions
diff --git a/docs/_book/gitbook/gitbook-plugin-comment/plugin.css b/docs/_book/gitbook/gitbook-plugin-comment/plugin.css new file mode 100644 index 0000000..4e163b9 --- /dev/null +++ b/docs/_book/gitbook/gitbook-plugin-comment/plugin.css @@ -0,0 +1,143 @@ +.book .book-body .page-wrapper .page-inner { + position: relative; + left: 0px; + transition: 300ms ease left; +} +.book .book-body .page-wrapper .page-inner section.normal { + overflow: visible; +} +.book .book-body .page-wrapper .page-inner .comments-section { + position: relative; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-icon { + position: absolute; + display: none; + z-index: 1; + right: -40px; + top: 0px; + bottom: 0px; + width: 64px; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-icon .marker { + background: #eee; + padding: 4px; + cursor: pointer; + width: 24px; + float: right; + font-size: 12px; + height: 24px; + line-height: 16px; + text-align: center; + border-radius: 3px; + color: #555; + user-select: none; + -webkit-user-select: none; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-icon .marker:hover { + background: #ddd; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area { + position: absolute; + display: none; + width: 240px; + right: -304px; + top: 0px; + font-size: 12px; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area input { + width: 100%; + resize: none; + outline: none; + border: none; + background: transparent; + color: inherit; + margin: 0px; + padding: 0px; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area input + input { + margin-top: 8px; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-toolbar { + margin-top: 6px; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-toolbar a { + display: inline-block; + margin-right: 12px; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-threads { + margin-bottom: 15px; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .thread { + padding: 0px; + padding-bottom: 6px; + margin-bottom: 6px; + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + cursor: pointer; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .thread:hover .thread-body .thread-title { + text-decoration: underline; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .thread .thread-body .thread-user { + opacity: 0.8; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .thread .thread-body .thread-title { + font-weight: bold; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-list { + margin-bottom: 15px; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-list .comments-toolbar { + margin: 6px 0px 12px; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comments-list .comments-toolbar a { + color: inherit; + opacity: 0.4; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment { + padding: 0px; + padding-bottom: 6px; + margin-bottom: 6px; + border-bottom: 1px solid rgba(0, 0, 0, 0.07); +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment .comment-avatar { + margin-top: 4px; + width: 24px; + height: 24px; + display: block; + overflow: hidden; + border-radius: 24px; + float: left; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment .comment-avatar img { + width: 100%; + height: 100%; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment .comment-body { + margin-left: 30px; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment .comment-body .comment-user { + font-weight: bold; + color: inherit; +} +.book .book-body .page-wrapper .page-inner .comments-section .comments-area .comment .comment-body .comment-content { + opacity: 0.8; +} +.book .book-body .page-wrapper .page-inner .comments-section.has-highlight-comments { + background-image: linear-gradient(to bottom, rgba(39, 243, 106, 0.1), rgba(39, 243, 106, 0.1)); +} +.book .book-body .page-wrapper .page-inner .comments-section.has-comments .comments-icon, +.book .book-body .page-wrapper .page-inner .comments-section:hover .comments-icon { + display: block; +} +.book .book-body .page-wrapper .page-inner .comments-section.has-comments-open { + background-image: linear-gradient(to bottom, rgba(39, 243, 106, 0.1), rgba(39, 243, 106, 0.1)); +} +.book .book-body .page-wrapper .page-inner .comments-section.has-comments-open .comments-icon { + display: block; +} +.book .book-body .page-wrapper .page-inner .comments-section.has-comments-open .comments-icon .marker { + background-image: linear-gradient(to bottom, rgba(39, 243, 106, 0.1), rgba(39, 243, 106, 0.1)); +} +.book .book-body .page-wrapper .page-inner .comments-section.has-comments-open .comments-area { + display: block; +} |