Файловый менеджер

Файловый менеджер - Редактировать - /home/beautybuzzbeyond/public_html/wp-content/themes/music-night/css/shortcodes.css

Назад
/* Button 1/ .post-password-form p input[type="submit"], .form-submit #submit, .default_btn, .btn-1{ width: auto; color: #fff; font-size: 16px; font-weight: bold; line-height: normal; display: inline-block; padding: 10px 30px 10px; text-transform: capitalize; } .post-password-form p input[type="submit"]:hover, .default_btn.theme-bg_btn:hover, .form-submit #submit:hover, .btn-1:hover{ color: #fff; } .default_btn.theme-bg_btn:hover, .artist-banner-thumb .btn-1:hover, .comment-form .submit.btn-1:hover, .msl-concert-list .btn-1.theme-bg:hover{ background-color: #000 !important; color: #fff; } .post-password-form p input[type="submit"], .default_btn.theme-bg_btn{ border-radius:30px; background:#eb0e46; } / ============================================================ Heading 1 Css Start ============================================================ / .msl-heading{ float: left; width: 100%; } .msl-heading h5{ float: left; width: auto; color: #fff; font-size: 20px; padding: 10px 20px; margin-bottom:20px; font-weight: normal; text-align:left; line-height: normal; text-transform: capitalize; border-radius: 0 0 5px 5px; } / ============================================================ Music Tab Css Start ============================================================ / .msl-tab-nav{ float: left; width: 100%; border:none; } .msl-tab-nav li{ float: left; width: auto; margin: 0 0 0 15px; } .msl-tab-nav li:first-child{ margin-left:0; } .msl-tab-nav li a{ margin: 0; color: #666; float: left; border:none; width: auto; padding: 14px 0 13px; font-size: 14px; font-weight: bold; line-height: normal; text-transform: capitalize; } .msl-heading .msl-tab-nav{ float: right; width: auto; } / ============================================================ Blog Post Meta Css End ============================================================ / .blog-post-meta{ float: left; width: 100%; } .blog-post-meta .blog-info{ float: left; width: auto; } .blog-post-meta .blog-info{ margin-right: 25px; } .blog-post-meta .blog-info i{ margin: 0 0 0 10px; } .blog-post-meta .blog-info:last-child{ margin: 0; } .blog-info a, .blog-info span{ width: auto; color: #888; font-size: 15px; line-height: 15px; text-transform: capitalize; } .blog-admin a{ color: #333; font-weight: bold; } .blog_meta li a i, .blog_meta li span i{ margin-right: 10px; } .blog_meta .heart i{ color: #fe0000; } .sep{ margin: 0 3px; } .msl-label{ width: auto; color: #fff; font-size: 14px; padding: 4px 20px; line-height: normal; display: inline-block; } / ============================================================ Lables Style Start ============================================================ / /Lable 1/ .lable_1{ width: auto; color: #fff; font-size: 14px; font-weight: bold; line-height: normal; display: inline-block; padding: 7px 17px 8px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } /Lable 2/ .label2{ color: #fff; font-size: 14px; font-weight: bold; position: relative; line-height: normal; padding: 5px 12px 6px; display: inline-block; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } / ============================================================ Input Style 1 Start ============================================================ / .kode-textarea, .select_dec, .input_dec{ float: left; width: 100%; position: relative; margin-bottom: 20px; } .select_dec{ float: left; width: 100%; position: relative; margin-bottom: 30px; } .select_dec::before { top: 50%; right: 25px; color: #a4a3a3; font-size: 24px; content: "\f107"; font-weight: bold; margin-top: -16px; position: absolute; font-family: "FontAwesome"; } .kf_commet_field input[type="text"], .input_textarea textarea, .select_dec select, .kode-textarea textarea, .input_dec input[type="text"]{ float: left; width: 100%; text-align: left; min-height: 48px; -moz-appearance:none; -webkit-appearance:none; padding: 14px 25px 15px; border: 1px solid rgba(255, 255, 255, 0.2); text-transform: capitalize; background-color: #fff; } .select_dec select { border-radius:0px; padding-left: 20px; padding-right: 20px; -moz-border-radius:0px; -webkit-border-radius:0px; } .select_dec select option{ color: #666; font-size: 14px; line-height: normal; text-transform: capitalize; } .input_textarea{ float: left; width: 100%; margin-bottom: 30px; } .kode-textarea textarea, .input_textarea textarea{ height: 170px; resize:none; } .kode-left-comment-sec, .input_dec_divider{ margin: 0 -15px; } .kode-left-comment-sec .kf_commet_field, .input_dec_divider .input_dec{ float: left; width: 25%; padding:0 15px; } .wpcf7-form .light_bg.comment-form .kode-left-comment-sec .kf_commet_field{ width: 50%; } .input_label{ overflow: hidden; position: relative; } .kode-textarea textarea:-webkit-input-placeholder, .kf_commet_field input:-webkit-input-placeholder{ color: #888; opacity: 1; } .kode-textarea textarea::-moz-placeholder, .kf_commet_field input::-moz-placeholder{ color: #888; opacity: 1; } .submit.btn-1{ border:none; } / ============================================================ Music Social Css Start ============================================================ / .msl-social{ float: left; width: auto; margin:0px; } .msl-social li{ float: none; width: auto; margin: 0 6px -5px; display: inline-block; } .msl-social li:first-child{ margin-left:0; } .msl-social li:last-child{ margin-right:0; } .msl-social a{ float: left; width: 35px; height: 35px; font-size: 16px; line-height: 35px; text-align: center; border:1px solid rgba(255,255,255,.3); } .msl-social a i{ margin: 0; } .msl-social a:hover{ color: #fff; } .tags_wrap .msl-social li{ background:transparent; } .tags_wrap .msl-social li.fb a{ color:#005397; } .tags_wrap .msl-social li.tw a{ color:#00aedd; } .tags_wrap .msl-social li.lkd a{ color:#005397; } .tags_wrap .msl-social li.yt a{ color:#880037; } .tags_wrap .msl-social li.igm a{ color:#dd0061; } .tags_wrap .msl-social li.pst a{ color:#880037; } .fb{ background-color:#005397; } .tw{ background-color:#00aedd; } .lkd{ background-color:#005397; } .yt{ background-color:#880037; } .igm{ background-color:#dd0061; } .pst{ background-color:#880037; } /Social Radius Start/ .social-radius li a{ width: 28px; height: 28px; font-size: 11px; line-height: 28px; border-radius: 100%; } /Social Radius End/ /Editor Label Start/ .editor-label{ top: 20px; left: 20px; color: #fff; font-size: 15px; position: absolute; padding: 5px 15px 4px; background-color: #292e32; text-transform: capitalize; } .editor-label i{ margin: 0 10px 0 0; } /Editor Label End/ .rating-wrap { float: left; width: 100%; line-height: 14px; } .rating_down { background-image: url("../images/stars1.png"); background-position: 0 0; background-repeat: repeat-x; display: inline-block; float: none; height: 14px; width: 80px; } .rating_up { background-image: url("../images/stars1.png"); background-position: 0 -17px; background-repeat: repeat-x; display: inline-block; float: left; height: 100%; } / ============================================================ Blog Meta List Start ============================================================ / .blog-meta-list{ float: left; width: 100%; } .blog-meta-list li{ float: left; width: auto; color: #888; list-style:none; font-size: 15px; margin: 0 0 0 15px; } .blog-meta-list li:first-child{ margin-left:0; } .blog-meta-list li a{ color: #888; } .blog-meta-list li i{ margin: 0 10px 0 0; } / ============================================================ Date Box Css Start ============================================================ / .date-box{ float: left; color: #fff; width: 64px; height: 64px; padding: 7px 0; text-align: center; } .date-box b{ float: left; width: 100%; font-size: 30px; margin: 0 0 -6px; line-height: normal; } .date-box span{ float: left; width: 100%; font-size: 12px; } / ============================================================ Dropdown Css Start ============================================================ / .dropdown-menu li{ margin:0; float: left; width: 100%; border-bottom:1px solid #c6c6c6; } .dropdown-menu li:last-child{ border:none; } .dropdown-menu li a{ margin:0; float: left; width: 100%; padding:10px 15px; } .nav-tabs .dropdown-menu{ left: auto; right: 0; } / ============================================================ Figure Hover Effect Css Start ============================================================ / .new-album-thumb:hover figure img, .masonry-thumb:hover figure img, .msl-event:hover > figure img, .msl-video-thumb:hover > figure img, .msl-featured-thumb:hover > figure img{ opacity: 0.5; transform: scale(1.2) rotate(5deg); -o-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); -moz-transform: scale(1.2) rotate(5deg); -webkit-transform: scale(1.2) rotate(5deg); } img{ -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; } / ============================================================ Music Pagination Css Start ============================================================ / .msl-pagination-wrap{ float: left; width: 100%; margin: 30px 0; padding: 12px 0 0; border-width: 1px 0; border-style: solid; border-color: #e4e4e4; } .msl-pagination-wrap > div{ width: 33.3%; float: left; } .page-numbers, .page-result{ display: inline-block; width: 25px; height: 25px; line-height: normal; border:1px solid #e4e4e4; text-align: center; font-size: 12px; color: #999999; margin: 0 6px; position: relative; padding: 4px 0; } .page-numbers:first-child, .page-result:first-child{ margin-left:0; } .page-numbers:last-child, .page-result:last-child{ margin-right:0; } .page-result.page-title{ width: auto; border:none; font-size: 14px; color: #666; margin: 0 14px 0 0; } .page-result.page-title:hover{ color: #666; } .msl-pagination-wrap > div.pull-right{ text-align: right; } .msl-pagination{ text-align: center; } .msl-pagination .page-numbers{ border:none; height: inherit; margin: 0 2px; width: 15px; padding-bottom:20px; } .msl-pagination .page-numbers:before{ position: absolute; bottom: 0; right: 0; left: 0; opacity: 0; content: ""; height: 2px; width: 100%; } .msl-pagination .page-numbers:hover:before, .msl-pagination .page-numbers.active:before{ opacity: 1; } .mg-20{ margin: 0 0 20px; } .mg-30{ margin: 0 0 30px; } .mg-40{ margin: 0 0 40px; } .bottom-arrow{ position: relative; padding: 0 0 30px; margin: 0; } .bottom-arrow.slick-dotted.slick-slider{ margin: 0; } .bottom-arrow:before{ position: absolute; bottom: 0; left: 0; right: 100px; height: 1px; content: ""; } .bottom-arrow .slick-arrow{ bottom: 0px; right: 0; top: auto; left: auto; color: #999; transform: translate(0); -o-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); } .main-slider-vertical.bottom-arrow .slick-prev{ right: 45px; } .main-slider-vertical.bottom-arrow .slick-arrow{ bottom: -20px; } / ============================================================ Home 2 Meta tags ============================================================ / .kf_meta_tags{ float: left; width: auto; } .kf_meta_tags li{ float: left; width: auto; position: relative; margin-right: 15px; padding-right: 15px; } .kf_meta_tags li:before{ position: absolute; content: ""; top:0px; right: 0px; bottom: 0px; border-right: 1px solid #a5a5a5; } .kf_meta_tags li span{ float: left; width: 18px; text-align:center; display: inline-block; margin-right: 5px; } .kf_meta_tags strong{ font-size: 14px; font-weight: normal; color:#a5a5a5; text-transform: capitalize; } .kf_meta_tags p{ line-height: 19px; margin-bottom: 0px; color:#333333; } / ============================================================ Meta Quotes 2 ============================================================ / .meta_quote{ float: left; width: 100%; padding: 0px; margin: 0px; } .meta_quote li{ float: left; width: auto; list-style: none; margin-right: 30px; } .meta_quote li:last-child{ margin-right: 0px; } .meta_quote li a, .meta_quote li span{ font-size: 14px; color: #333333; text-transform: uppercase; } .meta_quote li a{ display: inline-block; margin-left: 5px; } .meta_quote li:last-child a{ margin-left: 0px; } ol.meta_quote li a b{ color: #333333; font-weight: normal; } ol.meta_quote li a i{ margin-right: 5px; } / ============================================================ Home 2 buttons styles ============================================================ / .kf_radio_buttons{ float: right; width: auto; padding: 4px 0px 0px } .kf_radio_buttons a{ float: left; margin-right: 15px; } .kf_radio_buttons a:last-child{ margin-right: 0px; } .radio_btn{ display: inline-block; width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; font-size: 15px; background: #333; color:#fff; } .btn_normal{ display: inline-block; padding: 6px 20px; text-transform: capitalize; font-size: 15px; border-radius: 30px; } .border_btn{ background: transparent; color:#fff; border:2px solid #fff; } .bk_border_btn{ border:1px solid #4b4b4b; color:#4b4b4b; } .bk_border_btn:hover{ background: #4b4b4b; color:#fff; } .bgcolr-default:hover{ background: #eee; } / ============================================================ Home 2 overlay ============================================================ / .overlay{ float: left; width: 100%; position: relative; z-index: 10; } .overlay:before{ position: absolute; content: ""; top:0px; left: 0px; right: 0px; bottom: 0px; background: url("../images/pettren_img1.png") repeat scroll 0 0%, #0f0f0f none repeat scroll 0 0; opacity: 0.85; z-index: -1; } / ============================================================ Home 2 social icons ============================================================ / .social_media_icons{ float: left; width: 100%; padding: 20px 0px; } .social_icons{ float: left; width: 100%; } .social_icons li{ display: inline-block; width: auto; margin-right: 16px; } .social_icons li:last-child{ margin-right: 0px; } .social_icons li a{ display: inline-block; border-radius: 30px; background: transparent; border:1px solid #fff; text-transform: uppercase; padding: 10px 20px 10px 55px; color:#fff; position: relative; font-weight: 600; } .social_icons li a:before{ background: #fff none repeat scroll 0 0; border-radius: 30px; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px; width: 17%; opacity: 0; } .social_icons li a i{ width: 36px; height: 36px; text-align: center; line-height: 36px; color:#ee351f; background: #fff; border-radius: 100%; position: absolute; margin-top: -18px; top:50%; left: 4px; } .social_icons li a b{ left: 0; margin-top: -11px; position: absolute; right: 0; text-align: center; top: 0%; opacity: 0; } .social_icons li:hover a:before{ width: 92%; opacity: 1; } .social_icons li:hover a i{ } .social_icons li:hover a b{ top:50%; opacity: 1; } / ============================================================ social icons 2 ============================================================ / .kode_social_icons{ float: left; width: 100%; } .kode_social_icons li{ display: inline-block; margin-right: 2px; } .kode_social_icons li:last-child{ margin-right: 0px; } .kode_social_icons li a{ display: inline-block; border: 1px solid #fff; color: #fff; font-size: 20px; height: 36px; line-height: 35px; text-align: center; width: 36px; } .kode_social_icons li:hover a{ background: #fff; } / ============================================================ Home 2 Heading style ============================================================ / .heading_ho2{ float: left; width: 100%; text-align: center; margin-bottom: 36px; } .heading_ho2 h3{ font-weight: bold; text-transform: uppercase; position: relative; color:#333; padding-bottom: 9px; margin-top: -6px; } .heading_ho2 h3:before, .heading_ho2 h3:after{ position: absolute; content: ""; bottom:0px; left: 0px; right: 0px; border-bottom:1px solid; width: 60px; margin: 0 auto; } .heading_ho2 h3:after{ bottom: -6px; right: -20px; } / ============================================================ Home 2 hover effects ============================================================ / .effect{ position: relative; } .effect figure:before{ position: absolute; content: ""; top:0px; left: 0px; right: 0px; bottom: 0px; opacity: 0; border-radius: 100%; z-index: 1; } .effect:hover figure:before{ top:0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.7; } .effect figure{ overflow: hidden; border:8px solid; } .effect figure a{ display: inline-block; font-size: 0px; color: #fff; position: absolute; top:50%; left: 0px; right: 0px; margin: -15px auto; text-align: center; z-index: 2; } .effect:hover figure a{ font-size: 30px; } .kf_music_albums figure{ border:2px solid #333; } .kf_music_albums figure img{ -o-transform: scale(1) rotateZ(0deg); -webkit-transform: scale(1) rotateZ(0deg); -moz-transform: scale(1) rotateZ(0deg); transform: scale(1) rotateZ(0deg); } .effect:hover figure img{ -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } div.kf_music_albums:hover figure img{ -o-transform: scale(1) rotateZ(340deg); -moz-transform: scale(1) rotateZ(340deg); -webkit-transform: scale(1) rotateZ(340deg); transform: scale(1) rotateZ(340deg); } .kf_gallery_fig .them_overlay:before{ z-index:99; opacity:0.7; } .kf_gallery_fig figcaption{ left: 0; padding: 0 40px 0 50px; position: absolute; text-align: center; top: 50%; margin-top:-65px; width: 100%; z-index:999; } .kf_gallery_fig:hover figure img{ transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); } .kf_gallery_fig figcaption > a{ background: #1f1f1f none repeat scroll 0 0; border-radius: 3px; color: #ffffff; display: inline-block; font-size: 12px; margin-bottom: 10px; margin-right: 5px; padding: 7px 15px; text-transform: uppercase; } .kf_gallery_fig:hover figcaption > a{ margin-bottom:7px; } .kf_gallery_fig figcaption span i { margin-right: 6px; } .kf_gallery_fig figcaption h1{ font-weight: 700; margin-bottom:18px; } .kf_gallery_fig:hover figcaption h1{ margin-bottom:10px; } .kf_gallery_fig figcaption h1 a{ color:#fff; } .kf_date{ text-align:center; margin-top:0px; } .kf_gallery_fig .kf_date{ margin:15px 0px 0px; } .kf_date li{ display:inline-block; margin-right:10px; line-height:normal; } .kf_date li:last-child{ margin-right:0px; } .kf_date li a{ display:inline-block; color:#fff; font-weight:normal; text-transform:uppercase; } .kf_gallery_fig .kf_paly i{ margin-left:6px; } .kf_gallery_fig .kf_paly{ height:50px; width:50px; z-index:888; background:none; border:2px solid #fff; right:25px; top:47px; line-height:45px; color:#fff; } .kf_gallery_fig .them_overlay img { height: auto; } .gallery-item.without-padding{ padding:0px; } .kf_paly{ background: rgba(0, 0, 0, 0.67) none repeat scroll 0 0; border-radius: 50%; color: rgba(255, 255, 255, 0.82); font-size: 24px; height: 54px; line-height: 53px; position: absolute; right: 0px; left:0px; margin:auto; text-align: center; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18); text-transform: none; top: 15px; width: 54px; z-index: 25; } ul.portfolio-section, .portfolio-section ul{ list-style:none; padding:0px; width:auto; margin-bottom:0px; margin-top:0px; } ul.portfolio-section li.clear{ margin:0px; padding:0px; } .kode_portfolio_tab{ float:left; width:100%; text-align:center; } .kode_portfolio_tab > ul > li { display:inline-block; padding-right:3px; } .kode_portfolio_tab > ul > li > a{ display:block; padding:15px 30px; color:#666666; font-size:16px; line-height:normal; background-color:#fff; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.18); } .kode_portfolio_tab > ul > li.active a,.kode_portfolio_tab > ul > li:hover a{ color:#fff; } /Gallery List Wrap Start/ .filterable_container{ margin-left:-15px; margin-right:-15px; } .filterable_container .home_gallery{ width:300px; float:left; padding-left:15px; padding-right:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } /FOR 4 COLUMNS/ .filterable_container .home_gallery.k_column_4{ width:300px; } /FOR 2 COLUMNS/ .filterable_container .home_gallery.k_column_2{ width:600px; } /FOR 3 COLUMNS/ .filterable_container .home_gallery.k_column_3{ width:400px; } .container .portfolio-section{ margin-left:-15px; margin-right:-15px; } .product-items:hover figure img{ opacity:1; } .slider-item-new .msl-eventlist2 .eventlist2-link .btn-1{ background:#f9f9f9; } .msl-eventlist2{ background:#f9f9f9; } .kode_banner_wrap .bx-wrapper{ border:none; box-shadow:0px 0px; } .kode_banner_wrap .bx-wrapper{ margin-bottom:0px; } .pager_link{ bottom: 30px; left: 0; margin: auto; position: absolute; right: 0; text-align: center; z-index:999; } .pager_link img{ float:none; display:inline-block; text-align:center; margin:auto; width:123px; height:75px; } .pager_link a{ margin-right:16px; display:inline-block; } .pager_link a.active{ display: inline-block; outline: 4px solid #d2973b; outline-offset: -4px; } .contact-element-class-widget .widget-item.kode-widget-item.kode-sidebar-element .widget.kode-widget.widget_musicnight_question_widget{ width:50%; } / =================================== MUSIC BANNER START =================================== / .banner_text_btn, .banner_small_text, .music_banner figure img, .music_banner{ float:left; width:100%; } .music_banner{ position:relative; } .music_banner figure:before{ position:absolute; content:""; top:0px; left:0px; right:0px; bottom:0px; background-color:#000; opacity:0.7; } .music_banner figure:after { position: absolute; content: ""; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.9; transition: all 0.3s ease-in-out; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 77%, #000); } .paly_btn{ position:absolute; top:50%; text-align:center; left:0px; height:74px; width:74px; border-radius:100%; font-size:30px; color:#fff; line-height:74px; display:inline-block; right:0px; margin:-40px auto; z-index:1; } .banner_text{ position:absolute; bottom:80px; left:100px; width:700px; } .banner_small_text{ text-transform:uppercase; color:#fff; margin-bottom:7px; } .banner_big_text{ font-size:40px; font-weight:700; color:#fff; text-transform:capitalize; line-height: normal; margin-bottom:24px; } .banner_big_text span{ display:block; line-height: 45px; } /defult btn start/ .defult_btn{ display:inline-block; text-transform:uppercase; font-weight:600; color:#fff; padding:9px 0px; border:3px solid; width:156px; text-align:center; } .banner_text_btn .defult_btn{ margin-right:4px; } .banner_text_btn .defult_btn:last-child{ margin-right:0px; } .defult_btn:hover{ color:#fff; } .music-heading-3{ display: inline-block; width: 100%; float: left; text-align: left; } .kode-simple-heading .music-heading-3 h3{ position: relative; display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 30px; padding: 0px; margin:0px; } .music-heading-3.text-align-center{ text-align: center; } .music-heading-3.text-align-right{ text-align: right; } .music-heading-3 h3 span span span span{ display: inline-block; padding: 0 47px; } .music-heading-3 h3 span{ display: inline-block; width: 100%; color: #fff; position: relative; } .music-heading-3 h3 span:before{ position: absolute; content: ""; top:0px; left: 0px; } .music-heading-3 h3 span span span:before, .music-heading-3 h3 span span:before{ left: 10px; } .music-heading-3 h3 span span span:after, .music-heading-3 h3 span span:after{ right: 10px; } .music-heading-3 h3 span span span span:after, .music-heading-3 h3 span span span:after, .music-heading-3 h3 span span span span:before, .music-heading-3 h3 span span span:before{ margin-top: -28px; } .music-heading-3 h3 span span span span:after{ right: 0px; } .music-heading-3 h3 span span span span:before{ left: 0px; } .music-heading-3 h3 span:after{ position: absolute; content: ""; top:0px; right: 0px; } .music-heading-3 h3 span:before, .music-heading-3 h3 span:after{ width: 6px; height: 6px; border-radius: 100%; background: #EB0E46; top:70%; margin-top: -39px; } .music-heading-3 h3 span span span span span{ padding: 0px; padding-bottom: 22px; margin-bottom: 15px; } .music-heading-3 h3 span span span span span:before, .music-heading-3 h3 span span span span span:after{ position: absolute; content: ""; bottom: 0px; top:auto; height: auto; border-radius: 0px; } .music-heading-3 h3 span span span span span:before{ bottom: 0px; left: 0px; width: 50%; border-bottom: 3px solid #EB0E46; z-index: 2; } .music-heading-3 h3 span span span span span:after{ left: 0px; width: 100%; right: 0px; border-bottom: 3px solid #fff; } .music-heading-3 p{ color: #fff; display: inline-block; margin-bottom: 0px; } / ====================================================== 404 PAGE =======================================================/ .content_404{ float: left; width: 100%; background-image: url(images/404-bg.png); background-repeat: no-repeat; background-size: cover; position: relative; text-align: center; /margin-bottom:29px;/ padding: 0px 0 70px; } .content_404:before{ opacity: 0.80; } .content_caption_404{ float: left; width: 100%; text-align: center; position: relative; } .content_caption_404 h3{ font-weight: bold; text-transform: uppercase; font-family: 'Zilla Slab', serif; margin-bottom: 15px; margin-top: 0px; } .content_caption_404 p{ font-weight: bold; color:#fff; margin-bottom: 22px; } .content_caption_404 h2{ font-size: 80px; font-weight: bold; line-height: normal; color:#fff; font-family: 'Zilla Slab', serif; margin-bottom: 21px; } .content_caption_404 form{ float: left; width: 100%; margin-bottom: 35px; } .church_search_02{ float: none; display: inline-block; width: 475px; position: relative; } .church_search_02 input{ width: 100%; float: left; height: 50px; border:1px solid #fff; background: transparent; padding: 0px 15px; font-size: 15px; color:#fff; } .church_search_02 button{ position: absolute; top:50%; right: 9px; margin-top: -12px; font-size: 16px; color:#fff; font-weight: bold; background: transparent; } .error404 .sub-banner.header-style-2{ margin-bottom:0px; } .vertical-overlay{ position:relative; } .vertical-overlay:before{ position:absolute; content:""; top:0px; left:0px; right:0px; bottom:0px; background-color:#000; opacity:0.7; z-index: 3; } / ============================================================== 404 PAGE WRAP CSS START ============================================================== */ .kf_404_bg{ padding-bottom:60px; padding-top:70px; } .kf_404_wrap{ width:685px; margin:auto; text-align:center; } .kf_404_wrap h2{ margin-top:-4px; font-size:100px; margin-bottom:30px; font-weight:bold; line-height:85px; } .kf_404_wrap h2 span{ font-size:80px; display:inline-block; font-weight:bold; padding:0px 5px; } .kf_404_wrap h4{ font-weight:bold; text-transform:uppercase; position:relative; margin:0px 0px 30px; } .kf_404_wrap h4:before{ content:""; position:absolute; bottom:0px; width:50px; left:0px; right:0px; margin:auto; height:2px; } .kf_404_wrap h5{ color:#16283c; text-transform:uppercase; margin-bottom:30px; } .kf_404_wrap h5 span{ display:block; } .kf_404_wrap p{ text-transform:uppercase; color:#fff; margin-bottom:30px; line-height:normal; } .kf_404_form{ position:relative; width:535px; height:55px; margin:auto auto 43px; border:1px solid #c8c8c8; } .kf_404_form input[type="text"]{ width:100%; border:0px; padding:17px 60px 16px 40px; color:#888888; } .kf_404_form button, .kf_404_form input[type="submit"] { position:absolute; right:0px; top:0px; color:#fff; height:53px; padding:0px 25px; font-weight:bold; text-transform:uppercase; font-size:16px; } .kf_404_form button:hover, .kf_404_form input[type="submit"]:hover{ background-color:#020202; } .kf_404_form i{ position:absolute; font-size:16px; color:#b2b2b2; left:10px; top:19px; }

| ver. 1.4 | Github | . | PHP 8.0.30 | Генерация страницы: 0 | proxy | phpinfo | Настройка