Subversion Repositories cheapmusic

Rev

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