FileXXXXXXXXXXX

File manager - Edit - /home/verseaumee/TF89388/wp-content/themes/noisa-child/css/theme-style-light.css

Back
/** * Theme Name: Noisa * Theme Author: Mariusz Rek - Rascals Themes * Theme URI: http://rascalsthemes.com/noisa * Author URI: http://rascalsthemes.com * File: theme-style-light.css * ========================================================================================================================================= * * @package noisa * @since 1.0.0 / body { color: #444; background: #fff; } a:hover, a > :hover { color: #111; } h1, h2, h3, h4, h5, h6 { color: #111; } blockquote p { color: #747677; } /* Forms / label { color: #999; } ::-webkit-input-placeholder { color: #aaa; font-weight: 300; } :-moz-placeholder { / FF 4-18 / color: #aaa; font-weight: 300; } ::-moz-placeholder { /* FF 19+ / color: #aaa; font-weight: 300; } :-ms-input-placeholder { /* IE 10+ / color: #aaa; font-weight: 300; } input, textarea, select { border: 1px solid #444; color: #fff; } select { background-color: transparent; } select option { background-color: #fff; color: #444; } / ---------------------------------------------------------------------- 3. Forms /* ---------------------------------------------------------------------- / label { color: #666; } ::-webkit-input-placeholder { color: #666; } :-moz-placeholder { / FF 4-18 / color: #666; } ::-moz-placeholder { /* FF 19+ / color: #666; } :-ms-input-placeholder { /* IE 10+ / color: #666; } input, textarea, select { border: 1px solid #ccc; color: #444; background-color: rgba(255, 255, 255, 0.8); } option { background-color: #eee; color: #444; } / ---------------------------------------------------------------------- 6. Layout and Content /* ---------------------------------------------------------------------- / / 7.7 Sidebar ------------------------------ / .sidebar { opacity:1; } / ---------------------------------------------------------------------- 8. Header /* ---------------------------------------------------------------------- / #header.show-bg { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } / Sidebar / #slidebar a#slidebar-close { opacity:1; } #slidebar { background-color: #242427; border-left:1px solid #37383b; -webkit-box-shadow: inset 14px 0px 20px -12px rgba(0, 0, 0, 0.30); -moz-box-shadow: inset 14px 0px 20px -12px rgba(0, 0, 0, 0.30); box-shadow: inset 14px 0px 20px -12px rgba(0, 0, 0, 0.30); } body.slidebar-visible #slidebar-layer { opacity:0 } / 7.2 Menu Trigger Button ------------------------------ / #header.show-bg #menu-trigger .icon { background: #111; } body.slidebar-visible #header.show-bg #menu-trigger span { background: none; } #header.show-bg #menu-trigger .icon:before, #header.show-bg #menu-trigger .icon:after { background-color:#111; } / ---------------------------------------------------------------------- 8. Navigation /* ---------------------------------------------------------------------- / / 8.1 Main Navigation ------------------------------ / #header.show-bg #nav > ul > li > a { color: #111; } #nav a { font-weight: 600; letter-spacing:0; } #header.show-bg #nav > ul > .active > a, #header.show-bg #nav > ul > .current > a, #header.show-bg #nav > ul > .current-menu-item > a, #header.show-bg #nav > ul > a:hover { background-color: rgba(000,000,000,0.04); } / Main Nav / #main-nav ul { font-weight: 400; } #main-nav ul li { width: 100%; padding: 0; margin: 0; position: relative; } #nav ul ul { border-top:2px solid #ddd; } #nav ul ul, #nav ul ul ul { background: #eee } #nav ul ul a { color: #333; } #nav ul ul li { border-bottom: 1px dotted #ddd; } / Icon Nav / #header.show-bg #icon-nav #shop-link span { color:#111; } #header.show-bg #icon-nav #shop-link .shop-items-count { background-color:#E82561; color:#fff; } / Sidebar navigation / #main-nav ul li a { color: #fff; } #main-nav ul li i { color: #ddd; } / ---------------------------------------------------------------------- 9. Paging Navigation /* ---------------------------------------------------------------------- / / Nav links / .nav-links { border-top:1px solid rgba(000,000,000,0.06) } .post-navigation .nav-label { color: #111; } .post-navigation a:hover .nav-label, .post-navigation a.prev-link:hover .nav-label:before, .post-navigation a.next-link:hover .nav-label:after { color:#fff; } .post-navigation .attachment-post-link a { color: #111 } .post-navigation a, .image-navigation a { background-color: #fff; } .post-navigation a.prev-link .nav-label:before, .post-navigation a.next-link .nav-label:after { color: #111; } .post-navigation a.prev-link { border-right: 1px solid rgba(000,000,000,0.06); } .post-nav-preview { background-color: #333; } / Pagination / .paging-navigation .page-numbers { color: #444; border:0; background: #eee; } .paging-navigation .page-numbers.current, .paging-navigation a:hover { background: #898989; } / Custom navigation / .custom-post-nav { color: #ccc; background:#979797 boder:0; } .custom-post-nav:hover { background-color: #1a1b1c } .custom-post-nav a { color: #fff; } .custom-post-nav:hover a { color: #fff } / 6.5 Masonry Grid ------------------------------------ / / Masonry / .masonry-item { background: #fff; } .masonry-anim .masonry-item:after { background: #fff; } / 6.5 Intro ------------------------------------ / / Intro / .intro .meta-col .meta-date, .intro .meta-author > .author-name:hover { color:#fff; font-weight:400 } .intro .caption-bottom .meta-col:not(:first-child) { border-left: 1px solid rgba(255,255,255,0.2); } .intro .caption-bottom .meta-col:last-child { border-left:none } / Circle Button / .intro .share-buttons .circle-btn { color: rgba(255,255,255,0.1); border: 1px solid rgba(255, 255, 255, 0.37); } .intro .share-buttons .circle-btn span { color: rgb(255, 255, 255); } .intro .share-buttons .circle-btn:hover, .intro .share-buttons .circle-btn:hover span { color: #fff; border-color:transparent; } .profile-content .btn.btn-icon:hover .icon { color:#fff; } / Single Event ------------------------------ / .event-start-date { color:#fff; } .countdown .days { color: rgba(000,000,000,0.2); } .countdown .hours { color: rgba(000,000,000,0.3); } .countdown .minutes{ color: rgba(000,000,000,0.4); } .countdown .seconds { color: rgba(000,000,000,0.5); } .countdown .days:after, .countdown .hours:after, .countdown .minutes:after, .countdown .seconds:after { color: rgba(000,000,000,0.4); } / Countdown / .event-countdown.compact .days { color: rgba(000,000,000,0.2); } .event-countdown.compact .hours { color: rgba(000,000,000,0.3); } .event-countdown.compact .minutes{ color: rgba(000,000,000,0.4); } .event-countdown.compact .seconds { color: rgba(000,000,000,0.5); } .event-countdown.compact .days:after, .event-countdown.compact .hours:after, .event-countdown.compact .minutes:after, .event-countdown.compact .seconds:after { color: rgba(000,000,000,0.3); } / Module / .event-countdown.compact { border: 1px solid rgba(000,000,000,0.07); } .event-countdown.compact .upcoming-locations { opacity: 0.6; } / ---------------------------------------------------------------------- 12. Events List /* ---------------------------------------------------------------------- / .masonry-list .event-li { background-color:#f6f6f6 } .masonry-list .event-li.selected, .masonry-list .event-li:hover { background-color:#eee; } .masonry-list .event-li.selected .venue, .masonry-list .event-li.selected .title h2, .masonry-list .event-li:hover .venue, .masonry-list .event-li:hover .title { color:#222; } .masonry-list .event-li.selected .date, .masonry-list .event-li:hover .date { background-color:#E82561; color:#fff } .masonry-list .event-li .date, .masonry-list .event-li .venue, .masonry-list .event-li .title { color:#444; } / ---------------------------------------------------------------------- 12. Blog /* ---------------------------------------------------------------------- / / Blog article / .blog-grid .blog-article, .blog-classic .blog-article { border: 1px solid rgba(000, 000, 000, 0.06); background-color: #f6f6f6; } / Title / .article-title, .article-title a { color: #111; } / Meta / / Categories / .meta-cats a:hover { background-color:#111; color:#fff; } / Meta Top / .meta-col:not(:first-child) { border-left: 1px solid rgba(000,000,000,0.1); padding-left: 20px; } .caption-bottom .meta-col:not(:first-child) { border-left: 1px solid rgba(000,000,000,0.2); } / Author / .meta-author > .author-name { font-weight: 600; text-transform: uppercase; } / Comments / .meta-col .meta-comments a { background-color: #E82561; color:#fff; font-weight:600 } .meta-col .meta-comments .icon { color:#666; } / Date / .meta-col .meta-date { font-weight: 600; color:#444; } / Meta Bottom / .meta-bottom { border-top: 1px solid rgba(000,000,000,0.1); } .meta-share-title { color: #999; } / Tags / .meta-tags-title { font-weight:400; color:#999; } .meta-tags a { color: #999; border: 1px solid #ddd; font-weight:400; } .meta-tags a:hover { color: #fff; border-color:transparent; background-color:#E82561; } / More Link / .more-link, .more-link-excerpt { color: #fff; color: #E82561; } .more-link:hover, .more-link-excerpt:hover { color: #111; } / ---------------------------------------------------------------------- 13. Elements /* ---------------------------------------------------------------------- / / Circle Button / .share-buttons .circle-btn { color: rgba(000,000,000,0.1); border: 1px solid rgba(000,000,000,0.1); } .share-buttons .circle-btn span { color: rgba(000,000,000,0.7); } .share-buttons .circle-btn:hover, .share-buttons .circle-btn:hover span { color: #fff; border-color:transparent; } .share-buttons .circle-btn:hover { background-color:#E82561; } / Tooltip / .tip-content { background: #fff; color:#111; } / SIMPLE THUMB / .thumb-simple { background: #fff; } / THUMB ANIM / .thumb-anim:after { background: #fff; } / Buttons / input[type="submit"]:hover, button:hover, .btn:hover, .widget .btn:hover { background-color:#222; color:#fff; } input[type="submit"].inverted, button.inverted, .btn.inverted, .widget .btn.inverted { background-color:#222; color:#fff; } input[type="submit"].inverted:hover, button.inverted:hover, .btn.inverted:hover, .widget .btn.inverted:hover { background-color:#222; color:#fff; } .btn.btn-icon:hover .icon { color: #fff; } .btn.stamp-btn { background-color:#222; color:#fff; border:2px solid #222; } .btn:hover.stamp-btn { background-color:transparent; color:#222; } .btn.btn-icon.stamp-btn .icon { color:#fff; } .btn.btn-icon.stamp-btn:hover .icon { color:#222; } / ---------------------------------------------------------------------- 13. Grid Elements /* ---------------------------------------------------------------------- / / Hover action / .masonry-item:hover .grid-title, .masonry-item:hover .grid-title a{ color: #111; } .masonry-item:hover .grid-cats, .masonry-item:hover .grid-cats a { color: #444 } / Content / .grid-title, .grid-title a { font-weight: 600; color:#333 } .grid-cats, .grid-cats a { color: rgba(000, 000, 000, 0.8); } .gallery-grid .grid-date, .gallery-shortcode-grid .grid-date { color: rgba(000, 000, 000, 0.9); } .desc-layer .images-count { border: 2px solid #444; color:#444; background-color:#fff } / Thumb Event / .thumb-event { background-color: #fff; } .thumb-event .desc-details { color:#111; } .thumb-event .event-meta-top { margin-bottom: 10%; } .thumb-event .event-day:after { color:#666; } / Thumb Post Count / .thumb-post-count .desc-plus:before { background-color:#fff; } .thumb-post-count .desc-plus:after { background-color:#fff; } .thumb-post-count .desc-count { color:#fff; } / Thumb icon / .thumb .thumb-icon .icon { color: #111; } / Thumb desc / .thumb-desc { background-color: #fff; } .thumb-desc > .desc-layer { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 36%, rgba(255,255,255,0.90) 100%); / FF3.6-15 / background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 36%,rgba(255,255,255,0.90) 100%); / Chrome10-25,Safari5.1-6 / background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 36%,rgba(255,255,255,0.90) 100%); / W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ / } / Thumb Post Count / .thumb-post-count {} .thumb-post-count > img { opacity: 0.2 } .thumb-post-count .desc-plus { opacity: 0.8; } .thumb-post-count .desc-plus:before { background-color:#444; } .thumb-post-count .desc-plus:after { background-color:#444; } .thumb-post-count .desc-count { color:#444; opacity:1; font-size:28px } .thumb-post-count:hover .desc-count, .thumb-post-count:hover .desc-plus { opacity:1; } / ---------------------------------------------------------------------- 14. Filters /* ---------------------------------------------------------------------- / .filter-dropdown { color: #444; } .filter-collpase-btn { border: 1px solid rgba(000, 000, 000, 0.26); border-right-width: 0; } .filter-title, .filter-title-anim { color: #444; } .filter-btn-icon { color: #444; } .filter.loading .filter-btn-icon { background-color: #444; } .filter.is-visible .filter-dropdown-content { background-color: #eee; } .filter-dropdown-content > ul li { background-color: #fff; border: 1px solid rgba(000, 000, 000, 0.26); border-top: none; } .filter-dropdown-content > ul li:hover { background-color: #111; } .filter-dropdown-content > ul li:hover h3 { color:#fff; } .filter-dropdown-content > ul li h3 { color: #111; } / Ajax messages / .ajax-messages .message { border:1px solid #ddd; } / ---------------------------------------------------------------------- 20. Comments /* ---------------------------------------------------------------------- / .comments-section { background-color: #f6f6f6; border-top: 1px solid #ddd; } / Comments / .comment-message { color: #666; font-size:15px; font-weight:500; border-radius:0; border: 1px solid rgba(000, 000, 000, 0.1); } .comments-title { color: #111; } .comments-list { border-top: 1px solid rgba(000,000,000,0.1); } .comment { border-top: 1px solid rgba(000,000,000,0.1); } .logged-in-as a { color: #666; font-size:13px; letter-spacing:0.02em; } .comment .avatar-wrap { background: #ddd; } .comment .comment-body, .comment .comment-meta { color: #444 } .comment .comment-meta { margin-bottom: 0; } .comment .author, .comment .author a { color: #444; } .comment .date { color: #666; } .comment .reply a { color:#666; } .comment .children .comment { border-top: 1px solid rgba(000,000,000,0.1); } / Pingbacks / Trackbacks / .comment-list .pingback, .comment-list .trackback { border-top: 1px dotted #ccc; } .comment-list .pingback .author, .comment-list .trackback .author, .comment-list .pingback .author a, .comment-list .trackback .author a, .comment-list .pingback .author a:hover, .comment-list .trackback .author a:hover { color: #444; } .comment-list .pingback .date, .comment-list .trackback .date { color: #888; } / Response / .form-allowed-tags { color: #888; } .form-allowed-tags span { color: #aaa; } / ---------------------------------------------------------------------- 13. Footer Section /* ---------------------------------------------------------------------- / #footer-widgets, #footer-widgets .footer-col-middle { background: #242427; } #footer-note { background: #fff; color: #444; font-size:15px } #footer-note a { color: #444; } / 21.3 Scroll Button ------------------------------ / #scroll-button { background: #242427; color: #fff; } / ---------------------------------------------------------------------- 22. Widgets /* ---------------------------------------------------------------------- / .content-sidebar .widget { color: #ccc; } .content-sidebar .widget li a { color: #444; } .content-sidebar .widget a { color: #ddd; } .content-sidebar .widget a:hover { color: #E82561; } .content-sidebar .widget abbr[title] { border-color: rgba(255, 255, 255, 0.1); } .content-sidebar .widget mark, .widget ins { color: #000; } .content-sidebar .widget pre, .widget fieldset { border-color: rgba(255, 255, 255, 0.1); } .content-sidebar .widget blockquote { color: rgba(255, 255, 255, 0.7); } .content-sidebar .widget blockquote cite { color: #999; } .content-sidebar .widget table, .widget th, .widget td { border-color: rgba(255, 255, 255, 0.1); } .content-sidebar .widget del { color: rgba(255, 255, 255, 0.4); } .content-sidebar .widget hr { background-color: rgba(255, 255, 255, 0.1); } .content-sidebar .widget p strong { color:#fff; } .content-sidebar .widget input, .content-sidebar .widget textarea { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); color: #999; } .content-sidebar #searchform #s { border-color: rgba(000, 000, 000, 0.1); } .content-sidebar .widget input:focus, .content-sidebar .widget textarea:focus { border-color: rgba(255, 255, 255, 0.3); } .content-sidebar .widget .wp-caption { color: rgba(255, 255, 255, 0.7); } .content-sidebar .widget .widget-title { color: #111 } .content-sidebar #footer-container .widget .widget-title { color: #FFF; } .content-sidebar .widget-title, .content-sidebar .widget-title a { color: #111; } / Tag Cloud Widget / .content-sidebar .widget_tag_cloud .tagcloud a { color: #bbb; border: 1px solid #ddd; } .content-sidebar .widget_tag_cloud .tagcloud a:hover { color: #fff; background-color: #E82561; } / Calendar Widget/ .content-sidebar .widget table#wp-calendar a { background: #3D3E42; color: #FFF; } .content-sidebar .widget table#wp-calendar a:hover { background: #fff; color: #333; } .content-sidebar .widget table#wp-calendar tbody td { border: 1px solid #fff; background-color: #eee; color: #666; } .content-sidebar .widget table#wp-calendar caption { color: #666; } .content-sidebar .widget table#wp-calendar th { color: #fff; background-color: #666; } .content-sidebar .widget table#wp-calendar #next a { color: #666; } .content-sidebar .widget table#wp-calendar #prev a { color: #666; } / List Style Widgets/ .content-sidebar .widget_archive li, .content-sidebar .widget_categories li, .content-sidebar .widget_links li, .content-sidebar .widget_meta li, .content-sidebar .widget_nav_menu li, .content-sidebar .widget_pages li, .content-sidebar .widget_recent_comments li, .content-sidebar .widget_recent_entries li { color: #444; } .content-sidebar .widget_archive li:before, .content-sidebar .widget_categories li:before, .content-sidebar .widget_links li:before, .content-sidebar .widget_meta li:before, .content-sidebar .widget_nav_menu li:before, .content-sidebar .widget_pages li:before, .content-sidebar .widget_recent_comments li:before, .content-sidebar .widget_recent_entries li:before { color: #666; } / Recent Comments / .content-sidebar .widget_recent_comments li > a { background: rgba(0, 0, 0, 0.06); } .content-sidebar .widget_recent_comments li > a:before { border-bottom-color:rgba(0, 0, 0, 0.06); } / Recent Posts Widget / .content-sidebar .widget_recent_entries li { border-bottom:1px solid rgba(255,255,255,0.1); } / RSS Widget / .content-sidebar .widget_rss li a { color: #333; font-weight:400 } .content-sidebar .rssSummary { color: #666; } / Text widget / .content-sidebar .widget p { color:#666 } / ---------------------------------------------------------------------- 23. Custom widgets /* ---------------------------------------------------------------------- / / Tweets / .content-sidebar .tweets-widget li:before { background-color: #eee; color: #222; } .content-sidebar .tweets-widget li:hover:before { color: #fff; background-color: #E82561; } .content-sidebar .tweets-widget li a { color:#888; } .content-sidebar .tweets-widget li a:before { color: #888; } .content-sidebar .tweets-widget li a:hover:before { color: #E82561; } .content-sidebar .tweets-widget li .date a { color: #E82561; } / Recent Posts / .content-sidebar .widget_noisa_recent_posts .rp-list li { border-bottom: 1px solid rgba(255,255,255,0.1); } .content-sidebar .widget_noisa_recent_posts .rp-caption .rp-date { color: #E82561; } / Plugins / / OWL / .owl-theme .owl-controls .owl-page span { background-color: #111; } .owl-theme .owl-controls .owl-page.active span:after, .owl-theme .owl-controls .owl-page span:hover:after { background-color:#111; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #111; } / ---------------------------------------------------------------------- Shortcodes /* ---------------------------------------------------------------------- / / Heading / #site .section-heading { color: rgba(000,000,000, 0.6); } #site .section-heading strong, #site .vc_custom_heading strong { font-weight: 800; color: #111; } / lead / .lead p, .lead { color: #111; } / Tracklist / ol.tracklist li { background-color: rgba(235, 235, 235, 0.62); } ol.tracklist.simple li .simple-track span { color: #111; } ol.tracklist.simple li .simple-track .title { font-weight: 600; } ol.tracklist.simple li .simple-track.sp-play span, ol.tracklist.simple li .simple-track.sp-pause span, ol.tracklist.simple li .simple-track.sp-loading span, ol.tracklist.simple li .simple-track:hover span { color:#fff; } .track.sp-play .track-status:before, .track.sp-pause .track-status:before, .track.sp-loading .track-status:before, .track:hover .track-status:before { text-shadow: none; color:#fff } .track .track-status { border: 2px solid #fff; } .single-track .track-title { color: #111; letter-spacing:0; font-weight:400; } .single-track .track-artists { color: #666; } .track-button i.icon { color: #999; } / Price table / .price-table-inner { border: 2px solid #ddd; background-color: rgba(000, 000, 000, 0.03); } .price-table-inner:hover { box-shadow: none } .price-table-inner ul li { color:#666; } .price-content-list > ul li { border-bottom: 1px solid rgba(000, 000, 000, 0.03); } .price-content-list > ul li:first-child { border-top: 1px solid rgba(000, 000, 000, 0.03); } .price-table-inner ul li.table-title { color: #222; } .price-wrapper .value { color: #222; } .price-wrapper .price { color: #222; } .price-wrapper .mark { color: #222; } / Details List- / .details-list li { color: #333; border-bottom: 1px solid rgba(000,000,000,0.1); } .details-list li span { color: #222; } .details-list li:hover, .details-list li:hover span { color:#111; } / Column Icon / .icon_column .text-holder { color: #333; } .icon_column .text-holder a { color: #333; } .icon_column .icon { color: #666; } .icon_column.icon_top_dark .icon { background: #222225; color: #fff; } .icon_column_title { color: #111; } / Contact Form 7 Special Styles / div.wpcf7 p { color: #444; } span.wpcf7-form-control-wrap input, span.wpcf7-form-control-wrap textarea { border: 1px solid #ccc; color: #444; background-color: rgba(255, 255, 255, 0.8); } .wpcf7-list-item-label { color: #999; } span.wpcf7-form-control-wrap input:hover, span.wpcf7-form-control-wrap textarea:hover, span.wpcf7-form-control-wrap input:focus, span.wpcf7-form-control-wrap textarea:focus { border-color: rgba(000, 000, 000, 0.37); } / VC / / Heading / #site .section-heading { color: rgba(000,000,000, 0.6); } #site .section-heading strong, #site .vc_custom_heading strong { color: #222; } #site .section-subheading { color: rgba(000,000,000, 0.8); } / Tabs / .vc_tta-tab .vc_tta-title-text { color: #111; font-weight:600 } .vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab > a { color: #111; } .vc_tta-panel-heading .vc_tta-title-text { color: #111; } / Tweets / #site .tweets li:before, .tweets li:hover:before { background-color: transparent; color: #222; } .tweets li .date a { color: #222; } .tweets li .date a:hover { color: #222; } .tweets li .date a:before { display:none } / Tweets Slider / .tweets-slider .tweet, .tweets-slider .slide .date, .tweets-slider .slide .date a { color: #222; font-weight: 400; opacity: 1; } / Posts List */ .posts-list a { border-top: 1px solid rgba(000,000,000,0.05); } .posts-list a:last-child { border-bottom: 1px solid rgba(000,000,000,0.05); } .posts-list a.selected, .posts-list a:hover { background-color:#eee; } .posts-list a.selected .cats, .posts-list a.selected .title h2, .posts-list a.selected .date, .posts-list a:hover .cats, .posts-list a:hover .title h2, .posts-list a:hover .date { color:#222; } .posts-list a .date, .posts-list a .cats, .posts-list a .title { color:#222; }

| ver. 1.4 | Github | . | PHP 8.5.7 | Generation time: 0 | proxy | phpinfo | Settings