%PDF- %PDF-
Direktori : /home/emergentqj/jugement/wp-content/themes/Newspaper/mobile/includes/less_files/ |
Current File : /home/emergentqj/jugement/wp-content/themes/Newspaper/mobile/includes/less_files/post.less |
// single post page .td-post-content { margin-bottom: 26px; } // featured image .td-post-featured-image { // full image margin-left: -15px; margin-right: -15px; img { margin-bottom: 21px; } .wp-caption-text { margin-left: 15px; } } // single categories .single .td-category { margin-bottom: 0; } .td-category { list-style: none; font-size: 10px; margin-top: 0; margin-bottom: 10px; line-height: 1; max-height: 23px; overflow: hidden; li { display: inline-block; margin: 0 7px 7px 0; line-height: 1; } a { color: #000; border: 1px solid #ededed; padding: 4px 6px; white-space: nowrap; display: inline-block; } } // single title header .entry-title { margin-top: 9px; margin-bottom: 9px; font-size: 30px; line-height: 34px; font-weight: normal; } // video embed article .wpb_video_wrapper { margin: 0 -15px 20px; } //single meta module header .td-module-meta-info { margin-bottom: 21px; color: #999; font-size: 12px; line-height: 1; height: 17px; overflow: hidden; i { margin-right: 5px; vertical-align: middle; } .td-post-date { display: inline-block; position: relative; top: 2px; } .td-post-author-name { font-weight: 400; display: inline-block; position: relative; top: 2px; a { font-weight: 700; margin-right: 3px; } div { display: inline-block; margin-right: 2px; } } .td-post-views { float: right; margin-left: 10px; span { line-height: 16px; } } .td-icon-views { position: relative; font-size: 14px; margin-right: 5px; } .td-icon-comments { margin-right: 5px; font-size: 9px; } .td-post-comments { float: right; margin-left: 15px; position: relative; top: 2px; a { color: #999; } } } // single subtitle .td-post-sub-title { font-size: 15px; font-style: italic; font-weight: 300; line-height: 24px; color: #999; margin: 0 0 9px; } // share icons - general .td-post-sharing-classic, .td-post-sharing { text-align: center !important; } .td-post-sharing-classic { position: relative; left: 21px; height: 20px; } .td-post-sharing { font-family: @font1; text-align: left; z-index: 2; white-space: nowrap; // fix to stay on 1 row when resize &.td-social-show-all { white-space: normal; } } .td-post-sharing-classic + .td-post-sharing { margin-top: 8px; } .td-post-sharing-top { margin-bottom: 20px; } .td-post-sharing-bottom { border-style: solid; border-color: @td_grid_border_color; border-width: 1px 0; padding: 21px 0; margin-bottom: 42px; .td-post-sharing { margin-bottom: -7px; } } .td-post-sharing-visible, .td-social-sharing-hidden { display: inline-block; } .td-pulldown-filter-list { display: none; } .td-social-show-all { .td-pulldown-filter-list { display: inline-block; } } .td-social-network, .td-social-handler { position: relative; display: inline-block; margin-bottom: 7px; height: 40px; min-width: 40px; font-size: 11px; text-align: center; vertical-align: middle; border-radius: 2px; } .td-social-network { margin-right: 7px; color: #fff; overflow: hidden; &:hover { opacity: 0.8 !important; } } .td-social-handler { color: #444; border: 1px solid #e9e9e9; .td-social-but-text { font-weight: 700; &:before { background-color: #000; } } } .td-social-share-text { margin-right: 18px; &:before, &:after { content: ''; position: absolute; top: 50%; .transform(translateY(-50%)); left: 100%; width: 0; height: 0; border-style: solid; } &:before { border-width: 9px 0 9px 11px; border-color: transparent transparent transparent #e9e9e9; } &:after { border-width: 8px 0 8px 10px; border-color: transparent transparent transparent #fff; } } .td-social-but-icon { display: inline-block; padding-left: 13px; padding-right: 13px; line-height: 40px; z-index: 1; i { position: relative; top: -1px; vertical-align: middle; } } .td-social-but-text { display: none; } // font-size for facebook, reddit, linkedin, tumblr, stumbleupon, vk, viber .td-social-handler, .td-social-facebook, .td-social-reddit, .td-social-linkedin, .td-social-tumblr, .td-social-stumbleupon, .td-social-vk, .td-social-viber { i { font-size: 14px; } } // font-size for google, telegram .td-social-googleplus, .td-social-telegram { i { font-size: 16px; } } // font-size for mail, line, print .td-social-mail, .td-social-line, .td-social-print { i { font-size: 15px; } } // handler .td-social-handler { .td-icon-share { top: -1px; left: -1px; } } // facebook .td-social-facebook { background-color: #516eab; } // twitter .td-social-twitter { background-color: #29c5f6; .td-icon-twitter { font-size: 12px; } } // google .td-social-googleplus { background-color: #eb4026; .td-social-but-icon { padding-right: 12px; } .td-icon-googleplus { left: -1px; } } // pinterest .td-social-pinterest { background-color: #ca212a; .td-icon-pinterest { font-size: 13px; } } // whatsapp .td-social-whatsapp { background-color: #7bbf6a; .td-icon-whatsapp { font-size: 18px; } } // reddit .td-social-reddit { background-color: #f54200; .td-social-but-icon { padding-right: 12px; } .td-icon-reddit { left: -1px; } } // mail, digg, print .td-social-mail, .td-social-digg, .td-social-print { background-color: #000; } // linkedin .td-social-linkedin { background-color: #0266a0; } // tumblr .td-social-tumblr { background-color: #3e5a70; } // telegram .td-social-telegram { background-color: #179cde; .td-social-but-icon { padding-right: 12px; } .td-icon-telegram { left: -1px; } } // stumbleupon .td-social-stumbleupon { background-color: #ee4813; .td-social-but-icon { padding-right: 11px; } .td-icon-stumbleupon { left: -2px; } } // digg .td-social-digg { .td-social-but-icon { padding-right: 11px; } .td-icon-digg { left: -2px; font-size: 17px; } } // vk .td-social-vk { background-color: #4c75a3; .td-social-but-icon { padding-right: 11px; } .td-icon-vk { left: -2px; } } // line .td-social-line { background-color: #00b900; } // viber .td-social-viber { background-color: #5d54a4; } // expand tabs .td-social-expand-tabs { i { top: -2px; left: -1px; font-size: 16px; } } // source and via .td-post-source-tags { font-size: 11px; .td-no-tags { margin-bottom: 34px; } } .td-post-source-via { font-weight: 600; } .td-post-small-box { margin-bottom: 7px; line-height: 20px; clear: left; height: 20px; display: table; span { background-color: #222; padding: 5px 9px; color: #fff; display: block; text-transform: uppercase; line-height: 10px; float: left; height: 20px; margin-right: 7px; } a { display: block; float: left; border: 1px solid #ededed; margin-right: 7px; line-height: 6px; color: #111; padding: 6px 8px; height: 20px; } } // tags .td-tags { margin: 0 0 30px 0; display: table; line-height: 20px; font-weight: 600; li { list-style: none; display: inline-block; line-height: 20px; margin-left: 0; float: left; margin-bottom: 7px; } } // next prev post #td-outer-wrap .td-post-prev-post { padding-right: 10px; float: left; width: 50%; } #td-outer-wrap .td-post-next-post { padding-left: 10px; width: 50%; text-align: right; float: right; } .td-post-next-prev-content { a { display: block; font-size: 14px; font-weight: bold; color: #222; line-height: 19px; margin-bottom: 43px; } span { display: block; font-size: 12px; color: #c1c1c1; margin-bottom: 7px; } } // author box .author-box-wrap { clear: both; text-align: center; border: 1px solid #ededed; padding: 21px 10px; margin-bottom: 48px; .avatar { margin-bottom: 5px; width: 100px; } .desc { font-size: 14px; line-height: 24px; } .td-author-social { margin: 10px 0 -5px; a { color: #444; margin-top: 11px; } .td-social-icon-wrap { margin: 0 8px 0 0; } } .td-icon-font { font-size: 16px; color: #222; } } .td-author-name { font-size: 20px; line-height: 21px; font-weight: 700; margin: 7px 0 8px 0; a { color: #222; } } .td-author-url { font-size: 13px; font-style: italic; line-height: 21px; margin-bottom: 8px; margin-top: 10px; } .td-author-counters { font-size: 11px; font-weight: 700; color: #fff; span { background-color: @td_black; padding: 4px 9px; margin-right: 10px; position: relative; top: 0; } } .td-author-description { margin-top: 15px; } // related articles .td-related-title { text-align: center; margin-bottom: 24px; } .td_block_related_posts_mob { margin-bottom: 48px; clear: both; } // comments .comment-reply-title { text-align: center; } .td-comments-title-wrap { .block-title { margin-bottom: 24px; margin-top: 19px; } } .comment-pagination { margin-left: -3%; margin-right: -3%; text-align: center; a { background-color: #222; color: #fff; padding: 14px 0; display: inline-block; width: 45%; text-align: center; line-height: 1; margin: 0 2% 25px; } } .comment-list { li:last-child { border: none; } } .comment { list-style: none; margin-left: 0; padding-bottom: 13px; border-bottom: 1px dashed @td_grid_border_color; margin-bottom: 21px; clear: both; &:first-child { border-top: none; } .avatar { float: left; margin-right: 15px; margin-bottom: 20px; width: 50px; } cite { font-weight: bold; font-style: normal; font-size: 17px; line-height: 1; a { display: block; padding-top: 4px; margin-bottom: 7px; } } .comment-content, .comment-meta { margin-left: 65px; } .comment-content { margin-top: 7px; p { margin-bottom: 21px; &:last-child { margin-bottom: 0; } } } p { margin-bottom: 0; word-wrap: break-word; } .logged-in-as { margin-bottom: 10px; } .children { padding-top: 20px; border-top: 1px dashed @td_grid_border_color; margin-top: 10px; cite { a { padding-top: 9px; } } .comment { &:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .avatar { width: 36px; height: 36px; position: relative; /* responsive 500px phone */ @media (max-width: 500px) { margin-bottom: 10px; } } .comment-content, .comment-meta { margin-left: 50px; } } } } .comment-list > .comment > .children { margin-left: 65px; } .comment-link { font-size: 11px; line-height: 1; color: #b4b4b4; padding-left: 0; margin-bottom: 5px; } .comment-meta { margin-top: 4px; } .comment-respond { margin-bottom: 21px; clear: both; } .comment-reply-link { font-size: 11px; color: #b4b4b4; } .comment-form-cookies-consent { label { margin-left: 8px; position: relative; top:-1px; } } // post space comment .single .comments { margin-bottom: 48px; padding-top: 1px; margin-top: -20px; clear: both; } /* ---------------------------------------------------------------------------- Comment form */ #reply-title { font-size: 16px; font-weight: 700; margin-bottom: 17px; margin-top: 0; } .logged-in-as { margin-top: 0; margin-bottom: 10px; font-size: 13px; a { color: @td_text_color; font-weight: 600; } a:last-child { display: block; float: right; } } #cancel-comment-reply-link { font-size: 12px; font-weight: 400; color: @td_text_color; margin-left: 10px; white-space: nowrap; } .comment .comment-form-input-wrap { margin-top: 0; margin-bottom: 21px; } .comment-subscription-form { margin-bottom: 3px; font-size: 13px; .subscribe-label { margin-left: 3px; position: relative; top: -1px; } } .comments { .comment-form { .td-warning-comment, .td-warning-author, .td-warning-email, .td-warning-email-error { display: none; } textarea { display: block; } } .td-comment-form-warnings { .td-warning-comment, .td-warning-author, .td-warning-email, .td-warning-email-error { margin-bottom: -11px; color: #ff7a7a; font-size: 11px; font-style: italic; line-height: 15px; } } .td-form-comment, .td-form-author, .td-form-email, .td-form-url { margin-top: 0; margin-bottom: 21px; } .submit { width: 100%; font-size: 15px; font-weight: bold; padding: 14px 0; text-transform: uppercase; } } .must-log-in { background-color: #222; line-height: 1; width: 100%; margin-top: 20px; text-align: center; text-transform: uppercase; font-size: 15px; font-weight: bold; a { color: #fff; padding: 14px 0; display: block; } }