.hidden-event { opacity: 0.5; } .altered-event { background-color: #d1e7dd; } .event { padding-bottom: 0.75rem; box-shadow: 0 1.375rem 2.25rem -0.75rem rgba(64,64,64,0.13); } [data-bs-theme=dark] .event { box-shadow: 0 1.375rem 2.25rem -0.75rem rgba(255,255,255,0.13); } .event .album-image, .event .author-image { width: 50px; height: 50px; } .event .album-name-link, .event .author-name-link { margin-right: 0.5rem; font-weight: bold; } html[dir=rtl] .event .album-name-link { margin-right: 0; margin-left: 0.5rem; } .event-created { display: block; font-size: 0.8rem; color: #666; } .marks-positive:hover, .marks-positive:focus { color: #dc3545; } .marks-negative:hover, .marks-negative:focus { color: #0d6efd; } .marks-positive.marks-value { color: #dc3545; } .marks-negative.marks-value { color: #0d6efd; } .marks-value:hover, .marks-value:focus { color: inherit; } .marks-button .icon-thumbs-up::before { vertical-align: 0.09375rem; } .marks-button .icon-thumbs-down::before { vertical-align: -0.1875em; } .marks-number { font-weight: bold; } .marks-progress { height: 0.125rem; } .creative-author-image { position: relative; } .creative { padding: 1rem; padding-bottom: 0.75rem; box-shadow: 0 1.375rem 2.25rem -0.75rem rgba(64,64,64,0.13); } [data-bs-theme=dark] .creative { box-shadow: 0 1.375rem 2.25rem -0.75rem rgba(255,255,255,0.13); } .creative .author-image { width: 50px; height: 50px; } .creative .author-name-link { margin-right: 0.5rem; font-weight: bold; } html[dir=rtl] .creative .author-name-link { margin-right: 0; margin-left: 0.5rem; } .creative-created { display: block; font-size: 0.8rem; color: #666; } .creative img { max-height: 40rem; } .author-image { } [data-bs-theme=dark] .author-image { content: var(--url); } .author-image-picture { display: inline-block; } .author-image-picture-link { display: inline-block; } .author-online { position: absolute; left: 0; top: 0; width: 0.75rem; height: 0.75rem; background-color: limegreen; border: 0.125rem solid #fff; border-radius: 0.375rem; margin-top: -0.125rem; margin-left: -0.125rem; } html[dir=rtl] .author-online { left: auto; right: 0; margin-left: 0; margin-right: -0.125rem; } [data-bs-theme=dark] .author-online { border-color: #212529; } .author-name { } .author-name-link { } .author-stars { height: 1rem; vertical-align: baseline; margin-bottom: -0.0625rem; } .author-image2 { position: relative; } .author { padding: 1rem; padding-bottom: 0.75rem; box-shadow: 0 1.375rem 2.25rem -0.75rem rgba(64,64,64,0.13); } [data-bs-theme=dark] .author { box-shadow: 0 1.375rem 2.25rem -0.75rem rgba(255,255,255,0.13); } .author-visited { display: block; font-size: .8rem; color: #6c757d; } .hero { display: block; margin-top: -5px; } .user-title { display: block; width: 1rem; height: 0.125rem; margin-right: 0.125rem; } .user-title-0 { background-color: #6c757d; } .user-title-admin { background-color: #dc3545; } .user-title-editor { background-color: #0d6efd; } .user-title-moder { background-color: #20c997; } .user-title-member { background-color: #ffc107; } .user-title-character { background-color: #6610f2; } .user-role { padding: 0 0.375rem; border: 1px solid #dee2e6; border-radius: .375rem; } .user-role-admin { color: #dc3545; } .user-role-moder { color: #ac32e4; } .user-role-editor { color: #0d6efd; } .user-role-member { color: #198754; } .user-role-character { color: #0dcaf0; }  .comment-sticker { width: 16rem; } .new-comment { outline: 1px solid var(--bs-border-color); } [data-bs-theme=dark] .new-comment { } .comment-answer { color: #6c757d; } .comment-answer:hover, .comment-answer:focus { color: inherit; } .comment-text { overflow-x: auto; } .comment-text img { max-width: 100%; } .comment-text blockquote { padding-left: .5rem; border-left: 0.125rem solid #dee2e6; } [data-bs-theme=dark] .comment-text blockquote { border-color: #495057; } #comment-text { height: 10rem; } .sticker { width: 64px; } .creative .creative { padding-bottom: 0; padding-left: 0; padding-right: 0; border-top: 1px solid var(--bs-border-color); box-shadow: none; } [data-bs-theme=dark] .creative .creative { box-shadow: none; } .mt-075 { margin-top: .75rem ; } .child-comments { padding-left: 58px; } .page-content img { max-width: 100%; height: auto; }