Файловый менеджер - Редактировать - /home/beautybuzzbeyond/public_html/wp-content/themes/music-night/css/widget.css
Назад
.widget{ float: left; width: 100%; position: relative; } aside .widget{ margin-bottom: 40px; } /*Widget Holiday Start*/ .widget-holiday .msl-featured-thumb .blog-post-meta{ margin: 0 0 27px; } .widget{ float:left; width:100%; } .widget-holiday .msl-featured-thumb figure{ margin: 0 0 24px; } /*Widget Holiday End*/ /*Widget Latest Reviews Start*/ .latest-reviews > .msl-featured-thumb{ margin: 0 0 23px; } /*Widget Latest Reviews End*/ /*Widget Social Start*/ .widget-social .msl-social li{ margin: 0 4px -5px; } /*Widget Social End*/ /*Widget Categories Start*/ .widget.widget_categories{ padding-bottom:23px; } .widget_categories ul{ float: left; width: 100%; } .widget_categories ul li{ float: left; width: 100%; font-size: 16px; line-height: 16px; text-align: right; margin: 0 0 22px 0; text-transform: capitalize; } .widget_categories ul li:first-child{ margin-top:-2px; } .widget_categories ul li:last-child{ margin-bottom:0px; } .widget_categories ul li a{ float: left; width: auto; color: #4d4d4d; position: relative; font-weight: bold; } .widget_categories ul li a:hover{ padding: 0 0 0 10px; } .widget_categories ul li a:before{ float: left; width: auto; content: "\f105"; margin: 0 15px 0 0; color: #999; font-family: "fontawesome"; } .widget_categories .loadmore{ margin: 6px 0 0 0; padding: 9px 0 10px; } .widget_categories ul li a:hover:before{ color: currentColor; } /*Widget Categories End*/ /*Widget Artist Rank Start*/ .artists-rank-list{ float: left; width: 100%; } .artists-rank figure{ width: 60px; height: 60px; border-radius: 0%; border:2px solid #4e4e4e; margin: 0 20px 0 5px; } .artists-rank:hover figure img{ opacity: 0.3; } .artists-rank{ float: left; width: 100%; margin: 0 0 5px; padding:15px 0px; /*border-radius:10px;*/ background:#fff; } .artists-rank .rank-no{ float: left; width: 40px; display:none; height: 36px; color: #c2c7d2; font-size: 26px; line-height: 60px; font-weight: bold; text-align: center; } .artists-rank h6{ margin:0px; } .artists-rank h6 a{ float: left; width: 100%; font-weight: bold; line-height: 18px; margin:0px; font-size:15px; } .artists-rank p{ float: left; width: 100%; margin: 0; } /*Widget Artist Rank End*/ /*Widget Audio Player Start*/ .widget-player{ float: left; width: 100%; background:#fff; } .widget-player .opt-pos-static{ float: left; width: 100%; position: relative; padding: 350px 0 0; overflow:hidden; } .widget-player .jp-playlist-container{ top: 0; left: 0; right: 0; max-height: 350px; position: absolute; } .widget-player .jp-playlist-container ul{ height: 350px; } .widget-player .jp-playlist{ display: block !important; } .widget-player .jp-playlist ul{ background-color: transparent !important; } .widget-player .jp-playlist li{ float: left; width: 100%; padding:9px 15px; margin: 0; background-color: transparent; } .widget-player .jp-playlist li.jp-playlist-current{ background-color: #fff; } .widget-player .jp-playlist li.jp-playlist-current::before{ display: none; } .widget-player .jp-playlist.jp-gui-bg li > div{ padding: 0; } .widget-player .jp-jukebox, .widget-player .jp-jukebox a, .widget-player .jp-jukebox .jp-viewstate-control{ color: #3d3d3d; } .widget-player .jp-playlist a.jp-playlist-item{ padding: 4px 0; height: 49px; font-size: 15px; } .widget-player .jp-playlist a.jp-playlist-item-download, .widget-player .jp-playlist a.jp-playlist-item-remove{ height: 49px; line-height: 49px; } .widget-player .jp-playlist a.jp-playlist-item-buy{ display: none; } .widget-player .jp-playlist .jp-playlist-item-cover{ width: 49px; height: 49px; border-radius: 0%; border:2px solid; overflow: hidden; position: relative; background-color: #171e22; margin: 0 15px 0 0; } .widget-player .jp-playlist .jp-playlist-item-cover:before{ position: absolute; top: 50%; left: 0; right: 0; color: #fff; z-index: 1; content: "\f04b"; font-family: "fontawesome"; text-align: center; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .widget-player .jp-playlist li.jp-playlist-current .jp-playlist-item-cover:before{ content: "\f04c"; } .widget-player .jp-playlist .jp-playlist-item-cover img{ float: left; width: 100%; opacity: 0.3; } .widget-player .jp-playlist span.jp-artist{ float: left; width: 100%; font-size: 12px; line-height: 12px; border-radius:0px; } .widget-player .jp-viewstate-control button,.widget-player .jp-interface{ background-color: #eaeaea; } .widget-player .opt-ui-cover .jp-cover{ display: none !important; } .widget-player .jp-details{ position: static; } .widget-player .opt-ui-cover .jp-details .jp-title{ margin: 0; float: left; width: 100%; color: #4d4d4d; font-size: 12px; font-weight: bold; } .widget-player .jp-seek-bar{ background-color: #555558; } .widget-player .jp_column-right-inner button, .widget-player .jp-controls button{ color: #171e22;width: auto; display: inline-block; float: none !important; } .widget-player .jp-controls button.jp-play{ background-color: #171e22; border-color: #171e22; margin: 0 5px; color: #fff; width: 40px; border-radius:0px; } .widget-player .jp-controls button:before{ line-height: normal; } .widget-player .jp-toggles button.jp-show-playlist, .widget-player .jp-controls button.jp-stop{ display: none !important; } .widget-player .opt-pos-static .jp_column-left { width: 166px; display: block; margin: 0 auto -40px; float: none; } .widget-player .opt-pos-static .jp_column-mid{ margin: 0 0 20px; } .widget-player .jp_column-right-inner{ float: left; width: 100%; height: 40px; overflow: hidden; } .widget-player .jp_column-right .jp_column-mid { float: left; margin: 0 0 0px; text-align: left; width: auto; padding: 4px 0; } .widget-player .jp-current-time,.widget-player .jp-duration{ width: auto; margin: 0 0 0 2px; } .widget-player .jp-volume-controls, .widget-player .jp-controls-holder{ padding: 0; margin: 0; float: none; display:inline-block; } .widget-player .jp_column-right{ text-align: right; } .widget-player .jp-controls-holder{ float: right; height: inherit; } .widget-player .jp_column-right-inner button{ text-align: left; } .widget-player .jp_column-right-inner .jp-toggles > button.jp-repeat{ margin: 0 !important; font-size: 0; } .widget-player .jp_column-right-inner .jp_container-bar-s > div:first-child::before { display: none; } .widget-player .jp_column-right-inner .jp_container-bar-s > div::before { color: currentcolor; content: "/"; float: left; font-size: 10px; padding: 0 2px; } .widget-player .jp-interface{ padding:12px 30px 25px; border-bottom: 1px solid; background:#fff; } .widget-player .jp-controls button.jp-previous::before { content: "\e91f"; font-family: 'icomoon'; } .widget-player .jp-controls button.jp-next::before { content: "\e921"; font-family: 'icomoon'; } .widget-player button.jp-shuffle:before{ content: "\e920"; font-family: 'icomoon'; } .widget-player button.jp-repeat{ display: none !important; } .widget-player .jp-shuffle { font-size: 0; height: 22px !important; margin: 0 0 0 10px !important; overflow: hidden; width: 24px; } /*Widget Audio Player Start*/ /* ============================================================ LOGIN AND REGISTOR ============================================================ */ .kode_login_registor{ float: left; width: 100%; padding: 50px 0px; } .login-text{ float: left; width: 100%; margin-bottom: 15px; } .login-text input{ -moz-appearance: none; background-color: #fff; border: 1px solid #d7d7d7; float: left; min-height: 48px; padding: 14px 25px 15px; text-align: left; text-transform: capitalize; width: 100%; } .kode_text_felid{ float: left; width: 100%; text-align: center; } .kode_text_felid span{ float: left; text-align: left; width: 100%; display: inline-block; margin-bottom: 15px; font-size: 14px; color: #666666; text-transform: capitalize; } .kode_text_felid h4{ font-size: 24px; font-weight: bold; color:#eb2026; text-transform: capitalize; margin-bottom: 29px; margin-top: -6px; } .kode_grid_login li{ position: relative; } .kode_grid_login li:before{ border-right: 1px solid #d7d7d7; content: ""; margin-top: -75px; min-height: 150px; position: absolute; right: -8px; top: 50%; } .kode_grid_login li:last-child:before{ display: none; } .login_checkbox{ float: left; width: 50%; padding: 12px 0 0 24px; } .login_checkbox input{ display: none; } .login_checkbox span{ display: inline-block; float: left; position: relative; width: auto; } .login_checkbox label{ margin-bottom: 0px; font-size: 14px; color: #666666; text-transform: capitalize; line-height: 14px; text-align: left; } .login_checkbox span:before{ position: absolute; content: ""; font-family: fontawesome; top:50%; left: -24px; right: 0px; bottom: 0px; width: 15px; height: 15px; border: 1px solid #d7d7d7; line-height: 14px; } .login_checkbox input[type="checkbox"]:checked + span:before{ content: "\f00c"; color: #db152e; } .kode_text_felid .btn-1 { float: left; margin-right: 20px; padding: 10px 50px; } .social_listing{ float: left; width: 100%; padding: 14px 15px 0; } .social_listing a{ float: left; width: 100%; display: inline-block; color: #fff; margin-bottom: 15px; border-radius: 3px; padding: 7px 20px; } .social_listing a:last-child{ margin-bottom: 0px; } .social_listing a i{ width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 15px; color: #fff; border-radius: 100%; border: 1px solid transparent; box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.1); margin-right: 20px; } .kf_facebook{ background: #4267b2; } .kf_twitter{ background: #26a5d0; } .kf_google{ background: #e06568; } /* ============================================================ SIDE BAR MENU ============================================================ */ .kode_sidebar_right{ background: #1c2225; float: right; width: 100%; padding: 30px; top:0px; bottom: 0px; height: 100%; text-align: left; } .kode_logo{ display: inline-block; margin-bottom: 13px; } .kode_logo a{ display: inline-block; } .kode_sidebar_right h4{ color:#fff; text-transform: capitalize; margin-bottom: 25px; } .kode_sidebar_right p{ font-size: 15px; color: #999999; margin-bottom: 19px; } .kode_sidebar_insta{ float: left; width: 100%; margin-bottom: 30px; } .kode_sidebar_insta li{ float: left; width: 24.9%; } .kode_sidebar_insta li a{ display: inline-block; width: 100%; padding: 0px 10px 10px 0px; } .kode_sidebar_insta li a img{ width: 100%; } .kode_social_boxed{ float: left; width: 100%; } .kode_social_boxed li{ float: none; display: inline-block; width: auto; margin-right: 13px; } .kode_social_boxed li:last-child{ margin-right: 0px; } .kode_social_boxed li a{ display: inline-block; width: 42px; height: 42px; text-align: center; line-height: 42px; font-size: 16px; color: #888888; border:1px solid #313d46; } /* ============================================================ SIDE BAR MENU DEFAULT ============================================================ */ .sidebars{ float: left; width: 100%; position: relative; z-index: 999; } .sidebars > .sidebar { box-shadow: 0 0 5px rgba(0, 0, 0, 0.64); position: fixed; /*color: #fff;*/ text-align: center; z-index: 999; } .sidebar.right { width: 100%; } .sidebar.left { position: fixed; top: 0; left: 0; right: 0px; width: 100%; background: #fff; } .sidebar.right { top: 0; right: 0; bottom: 0; width: 100%; float:left; background: #333; } .sidebar.bottom { left: 0; right: 0; bottom: 0; height: 270px; background: #03A9F4; } .sidebar.top { left: 0; right: 0; top: 0; height: auto; background: #fff; } .kode_btns{ float: left; width: 100%; } .close_cross{ position: absolute; right: 5%; top:5%; z-index: 999; } .close_cross:before{ position: absolute; content: "\f00d"; font-family: fontawesome; top:6%; right: 1%; font-size: 18px; width: 40px; height: 40px; border-radius: 100%; text-align: center; line-height: 37px; color:#ccc; border:1px solid #ccc; } .kode_demos{ float:left; width:100%; margin-bottom:30px; position:relative; } .kode_demos li{ float:left; width:16.666%; padding:15px 15px 0px; } .kode_demos li > a{ display:inline-block; position:relative; height:320px; overflow:hidden; border-radius:15px; } .kode_demos li a:before{ position:absolute; content:""; top:0px; bottom:0px; left:0px; right:0px; background:#000; opacity:0.4; } .kode_demos li:hover a:before{ opacity:0.75; } .kode_demos span { color: #fff; font-size: 24px; left: 0; margin-top: -12px; position: absolute; right: 0; top: 0%; opacity:0; } .kode_demos li:hover span{ top:50%; opacity:1; } /* .tool-caption-1 span{ background-image:url(../images/demos/home1.jpg); } .tool-caption-2 span{ background-image:url(../images/demos/home2.jpg); } .tool-caption-3 span{ background-image:url(../images/demos/home3.jpg); } .tool-caption-4 span{ background-image:url(../images/demos/home4.jpg); } .tool-caption-5 span{ background-image:url(../images/demos/home5.jpg); } .tool-caption-6 span{ background-image:url(../images/demos/home6.jpg); }*/ .kode_demos li:hover div{ opacity:1; visibility:visible; } .kode_demos li div span:hover{ } .kode_sidebar_right{ text-align:center; } .kode_sidebar_right .kf_connect{ float:left; width:100%; text-align:center; margin-bottom:15px; } .kode_sidebar_right .kf_connect li{ display:inline-block; float:none; } /* ============================================================ SIDE BAR MENU ENDS ============================================================ */ .msl-user .kf_menu_button { position: relative; z-index: 3; height: 23px; width: 22px; overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .kf_menu_button .kf_menu_icon { /* icon created in CSS */ position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 22px; height: 2px; background: #333; } .navigation-is-open .kf_menu_button .kf_menu_icon{ background: #fff; } .kf_menu_button .kf_menu_icon:before, .kf_menu_button .kf_menu_icon:after { /* upper and lower lines of the menu icon */ content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: inherit; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s; -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s; transition: transform 0.5s, width 0.5s, top 0.3s; } .kf_menu_button .kf_menu_icon:before { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } .kf_menu_button .kf_menu_icon:after { -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .kf_menu_button:hover .kf_menu_icon:after { top: 2px; } .kf_menu_button:hover .kf_menu_icon:before { top: -2px; } .close-btn{ background:transparent; } .overlay{ height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); } .kode-search-trigger { position: absolute; top: 45%; left: 45%; } /* Search Overlay */ .search-overlay #search-wrapper #search-from2 input[type=submit] { position: absolute; width: 100px; height: 100%; background-color: transparent; border: 0; right: 0; top: 0; } #search-from2:focus{ outline: none; border: none; } .search-overlay #search-wrapper #search-from2 .search-icon { font-size: 25px; position: absolute; right: 15px; width: 25px; top: 30px; color: #fff; color: rgba(255, 255, 255, .2); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .search-icon:hover, .search-icon:focus{ border: none; outline: none; color: #fff !important; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; transform: rotate(180deg); } #search-from2 { position: relative; verticle-align: middle; } .search-overlay #search-wrapper #search-from2 #search-felid { width: 800px; background-color: transparent; -webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1); box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1); border: 0; text-align: center; font-size: 35px; padding: 20px; color: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .search-overlay #search-wrapper #search-from2 #search-felid:focus{ border: none; outline: none; } .search-overlay.search-overlay-show { visibility: visible; opacity: 1; } .search-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .94); text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; } .kode-animate-element, .kode-effect-bg-layer, .search-overlay { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .search-overlay { z-index: 999; } .search-overlay .close-btn:link, .search-overlay .close-btn:visited { color: #fff; } .search-overlay .close-btn { position: absolute; right: 50px; top: 70px; font-size: 26px; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; transform: rotate(0deg); z-index:999; } .search-overlay.search-overlay-show #search-wrapper { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); ms-transform: scale(1); } .search-overlay #search-wrapper { display: inline-block; max-width: 1000px; vertical-align: middle; text-align: center; font-size: 18px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); ms-transform: scale(0.9); opacity: 0; visibility: hidden; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .kode-search-trigger { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out } /* Search Button */ #search-button { display: relative; vertical-align: middle; cursor: pointer; opacity: 1; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #search-button:hover, .close-btn:hover { opacity: 0.6; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; z-index:99999; } #search-felid:focus{ box-shadow: 0px 3px 0px 0px rgba(255,255,255,0.54) !important; } .widget.widget-playlist{ border:none; padding:0px; } .kode_upcoming_event .widget.widget-playlist{ margin:0px; } canvas{ display:block; vertical-align:bottom; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; display:none !important; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; display:none !important; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; } /* ---- particles.js container ---- */ #particles-js{ width: 100%; height: 100%; background-color: transparent; background-image: url('../extra-images/kf_slide_img3.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; float:left; position:relative; } .pp_pic_holder.pp_default .pp_content{ background:transparent; border-radius:10px; border:10px solid #fff; } .pp_details{ display:none; } .mg-bottom{ background: #fff none repeat scroll 0 0; float: left; padding:0; width: 100%; } .msl-heading-2{ float: left; width: 100%; margin: 0 0 30px; position: relative; padding: 18px 25px 17px; background-color: #313d46; } .msl-heading-2 h5{ margin: 0; float: left; width: 100%; overflow:hidden; padding: 0 0px 0 0; } .msl-heading-2 h5 span{ float: left; width: auto; padding: 0 20px 0 0; position: relative; } .msl-heading-2 h5 span:before{ top: auto; left: 100%; bottom: 5px; right: auto; height: 3px; content: ""; width: 300%; position: absolute; background-color: #fff; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .widget.widget-reviews .msl-featured-thumb figure{ margin-bottom:15px; } .widget.widget-artist { padding-bottom: 24px; }.content-wrapper{ position:relative; } .album-list-thumb .album-date .album-info i, .album-list-thumb .album-no .album-info i{ display:none; } .kode-event-info.kode-info{ float:left; } .kode_arist_list{ float: left; width:100%; background: #151829; position: relative; padding: 50px 0 76px; z-index: 2; } .kode_arist_list:before{ position: absolute; content:""; top:0px; bottom: 0px; left: 0px; right: 0px; background:url(../images/bg-music.jpg); background-size:cover; background-repeat: no-repeat; background-position: center; opacity: 0.05; z-index: -1; } .kf_artist_blog{ float: left; width:100%; } .kf_artist_blog figure{ float: left; width:17%; box-shadow: 0 0px 6px 3px rgba(0, 0, 0, 0.5); } .kf_artist_blog figure img{ width: 100%; } .kf_artist-content{ float: left; width: 83%; padding: 19px 25px 0px; } .kf_artist-content h2{ margin-bottom: 0px; display: inline-block; font-size: 30px; margin-top:0px; line-height: 30px; } .kf_artist-content h2 a{ display: inline-block; font-size: 100%; color: #fff; font-weight: 400; text-transform: capitalize; } .kf_artist-content strong{ font-size: 14px; text-transform: capitalize; color: #535665; float: left; width:100%; margin-bottom: 9px; } .kf_artist-content p{ color: #999; margin-bottom: 24px; display: inline-block; } .press-buttons-arist{ float: left; width:100%; margin:0; list-style:none; } .press-buttons-arist li{ float: left; width: auto; margin-right: 10px; } .press-buttons-arist li:last-child{ margin-right: 0px; } .btn-icon1, .btn-padding{ padding: 8px 20px; text-transform: uppercase; color: #fff; display: inline-block; background: #ed265d; border-radius: 30px; line-height: normal; } .btn-padding i{ float: left; padding: 2px 10px 0 0; } .btn-icon1{ border-radius: 100%; padding: 0px; height: 35px; width: 35px; line-height: 35px; font-weight: 600; text-align: center; } .btn-share-icon i{ font-size: 18px; } .btn-share-icon{ background: transparent none repeat scroll 0 0; display: inline-block; font-size: 13px; font-weight: 600; padding: 7px 5px; line-height: 22px; } .btn-share-icon b{ position: relative; padding: 0px 8px; margin-left: 5px; } .btn-share-icon b:after, .btn-share-icon b:before{ position: absolute; top:50%; margin-top: -12px; } .btn-share-icon b:before{ content: "("; left: 0px; } .btn-share-icon b:after{ content: ")"; right: 0px; } .kode-singles, .content-wrap-songs{ float: left; width: 100%; } .kode_artist_tablist{ float: left; width:100%; margin-bottom:0px; position: relative; z-index: 2; } .kode-tab-content{ float: left; width: 100%; } .kode_artist_tablist .nav-tablist{ background: #ed265d; margin-top: -26px; margin-bottom:50px; position: relative; } .nav-tablist{ float: left; width:100%; margin:0px; list-style:none; } .nav-tablist li{ float: left; width:auto; } .nav-tablist li a{ display: inline-block; font-size: 14px; color: #fff; position: relative; letter-spacing: 2.5px; padding: 15px 42px 15px 43px; font-weight: 500; text-transform: capitalize; border-bottom: 1px solid #666; } .nav-tablist li a:before{ position: absolute; content: ""; bottom: -1px; border-bottom: 4px solid #fff; left: 0px; right: 0px; width: 0%; } .nav-tablist li.active a:before, .nav-tablist li:hover a:before{ width: 100%; } .nav-tablist li.active a, .nav-tablist li:hover a{ color: #fff; } .like-heart{ position: absolute; top:10px; left: 10px; } .like-heart i{ color: #ed265d; } .tk-play-btn:hover{ color: #ed265d; } .kf_download-item, .songs-name, .list-no, .btn-underline{ color: #c2c2ca; display: inline-block; } .songs-name{ text-transform: uppercase; font-size: 14px; font-weight: normal; } .kf-table-header .songs-name{ font-weight: 600; } .title-head p{ margin-bottom: 0px; display: inline-block; text-transform: capitalize; position: relative; padding: 0px 0px 0px 15px; } .title-head p:before{ position: absolute; left: 3px; top:0px; content: "-"; font-size: 18px; } .btn-only{ display: inline-block; float: right; font-size: 14px; margin-right: 15px; padding-top: 3px; } ol.kf-table-header:hover, .kf-table-header{ background: rgba(0, 0, 0, 0.3); } a.mp3-title, h4.mp3-title{ font-weight: 400; margin-bottom: 15px; display: inline-block; color: #898b8c; text-transform: uppercase; font-size: 14px; } .kode_tab_table{ display: table; width:100%; background-color:#171E22; margin-bottom: 30px; } .kode_tab_table ol, .kode_tab_table ul{ display: table-row; width: 100%; float: left; margin: 0px; padding: 0px; } .kode_tab_table ol li, .kode_tab_table ul li{ display: table-cell; vertical-align: middle; border-bottom: 1px solid #2a2b30; align-items:center; justify-content:center; text-align: center; width: auto; } .table-play-icon, .title-head p, .kode_tab_table ol li span, .btn-only, .kode_tab_table ul li span{ color: #898b8c; } .kode_tab_table ul:hover{ background: rgba(0,0,0,0.4); } .kode_tab_table ul:hover li figure:before{ background: rgba(0,0,0,0.4); } .kode_tab_table ul:hover li .tk-play-btn{ left: 0px; opacity: 1; } .kode_tab_table ul:hover li .dots-points{ visibility: visible; opacity: 1; } .table-play-icon{ width: 30px; height: 30px; display: inline-block; position: relative; line-height: 30px; } .table-play-icon:before{ position: absolute; content: "\f04b"; font-family: fontawesome; top:0px; left: 0px; right: 0px; bottom: 0px; text-align: center; line-height: 30px; border-radius: 100%; background: #454042; padding: 0px 12px; color: #fff; font-size: 12px; opacity: 0; } .kode_tab_table ul:hover li .table-play-icon:before{ opacity: 1; } .dots-points{ float: left; width: auto; background: transparent; } .dots-points span{ border:2px solid #898b8c; border-radius: 100%; display: inline-block; margin-right: 3px; } .dots-points span:last-child{ margin-right: 0px; } .load-more-btn{ float: left; width:100%; text-align: center; margin-bottom: 30px; } .btn-loader{ display: inline-block; font-size: 13px; color: #898b8c; letter-spacing: 2px; position: relative; padding: 0px 19px 0px; font-weight: 500; text-transform: uppercase; } .btn-loader:before{ position: absolute; content: "\f107"; font-family: fontawesome; color: #898b8c; bottom: 50%; font-size:16px; right: 0px; margin-bottom: -11px; } .load-more-btn .btn-loader:hover:before, .load-more-btn .btn-loader:hover{ color:#ed265d; } /*============================================= Artist blog grid /*===========================================*/ .top_blog_elements, .singer_data_colect{ float: left; width: 100%; } .top_blog_elements .mp3-title{ margin-bottom: 0px; padding: 4px 0px 0px; } .select-d-menu, .singer_data_colect .selecter-menu, .singer_data_colect > span{ float: left; } .singer_data_colect .same-tabs{ float: right; color:#c2c2ca; display: inline-block; border-left: 1px solid #c2c2ca; padding: 0 12px; } .select-d-menu{ width: auto; margin-right: 15px; } .singer_data_colect .chosen-container-single .chosen-single{ height: auto; line-height: normal; padding-left: 0px; border:none; padding: 0 20px 0 0; } .singer_data_colect .chosen-container-single .chosen-single div{ background: transparent; width: 15px; text-align: center; top: 50%; margin-top: -7px; } .singer_data_colect .chosen-container-single .chosen-single div b:before{ content: "\f0d7"; } .singer_data_colect .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active .chosen-drop{ right: 0px; left: auto; width: 200%; } .singer_data_colect .chosen-results li:hover, .singer_data_colect .chosen-results li.result-selected, .singer_data_colect .chosen-results li.result-selected.active-result.highlighted{ background: #ed265d; color: #fff; } /*============================================= Artist data colect /*===========================================*/ .singer_data_colect > span, .singer_data_colect .chosen-container-single .chosen-single span{ font-size: 14px; text-transform: capitalize; color: #c2c2ca; } .singer_data_colect .chosen-container-single .chosen-single span{ margin-right: 0px; } .singer_data_colect > span{ padding: 2px 5px 0px 0px; } .min-width-60{ min-width:70px; } .kode_tab_table .min-width{ min-width: 60%; text-align:left; padding: 10px 0px; } .kf-progress-row{ width: 70%; height: 6px; margin: 0 auto; position: relative; background: #2a2729; } .kf-progress-row .line-row{ background-color: #898b8c; height: 100%; position: absolute; left: 0px; top: 0px; bottom: 0px; } .title-head span{ text-transform: capitalize; } /*============================================= Artist multiple grid /*===========================================*/ .singles-columns-02, .grid-multiple{ float: left; width:100%; } .singles-columns-02{ margin-bottom: 30px; } .grid-multiple .singles-columns{ margin-bottom: 30px; position: relative; } .singles-columns-02 figure{ position: relative; border-radius: 5px; box-shadow: 7px 2px 3px 1px rgba(0,0,0,0); } .singles-columns-02 figure:before{ position: absolute; content: ""; top:0; left: 0px; opacity: 0; right: 0px; bottom: 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec255c+0,ec255c+99 */ background: rgb(236,37,92); /* Old browsers */ background: -moz-linear-gradient(top, rgba(236,37,92,1) 0%, rgba(236,37,92,1) 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(236,37,92,1) 0%,rgba(236,37,92,1) 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(236,37,92,1) 0%,rgba(236,37,92,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec255c', endColorstr='#ec255c',GradientType=0 ); /* IE6-9 */ } .singles-columns-02:hover figure:before{ opacity: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec255c+0,ec255c+99&0.43+0,1+100 */ background: -moz-linear-gradient(top, rgba(236,37,92,0.43) 0%, rgba(236,37,92,0.99) 99%, rgba(236,37,92,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(236,37,92,0.43) 0%,rgba(236,37,92,0.99) 99%,rgba(236,37,92,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(236,37,92,0.43) 0%,rgba(236,37,92,0.99) 99%,rgba(236,37,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eec255c', endColorstr='#ec255c',GradientType=0 ); /* IE6-9 */ } .singles-columns-02:hover figure{ box-shadow: 7px 2px 3px 1px rgba(0,0,0,0.2); } .singles-columns-02:hover .singles-content-col{ background: transparent; } .singles-columns-02:hover .singles-content-col small, .singles-columns-02:hover .singles-content-col h6 a{ color: #fff; } .singles-columns-02:hover .show-icons-then-hover{ top:50%; opacity: 1; visibility: visible; } .show-icons-then-hover{ position: absolute; top: 55%; left: 0px; opacity: 0; visibility: hidden; right: 0px; margin: -60px auto; text-align: center; } .show-icons-then-hover a{ display: inline-block; font-size: 16px; color: #fff; float: none; margin-right: 5px; } .show-icons-then-hover a:last-child{ margin-right: 0px; } .show-icons-then-hover a span{ border-color: #fff; } .radius-play{ height: 55px; width: 55px; border-radius: 100%; border:3px solid #fff; text-align: center; line-height: 52px; } .singles-content-col{ float: left; width: 100%; text-align: center; background: #222431; padding: 12px 0px 10px; position: relative; } .singles-content-col h6{ margin-bottom: 10px; margin-top: 5px; line-height: 18px; } .singles-content-col h6 a{ display: inline-block; text-transform: capitalize; color: #fff; font-weight: 400; } .singles-content-col small{ font-size: 12px; color: #999; text-transform: capitalize; display: inline-block; } .padding-10{ float: left; width: 100%; padding:82px 0 0px; } .title-seen1{ display: inline-block; color: #fff; text-transform: capitalize; } .text-align-center{ text-align: center; } body h3.title-seen1, body h3.title-seen1 a{ font-weight: 300; } body h3.title-seen1 a{ color: #ed265d; display: inline-block; text-decoration: underline; } .comment-received-column, .kf_comment_group, .comments-blog-2{ float: left; width:100%; } .comment-received-column figure{ float: left; width:50px; border-radius: 100%; margin-bottom: 5px; } .kf_comment_group li{ width: 33.3333%; float: left; } .comment-received-column{ margin-bottom: 30px; } .comments-content-2{ float: left; width: 86%; padding: 4px 0 0 10px; } .comments-content-footer{ float: left; width: 100%; } .comments-content-2 a{ color: #c2c2ca; display: inline-block; width: 100%; font-weight: 600; text-transform: capitalize; } .comments-content-2 span{ color: #494c5d; width: 100%; text-transform: capitalize; } .comments-content-footer p{ color: #c2c2ca; margin-bottom: 17px; font-style: italic; } .kf_social_icons_small{ float: left; width: 100%; } .kf_social_icons_small li{ float: left; width: auto; margin-right: 5px; } .kf_social_icons_small li:last-child{ margin-right: 0px; } .kf_social_icons_small li a{ display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 100%; color: #c2c2ca; text-align: center; font-size: 12px; } .skyblue-tw{ background: #5184b9; } .blue-fb{ background: #3f619e; } /*============================================= Artist slider mulitiple /*===========================================*/ .kf_artist-slider{ float: left; width:100%; } .artist-content2{ position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; background: transparent; } .kf_artist-slider .items{ margin: 0px 15px 0px 0px; } .artist-content2 small{ color: #fff; } .arrow-top .slick-arrow{ border:none; right: 0px; top:0px; margin-top: -27px; width: 15px;; } .arrow-top .slick-prev{ left: auto; right: 32px; } .arrow-top .slick-next{ right: 12px; } .margin-right-60{ margin-right: 60px; } /*============================================= Artist page ends /*===========================================*/ .comment-received-column figure img{ width:100%; height:auto; } .nav-tablist li a{ border-bottom:none; } .album-info.album-category{ margin-top:10px; } .album-info.album-category i{ margin-right:10px; } .album-info.album-category a, .album-info.album-category i{ color:#fff; font-weight:bold; /*font-size:16px;*/ } .video-section-related { margin-top: 30px; } .video-section-related .singles-columns{ margin-bottom: 30px; } /*Default Widget Styling For Test Unit*/ .widget_nav_menu ul, .widget_rss ul, .widget_pages ul, .widget_meta ul, .widget_recent_comments ul, .widget_archive ul, .widget_categories ul, .widget_recent_entries ul{ margin: 0px; padding: 0px; list-style: none; } .widget_nav_menu ul ul, .widget_pages ul ul, .widget_meta ul ul, .widget_recent_comments ul ul, .widget_archive ul ul, .widget_categories ul ul, .widget_recent_entries ul ul{ padding-left: 15px; margin: 5px 0px 0px 0px; } .widget_nav_menu ul li, .widget_pages ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_archive ul li, .widget_categories ul li, .widget_recent_entries ul li{ float: left; width: 100%; overflow: hidden; line-height: 16px; text-align: right; padding: 10px 0px 0px; border-top: 1px solid #c6c6c6; transition: all 0.3s ease-in-out; } .widget_nav_menu ul:first-child, .widget_pages ul li:first-child, .widget_meta ul li:first-child, .widget_recent_comments ul li:first-child, .widget_categories ul li:first-child, .widget_archive ul li:first-child, .widget_recent_entries ul li:first-child{ border:none; } .widget_nav_menu ul ul li:first-child, .widget_pages ul ul li:first-child, .widget_meta ul ul li:first-child, .widget_recent_comments ul ul li:first-child, .widget_categories ul ul li:first-child, .widget_archive ul ul li:first-child, .widget_recent_entries ul ul li:first-child{ border-top:1px solid; } .widget_pages ul li:hover, .widget_meta ul li:hover, .widget_categories ul li:hover, .widget_archive ul li:hover, .widget_recent_entries ul li:hover{ padding-left: 10px; } /*Left Padding 0 on Hover*/ .widget_recent_comments ul li:hover, .widget_recent_entries ul li:hover{ padding-left: 0; } .widget_nav_menu ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_categories ul li a, .widget_archive ul li a,.widget_recent_comments ul li a, .widget_recent_entries ul li a { float: left; width: auto !important; color: #666; font-size: 13px !important; text-align: left; font-weight: bold; padding-left: 15px; position: relative; line-height: normal; margin-bottom: 11px; /*text-transform: uppercase;*/ transition: all 0.3s ease-in-out; } .widget_nav_menu ul li a:before, .widget_pages ul li a:before, .widget_meta ul li a:before, .widget_categories ul li a:before, .widget_archive ul li a:before, .widget_recent_entries ul li a::before { top: 50%; left: 0px; content: ""; font-size: 16px; margin: -8px 0 0; position: absolute; color: currentColor; font-family: "FontAwesome"; } /*WIDGET RECENT COMMENTS*/ .widget_recent_comments ul li { font-size: 13px !important; font-weight: bold; padding-bottom: 11px; text-align: left !important; text-transform: capitalize; } .widget_recent_comments ul li a{ float: none !important; background: transparent !important; display: inline-block !important; } /*Widget Rss*/ .widget_rss ul li { float: left; font-size: 13px !important; font-weight: bold; margin: 0 0 10px; padding: 0; text-align: left !important; text-transform: capitalize; width: 100%; } .screen-reader-text, .calendar_wrap caption{ color: #333; font-size: 16px; font-weight: bold; line-height: normal; margin-bottom: 10px; text-transform: uppercase; } .rss-date{ float: left; width: 100%; color: #666; font-size: 14px; font-weight: bold; font-style: normal; line-height: normal; text-transform: uppercase; } .rsswidget{ float: left; width: 100%; color: #333; font-size:18px; font-weight: bold; line-height: normal; margin-bottom: 10px; text-transform: uppercase; } .widget-title a.rsswidget{ margin-right: 10px; width: auto; } .textwidget strong{ float: left; width: 100%; color: #666; margin: 10px 0; font-size: 14px; font-weight: bold; font-style: normal; line-height: normal; text-transform: uppercase; } /*Side Bar COLOR*/ .kode-sidebar-menu-element .widget_tag_cloud .tagcloud a, .kode-sidebar-menu-element .newsletter_dec .radio_style2 .radio_dec > span, .kode-sidebar-menu-element .newsletter_dec em, .kode-sidebar-menu-element .newsletter_dec h6, .kode-sidebar-menu-element .newsletter_dec p, .kode-sidebar-menu-element .textwidget select, .kode-sidebar-menu-element .textwidget select option, .kode-sidebar-menu-element .widget_pages ul li a::before, .kode-sidebar-menu-element .widget_pages ul li a, .kode-sidebar-menu-element .widget_nav_menu ul li a, .kode-sidebar-menu-element #archives-dropdown--1, .kode-sidebar-menu-element #archives-dropdown--1 option, .kode-sidebar-menu-element #cat, .kode-sidebar-menu-element #cat option, .kode-sidebar-menu-element .widget_nav_menu ul li a, .kode-sidebar-menu-element .widget_categories ul li, .kode-sidebar-menu-element .screen-reader-text, .kode-sidebar-menu-element #wp-calendar th, .kode-sidebar-menu-element .calendar_wrap caption, .kode-sidebar-menu-element .textwidget strong, .kode-sidebar-menu-element .rsswidget, .kode-sidebar-menu-element .rss-date, .kode-sidebar-menu-element .rssSummary, .kode-sidebar-menu-element .calendar_wrap .caption, .kode-sidebar-menu-element .calendar_wrap td, .kode-sidebar-menu-element .widget_archive ul li a, .kode-sidebar-menu-element .widget_recent_comments li a, .kode-sidebar-menu-element .widget_meta ul li a, .kode-sidebar-menu-element .widget_categories ul li a , .kode-sidebar-menu-element .widget_recent_entries ul li a, .kode-sidebar-menu-element .prev, .kode-sidebar-menu-element #next, .kode-sidebar-menu-element #next a, .kode-sidebar-menu-element #wp-calendar a, .kode-sidebar-menu-element #prev a, .kode-sidebar-menu-element cite, .kode-sidebar-menu-element .widget-search .kode-search input[type="text"] { color: inherit !important; } /*Footer Widget*/ footer .widget_text select, footer #cat option, footer #archives-dropdown--1 option, footer .textwidget select option{ background: #999; } #wp-calendar .pad, footer #cat, footer .calendar_wrap thead tr, footer .textwidget select, footer #archives-dropdown--1, footer .widget_text select{ background-color: transparent ; } /*FOOTER COLOR*/ footer .textwidget p, footer .widget_tag_cloud .tagcloud a, footer .newsletter_dec .radio_style2 .radio_dec > span, footer .newsletter_dec em, footer .newsletter_dec h6, footer .newsletter_dec p, footer .textwidget select, footer .textwidget select option, footer .widget_pages ul li a::before, footer .widget_pages ul li a, footer .widget_nav_menu ul li a, footer #archives-dropdown--1, footer #archives-dropdown--1 option, footer #cat, footer #cat option, footer .widget_nav_menu ul li a, footer .widget_categories ul li, footer .screen-reader-text, footer #wp-calendar th, footer .calendar_wrap caption, footer .textwidget strong, footer .rsswidget, footer .rss-date, footer .rssSummary, footer .calendar_wrap .caption, footer .calendar_wrap td, footer .widget_archive ul li, footer .widget_archive ul li a, footer .widget_recent_comments li, footer .widget_recent_comments li a, footer .widget_meta ul li a, footer .widget_meta ul li, footer .widget_categories ul li, footer .widget_categories ul li a, footer .widget_recent_entries ul li, footer .widget_recent_entries ul li a, footer .prev, footer #next, footer #next a, footer #wp-calendar a, footer #prev a, footer cite, footer .widget_recent_comments ul li, footer .widget-search .kode-search input[type="text"] { color: #fff !important; } footer .widget_archive li, footer #wp-calendar, footer #wp-calendar th, footer .calendar_wrap td{ border-color: #fff; } .col-md-3 .calendar_wrap td{ padding: 0; text-align: center; } /*bb*/ .bp-user #buddypress #item-header{ padding: 20px; float: left; width: 100%; position: relative; } #buddypress #cover-image-container{ float: left; width: 100%; } #buddypress #item-header-cover-image{ position: absolute; bottom: 0; left: 0; width: auto; } #buddypress #header-cover-image{ position: relative; float: left; width: 100%; } #buddypress #header-cover-image:before{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; content: ""; background-color: #000; opacity: 0.4; } /* body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content, */ #buddypress div#item-header #item-header-cover-image #item-header-content{ margin: 0; clear: right; padding: 20px 0 0 20px; } .groups #buddypress div#item-header #item-header-cover-image #item-header-content, .group-home #buddypress div#item-header #item-header-cover-image #item-header-content{ padding-top: 0; margin-top: 0 !important; max-height: 150px; overflow: hidden; } .groups #buddypress div#item-header #item-header-cover-image #item-actions, .group-home #buddypress div#item-header #item-header-cover-image #item-actions{ clear: both !important; float: left; max-width: 100% !important; padding: 0 !important; text-align: left; width: 100% !important; margin: 9px 0!important } .groups #buddypress div#item-header #item-header-cover-image #item-actions h2, .group-home #buddypress div#item-header #item-header-cover-image #item-actions h2{ color: #fff; width: auto; margin: 0; display: inline-block; } #buddypress #item-header-cover-image #item-header-avatar{ margin: 0px; } #buddypress span.activity{ font-size: 14px; font-weight: bold; text-transform: capitalize; } #buddypress div#item-header div#item-meta, #buddypress div#item-header div#item-meta a, #buddypress span.activity{ color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span{ border-radius: 0;; } #buddypress div.item-list-tabs ul li a:hover, #buddypress div.item-list-tabs ul li span:hover{ color: #fff; } #buddypress div.item-list-tabs ul li a:hover .count, #buddypress div.item-list-tabs ul li span:hover .count, #buddypress div.item-list-tabs ul li a:hover .no-count, #buddypress div.item-list-tabs ul li span:hover .no-count{ background-color: #fff !important; color: #333 !important; } div.bbp-template-notice a:hover, a.bbp-author-name:hover{ color: #333 !important; } a.bbp-author-name, div.bbp-template-notice p, div.bbp-template-notice a{ color: #fff; } #buddypress div#subnav.item-list-tabs{ margin: 30px 0; } #buddypress div#subnav.item-list-tabs ul li.last{ min-width: 265px; } #buddypress div#subnav.item-list-tabs ul li.last label{ float: left; width: auto; font-size: 14px; font-weight: bold; margin-top: 3px; margin-bottom: 0; margin-right: 10px; text-transform: capitalize; } #buddypress div#subnav.item-list-tabs ul li.last select{ float: left; height: auto; min-height: auto; padding: 3px 10px; -moz-appearance:none; } #buddypress .acomment-meta a, #buddypress .activity-header a, #buddypress .comment-meta a{ color: #333; text-transform: capitalize; } #buddypress .activity-header{ margin: 0; } #buddypress #activity-stream .activity-header p{ line-height: normal; margin: 0; text-transform: capitalize; } #buddypress .activity-list .activity-content .activity-header img.avatar{ margin-top: -5px !important; } #buddypress #activity-stream p > img{ margin: 10px 0; } #buddypress div.profile h2{ margin-bottom: 20px; text-transform: capitalize; } #buddypress table.profile-fields td.label{ color: #333; } #buddypress table.profile-fields td p{ font-weight: bold; text-transform: capitalize; } #buddypress div.pagination{ border-radius: 0; } #buddypress div.pagination .pag-count{ color: #fff; text-transform: capitalize; } #bbpress-forums p.bbp-topic-meta a, #buddypress ul.item-list li div.item-title > a{ color: #333; } #buddypress .group-has-avatar span.activity{ text-shadow:none; color: #666; } .bbp-pagination-count{ color: #fff; padding: 5px 10px; text-transform: capitalize; } #buddypress .standard-form .editfield .field-visibility-settings-notoggle, #buddypress .standard-form .editfield label{ float: left; width: 100%; margin-bottom: 10px; text-transform: capitalize; } #buddypress .standard-form .editfield label span{ float: none; display: inline-block; } #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="text"], #buddypress div.message-search input[type="text"], #buddypress .standard-form input[type="text"], #buddypress .standard-form textarea, #buddypress form#whats-new-form textarea{ padding-right:15px; padding-left: 15px; text-transform: capitalize; margin-bottom: 15px; } .members #buddypress div.dir-search input[type="text"]{ margin-bottom: 0; } #buddypress a.button:hover{ background-color: #000; color: #fff; } #buddypress .comment-reply-link, #buddypress a.button, #buddypress button, #buddypress div.generic-button a, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, a.bp-title-button{ padding-bottom: 11px; } #buddypress div.item-list-tabs ul li a, #buddypress .activity-list li.load-more, #buddypress .activity-list li.load-newest{ border:1px solid #eaeaea; color: #333; background-color: transparent; } .profile p a, #buddypress #activity-stream p a{ color: #333; } #buddypress .activity-list li.load-more:hover a, #buddypress .activity-list li.load-newest:hover a{ color: #fff; } .bp-avatar-nav ul.avatar-nav-items li.current{ border-radius: 0; color :#fff; } .kode-meta-info-complete li{ width:auto; margin-bottom:0px; list-style:none; line-height:normal; margin-right:10px; } .kode-meta-info-complete .blog-info *{ color:#fff; } .kode-meta-info-complete{ padding:0px; margin:0px; } .msl-footer .footer_other_sections { float: left; margin-top: 60px; width: 100%; } .kf_aside_twitter.kode-performance{ background-color:#273138; } .kf_aside_twitter.external-link{ background-color:#00aedd; } .kf_aside_twitter.sign-in-login{ background-color:#880037; } .kf_aside_twitter.important-notice{ background:#ED2024; } .artists-rank-list .artists-rank figure img{height:auto;} .sub-banner{ margin-bottom:50px; } .main-banner ul{ margin:0px; padding:0px; list-style:none; } .kode-video-blog-detail.kf_blog_detail{ padding:20px 30px; } .kf_blog_detail.kode-video-blog-detail blockquote p{ color:#ddd; } .msl-video-thumb .text.ab span, .msl-video-thumb .text.ab p{ color:#fff; } .kf_blog_detail.kode-video-blog-detail > p{ color:#fff; } .navigation-1 .navigation .menu > ul > li > a{ padding:30px 11px; } .navigation-1 .navigation .menu > ul > li > ul li ul{ left:100%; top:0px; } blockquote p{ color:#fff; } #kode-comment{ list-style:none } #kode-comment > li > ul.children > li, #kode-comment > li > ul.children > li > ul.children > li > ul.children > li, #kode-comment > li > ul.children > li > ul.children > li{list-style:none;} .comment li{ float:left; margin-bottom:0px; } .comments-blog-2 .comment li{ } .comment ul{ width:auto; float:none; } .comment_title{ font-weight:600; margin-bottom:20px; margin-top:1px; } .comment li:last-child{ margin-bottom:0px; } .churech_author.comment{ position:relative; } .churech_author.comment:hover{ box-shadow:1px 3px 7px -5px; } .churech_author.comment h5{ display:inline-block; margin-right:15px; font-weight:600; margin-top: 0px; } .churech_author.comment span{ color:#999; } .churech_author.comment figure{ border-radius:100%; } .churech_author.comment .comment-edit-link, .churech_author.comment .comment-reply-link{ position:absolute; top:0px; right:0px; display:inline-block; padding:1px 12px; font-size:12px; background:#000; color:#999; } .kode_comments.margin.comment-form-wrapper{ background:transparent; border:1px solid #171E22; } .form-submit #submit, .btn-1{ border:1px solid #313d46; } .churech_author.comment .comment-edit-link{ bottom:0; top:auto; } .churech_author.comment:hover .comment-reply-link{ color:#fff; } .churech_author_text { overflow: hidden; padding-left: 30px; } .churech_author figure { float: left; width: auto; } .churech_author { border: 1px solid #444; /* border-radius:15px; */ padding: 18px; background:transparent; margin-bottom:30px; } .kode-top-quote blockquote{ color:#fff; } .comments-blog-2 .kode_comments > ul.comment { margin: 0 -15px; } .kode_comments > ul.comment { margin: 0; } .churech_author.comment .churech_author_text p{ color:#999; } .churech_author.comment .churech_author_text > p:last-child{ margin: 0; } .blog-listing-night article{ background-color: #222431; margin: 0px 0px 50px 0px; float:left; width:100%; } .blog-listing-night .church_meta_date:first-child{ margin-top:0; } .blog-listing-night article figure{ overflow: hidden; } .blog-listing-night .church_meta_date{ margin:15px 0px; } .blog-listing-night .date{ float: left; width: 81px; text-align: center; } .blog-listing-night .date-inn{ background-color: #222222; padding: 10px 0px; border-bottom: 6px solid; } .blog-listing-night .date p{ font-size: 16px; margin-bottom:0px; color: #a4a4a4; text-transform: uppercase; } .blog-listing-night .date span{ color: #a4a4a4; font-size: 40px; line-height:normal; text-transform: uppercase; font-weight: 600; } .blog-listing-night .date a{ background-color: #080808; padding: 8px 0px; float: left; width:100%; color: #a4a4a4; } /*.blog-listing-night .detail .text{ padding:50px; }*/ .blog-listing-night .anker-plus{ width: 110px; height: 110px; background: url(../images/sprites.png); display: inline-block; position: absolute; left: 50%; top: 40%; margin: -40px 0px 0px -30px; } .blog-listing-night .social-network{ width: 34px; float: left; padding: 0px; margin-top:30px; list-style:none; top: 0px; } .blog-listing-night article:hover .anker-plus{ top: 50%; } .blog-listing-night article:hover .social-network{ left: 0px; } .blog-listing-night figure figcaption{ left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); text-align: center; opacity: 0; } .blog-listing-night article:hover figure figcaption{ opacity: 1; } .blog-listing-night .post-option { background-color: #0c0c0c; padding: 0px 15px; margin: 0px 0px 20px 0px; } .blog-listing-night .post-option li{ margin: 0px 0px 0px 10px; padding: 12px 0px; } .blog-listing-night .post-option li a{ color: #7d7d7d; } /*.blog-listing-night article .text h5{ padding: 0px 0px 15px 0px; margin: 0px 0px 5px 0px; }*/ .blog-listing-night article .text h5 a{ color: #fff; text-transform:uppercase; font-weight:bold; } .kf_artist-content p, .kode-tab-content .content-wrap-songs p, .blog-listing-night article .text p{ color: #ddd; } .blog-listing-night article .text > p:last-child{ margin: 0; } .blog-listing-night article .text a.btn-1{ color: #fff; padding: 11px 30px; float: left; background-color: #EB0E46; border-radius:30px; margin: 0px 0px 12px 0px; } .blog-listing-night article .text a.btn-1:hover{ color: #fff; } .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; } .kf_date li{ display:inline-block; margin-right:10px; } .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:0px; left:0px; top:25px; line-height:45px; color:#fff; } .kf_gallery_fig .them_overlay img{ width:100%; } .kf_gallery_fig .them_overlay:before { background-color: #000; bottom: 0; content: ""; left: 0; opacity: 0.35; position: absolute; right: 0; top: 0; } .kf_gallery_fig .them_overlay figcaption h4{ line-height:30px; } .margin-top-minus { float: left; margin: -42px 0 0; width: 100%; } .margin-top-minus p{ margin:0px; } /* ====================================================== KF BUSINESS ROW START ======================================================= */ .kf_busines_fig, .kf_busines_list ul, .kf_busines_list, .kf_busines_row{ float:left; width:100%; } .kf_busines_row{ padding:20px; } .kf_busines_list ul li{ float:left; width:auto; margin-right:5px; } .kf_busines_list li:first-child { width: 49.4%; } .kf_busines_list li:nth-child(2) { width: 24.5%; } .kf_busines_list li:last-child { width: 24.9%; margin-right:0px; } .kf_busines_fig.fig_1 { margin-bottom: 10px; } .kf_busines_fig .them_overlay:before{ background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)) repeat scroll 0 0; opacity:0.95; } .kf_busines_fig:hover .them_overlay:before{ opacity:0.7; background-color:#000; } .kf_busines_fig figcaption{ bottom: 30px; padding: 0 30px; position: absolute; z-index: 1; } .kf_busines_fig:hover figcaption{ bottom:40px; } .kf_busines_fig figcaption span{ display: inline-block; font-size: 12px; text-transform: uppercase; color:#fff; } .kf_busines_fig figcaption h3 a, .kf_busines_fig figcaption h5 a, .kf_busines_fig figcaption h2 a, .kf_busines_fig figcaption p, .kf_busines_fig figcaption h2{ color:#fff; } .kf_busines_fig figcaption p{ font-weight:normal; } /* ====================================================== KF NEWS WRAP START ======================================================= */ .kf_boost_item, .kf_news_fig, .kf_news_wrap{ float:left; width:100%; } .kf_news_fig{ text-align:center; } .kf_news_fig figure{ width:auto; float:none; display:inline-block; } .kf_boost_item{ margin-bottom:30px; } .kf_boost_text{ background-color: #171E22; margin: -90px 15px 0; padding: 17px 15px 10px; position: relative; z-index: 26; float:left; } .kf_boost_text.text_2{ /*max-width: calc(100% - 30px); margin: -40px 15px 0;*/ width: 100%; margin:0; } .kf_boost_item .kf_boost_text h5{ width: 100%; } .kf_boost_item .kf_boost_text h5 a{ float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kf_boost_text .kf_meta{ margin-bottom:6px; margin-left:0px; margin-bottom:0px; } .kf_boost_text .kf_meta li { margin-right:3px; line-height:10px; width:auto; list-style:none; } .kf_boost_text .kf_meta li a{ font-size:10px; color:#999; } .kf_boost_text h5, .kf_boost_text h1{ float: left; margin-bottom: 16px; text-transform: capitalize; } .kf_boost_text .kf_meta.meta_2{ padding-top:0px; margin:0px; } .kf_boost_text .kf_meta.meta_2 li:first-child{ padding-right:7px; margin-right:7px; } .kf_boost_text .kf_meta.meta_2 li{ border-color:#cccccc; margin-right:10px; width:auto; list-style:none; } .kf_boost_text .kf_meta.meta_2 li a{ color:#999; font-size:11px; } .kf_meta.meta_2 li .kf_color{ font-size:12px; margin-left:5px; } .kf_meta.meta_2 li .kf_color i{ margin-right:5px; } .kf_boost_item figure img{ width:100%; } /* =========================================================== BOOKS LISTING STYLE 4 =========================================================== */ .books-listing-4{ float:left; width:100%; padding:0px 0px 50px 0px; border:solid 1px #222; text-align:center; background:#171E22; position:relative; margin-bottom:30px; } .books-listing-4 .kode-text p{ margin-bottom:11px; color:#999; } .books-listing-4:hover{ box-shadow:0px 15px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 15px 30px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 15px 30px 0px rgba(0,0,0,0.2); } .books-listing-4 .kode-thumb{ float:left; width:100%; margin-bottom:15px; position:relative; box-shadow:28px 0px 0px -20px rgba(0,0,0,0.2); } .books-listing-4 .kode-thumb img{ width:100%; float:left; } .books-listing-4:hover .kode-thumb a:before{ opacity:0.8 } .books-listing-4 .kode-text{ float:left; width:100%; } .books-listing-4 .kode-text h3{ font-size:18px; margin:0px 0px 10px 0px; } .books-listing-4 .kode-text h3 a{ color:#333; } .books-listing-4 .book-price{ position:absolute; left:0px; width:100%; border-top:solid 1px #444; padding:8px 12px; bottom:0px; } .books-listing-4 .book-price p{ margin:0px; font-size:16px; font-weight:bold; float:left; } .books-listing-4 .rating{ float:right; } .books-listing-4 .rating > span{ color:#fcc028; } .books-listing-4 a.add-to-cart{ position:absolute; color:#fff; padding:10px; font-size:14px; text-transform:uppercase; position:absolute; left:-1px; right:-1px; bottom:-1px; font-weight:bold; visibility:hidden; opacity:0; } .books-listing-4:hover a.add-to-cart{ visibility:visible; opacity:1; } .books-listing-4:hover h3 a{ color: #FD7903; } .books-listing-4 a.add-to-cart, .books-listing-4 .kode-thumb a:before{ background-color: #FD7903; } .books-listing-4 a.add-to-cart, .books-listing-4 h3, .books-listing-4 h3 a, .books-listing-4 .kode-thumb a:before, .books-listing-4{ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .related-post .msl-black .msl-heading.light-color h5{ padding-left:0px; margin-left:0px; } /* ================================================ MUSIC TOURS EVENT START ================================================ */ .music_event_detail, .music_event_fig, .music_tours_event{ float:left; width:100%; } .music_tours_event{ padding:80px 0px 0px; } .music_event_fig{ position:relative; transition:all 0.3s ease-in-out; margin-bottom:30px; } .music_event_fig figure{ position:relative; } .music_event_fig figure img{ transition:all 0.3s ease-in-out; } .music_event_fig:hover figure img{ transform:scale(1.3) rotate(8deg); -moz-transform:scale(1.3) rotate(8deg); -webkit-transform:scale(1.3) rotate(8deg); } .music_event_fig:hover{ box-shadow: 0px 0px 12px -1px #092241; } .music_event_fig figure:before{ 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) 7%, #000); z-index:1; } .music_event_fig:hover figure:before{ background-image:linear-gradient(to top, #0a3991 35%, #009de2 247px); opacity:0.8; } .music_event_fig figure img{ width:100%; } .event_ticket{ position:absolute; top:20px; left:25px; z-index:2; } .event_ticket a{ float:left; width:auto; color:#fefdf9; font-size:24px; margin-top: 3px; } .event_ticket_text{ overflow:hidden; padding-left:8px; } .event_ticket_text h6{ text-transform:uppercase; color:#fff; margin-bottom:0px; font-weight:600; } .event_ticket_text span{ display: inline-block; color: #fff; font-size: 12px; line-height: normal; position:relative; top:-3px; font-weight:600; } .event_heart{ position:absolute; top:26px; right:25px; display:inline-block; color:#fff; font-size:20px; transition:all 0.3s ease-in-out; z-index:2; } .music_event_fig:hover .event_heart{ opacity:0; } .music_event_location{ position:absolute; bottom:25px; left:25px; right:0px; z-index:2; } .music_event_location span{ display:inline-block; background-color:#fb005f; text-transform:uppercase; color:#fff; padding:0px 5px; margin-bottom:15px; } .music_event_location h3 a{ font-weight:bold; color:#fff; margin:0px 0px 2px 0px; font-size:18px; } .music_event_location p{ margin-bottom:5px; color:#fff; font-weight:600; line-height:normal; text-transform:capitalize; } .music_event_location a{ display:inline-block; color:#fff; font-size:15px; text-transform:capitalize; } .music_event_location a i{ margin-right:6px; } .right_arrow{ position:absolute; right:10px; bottom:25px; color:#fff; font-size:24px; opacity:0; transition:all 0.3s ease-in-out; z-index:2; } .music_event_fig:hover .right_arrow{ right:25px; opacity:1; } .music_event_detail{ margin-bottom:50px; } /* ================================================ MUSIC TOURS EVENT END ================================================ */ /* ================================================ MUSIC ARTIST START ================================================ */ .music_artist{ float:left; width:100%; } .music_artist{ padding:60px 0px 55px; background-color:#0169c0; position:relative; overflow:hidden; z-index:2; } .gradient_bg:after, .gradient_bg:before, .music_artist:after, .music_artist:before{ position: absolute; content: "\f004"; top: -270px; left: auto; right:-30px; bottom: 0px; font-family: fontawesome; color: #007bc9; font-size: 630px; z-index:-1; opacity: 0.3; } .music_artist:after{ right:-170px; color:#0090d9; opacity: 0.2; } .gradient_bg:before{ right:-310px; color:#01a0e2; opacity: 0.2; } .gradient_bg:after{ right: -40px; color: #00b6f2; opacity: 0.2; font-size:250px; top: -60px; } .music_artist_text h2{ font-size:36px; font-weight:bold; color:#fff; margin:0px 0px 8px 0px; } .music_artist_text h2 span{ display:block; margin-bottom:4px; } .music_artist_text h2 a{ color:#fff; font-size:30px; } .music_artist_text p{ color:#fff; margin-bottom:0px; } .music_artist_link{ float:right; width:auto; padding: 32px 0px; } .artist_sign{ float:left; width:auto; padding:11px 25px 9px; background-color:#fff; text-transform:uppercase; font-size:16px; color:#00adee; border-radius:25px; transition:all 0.3s ease-in-out; } .artist_sign:hover{ background-color:#000; color:#fff; } .music_artist_social li, .music_artist_social{ float:left; width:auto; margin:0px 0px; } .music_artist_social{ padding:7px 0px 7px 30px; } .music_artist_social li{ list-style:none; border-right:2px solid #05b5f1; } .music_artist_social li:last-child{ border-right:none; } .music_artist_social li a{ display:inline-block; font-size:16px; color:#fff; padding:0px 25px; } /* ================================================ MUSIC ARTIST END ================================================ */ /* ================================================ MUSIC ADD LIST START ================================================ */ .music_add_list{ float:left; width:100%; } .music_add_list{ background-color:#c3114f; padding:0px 80px 0px 30px; margin:30px 0px 50px 0px; } .music_add_text{ float:left; width:auto; padding:15px 0px; } .music_add_text h2{ font-weight:bold; margin:0px 0px 0px 0px; font-size: 40px; } .music_add_text h2 a{ color:#fff; } .music_add_text h2 a i{ font-size: 22px; margin-left: 4px; position: relative; top: -3px; } .music_add_text p{ margin-bottom:0px; color:#fff; } .music_add_fig{ float:right; width:auto; margin-top: -47px; } /* ================================================ MUSIC ADD LIST END ================================================ */ .music_event_fig.text .music_event_location{ right:25px; } .music_event_fig.text .music_event_location h3{ font-size:20px; line-height: 25px; margin-bottom:5px; } .music_event_fig.text .music_event_location h3 span{ display:block; } /* ============================================ music APPS WRAP START ============================================ */ .music_apps_img, .music_apps_text, .music_apps_wrap{ float:left; width:100%; } .music_apps_wrap{ position:relative; z-index:2; } .music_apps_wrap:before{ position:absolute; content:""; top:0px; left:0px; right:0px; bottom:0px; z-index:-1; background-image: linear-gradient(to left, #00a0ea, #003fa0); } .music_apps_text{ padding:44px 0px 38px; } .music_apps_text h3{ color:#fff; margin:0px 0px 5px 0px; text-transform:capitalize; font-weight:bold; font-size:30px; } .music_apps_text h3 span{ display:block; } .music_apps_text p{ color:#fff; margin-bottom:20px; } .music_mobile_apps{ float:right; width:auto; padding-top: 50px; padding-right: 60px; } .music_mobile_apps figure{ width:auto; } .music_apps_img a{ display:inline-block; margin-right:8px; overflow:hidden; } .music_apps_img a img{ transition:all 0.3s ease-in-out; } .music_apps_img a img:hover{ transform:scale(1.1) rotate(2deg); -moz-transform:scale(1.1) rotate(2deg); -webkit-transform:scale(1.1) rotate(2deg); opacity:0.9; } .music_apps_img a:last-child{ margin-right:0px; } .music_apps_img a img{ border-radius:5px; } /* ============================================ music APPS WRAP END ============================================ */ .music_event_fig .music_event_location h3{ font-size:24px; } .music_event_fig .event_ticket .event_ticket_text h6{ font-size:14px; } .kode_comments.margin { background: #222431 none repeat scroll 0 0; float: left; padding: 30px; width: 100%; } .margin-top-30{ /*margin-top:30px;*/ float:left; width:100%; } .kode_search-content button{ border-radius:16px; } .kode_search-input{ /*border-radius:15px;*/ } .kode_search-content button{ right: 25px; padding: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkittransform: translateY(-50%); background: transparent; } input.kode_search-input:focus, textarea.kode_search-input:focus{ border:1px solid rgba(255, 255, 255, 0.3); } .msl-heading-custom{ float:left; width:100%; margin-bottom:15px; } .msl-heading-custom h5{ font-size: 24px; text-transform: uppercase; } .album-grid-overlay{ position:relative; } .album-grid-overlay:before{ position:absolute; content:""; top:0px; left:0px; right:0px; bottom:0px; background-color:#000; opacity:0.6; } /* =================================== TRACK ALBUM START =================================== */ .track_album_row ul, .track_album_row, .track_album_list, .track_album{ float:left; width:100%; } .track_album{ padding:60px 0px; position:relative; background:linear-gradient(#0a0a0c 12%, #1d1c22) !important; } .track_album h3{ color:#fff; font-weight:600; margin:0px 0px 30px 0px; text-transform:capitalize; } .track_album h3 i{ margin-left:15px; font-size:14px; color:#616163; cursor:pointer; } .track_album_row{ padding:8px 0px; border-bottom:1px solid #27262e; } .track_album_row ul{ margin:0px 0px; } .track_album_row ul li{ list-style:none; margin-bottom:0px; float:left; width:auto; } .track_album_row ul li.track_number{ display: none; width:36px; font-size:16px; line-height:60px; } .track_album_deta{ float:left; min-width:300px; } .track_album_deta figure{ float:left; width:auto; } .track_album_text{ overflow:hidden; padding:10px 0px 9px 15px; } .track_album_text h6{ color:#fff; font-size: 16px; font-weight:400; margin:0px 0px 8px 0px; text-transform:uppercase; } .track_album_text p{ margin-bottom:0px; line-height:normal; text-transform:capitalize; font-size:13px; } .track_album_row ul li.track_timer{ width:100px; line-height:60px; } .track_album_row ul li.track_share{ width:60px; line-height:60px; color:#fff; cursor:pointer; } .track_album_row ul li .chart_dots{ padding:14px 25px 14px 0px; } /* =================================== TRACK ALBUM END =================================== */ /* =================================== VIDEO ALBUM START =================================== */ .video_album_list, .video_album{ float:left; width:100%; } .video_album{ padding:216px 0px 70px 0px; position:relative; } .video_album:before{ position: absolute; content: ""; top: 0px; left: 0px; right: 400px; bottom: 0px; background-image: url("images/video-bg1.png"); background-position: right; background-repeat: no-repeat; background-size: auto 100%; } .video_album_list a{ height:74px; width:74px; display:inline-block; border-radius:100%; color:#fff; font-size:30px; text-align:center; line-height:74px; float:left; margin-top:32px; } .video_album_text{ overflow:hidden; padding-left:20px; } .video_album_text > span{ display:block; text-transform:uppercase; color:#cfcfcf; margin-bottom:8px; } .video_album_text h2{ font-weight:700; color:#02050e; text-transform:capitalize; margin:0px 0px 0px 0px; font-size: 40px; } .video_album_text h2 span{ display:block; margin-bottom:6px; } /* =================================== VIDEO ALBUM END =================================== */ /* =================================== VIDEO TRACK ALBUM START =================================== */ .video_track_list, .video_track_album{ float:left; width:100%; } .video_track_album{ padding:60px 0px; background: linear-gradient(#0a0a0c 12%, #2a2a34) !important; } .video_track_list:hover figure{ box-shadow:0px 2px 15px -4px #000; } .video_album_list.list_2{ position:absolute; left:25px; bottom:30px; z-index:2; right: 25px; } .video_album_list.list_2 a{ height:58px; width:58px; line-height:58px; font-size:24px; margin-top:0px; } .video_album_list.list_2 h2{ color:#fff; font-size:24px; } .video_album_list.list_2.list_3{ left:10px; bottom:13px; } .video_album_list.list_2.list_3 a{ height:30px; width:30px; line-height:30px; font-size:14px; margin-top: 3px; } .video_album_list.list_2.list_3 .video_album_text{ padding-left: 8px; } .video_album_list.list_2.list_3 .video_album_text h2{ font-size:16px; } .video_album_list.list_2.list_3 .video_album_text h2 span{ margin-bottom: 2px; } .margin-bottom{ margin-bottom:16px; } .video_track_list figure::after{ bottom: 0; top: auto; left: 0; right: 0; height: 50%; content: ""; position: absolute; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+71 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 71%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 71%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 71%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } /* =================================== VIDEO TRACK ALBUM END =================================== */ /* =================================== TRACK CLASSES START =================================== */ .track_classes_fig, .track_classes_heading{ float:left; width:100%; } .track_classes_heading{ margin-bottom:15px; } .track_classes_heading .section_title{ float:left; margin-bottom:0px; padding: 7px 0px; } .track_classes_heading .charts_item{ float:right; width:auto; } .track_classes_fig figure:before{ 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) 7%, #000); z-index: 1; } .track_classes_text{ position:absolute; bottom:25px; left:0px; right:0px; text-align:center; z-index:1; } .track_classes_text h3{ color:#fff; font-weight:600; margin:0px 0px 2px 0px; text-transform:capitalize; } .track_classes_fig .track_classes_text h3 a{ font-size: 20px; } .track_classes_text p{ text-transform:capitalize; margin-bottom:0px; font-size:16px; color:#afaeb4; } /* =================================== TRACK CLASSES END =================================== */ /* =================================== LATEST ALBUM START =================================== */ .latest_album_event_list, .latest_album_event ul li, .latest_album_event ul, .latest_album_event, .latest_album_text, .latest_album_fig, .latest_album_heading, .latest_album_list, .latest_album{ float:left; width:100%; } .latest_album{ background: linear-gradient(#2a2a34 12%, #0a0a0c); padding:60px 0px; } /*LATEST ALBUM HEADING START*/ .latest_album_heading{ position:relative; z-index:1; margin-bottom:20px; } .latest_album_heading h3{ color:#fff; text-transform:uppercase; margin:0px 0px; position:relative; padding-bottom:15px; border-bottom:1px solid; z-index:1; } .latest_album_heading:after, .latest_album_heading:before, .latest_album_heading h3:before{ position:absolute; content:""; top:0px; left:0px; right:0px; bottom:3px; border-bottom:1px solid; z-index:-1; } .latest_album_heading:after, .latest_album_heading:before{ width: 90px; border-color: #10bfff; top: auto; border-width: 1px; z-index: 2; bottom: 4px; } .latest_album_heading:after{ bottom: 0px; } /*LATEST ALBUM HEADING END*/ .latest_album_list{ position:relative; } .latest_album_fig figure img{ width:100%; } .latest_album_row{ position:absolute; bottom:0px; left:0px; right:0px; } .latest_album_social{ margin:0px 0px; } .latest_album_social li{ list-style:none; display:inline-block; width:auto; margin-bottom:0px; } .latest_album_social li a{ height:50px; width:50px; line-height:50px; text-align:center; color:#fff; display:inline-block; font-size:18px; } .play{ background-color:#27b2e7; } .play1{ background-color:#cd3f62; } .latest_album_text{ padding:24px 15px 23px; position:relative; z-index:1; } .latest_album_text:before{ position:absolute; content:""; top:0px; left:0px; right:0px; bottom:0px; background-color:#181b27; opacity:0.9; z-index:-1; } .latest_album_text h6{ color:#fff; margin:0px 0px 11px 0px; text-transform:capitalize; font-weight:600; } .latest_album_text p{ margin-bottom:0px; color:#80849c; line-height:24px; } .latest_album_list button{ background:none; color:transparent; height:18px; width:18px; border-radius:100%; border:2px solid #fff; padding: 0px; position:absolute; top:0px; } .latest_album_list .slick-list{ overflow:visible; } .latest_album_list .slick-next.slick-arrow{ top:5px; right:0px; z-index: 2; } .latest_album_list .slick-prev.slick-arrow{ top:5px; right:23px; z-index:1; } .latest_album_list .slick-prev.slick-arrow:before, .latest_album_list .slick-next.slick-arrow:before{ position:absolute; content:"\f105"; top:0px; left:0px; right:1px; bottom:0px; text-align:center; font-family:fontawesome; color:#fff; font-size:12px; } .latest_album_list .slick-prev.slick-arrow:before{ content:"\f104"; } /*latest album event*/ .latest_album_event{ margin:a0px 0px; } .latest_album_event ul li{ list-style:none; margin-bottom:15px; } .latest_album_event ul li:last-child{ margin-bottom:0px; } .latest_album_event_list{ background-color:#1b1d29; padding:15px 20px; position:relative; } .latest_event_date{ float:left; width:auto; padding:0px 10px; background-color:#2e3042; text-align:center; } .latest_event_date span{ color:#fff; font-size:13px; font-weight:600; } .latest_event_date h4{ margin:0px 0px; color:#fff; font-weight:600; text-transform:uppercase; line-height: 11px; } .latest_album_event_text{ overflow:hidden; padding:12px 0px 12px 15px; } .latest_album_event_text h5{ margin:0px 0px 0px 0px; color:#fff; text-transform:capitalize; } .latest_album_event_text a{ display:inline-block; color:#80849c; } .latest_album_event_text a i{ margin-right:5px; } .cart_btn{ position:absolute; top:30px; right:30px; height:40px; width:40px; text-align:center; line-height:40px; border-radius:100%; display:inline-block; color:#fff; } .cart_btn:hover{ color:#fff; } .pink_bg{ background-color:#ec3a60; } .blue_light_bg{ background-color:#10bfff; } .gray_bg{ background-color:#80849c; } .pink_dark{ background-color:#ec3a60; } /* player list start*/ .latest_album_list .artist, .latest_album_list .title, .latest_album_list .cover, .latest_album_list .volume, .latest_album_list .controls .stop, .latest_album_list .controls .fwd, .latest_album_list .controls .rew{ display:none; } .latest_album_list .example{ margin:0px 0px; } .latest_album_list .playlist, .latest_album_list .example, .latest_album_list .player{ float:left; width:100%; } .latest_album_list .player{ height:auto; margin-bottom:20px; background-color:#1b1d29; padding:15px 20px; } .latest_album_list .progressbar div, .latest_album_list .progressbar, .latest_album_list .controls{ position:static; } .latest_album_list .progressbar{ float:left; width:60%; height:1px; background-color:#151821; margin-top:11px; } .latest_album_list .bar-loaded{ background-color:#151821; height:1px; } .latest_album_list .progressbar .bar-played{ margin-top:-3px; } .progressbar div{ height:3px; } .latest_album_list .controls .play, .latest_album_list .controls .pause{ height:20px; width:20px; background-image:none; margin:0px 0px; } .latest_album_list .controls .pause:before, .latest_album_list .controls .play:before{ position: absolute; content: "\f04b"; top: 14px; left: 20px; right: 0px; bottom: 0px; height: 20px; width: 20px; border: 2px solid #fff; border-radius: 100%; color: #fff; font-family: fontawesome; line-height: 17px; font-size: 8px; z-index: 9999999; text-align:center; text-indent: 1px; } .latest_album_list .controls .pause:before{ content: "\f04c"; font-size: 7px; } .latest_album_list .timeHolder{ float:right; width:auto; position:static; margin:1px 0px 0px; } .latest_album_list .time-current, .latest_album_list .time-duration, .latest_album_list .time-separator{ font-size:12px; } .latest_album_list .time-separator{ margin:0px 2px; } .latest_album_list .time-separator, .latest_album_list .time-duration{ color:#80849c; } .latest_album_list .playlist{ background-color:#1b1d29; padding:25px 20px; } .latest_album_list .playlist div > a{ color:#80849c; text-transform:uppercase; margin:0px 0px; } .latest_album_list .playlist li.active, .latest_album_list .playlist div.active, .latest_album_list .playlist div.active > a{ font-weight:400; } .latest_album_list .playlist li, .latest_album_list .playlist div{ margin:0px 0px 12px; padding:0px 0px 15px 0px; position:relative; color:#80849c; } .latest_album_list .playlist div:before{ position:absolute; content:""; top:0px; left:0px; right:0px; bottom:0px; border-bottom:1px solid #2e3042; width:33px; } .latest_album_list .playlist div:last-child:before{ border-bottom:none; } /* player list end*/ /* hover style start*/ .album_item figure:after, .track_album_row .track_album_deta figure:before, .video_track_list figure:before{ position:absolute; content:""; top:0px; left:0px; right:0px; bottom:0px; background: linear-gradient(#080413 12%, #970100); opacity: 0; z-index:1; } .track_classes_fig:hover figure:before{ background: linear-gradient(#080413 12%, #970100); z-index:1; } .album_item:hover figure:after, .track_classes_fig:hover figure:before, .track_album_row:hover .track_album_deta figure:before, .video_track_list:hover figure:before{ opacity: 0.8; } .album_item:hover figure img, .track_classes_fig:hover figure img, .track_album_row:hover .track_album_deta figure img, .video_track_list:hover figure img{ transform:scale(1.2) rotate(5deg); -moz-transform:scale(1.2) rotate(5deg); -webkit-transform:scale(1.2) rotate(5deg); } .msl-featured-thumb.featured-thumb-list{ padding:10px; } .msl-featured-thumb.mg-bt{ padding:0px; } .without-padding .col-md-2, .without-padding .row [class^="col-md-"], .without-padding [class^="col-md-"]{ padding:0px; } .wpmf-video.wpmf-video-classic .video_track_list{ margin-bottom:30px; } .no-item-margin-bottom .wpmf-video.wpmf-video-classic .video_track_list{ margin-bottom:0px; } .album_item *, .track_classes_fig *{ transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .kode-background-map { padding: 0px; position: relative; } .footertransparent-bg { position: absolute; left: 0px; top: 0px; background-color: rgba(0,0,0,0.2); width: 100%; height: 100%; z-index: 99; } .kode-background-map .musicnight_shortcode-map { height: 100%; position: absolute; left: 0px; top: 0px; width: 100%; } .kode-background-map .container-fluid, .kode-background-map .container { position: relative; z-index: 110; } .kode-background-map .col-md-4 { min-height:500px; } .kode-background-map .columns .wpcf7, .kode-background-map .col-md-4 .widget-item.kode-widget-item.kode-sidebar-element{ background-color: #273138; float:left; padding: 50px; } .kode-background-map .columns .wpcf7{ padding:50px 50px 10px 50px; } .kode-background-map .columns .wpcf7 p{ color:#fff; } .kode-background-map .musicnight_shortcode-map{ height:100% !important; } .content{ width:100%; float:left; position:relative; }
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка