Subversion Repositories cheapmusic

Rev

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

Rev Author Line No. Line
118 - 1 
/* body to start below sticky navigation bar */
81 - 2 
body {
83 - 3 
    padding-top: 50px;
81 - 4 
}
5 
 
137 - 6 
/* height of sticky header */
7 
html, body {
8 
  scroll-padding-top: 70px;
9 
}
10 
 
1 - 11 
/* Override Progress Bar Transition Time */
12 
.progress-bar {
65 - 13 
	transition: width 0.1s ease !important;
137 - 14 
	width: 0;
1 - 15 
}
16 
 
62 - 17 
/* Black Background */
18 
.bg-black {
65 - 19 
	background-color: black !important;
20 
	color: white !important;
62 - 21 
}
22 
 
68 - 23 
/* Black Background */
24 
.bg-white {
25 
	background-color: white !important;
26 
	color: black !important;
27 
}
28 
 
62 - 29 
/* Invert element */
30 
.invert {
65 - 31 
	filter: invert(20%);
62 - 32 
}
33 
 
17 - 34 
/* Three additional bigger font sizes */
3 - 35 
.display-5 {
65 - 36 
	font-size: 2.5rem;
37 
	font-weight: 300;
38 
	line-height: 1.2;
3 - 39 
}
65 - 40 
 
3 - 41 
.display-6 {
65 - 42 
	font-size: 1.5rem;
43 
	font-weight: 300;
44 
	line-height: 1.2;
5 - 45 
}
46 
 
17 - 47 
.display-7 {
65 - 48 
	font-size: 1.25rem;
49 
	font-weight: 300;
50 
	line-height: 1.2;
17 - 51 
}
52 
 
43 - 53 
/* Pagination */
65 - 54 
.paginateNav {
55 
	padding: 5px 5px;
56 
}
43 - 57 
 
65 - 58 
.paginateNav a {
59 
	padding: 3px 3px;
60 
	color: black;
61 
}
62 
 
114 - 63 
.paginateNav .current {
65 - 64 
	font-weight: bold;
65 
	text-decoration: underline;
66 
	color: white;
67 
}
68 
 
118 - 69 
/* Do you wrap */
70 
.nowrap {
71 
    white-space: nowrap;
72 
}
73 
 
74 
/* User Images */
65 - 75 
.user-img {
76 
	max-height: 45px;
77 
}
47 - 78 
 
118 - 79 
/* wishlist image */
80 
.wl-img {
124 - 81 
	min-width: 80px;
118 - 82 
}
83 
 
65 - 84 
.btn-dismiss {
85 
	font-size: 24px;
86 
}
87 
 
47 - 88 
/* Icons */
66 - 89 
.media-icon {
116 - 90 
	font-size: 36px;
65 - 91 
	text-shadow: 2px 2px 4px #000000;
92 
}
47 - 93 
 
66 - 94 
.media-icon-silver {
65 - 95 
	color: silver;
96 
}
97 
 
68 - 98 
.media-icon-black {
99 
	color: black;
100 
}
101 
 
116 - 102 
/* Material Icons */
103 
.material-text {
104 
    vertical-align: bottom;
105 
}
106 
 
107 
/* Material Icon on Button */
108 
button.material-icons, a.material-icons {
109 
    vertical-align: middle !important;;
110 
    line-height: 0 !important;
111 
    position: relative;
112 
    top: -1px;
113 
}
114 
 
115 
/* Negative left and right margins */
116 
.material-nlm {
117 
    margin-left: -.2em;
118 
}
119 
 
120 
.material-nrm {
121 
    margin-right: -.2em;
122 
}
123 
 
124 
.material-icons.md-18 { font-size: 18px; }
125 
.material-icons.md-24 { font-size: 24px; }
126 
.material-icons.md-36 { font-size: 36px; }
127 
.material-icons.md-48 { font-size: 48px; }
128 
 
119 - 129 
.svg-24 { width:24px; height:24px; }
130 
.svg-yt { color:red; width:36px; height:36px; }
131 
 
132 
.hidden-default-btn { width: 0; height: 0; overflow: hidden; }
133 
 
47 - 134 
/* Cursor Pointer */
65 - 135 
.cursor-pointer {
136 
	cursor: pointer;
137 
}
47 - 138 
 
61 - 139 
/* Cards and their images */
65 - 140 
.result-card {
141 
	min-width: 160px !important;
142 
	max-width: 160px !important;
143 
}
68 - 144 
.result-card:hover {
145 
    transform: scale(1.1);
146 
}
124 - 147 
.result-card-image {
65 - 148 
	max-height: 160px !important;
149 
	min-height: 160px !important;
150 
}
151 
 
124 - 152 
/* Table Images */
153 
.result-table-image {
154 
	max-height: 160px !important;
155 
}
156 
 
157 
/* Discogs Cards */
65 - 158 
.discogs-card {
159 
	min-width: 180px !important;
160 
	max-width: 180px !important;
161 
}
68 - 162 
.discogs-card:hover {
163 
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
164 
}
65 - 165 
.responsive-image {
166 
	width: 100%;
167 
	height: auto;
168 
}
169 
 
62 - 170 
/* Youtube list bullet */
68 - 171 
.youtube {
172 
	color: #ff0000;
62 - 173 
}
174 
 
114 - 175 
/* Social Buttons */
176 
.socialBtn {
177 
    max-height:32px;
178 
}
179 
 
