Subversion Repositories cheapmusic

Rev

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