Subversion Repositories cheapmusic

Rev

Rev 65 | Rev 68 | 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 {
65 - 3 
	transition: width 0.1s ease !important;
1 - 4 
}
5 
 
62 - 6 
/* Black Background */
7 
.bg-black {
65 - 8 
	background-color: black !important;
9 
	color: white !important;
62 - 10 
}
11 
 
12 
/* Invert element */
13 
.invert {
65 - 14 
	filter: invert(20%);
62 - 15 
}
16 
 
17 - 17 
/* Three additional bigger font sizes */
3 - 18 
.display-5 {
65 - 19 
	font-size: 2.5rem;
20 
	font-weight: 300;
21 
	line-height: 1.2;
3 - 22 
}
65 - 23 
 
3 - 24 
.display-6 {
65 - 25 
	font-size: 1.5rem;
26 
	font-weight: 300;
27 
	line-height: 1.2;
5 - 28 
}
29 
 
17 - 30 
.display-7 {
65 - 31 
	font-size: 1.25rem;
32 
	font-weight: 300;
33 
	line-height: 1.2;
17 - 34 
}
35 
 
43 - 36 
/* Pagination */
65 - 37 
.paginateNav {
38 
	padding: 5px 5px;
39 
}
43 - 40 
 
65 - 41 
.paginateNav a {
42 
	padding: 3px 3px;
43 
	color: black;
44 
}
45 
 
46 
.paginateNav a.current {
47 
	font-weight: bold;
48 
	text-decoration: underline;
49 
	color: white;
50 
}
51 
 
47 - 52 
/* Images */
65 - 53 
.user-img {
54 
	max-height: 45px;
55 
}
47 - 56 
 
65 - 57 
.wishlist-img {
58 
	max-height: 3em;
59 
}
60 
 
47 - 61 
/* Buttons */
65 - 62 
.btn-search {
63 
	font-size: 25px;
64 
}
47 - 65 
 
65 - 66 
.btn-dismiss {
67 
	font-size: 24px;
68 
}
69 
 
70 
.btn-shop {
71 
	font-size: 20px;
72 
}
73 
 
74 
.btn-wishlist {
75 
	font-size: 1.5em;
76 
}
77 
 
78 
.btn-wishlist-delete {
79 
	color: red;
80 
}
81 
 
47 - 82 
/* Icons */
66 - 83 
.media-icon {
65 - 84 
	font-size: 32px;
85 
	text-shadow: 2px 2px 4px #000000;
86 
}
47 - 87 
 
66 - 88 
.media-icon-silver {
65 - 89 
	color: silver;
90 
}
91 
 
47 - 92 
/* Cursor Pointer */
65 - 93 
.cursor-pointer {
94 
	cursor: pointer;
95 
}
47 - 96 
 
61 - 97 
/* Cards and their images */
65 - 98 
.result-card {
99 
	min-width: 160px !important;
100 
	max-width: 160px !important;
101 
}
61 - 102 
 
65 - 103 
.result-image {
104 
	max-height: 160px !important;
105 
	min-height: 160px !important;
106 
}
107 
 
108 
.discogs-card {
109 
	min-width: 180px !important;
110 
	max-width: 180px !important;
111 
}
112 
 
113 
.responsive-image {
114 
	width: 100%;
115 
	height: auto;
116 
}
117 
 
62 - 118 
/* Youtube list bullet */
119 
.youtube ul {
65 - 120 
	list-style: none;
62 - 121 
}
122 
 
123 
.youtube ul li::before {
65 - 124 
	font-family: "Font Awesome 5 Brands";
125 
	font-size: 1.5em;
126 
	content: "\f167";
127 
	color: red;
128 
	display: inline-block;
129 
	width: 1.5em;
130 
	margin-left: -1.5em;
131 
	vertical-align: middle;
62 - 132 
}
66 - 133 
 
134 
/* Filter Button Counters */
135 
.filterButton {
136 
  text-decoration: none;
137 
  padding: 10px 20px;
138 
  position: relative;
139 
  display: inline-block;
140 
}
141 
 
142 
.filterButtonSmall {
143 
  text-decoration: none;
144 
}
145 
 
146 
.filterButton .badge {
147 
  position: absolute;
148 
  top: -10px;
149 
  right: -10px;
150 
  padding: 3px 6px;
151 
  border-radius: 50%;
152 
  background-color: black;
153 
  color: white;
154 
}
155 
 
62 - 156 
 
17 - 157 
/* Hide on larger and smaller screens */
158 
@media screen and (max-width: 1199px) {
65 - 159 
	.hide-large {
160 
		display: none !important;
161 
	}
17 - 162 
}
163 
 
164 
/* Hide on medium and smaller screens */
165 
@media screen and (max-width: 991px) {
65 - 166 
	.hide-medium {
167 
		display: none !important;
168 
	}
17 - 169 
}
170 
 
171 
/* Hide on small and extra-small screens */
172 
@media screen and (max-width: 767px) {
65 - 173 
	.hide-small {
174 
		display: none !important;
175 
	}
17 - 176 
}
177 
 
178 
/* Hide on extra-small screens */
61 - 179 
/* Wider cards */
17 - 180 
@media screen and (max-width: 575px) {
65 - 181 
	.hide-extra-small {
182 
		display: none !important;
183 
	}
184 
 
185 
	.result-card {
186 
		min-width: 80% !important;
187 
		max-width: 80% !important;
188 
	}
189 
 
190 
	.result-image {
191 
		max-height: none !important;
192 
		min-height: none !important;
193 
	}
194 
 
195 
	.discogs-card {
196 
		max-height: none !important;
197 
		min-height: none !important;
198 
	}
199 
}