Subversion Repositories cheapmusic

/* Override Progress Bar Transition Time */
.progress-bar {
        transition: width 0.1s ease !important;
}

/* Black Background */
.bg-black {
        background-color: black !important;
        color: white !important;
}

/* Black Background */
.bg-white {
        background-color: white !important;
        color: black !important;
}

/* Invert element */
.invert {
        filter: invert(20%);
}

/* Three additional bigger font sizes */
.display-5 {
        font-size: 2.5rem;
        font-weight: 300;
        line-height: 1.2;
}

.display-6 {
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.2;
}

.display-7 {
        font-size: 1.25rem;
        font-weight: 300;
        line-height: 1.2;
}

/* Pagination */
.paginateNav {
        padding: 5px 5px;
}

.paginateNav a {
        padding: 3px 3px;
        color: black;
}

.paginateNav a.current {
        font-weight: bold;
        text-decoration: underline;
        color: white;
}

/* Images */
.user-img {
        max-height: 45px;
}

.wishlist-img {
        max-height: 3em;
}

/* Buttons */
.btn-search {
        font-size: 25px;
}

.btn-dismiss {
        font-size: 24px;
}

.btn-shop {
        font-size: 20px;
}

.btn-wishlist {
        font-size: 1.5em;
}

/* Icons */
.media-icon {
        font-size: 32px;
        text-shadow: 2px 2px 4px #000000;
}

.media-icon-silver {
        color: silver;
}

.media-icon-black {
        color: black;
}

/* Cursor Pointer */
.cursor-pointer {
        cursor: pointer;
}

/* Cards and their images */
.result-card {
        min-width: 160px !important;
        max-width: 160px !important;
}

.result-card:hover {
    transform: scale(1.1);
}
.result-image {
        max-height: 160px !important;
        min-height: 160px !important;
}

.discogs-card {
        min-width: 180px !important;
        max-width: 180px !important;
}

.discogs-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.responsive-image {
        width: 100%;
        height: auto;
}

/* Youtube list bullet */
.youtube {
        color: #ff0000;
}

/* Filter Button Counters */
.filterButton {
  text-decoration: none;
  padding: 10px 20px;
  position: relative;
  display: inline-block;
}

.filterButtonSmall {
  text-decoration: none;
}

.filterButton .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 3px 6px;
  border-radius: 50%;
  background-color: black;
  color: white;
}

 
/* Hide on larger and smaller screens */
/* search term entry width */
@media screen and (min-width: 1200px) {
        .searchTerm-width {
            width:30em!important;
        }
}

@media screen and (max-width: 1199px) {
        .hide-large {
                display: none !important;
        }
        
        .searchTerm-width {
            width:25em!important;
        }
}

/* Hide on medium and smaller screens */
@media screen and (max-width: 991px) {
        .hide-medium {
                display: none !important;
        }
        
        .searchTerm-width {
            width:20em!important;
        }
}

/* Hide on small and extra-small screens */
@media screen and (max-width: 767px) {
        .hide-small {
                display: none !important;
        }
        
        .searchTerm-width {
            width:15em!important;
        }
}

/* Hide on extra-small screens */
/* Wider cards */
@media screen and (max-width: 575px) {
        .hide-extra-small {
                display: none !important;
        }

        .result-card {
                min-width: 80% !important;
                max-width: 80% !important;
        }

        .result-image {
                max-height: none !important;
                min-height: none !important;
        }

        .discogs-card {
                max-height: none !important;
                min-height: none !important;
        }
        
        .searchTerm-width {
            width:15em!important;
        }
}