Subversion Repositories cheapmusic

Rev

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