Satélite K | Sello Discográfico · Producción, Edición y Promoción Musical

/* ----------------------------------------- */ /* View: Artistas Home - inicio */ /* ----------------------------------------- */ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } @keyframes icon-in { from {opacity :0;} to {opacity :1;} } @keyframes icon-out { from {opacity :1;} to {opacity :0;} } @keyframes dark-in { from {filter :brightness(100%);} to {filter :brightness(70%);} } @keyframes dark-out { from {filter :brightness(70%);} to {filter :brightness(100%);} } .box-artista { animation-duration: .5s; float: left; width: 100%; background-color: #ccc; height: 250px; margin-bottom: 20px; background-position: center center; background-repeat: no-repeat; background-size: cover; display: table; text-decoration: none; } .box-artista:hover { animation-duration: .5s; filter: brightness(70%); } .ico:hover { animation-duration: .5s; opacity: 1; } .ico .eye { width: 55px; background-color: #009999; padding: 10px; text-align: center; margin: 0 auto; } .ico i { font-size:32px; color: white; } .ico { top:0px; animation-duration: .5s; margin-left:-10px; z-index: 9999; opacity: 0; width: 100%; display: table-cell; vertical-align: middle; padding-top: 100px; position: absolute; height: 250px; } .nombre { position: relative; top: -70px; left: -10px; padding: 8px 10px; text-align: left; display: table-cell; width: auto; color: #fff; font-size: 15px; background: rgba(27, 32, 38, 0.9); } /* ----------------------------------------- */ /* View: Artistas Home - fin */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Libros Home - inicio */ /* ----------------------------------------- */ .equal-height { display: flex; flex-wrap: wrap; } /* ----------------------------------------- */ /* View: Libros Home - fin */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Discos Home - inicio */ /* ----------------------------------------- */ .col-md-10{ display: flex; align-items: center; justify-content: center } /*Checkboxes styles*/ .js-wpv-filter-trigger { -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; position: relative; top: 4.33333px; right: 0; bottom: 0; left: 0; height: 0px; width: 0px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; background: #353b47; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none !important; position: relative; z-index: 1000; } .js-wpv-filter-trigger:hover { background: #009999; } .js-wpv-filter-trigger:checked { -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; background: #009999; } .js-wpv-filter-trigger:checked::before { height: 20px; width: 20px; position: absolute; content: 'x'; display: inline-block; line-height: 0px; margin-top: -9px; margin-left: -9px; } .ui-widget { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background: #2e3641; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .ui-datepicker { padding: 0; } .ui-datepicker-header { border: none; background: transparent; font-weight: normal; font-size: 15px; } .ui-datepicker-header .ui-state-hover { background: transparent; border-color: transparent; cursor: pointer; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .ui-datepicker .ui-datepicker-title { margin-top: .4em; margin-bottom: .3em; color: #e9f0f4; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { top: .9em; border:none; } .ui-datepicker .ui-datepicker-prev-hover { left: 2px; } .ui-datepicker .ui-datepicker-next-hover { right: 2px; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { background-image: url(images/ui-icons_ffffff_256x240.png); background-position: -32px 0; margin-top: 0; top: 0; font-weight: normal; } .ui-datepicker .ui-datepicker-prev span { background-position: -96px 0; } .ui-datepicker table { margin: 0; } .ui-datepicker th { padding: 1em 0; color: #ccc; font-size: 13px; font-weight: normal; border: none; border-top: 0px solid #3a414d; } .ui-datepicker td { background: #1a1e26; border: none; padding: 0; } td .ui-state-default { background: transparent; border: none; text-align: center; padding: .5em; margin: 0; font-weight: normal; color: #efefef; font-size: 16px; } .ui-state-disabled { opacity: 1; } .ui-state-disabled .ui-state-default { color: #1a1e26; } td .ui-state-active, td .ui-state-hover { background: #1a1e26 !important; } .ui-datepicker td { background: #1a1e26 !important; border: none; padding: 0; } .ui-datepicker .ui-widget-header { border: 0px solid #e78f08 !important; background: #1a1e26 !important; color: #ffffff !important; font-weight: bold !important; } .ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default { border: 0px solid #cccccc !important; background: #1a1e26 !important; font-weight: bold !important; color: white !important; } .ui-datepicker .ui-state-disabled, .ui-datepicker.ui-widget-content .ui-state-disabled, .ui-datepicker .ui-widget-header .ui-state-disabled { opacity: 1 !important; background-image: none; } .ui-datepicker.ui-widget-content { border: 0px solid #cccccc !important; background: #1a1e26 !important; color: #333333; z-index: 10000 !important; } .ui-datepicker .ui-state-hover, .ui-datepicker.ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker.ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-focus { border: 0px solid #fbcb09 !important; background: #1a1e26 !important; font-weight: bold; color: #c77405; } .media-left, .media>.pull-left { padding-right: 0px; } .media-body{ padding: 5px 5px 5px 10px; background-color: #e1e4e8; color: black; } .media img:hover{ filter: brightness(70%); } .media { font-family:Rajdhani; padding: 0px; margin-bottom: 10px; margin-top: 10px !important; } .media h3{ font-family:Rajdhani; font-weight:bold; font-size:16px; } .media p{ line-height:1; font-size:16px; } .results .col-md-3{ padding: 5px 5px; } /* ----------------------------------------- */ /* View: Discos Home - fin */ /* ----------------------------------------- */