Subversion Repositories cheapmusic

Rev

Rev 61 | Rev 65 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 - 1 
/* Override Progress Bar Transition Time */
2 
.progress-bar {
3 
    transition: width 0.1s ease !important;
4 
}
5 
 
62 - 6 
/* Black Background */
7 
.bg-black {
8 
    background-color: black !important;
9 
    color: white !important;
10 
}
11 
 
12 
/* Invert element */
13 
.invert {
14 
  filter: invert(20%);
15 
}
16 
 
17 - 17 
/* Three additional bigger font sizes */
3 - 18 
.display-5 {
19 
  font-size: 2.5rem;
20 
  font-weight: 300;
21 
  line-height: 1.2;
22 
}
23 
.display-6 {
24 
  font-size: 1.5rem;
25 
  font-weight: 300;
26 
  line-height: 1.2;
5 - 27 
}
28 
 
17 - 29 
.display-7 {
30 
  font-size: 1.25rem;
31 
  font-weight: 300;
32 
  line-height: 1.2;
33 
}
34 
 
43 - 35 
/* Pagination */
36 
.paginateNav {padding:5px 5px;}
37 
.paginateNav a {padding:3px 3px;color:black;}
38 
.paginateNav a.current {font-weight:bold;text-decoration:underline;color:white;}
39 
 
47 - 40 
/* Images */
41 
.user-img {max-height:45px;}
42 
.wishlist-img {max-height:3em;}
43 
 
44 
/* Buttons */
45 
.btn-search {font-size:25px;}
46 
.btn-dismiss {font-size:24px;}
47 
.btn-shop {font-size:20px;}
48 
.btn-wishlist {font-size:1.5em;}
52 - 49 
.btn-wishlist-delete {color:red;}
47 - 50 
 
51 
/* Icons */
52 
.category-icon {font-size:32px;text-shadow:2px 2px 4px #000000;}
53 
.category-icon-silver {color:silver;}
54 
 
55 
/* Cursor Pointer */
56 
.cursor-pointer {cursor:pointer;}
57 
 
61 - 58 
/* Cards and their images */
59 
.result-card { min-width:160px !important; max-width:160px !important; }
60 
.result-image { max-height:160px !important; min-height:160px !important; }
61 
.discogs-card { min-width:180px !importantr; max-width:180px !important; }
62 - 62 
.responsive-image { width: 100%; height: auto;}
61 - 63 
 
62 - 64 
/* Youtube list bullet */
65 
.youtube ul {
66 
  list-style: none;
67 
}
68 
 
69 
.youtube ul li::before {
70 
  font-family: "Font Awesome 5 Brands";
71 
  font-size: 1.5em;
72 
  content: "\f167";
73 
  color: red;
74 
  display: inline-block;
75 
  width: 1.5em;
76 
  margin-left: -1.5em;
77 
  vertical-align: middle;
78 
}
79 
 
17 - 80 
/* Hide on larger and smaller screens */
81 
@media screen and (max-width: 1199px) {
43 - 82 
    .hide-large { display: none !important; }
17 - 83 
}
84 
 
85 
/* Hide on medium and smaller screens */
86 
@media screen and (max-width: 991px) {
87 
    .hide-medium { display: none !important; }
88 
}
89 
 
90 
/* Hide on small and extra-small screens */
91 
@media screen and (max-width: 767px) {
92 
    .hide-small { display: none !important; }
93 
}
94 
 
95 
/* Hide on extra-small screens */
61 - 96 
/* Wider cards */
17 - 97 
@media screen and (max-width: 575px) {
98 
    .hide-extra-small { display: none !important; }
61 - 99 
    .result-card { min-width:80% !important; max-width:80% !important; }
100 
    .result-image { max-height:none !important; min-height:none !important; }
101 
    .discogs-card { max-height:none !important; min-height:none !important; }
17 - 102 
}