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
}