%PDF- %PDF-
Direktori : /home/emergentqj/jugement/wp-content/themes/Newspaper/includes/demos/black/ |
Current File : /home/emergentqj/jugement/wp-content/themes/Newspaper/includes/demos/black/demo_style.less |
@import "../../less_files/variables.less"; @import "../../less_files/mixin.less"; /* Black demo */ .td-black { background-color: #1a1a1a; color: #eee; /* General */ select { background-color: transparent; border: 1px solid #444; } /* Content background */ .td-main-content-wrap, .td-category-grid, .post, .td-category-header, .td-big-grid-post .td-module-thumb, // big grid .td_module_14 .td-module-meta-holder, // module 14 bg .td-post-template-4 .td-post-title, // post template 4 .td-post-template-6 .td-post-header-holder, // post template 6 .td-post-template-8-box, // post template 8 .td-smart-list-dropdown-wrap .td-smart-list-dropdown, // smart list 8 dropdown .td_module_mx3 .td-module-meta-info // block 13 - 1 col { background-color: #1a1a1a; } /* Menu */ // hover .td-header-style-5 .sf-menu > li > a:hover, .td-header-style-5 .sf-menu > .sfHover > a, .td-header-style-5 .sf-menu > .current-menu-item > a, .td-header-style-5 .sf-menu > .current-menu-ancestor > a, .td-header-style-5 .sf-menu > .current-category-ancestor > a { background-color: transparent !important; color: #385C7B; } .sf-menu .td-menu-item > a { color: #fff; } // logo .td-header-style-5 .td-main-menu-logo a { line-height: 70px; } // mega menu .sf-menu ul { background-color: rgba(18, 18, 18, 0.97); } .td-mega-menu ul { border-color: #222; } .td_mega_menu_sub_cats { background-color: #0a0a0a; a { color: #fff; } .cur-sub-cat { background-color: rgba(18, 18, 18, 0.97); border-color: #222; color: #385C7B; } .cur-sub-cat:before { background-color: rgba(18, 18, 18, 0.97); } } .td_mega_menu_sub_cats:after { background-color: #222; } // search #td-header-search { border-color: #333 !important; &:focus { border-color: #404040 !important; } } .header-search-wrap { .td-drop-down-search { background-color: rgba(18, 18, 18, 0.97); border: 1px solid #222; } .td-aj-search-results { border-top: 1px solid #222; border-bottom: 1px solid #222; background-color: transparent; } .result-msg a { color: #fff; } .td-aj-cur-element { background-color: #222; } } /* Category page */ // general .td-category { a { background-color: #333; } } &.td_category_template_2 .td-category-header { background-color: #222; border-color: #333; } &.td_category_template_2 .td-header-style-5, &.td_category_template_5 .td-header-style-5 { border-color: #333; } &.td_category_template_4 .td-category-siblings .td-category a { color: #aaa; border-color: #333; &:hover { color: #fff; } } &.td_category_template_5 .td-scrumb-holder { background-color: #222; border-color: #333; } &.td_category_template_6 .td-category-header, &.td_category_template_8 .td-category-header, .td-post-template-8 .td-post-header { background-color: rgba(0, 0, 0, 0.5); } &.td_category_template_8 .td-category-header .td-category a { border-color: #aaa; &:hover { border-color: #fff; } } &.td_category_template_6 .td-pulldown-filter-display-option, &.td_category_template_8 .td-pulldown-filter-display-option { border-color: #000; } // category description .td-category-description p { color: #aaa; } &.td_category_template_6 .td-category-description p, &.td_category_template_8 .td-category-header p { color: #fff; } // load more .td-load-more-wrap a { color: #aaa; &:hover { color: #fff; } } .td_ajax_load_more { border-color: #333; } // filter .td-category-header { .td-pulldown-filter-display-option, .td-pulldown-filter-list { background-color: #000; } } .td-category-siblings .td-subcat-dropdown:hover ul:before { background-color: #000; } .td-category-siblings .td-subcat-dropdown:hover ul { border-color: #000; } &.td_category_template_3 .td-category-siblings .td-subcat-dropdown, &.td_category_template_4 .td-category-siblings .td-subcat-dropdown { border-color: #000; color: #fff; } /* Post */ // General content .td-page-content, .td-post-content, .wpb_text_column, .td_block_text_with_title, .woocommerce #tab-description { color: #eee; } // header .td-post-author-name, .td_module_15.post .td-post-comments a { color: #aaa; } // content .wp-caption-text, .wp-caption-dd { color: #aaa; } // breadcrumb .entry-crumbs a:hover { color: #fff; } // meta info header .td-post-date, header .td-post-comments a, header .td-post-views { color: #aaa; } // tags .td-post-small-box span { background-color: #fff; color: #000; } .td-post-small-box a { border-color: #444; color: #fff; } // sharing .td-social-network { color: #fff; } .td-social-handler { color: #ccc; border-color: #464646; &:before { border-color: transparent transparent transparent #434343; } &:after { border-color: transparent transparent transparent #1a1a1a; } .td-social-but-text { &:before { background-color: #fff; } } } .td-ps-border { .td-social-network { .td-social-but-text { &:before { background-color: #fff; } } } } .td-ps-border-grey { .td-social-but-icon, .td-social-but-text { border-color: #434343; } } .td-ps-icon-color { .td-social-mail, .td-social-digg, .td-social-print { .td-social-but-icon { color: #fff; } } } .td-ps-text-color { .td-social-mail, .td-social-digg, .td-social-print { .td-social-but-text { color: #fff; } } } .td-post-sharing-bottom { border-color: #444; } // next/prev posts .td-post-next-prev-content a { color: #fff; } // author box .author-box-wrap { border-color: #444; color: #aaa; .td-social-icon-wrap .td-icon-font, .td-author-url a { color: #fff; } } .td-author-name a, .td-post-share-title { color: #fff; } .td-author-counters span { background-color: #fff; color: #000; } // comments cite a, .logged-in-as a { color: #fff; } .comment { border-color: #444; color: #eee; cite { color: #fff; } } .comment .children { border-color: #444; } .comment-form { color: #aaa; } textarea { background-color: transparent; border-color: #444; color: #aaa; } code, ins, pre { background-color: #333; } // general fixes .td-post-template-8 { background-color: transparent; } .td-video-template-bg-small { background-color: #000; } // smart lists .td-left-smart-list, .td-right-smart-list, .td-smart-list-button { background-color: #fff; color: #000; .transition(none); &:hover { color: #fff; } } .td-sml-current-item-nr, .td_smart_list_5 .td-sml-current-item-nr { background-color: #fff; color: #000; } .td_smart_list_4 .td-item { border-color: #333; } .td-smart-disable:hover { background-color: #fff !important; color: #000; } .td-smart-list-dropdown-wrap { border-color: #444; } .td-smart-list-dropdown-wrap .td-smart-list-container:before { border-top-color: #aaa; } .td-smart-list-dropdown-wrap .td-smart-next, .td-smart-list-dropdown-wrap .td-smart-back { border-color: #444; } .td-smart-list-dropdown-wrap .td-smart-disable:hover, .td-smart-list-container { color: #fff; } // blockquote .td_quote_box { background-color: #222; p { color: #ddd; } } // dropcaps .dropcap2, .dropcap3 { color: #fff; } /* Pagination */ .page-nav { a, span { color: #aaa; border-color: #333; } a:hover { background-color: #333; } .current { border-color: #385C7B; color: #fff; } } /* Inputs */ input[type="text"], input[type="url"], input[type="tel"], input[type="email"] { border-color: #333; color: #fff; background-color: transparent; } input[type="submit"] { background-color: #444; } /* Blocks */ // Article title in widgets and other titles h1, h2, h3, h4, h5, h6 { color: #fff; > a { color: #fff; } } // Trending now .td-trending-now-title { background-color: #fff !important; color: #000; font-weight: bold; } .td-next-prev-wrap a, .td-trending-style2 { border-color: #444; } // Social counter .td_social_type:hover .td-social-box { background-color: #444; } // style 1 and 7 .td-social-style1 .td_social_type .td-social-box, .td-social-style7 .td_social_type .td-social-box { background-color: #444; } // style 2 and 8 .td-social-style2, .td-social-style8 { color: #fff; .td_social_type { color: #fff; &:hover { color: #999; a { color: #999; } .td-social-box { background-color: transparent; } } .td-social-box { border-color: #444; } a { color: #fff; } .td_social_button { border-color: #444; } } } // style 3 .td-social-style3, .td-social-style4 { color: #fff; .td_social_type a { color: #fff; } .td_social_type { &:hover { color: #999; a { color: #999; } .td-social-box { background-color: transparent; } } } } // style 9 and 10 .td-social-style9, .td-social-style10 { color: #fff; .td_social_type:hover { color: #999; .td-social-box { background-color: transparent; } } } // Filter ajax .td-subcat-filter { .td-subcat-list a, .td-subcat-dropdown span, .td-subcat-more i, .td-subcat-dropdown a { color: #aaa; } .td-subcat-dropdown ul { background-color: rgba(18, 18, 18, 0.97); border-color: #222; } } // Review stars .entry-review-stars i { color: #fff; } // Author name .td-module-meta-info .td-post-author-name a { color: #fff; } // Comment .td-module-comments a { background-color: #888; &:after { border-color: #888 transparent transparent; } } // Excerpt .td-excerpt, .td_module_16 .td-excerpt { color: #aaa; } // Category tag .td-post-category { background-color: #000; &:hover { background-color: #385C7B; } } // VC Tab .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container { margin-bottom: 17px !important; border: none; .vc_tta-tab { margin: 0 11px; > a { background-color: transparent !important; color: #fff; padding: 11px 12px 10px !important; font-size: 17px; } } .vc_tta-tabs-list { text-align: center; } .vc_tta-tab.vc_active > a, .vc_tta-tab:hover > a { background-color: transparent; color: #385C7B; } } .vc_tta.vc_general .vc_tta-icon { font-size: 1em; top: -2px; position: relative; } .vc_tta-panels-container { margin-bottom: 48px; } .wpb_tabs .wpb_tab { background-color: transparent !important; } .wpb_content_element .wpb_tabs_nav li, .wpb_tabs li a { background-color: transparent; color: #fff; } // Modules .td_module_15, .td_module_9, .td_module_5, .td_module_8, .td_module_11, .td_module_12, .td_module_13, .td_module_18 .meta-info-container, .td_module_19, .td_module_14 .entry-title:after, .td_module_mx3 .td-module-meta-info, .td_block_20 .td_module_mx3 { border-color: #444; } .td_module_17 .td-read-more a, .td_module_18 .td-read-more a { color: #fff; &:hover { background-color: transparent !important; } } .td_module_18 .td-post-category { background-color: transparent; color: #fff; } // Read more .td-read-more a, .more-link-wrap a { transition: none; &:hover { background-color: #fff !important; color: #000; opacity: 1; } } // Widgets .widget { a { color: #fff; } } .widget_calendar #today { background-color: #333; } .widget_calendar th { background-color: #333; } .widget_recent_comments { color: #888; } .widget_recent_entries li { border-color: #444; } .widget_rss li .rssSummary { color: #999; } .widget_rss li { border-color: #444; } // Video playlist .td_video_playlist_title { background-color: #000; } // Instagram .td-instagram-meta { color: #eee; } .td-instagram-button { color: #eee; border-color: #444; &:hover { border-color: #666; } } // Exchange .td_block_exchange .td-rate, .td_block_exchange .td-exchange-rates .td-rate:before { border-color: #444 !important; } // Authors widget .td_top_authors { .td-authors-name a { color: #fff; } .td_mod_wrap { border-color: #333; } .td-author-post-count { background-color: #444; color: #fff; } .td-author-comments-count { background-color: #333; color: #fff; } } // 404 page .td-404-title, .td-404-sub-sub-title { color: #fff; } .td-404-sub-sub-title a { background-color: #fff; color: #000; &:hover { color: #fff; } } // search page .search-page-search-wrap { color: #fff; } // reviews .td-review { color: #fff; } table td, table th { border-color: #444; } .td-review-summary .block-title, .td-review-header .block-title { background-color: #fff; color: #000; } .td-review .td-review-row-stars:hover { background-color: #222; } .td-rating-bar-wrap { background-color: #333; } // footer .td-sub-footer-copy a { color: #fff; } .td-footer-instagram-container .td-instagram-user a { color: #385c7b; } // more article box .td-more-articles-box { background-color: #222; border-color: #333; } .td-more-articles-box-title { color: #fff; } /* Woocommerce */ &.single-product .product .summary .price, &.woocommerce #tab-description, &.woocommerce .product:hover h3 { color: #eee; } &.woocommerce ul.products li.product .price, &.woocommerce div.product .woocommerce-tabs ul.tabs li a, &.woocommerce a.added_to_cart, &.woocommerce-cart .woocommerce .product-name a { color: #fff; } &.woocommerce .quantity .qty { color: #000; } &.single-product .product .summary .cart .button, &.woocommerce .product a.button, &.woocommerce-cart .woocommerce table.cart .button, &.woocommerce-cart .woocommerce .shipping-calculator-form .button, &.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, &.woocommerce .product a.button, &.woocommerce .product #respond input#submit, &.woocommerce .checkout input#place_order, &.woocommerce .woocommerce.widget .button { background-color: #fff; color: #000; &:hover { color: #fff; } } &.woocommerce-page .woocommerce .button { background-color: #fff !important; color: #000 !important; &:hover { color: #fff; } } &.woocommerce #reviews #comments ol.commentlist li .comment-text { border-color: #444; } &.woocommerce select, &.woocommerce-cart table.cart input, &.woocommerce-page textarea, &.woocommerce-page select, &.woocommerce-page .input-text { background-color: #1a1a1a !important; color: #fff !important; border: 1px solid #444 !important; padding: 3px 0; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, &.woocommerce-checkout #payment, &.woocommerce-checkout #payment div.payment_box { background-color: #1a1a1a !important; color: #fff !important; border-color: #444 !important; } tfoot { background-color: #1a1a1a !important; } &.woocommerce-checkout #payment ul.payment_methods { border-color: #444; } /* BBpress */ #bbpress-forums div.even, #bbpress-forums ul.even { background-color: transparent; } #bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink, &.bbpress .td-page-title a { color: #fff; } #bbpress-forums .bbp-forums-list li a { color: #aaa; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbpress-forums fieldset.bbp-form { border-color: #444; } #bbpress-forums li.bbp-header { background-color: #444; color: #fff; } #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { background-color: transparent; color: #fff; border-color: #444; } // demos button #td-theme-settings { color: #fff; .td-set-hide-show a { color: #fff; } &:before { background-color: #444; } .td-set-hide-show a { border-color: #444; } .td-skin-body, .td-set-hide-show a { background-color: #333; } .td-skin-buy a { background-color: #385C7B; } } /* Block header templates */ // general .td-block-title-wrap { .td-wrapper-pulldown-filter { background-color: #1a1a1a; color: #fff; i { color: #fff; } } .td-pulldown-filter-list { border-color: #222 !important; } } // simple block pulldown filter .td-block-title-wrap .td-wrapper-pulldown-filter { .td-pulldown-filter-link { color: #aaa; } .td-pulldown-filter-list { background-color: rgba(18, 18, 18, 0.97); border-color: #222; } } // header 2, 6 .td_block_template_2, .td_block_template_6 { .td-block-title > * { color: #fff; } } // header 5 .td_block_template_5 { .td-block-title > * { color: #fff; } } // header 7 .td_block_template_7 { .td-block-title { background-color: transparent; > * { color: #fff; background-color: #222; } } } // header 8 .td_block_template_8 { .td-block-title > * { color: #fff; &:before { background-color: #333; } } } // header 9 .td_block_template_9 { .td-block-title { > * { color: #fff; } &:before { background-color: #333; } } } // header 10 .td_block_template_10 { .td-block-title { > * { color: #fff; } &:before { background-color: #333; } } } // header 11 .td_block_template_11 { .td-block-title { > * { color: #fff; } &:before, &:after { background-color: #333; } } } // header 12 .td_block_template_12 { .td-block-title > * { color: #fff; } .td-pulldown-category { color: #aaa; } } // header 13 .td_block_template_13 { .td-block-title { > a, > span { color: #fff; } } .td-block-subtitle { opacity: 0.1; } .td-pulldown-category { color: #aaa; } } // header 14 .td_block_template_14 { .td-block-title { border-color: #222; } } // header 15 .td_block_template_15 { .td-block-title { background-color: rgba(18, 18, 18, 0.97); > * { color: #fff; } &:after { border-color: #222; } } } // header 16 .td_block_template_16 { .td-block-title { > * { color: #fff; } &:before, &:after { background-color: #333; } } } // header 17 .td_block_template_17 { .td-block-title { border-color: #333; background-color: rgba(18, 18, 18, 0.97); > * { color: #fff; } &:before { border-color: #333; background-color: #333; } &:after { border-color: #333 transparent transparent transparent; } } } // footer .td-footer-wrapper div { .td_block_template_17 { .td-block-title { background-color: #111; } } } // related post &.global-block-template-7 { .td-related-title { a { color: #fff; background-color: #1a1a1a; } .td-cur-simple-item { background-color: @td_theme_color; } } } &.global-block-template-14 { .td-related-title { .td-cur-simple-item { color: #fff; } } } }