Subversion Repositories cheapmusic

Rev

Rev 119 | Rev 128 | 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 
/* Floating Top Button */
191 
#topBtn {
192 
    display: none;
193 
    position: fixed;
194 
    bottom: 20px;
195 
    right: 30px;
196 
    z-index: 99;
197 
    border: none;
198 
    outline: none;
124 - 199 
    background-color: #EB0000;
200 
    color: #FFFFFF;
81 - 201 
    cursor: pointer;
202 
    padding: 15px;
203 
    border-radius: 10px;
204 
    font-size: 18px;
205 
}
206 
 
207 
#topBtn:hover {
124 - 208 
    background-color: #8A0000;
81 - 209 
}
62 - 210 
 
81 - 211 
/* Sticky Table header below the navigation bar */
212 
.table-header-sticky {
213 
    position: -webkit-sticky !important;
214 
    position: -moz-sticky !important;
215 
    position: -ms-sticky !important;
216 
    position: -o-sticky !important;
217 
    position: sticky !important;
114 - 218 
    top: 50px !important; /* bugbug: size of panigation bar */
81 - 219 
}
220 
 
17 - 221 
/* Hide on larger and smaller screens */
68 - 222 
/* search term entry width */
223 
@media screen and (min-width: 1200px) {
224 
	.searchTerm-width {
225 
	    width:30em!important;
226 
	}
227 
}
228 
 
17 - 229 
@media screen and (max-width: 1199px) {
65 - 230 
	.hide-large {
231 
		display: none !important;
232 
	}
68 - 233 
 
234 
	.searchTerm-width {
235 
	    width:25em!important;
236 
	}
17 - 237 
}
238 
 
239 
/* Hide on medium and smaller screens */
240 
@media screen and (max-width: 991px) {
65 - 241 
	.hide-medium {
242 
		display: none !important;
243 
	}
68 - 244 
 
245 
	.searchTerm-width {
246 
	    width:20em!important;
247 
	}
17 - 248 
}
249 
 
250 
/* Hide on small and extra-small screens */
251 
@media screen and (max-width: 767px) {
65 - 252 
	.hide-small {
253 
		display: none !important;
254 
	}
68 - 255 
 
256 
	.searchTerm-width {
257 
	    width:15em!important;
258 
	}
17 - 259 
}
260 
 
261 
/* Hide on extra-small screens */
61 - 262 
/* Wider cards */
17 - 263 
@media screen and (max-width: 575px) {
65 - 264 
	.hide-extra-small {
265 
		display: none !important;
266 
	}
267 
 
268 
	.result-card {
269 
		min-width: 80% !important;
270 
		max-width: 80% !important;
271 
	}
272 
 
273 
	.result-image {
274 
		max-height: none !important;
275 
		min-height: none !important;
276 
	}
277 
 
278 
	.discogs-card {
279 
		max-height: none !important;
280 
		min-height: none !important;
281 
	}
68 - 282 
 
283 
	.searchTerm-width {
284 
	    width:15em!important;
285 
	}
124 - 286 
}