66 - 180 
/* Filter Button Counters */
181 
.filterButton {
182 
  text-decoration: none;
183 
}
184 
 
185 
.filterButton .badge {
186 
  position: absolute;
187 
  top: -10px;
188 
  right: -10px;
189 
  padding: 3px 6px;
190 
  border-radius: 50%;
191 
  background-color: black;
192 
  color: white;
193 
}
194 
 
81 - 195 
/* Sticky Table header below the navigation bar */
196 
.table-header-sticky {
197 
    position: -webkit-sticky !important;
198 
    position: -moz-sticky !important;
199 
    position: -ms-sticky !important;
200 
    position: -o-sticky !important;
201 
    position: sticky !important;
114 - 202 
    top: 50px !important; /* bugbug: size of panigation bar */
81 - 203 
}
204 
 
17 - 205 
/* Hide on larger and smaller screens */
68 - 206 
/* search term entry width */
207 
@media screen and (min-width: 1200px) {
208 
	.searchTerm-width {
209 
	    width:30em!important;
210 
	}
211 
}
212 
 
17 - 213 
@media screen and (max-width: 1199px) {
65 - 214 
	.hide-large {
215 
		display: none !important;
216 
	}
68 - 217 
 
218 
	.searchTerm-width {
219 
	    width:25em!important;
220 
	}
17 - 221 
}
222 
 
223 
/* Hide on medium and smaller screens */
224 
@media screen and (max-width: 991px) {
65 - 225 
	.hide-medium {
226 
		display: none !important;
227 
	}
68 - 228 
 
229 
	.searchTerm-width {
230 
	    width:20em!important;
231 
	}
17 - 232 
}
233 
 
234 
/* Hide on small and extra-small screens */
235 
@media screen and (max-width: 767px) {
65 - 236 
	.hide-small {
237 
		display: none !important;
238 
	}
68 - 239 
 
240 
	.searchTerm-width {
241 
	    width:15em!important;
242 
	}
17 - 243 
}
244 
 
245 
/* Hide on extra-small screens */
61 - 246 
/* Wider cards */
17 - 247 
@media screen and (max-width: 575px) {
65 - 248 
	.hide-extra-small {
249 
		display: none !important;
250 
	}
251 
 
252 
	.result-card {
253 
		min-width: 80% !important;
254 
		max-width: 80% !important;
255 
	}
256 
 
257 
	.result-image {
258 
		max-height: none !important;
259 
		min-height: none !important;
260 
	}
261 
 
262 
	.discogs-card {
263 
		max-height: none !important;
264 
		min-height: none !important;
265 
	}
68 - 266 
 
267 
	.searchTerm-width {
268 
	    width:15em!important;
269 
	}
124 - 270 
}
128 - 271 
 
272 
/* Social bar on bottomn on larger screen */
273 
@media screen and (max-width: 991px) {
274 
    .social-icon-bar {
275 
      position: fixed;
276 
      display: inline;
277 
      padding: 0;
129 - 278 
      left: 40%;
137 - 279 
      bottom: 0;
128 - 280 
      -webkit-transform: translateY(-50%);
281 
      -ms-transform: translateY(-50%);
282 
      transform: translateY(-50%);
283 
    }
284 
 
285 
    .social-icon-bar a, .social-icon-bar button {
286 
        display: inline;
287 
    }
288 
}
289 
 
290 
/* Social bar on bottomn on larger screen */
291 
@media screen and (min-width: 992px) {
292 
    .social-icon-bar {
293 
      position: fixed;
294 
      display: block;
295 
      top: 80%;
296 
      -webkit-transform: translateY(-50%);
297 
      -ms-transform: translateY(-50%);
298 
      transform: translateY(-50%);
299 
    }
300 
 
301 
    .social-icon-bar a, .social-icon-bar button {
302 
      display: block;
303 
    }
304 
}
305 
 
306 
.social-icon-bar a, .social-icon-bar button {
307 
  text-align: center;
308 
  padding: 16px;
309 
  transition: all 0.3s ease;
310 
  color: white;
311 
  font-size: 20px;
312 
  border-radius: 0;
313 
}
314 
 
315 
.social-icon-bar a:hover, .social-icon-bar button:hover {
316 
  background-color: #000;
317 
  color: #fff;
318 
}
319 
 
320 
.cfacebook {
321 
  background: #3B5998;
322 
}
323 
 
324 
.ctwitter {
325 
  background: #55ACEE;
326 
}
327 
 
328 
.jump-top {
329 
  background: grey;
330 
}
331 
 
332 
.social-icon-svg {
333 
  width: 24px;
334 
}
137 - 335 
 
336 
/* .col-form-label to align label text and input field (from twitter bootstrap */
337 
.col-form-label {
338 
  padding-top: calc(0.375rem + 1px);
339 
  padding-bottom: calc(0.375rem + 1px);
340 
  margin-bottom: 0;
341 
  font-size: inherit;
342 
  line-height: 1.5;
343 
}
344 
 
345 
.col-form-label-lg {
346 
  padding-top: calc(0.5rem + 1px);
347 
  padding-bottom: calc(0.5rem + 1px);
348 
  font-size: 1.25rem;
349 
  line-height: 1.5;
350 
}
351 
 
352 
.col-form-label-sm {
353 
  padding-top: calc(0.25rem + 1px);
354 
  padding-bottom: calc(0.25rem + 1px);
355 
  font-size: 0.875rem;
356 
  line-height: 1.5;
357 
}