Subversion Repositories cheapmusic

Rev

Rev 116 | Rev 119 | 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 
 
47 - 123 
/* Cursor Pointer */
65 - 124 
.cursor-pointer {
125 
	cursor: pointer;
126 
}
47 - 127 
 
61 - 128 
/* Cards and their images */
65 - 129 
.result-card {
130 
	min-width: 160px !important;
131 
	max-width: 160px !important;
132 
}
61 - 133 
 
68 - 134 
.result-card:hover {
135 
    transform: scale(1.1);
136 
}
65 - 137 
.result-image {
138 
	max-height: 160px !important;
139 
	min-height: 160px !important;
140 
}
141 
 
142 
.discogs-card {
143 
	min-width: 180px !important;
144 
	max-width: 180px !important;
145 
}
146 
 
68 - 147 
.discogs-card:hover {
148 
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
149 
}
150 
 
65 - 151 
.responsive-image {
152 
	width: 100%;
153 
	height: auto;
154 
}
155 
 
62 - 156 
/* Youtube list bullet */
68 - 157 
.youtube {
158 
	color: #ff0000;
62 - 159 
}
160 
 
114 - 161 
/* Social Buttons */
162 
.socialBtn {
163 
    max-height:32px;
164 
}
165 
 
66 - 166 
/* Filter Button Counters */
167 
.filterButton {
168 
  text-decoration: none;
169 
  padding: 10px 20px;
170 
  position: relative;
171 
  display: inline-block;
172 
}
173 
 
174 
.filterButtonSmall {
175 
  text-decoration: none;
176 
}
177 
 
178 
.filterButton .badge {
179 
  position: absolute;
180 
  top: -10px;
181 
  right: -10px;
182 
  padding: 3px 6px;
183 
  border-radius: 50%;
184 
  background-color: black;
185 
  color: white;
186 
}
187 
 
81 - 188 
/* Floating Top Button */
189 
#topBtn {
190 
    display: none;
191 
    position: fixed;
192 
    bottom: 20px;
193 
    right: 30px;
194 
    z-index: 99;
195 
    border: none;
196 
    outline: none;
197 
    background-color: red;
198 
    color: white;
199 
    cursor: pointer;
200 
    padding: 15px;
201 
    border-radius: 10px;
202 
    font-size: 18px;
203 
}
204 
 
205 
#topBtn:hover {
206 
    background-color: #555;
207 
}
62 - 208 
 
81 - 209 
/* Sticky Table header below the navigation bar */
210 
.table-header-sticky {
211 
    position: -webkit-sticky !important;
212 
    position: -moz-sticky !important;
213 
    position: -ms-sticky !important;
214 
    position: -o-sticky !important;
215 
    position: sticky !important;
114 - 216 
    top: 50px !important; /* bugbug: size of panigation bar */
81 - 217 
}
218 
 
17 - 219 
/* Hide on larger and smaller screens */
68 - 220 
/* search term entry width */
221 
@media screen and (min-width: 1200px) {
222 
	.searchTerm-width {
223 
	    width:30em!important;
224 
	}
225 
}
226 
 
17 - 227 
@media screen and (max-width: 1199px) {
65 - 228 
	.hide-large {
229 
		display: none !important;
230 
	}
68 - 231 
 
232 
	.searchTerm-width {
233 
	    width:25em!important;
234 
	}
17 - 235 
}
236 
 
237 
/* Hide on medium and smaller screens */
238 
@media screen and (max-width: 991px) {
65 - 239 
	.hide-medium {
240 
		display: none !important;
241 
	}
68 - 242 
 
243 
	.searchTerm-width {
244 
	    width:20em!important;
245 
	}
17 - 246 
}
247 
 
248 
/* Hide on small and extra-small screens */
249 
@media screen and (max-width: 767px) {
65 - 250 
	.hide-small {
251 
		display: none !important;
252 
	}
68 - 253 
 
254 
	.searchTerm-width {
255 
	    width:15em!important;
256 
	}
17 - 257 
}
258 
 
259 
/* Hide on extra-small screens */
61 - 260 
/* Wider cards */
17 - 261 
@media screen and (max-width: 575px) {
65 - 262 
	.hide-extra-small {
263 
		display: none !important;
264 
	}
265 
 
266 
	.result-card {
267 
		min-width: 80% !important;
268 
		max-width: 80% !important;
269 
	}
270 
 
271 
	.result-image {
272 
		max-height: none !important;
273 
		min-height: none !important;
274 
	}
275 
 
276 
	.discogs-card {
277 
		max-height: none !important;
278 
		min-height: none !important;
279 
	}
68 - 280 
 
281 
	.searchTerm-width {
282 
	    width:15em!important;
283 
	}
65 - 284 
}