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;
}

/* 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;}
.btn-wishlist-delete {color:red;}

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

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

/* Cards and their images */
.result-card { min-width:160px !important; max-width:160px !important; }
.result-image { max-height:160px !important; min-height:160px !important; }
.discogs-card { min-width:180px !importantr; max-width:180px !important; }
.responsive-image { width: 100%; height: auto;}

/* Youtube list bullet */
.youtube ul {
  list-style: none;
}

.youtube ul li::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1.5em;
  content: "\f167";
  color: red;
  display: inline-block; 
  width: 1.5em;
  margin-left: -1.5em;
  vertical-align: middle;
}
 
/* Hide on larger and smaller screens */
@media screen and (max-width: 1199px) {
    .hide-large { display: none !important; }
}

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

/* Hide on small and extra-small screens */
@media screen and (max-width: 767px) {
    .hide-small { display: none !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; }
}