@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700'); .commento-root-min-height { min-height: 350px; } .commento-root { overflow-x: hidden; padding: 0px; * { font-family: "Source Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif; font-size: 15px; line-height: 1.5; color: #50596c; text-rendering: optimizeLegibility; } @import "colors-main.scss"; @import "commento-tags.scss"; @import "commento-footer.scss"; @import "commento-input.scss"; @import "commento-logged.scss"; @import "commento-buttons.scss"; @import "commento-login.scss"; .commento-hidden { display: none; } .commento-blurred { filter: blur(4px); } .commento-main-area { transition: filter 0.2s; } .commento-error-box { width: 100%; border-radius: 4px; height: 32px; text-align: center; color: $red-7; font-weight: 700; } .commento-mod-tools { margin-bottom: 16px; button { text-transform: uppercase; color: $gray-7; font-size: 13px; font-weight: 700; cursor: pointer; margin-left: 12px; background: none; border: none; } } .commento-mod-tools::before { content: "Moderator Tools"; text-transform: uppercase; color: $indigo-8; font-size: 13px; font-weight: 700; } .commento-moderation-notice { width: 100%; border-radius: 4px; height: 32px; text-align: center; color: $orange-7; font-weight: 700; margin-top: 16px; } .commento-dark-card { background: $yellow-0; } .commento-avatar { width: 38px; height: 38px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; font-size: 22px; float: left; margin-right: 10px; border: 0px transparent; } .commento-avatar-img { width: 38px; height: 38px; border-radius: 50%; display: flex; justify-content: center; align-items: center; float: left; margin-right: 10px; } .commento-card { padding: 12px 0px 0px 12px; margin-top: 16px; border-top: 1px solid #f0f0f0; .commento-header { padding-bottom: 4px; } .commento-avatar::after { content:""; display:block; } .commento-name { font-weight: 700; font-size: 14px; color: #555; border: none; display: block; z-index: 1; margin-left: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: fit-content; } .commento-flagged::after { content: "Flagged"; text-transform: uppercase; font-size: 10px; background: $red-7; color: white; margin-left: 8px; padding: 2px 6px 2px 6px; border-radius: 100px; } .commento-subtitle { display: block; color: #999; font-size: 12px; margin-left: 48px; } .commento-timeago { display: inline; color: #888; font-size: 12px; } .commento-score { display: inline; color: #888; font-size: 12px; font-weight: 700; } .commento-timeago::before { content: "\00a0 \00a0 \00b7 \00a0 \00a0"; } .commento-body { p { margin-top: 6px; margin-bottom: 6px; } } .commento-options { float: right; position: relative; height: 38px; z-index: 2; } .commento-options-mobile { margin-right: 12px; } .commento-options-clearfix { height: 38px; width: 1px; display: block; } .commento-moderation { height: 48px; } } }