OwlCyberSecurity - MANAGER
Edit File: bbpress.scss
@import "_custom-properties.scss"; // Remove Stuff. div.bbp-template-notice, #bbpress-forums li.bbp-footer, .bbp-reply-ip { display: none; } // Need to bring back: #bbpress-forums #favorite-toggle, #bbpress-forums #subscription-toggle, #bbpress-forums div.bbp-topic-tags, .bbp-author-role, .bbp-breadcrumb { display: none; } #bbpress-forums li.bbp-header { display: block; background: var(--global-palette8); border: 0; margin-bottom:-1px; } #bbpress-forums li.bbp-header ul { display: flex; } #bbpress-forums li.bbp-header ul li { font-size:0.8rem; text-transform:uppercase; color:var(--global-palette6); } // Reset. #bbpress-forums, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics { font-size: inherit; line-height: inherit; } #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-reply-header, #bbpress-forums div.bbp-topic-header { background: transparent; border: 0; } #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics { border:0; } #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log { border-color: var(--global-gray-400); color: var(--global-gray-500); } #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar { border: 0; border-radius: 50%; } div.bbp-template-notice.error, div.bbp-template-notice.warning { display: block; } // Author. #bbpress-forums div.bbp-reply-content .bbp-head-area .reply-author-displayname a, #bbpress-forums div.bbp-topic-content .bbp-head-area .topic-author-displayname a { text-decoration: none; font-weight: 600; font-size: 18px; } #bbpress-forums .bbp-reply-author .bbp-author-name, #bbpress-forums .bbp-author-link { text-decoration: none; color: inherit; } #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar { border-radius: 50%; } #bbpress-forums .bbp-reply-author .bbp-author-name { font-size: 14px; } #bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-topic-author { float: left; text-align: left; width: auto; } // Forms. #bbpress-forums fieldset.bbp-form label { font-size: 12px; } #bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form select { padding: 5px; line-height: 18px; font-size: 12px; } #bbpress-forums .bbp-login-form { fieldset.bbp-form { input[type=text] { font-size: inherit; line-height: inherit; line-height: 1.6; height: auto; } label { font-size: inherit; } .bbp-remember-me label { width: auto; } } } #bbpress-forums fieldset.bbp-form input[type="checkbox"] { margin-bottom: 0px; vertical-align: middle; } #bbpress-forums fieldset.bbp-form legend { z-index: 1; position: relative; input[type="checkbox"] { margin-right: 4px; } } #bbpress-forums fieldset.bbp-form select { padding: 5px 30px 5px 5px; } #bbpress-forums fieldset.bbp-form input#bbp_topic_title { font-size: initial; height: auto; padding: 0.4em 0.5em; line-height: 1.6; width: 100%; } #bbpress-forums fieldset.bbp-form { border-radius: 0; padding: 0; border: 0; margin-bottom: 1.2em; background: transparent; } #bbpress-forums div.wp-editor-container { border: 1px solid var(--global-gray-400); } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { border-radius: 0; border:0; } #bbpress-forums .bbp-submit-wrapper { float: none; position: relative; text-align: center; &:before { content: ''; width: 30%; background:var(--global-gray-400); height: 2px; border-bottom: 1px solid var(--global-palette9); position: absolute; left: 0; top: 50%; margin-top: -1px; } &:after { content: ''; width: 30%; background: var(--global-gray-400); height: 2px; border-bottom: 1px solid var(--global-palette9); position: absolute; right: 0; top: 50%; margin-top: -1px; } .button.submit { padding-left: 0; padding-right: 0; z-index: 1; width: 20%; position: relative; } } #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar { border-bottom: 1px solid var(--global-gray-400); background: var(--global-palette7); } #bbpress-forums .bbpress-reply-head { text-align: center; padding-top: 1em; .bbpress-reply-head-abovetitle { text-transform: uppercase; font-size: 14px; font-weight: 400; margin-bottom: 0.5em; color: var(--global-palette6); } .bbpress-reply-head-title { font-size: 24px; margin: 0 0 1.5em; } } // Form. .wp-site-blocks .bbpress-topic-meta .bbp-breadcrumb { display: inline-flex; float: none; } .wp-site-blocks .bbpress-topic-meta .bbp-breadcrumb p { margin: 0; } .wp-site-blocks .bbpress-topic-meta .bbp-breadcrumb p a { text-decoration: underline; } #bbpress-forums .bbp-topics > li.bbp-header { display:block; background:var(--global-palette8); border:0; } .bbp-topic-title a.bbp-topic-permalink, .bbp-topic-freshness a, li.bbp-forum-freshness a { color: var(--global-palette4); text-decoration: none; &:hover { color: var(--global-palette-highlight); } } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid var(--global-palette7); display: flex; align-items: center; min-height: 100px; } #bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title { width: 78%; } #bbpress-forums li.bbp-forum-info a.bbp-topic-permalink, #bbpress-forums li.bbp-topic-title a.bbp-topic-permalink, #bbpress-forums li.bbp-forum-info a.bbp-forum-title { font-size: 120%; } .wp-site-blocks #bbpress-forums .bbp-forum-info .bbp-forum-content { color: var(--global-palette6); font-size: 80%; } #bbpress-forums .bbp-forums-list { border: 0; } #bbpress-forums li.bbp-forum-info a.bbp-forum-title { color: var(--global-palette4); text-decoration: none; &:hover { color: var(--global-palette-highlight); } } .bbp-topic-title span, .bbp-topic-title span a { font-size: 11px; color: var(--global-palette6); } li.bbp-body li.bbp-topic-freshness, li.bbp-body li.bbp-topic-freshness a { color: var(--global-palette6); } .bbp-topic-started-by .bbp-author-avatar img.avatar { vertical-align: middle; max-height: 20px; max-width: 20px; border-radius: 50%; } .bbp-body .bbp-topic-freshness, .bbp-body .bbp-topic-voice-count, .bbp-body .bbp-topic-reply-count { font-size: 80%; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: inherit; } // Replies and Topics. .bbpress-topic-meta { color: var(--global-palette6); a { color: var(--global-palette6); text-decoration: none; &:hover { color: var(--global-palette3); } } } .topic.type-topic>.entry-content-wrap { padding: 0; } .wp-site-blocks .bbp-pagination-count { font-size: 80%; font-weight: normal; font-style: italic; color: var(--global-palette5); } #bbpress-forums .bbp-pagination-links a:hover, #bbpress-forums .bbp-pagination-links span.current, #bbpress-forums .bbp-topic-pagination a:hover { background: var(--global-palette7); border: 1px solid var(--global-gray-400) } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content { margin-left: 80px; } .bbp-head-area { display: flex; align-items: center; } #bbpress-forums .bbp-head-area .reply-author-displayname, #bbpress-forums .bbp-head-area .topic-author-displayname { flex-grow: 1; } #bbpress-forums .bbp-reply-content .bbp-meta, #bbpress-forums .bbp-topic-content .bbp-meta { margin: 0; font-size: 11px; text-transform: uppercase; color:var(--global-palette6); } #bbpress-forums .bbp-reply-content .bbp-head-area + p { margin-top: 1em; } #bbpress-forums li.bbp-body .hentry { padding: 0; background: transparent; } #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log { margin-top: 1.6em; } #bbpress-forums div.bbp-reply-content { margin-bottom: 2rem; padding: 2em; box-shadow: 0px 15px 25px -10px rgba(0,0,0,0.05); border-radius: .25rem; background: var(--global-palette9); } .bbpress-admin-settings-container { overflow: hidden; width: auto; height: 2em; padding-right: 2em; padding-left: 2.2em; position: absolute; right: 0; display: flex; color: var(--global-gray-400); bottom: 0; transition: all 0.2s ease; &:hover { color: var(--global-palette6); } } .bbpress-admin-settings-container .bbp-admin-links a { color: var(--global-palette6); } .bbpress-admin-settings-container .kadence-svg-iconset { position: absolute; right: 0.6em; top: 50%; transform:translateY(-50%); font-size:0.8em } .bbpress-admin-settings-container:hover .bbp-admin-links { opacity: 1; } #bbpress-forums hr { margin-top: var(--global-md-spacing); margin-bottom: 0; } #bbpress-forums .bbp-user-section { margin-top: 1em; } #bbpress-forums .bbp-user-section div.bbp-reply-content, .content-style-unboxed #bbpress-forums div.bbp-reply-content { border: 1px solid var(--global-gray-400); box-shadow: none; } .bbpress-admin-settings-container .bbp-admin-links {padding-bottom: 0.3em;opacity: 0;transition: all 0.2s ease;} // Search. .bbp-search #bbpress-forums .bbp-search-item-header h3 { font-size: 110%; color: var(--global-palette6); text-transform: uppercase; } .bbp-search #bbpress-forums .bbp-search-item-header { padding: 1em 0; margin-top: 1em; font-size: 80%; text-transform: uppercase; border-top: 1px solid var(--global-gray-400); color: var(--global-palette6); a { color: var(--global-palette6); text-decoration: underline; } } // Style Pack Support. #bbpress-forums ul.bbp-forums.bsp-template1 > .bbp-header { display: block; background: var(--global-palette7); border: 0; } #bbpress-forums ul.bbp-forums.bsp-template1 > .bbp-header li.bbp-forum-info, #bbpress-forums ul.bbp-forums.bsp-template1 .bbp-forum-info { width:55%; } a.bsp-forum-name { color:inherit; text-decoration: none; } a.bsp-forum-name:hover { color:var(--global-palette-highlight); text-decoration: none; }