Global CSS
/* Place here any CSS code that you would like to affect both the Default and Home themes */ .main-content p{ margin-bottom: 1em; } .main-content .alert p:last-child{ margin-bottom: 0; } /* For Post Pages =============================================================*/ .post-icon{ float: right; text-align: center; margin: 0 12px 12px 36px; max-width: 25%; } @media (max-width:992px){ .hide-for-small{ display: none; } } @media (max-width:768px){ .post-icon{ float: none; margin: 24px 0; max-width: 100%; } .post-icon img{ margin: auto; } } .ifimage.ifimage-show{ display: none !important; } .ifimage-hide{ display: none; } .ifimage.ifimage-hide{ display: block; } .prevnext{ width: 100%; margin-bottom: 12px; } .prevnext p{ margin: 0 !important; } .image-credit{ font-size: 80%; opacity: .75; } .image-credit::before{ content: 'Image Source: '; } #action-area .field-icon select{ font-family: FontAwesome; } #action-area .field-icon select option{ padding: 5px; font-size: 1.25em; } #action-area .field-published{ display: none; } /* Post Comments =============================================================*/ .post-comments .comments-box #np-editor-title, .post-comments .comments-box #np-title, .post-comments .comments-box .edit-help-34, .post-comments .comments-box #new-post-form br{ display: none; } .post-comments .comments-box #new-post-form .buttons{ margin-top: 12px; } .post-comments .comments-box #new-post-div textarea#np-text{ height: 150px; } .post-comments .comments-box #comments-options-shown{ margin-bottom: 20px; text-align: center; } .post-comments .comments-box #thread-container-posts .post .head, .post-comments #recent-posts-container .post .head{ height: 32px; } .post-comments .comments-box #thread-container-posts .post .head .options{ display: none; } .post-comments .comments-box #thread-container-posts .post .head .printuser, .post-comments #recent-posts-container .post .head .printuser{ height: 24px; display: inline-block; font-size: 16px; line-height: 16px; } .post-comments .comments-box #thread-container-posts .post .head .printuser a:first-child, .post-comments #recent-posts-container .post .head .printuser a:first-child{ display: inline-block; width: 24px; height: 24px; border-radius: 12px; margin-right: 8px; } .post-comments .comments-box #thread-container-posts .post .head .printuser img, .post-comments #recent-posts-container .post .head .printuser img{ padding: 0; width: 24px; height: 24px; border-radius: 12px; } .post-comments .comments-box #thread-container-posts .post .head .info, .post-comments #recent-posts-container .post .head .info{ position: relative; } .post-comments .comments-box #thread-container-posts .post .head .odate, .post-comments #recent-posts-container .post .head .odate{ position: absolute; right: 0; top: 3px; color: #676767; } .post-comments .comments-box #thread-container-posts .post .content p:last-child, .post-comments #recent-posts-container .post .content p:last-child{ margin: 0; } .post-comments .comments-box #thread-container-posts .post .options{ display: none; } .post-comments .comments-box #thread-container-posts .post .short .printuser img{ display: none; } .post-comments .signature{ display: none; } .post-comments #recent-posts-container .post .head .info{ font-size: 0; } .post-comments #recent-posts-container .post .head .info *{ font-size: 14px; } .post-comments #recent-posts-container .post .head .printuser{ font-size: 16px !important; } .post-comments #recent-posts-container .post .head .info a[href^="/forum"]{ display: none; } .post-comments #recent-posts-container .post .head{ height: 56px; } .post-comments #recent-posts-container .post .head .info a[href^="/post"]{ padding-top: 3px; padding-left: 34px; display: inline-block; } .post-comments #recent-posts-container .post .head .info a[href^="/post"]::before{ content: 'In post: '; } .forum-mini-stat .title a{ font-size: 0; } .forum-mini-stat .title a::before{ content: 'View >'; font-size: 14px; } /* Post Display =============================================================*/ main .main-content .post h1{ background-image: none; } .post{ margin-bottom: 60px; clear: both; } .post-byline{ color: #999; padding-left: 2em; margin-bottom: 20px; } .post .post-comments{ font-size: 28px; } .post .post-comments a:hover{ text-decoration: none; } .post .post-footer{ width: 100%; } .post .post-footer .post-footer-right{ text-align: right; } .post .post-content{ margin-bottom: 20px; } .post .cover-post{ font-size: 6em; padding-top: 16px; } .post.post-main .cover-post{ padding-top: 0; } .post.post-main .cover-post{ font-size: 9em; } .post.post-main h1{ font-size: 42px; } @media (max-width:768px){ .post.post-main h1{ font-size: 36px; } .post.post-mini .post-icon{ display: none; } }