Subversion Repositories cheapmusic

Rev

Rev 68 | Rev 83 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
81 - 1 
/* body to start bewlow sticky navigation bar */
2 
body {
3 
    padding: 50px;
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 
 
57 
.paginateNav a.current {
58 
	font-weight: bold;
59 
	text-decoration: underline;
60 
	color: white;
61 
}
62 
 
47 - 63 
/* Images */
65 - 64 
.user-img {
65 
	max-height: 45px;
66 
}
47 - 67 
 
65 - 68 
.wishlist-img {
69 
	max-height: 3em;
70 
}
71 
 
47 - 72 
/* Buttons */
65 - 73 
.btn-search {
74 
	font-size: 25px;
75 
}
47 - 76 
 
65 - 77 
.btn-dismiss {
78 
	font-size: 24px;
79 
}
80 
 
81 
.btn-shop {
82 
	font-size: 20px;
83 
}
84 
 
85 
.btn-wishlist {
86 
	font-size: 1.5em;
87 
}
88 
 
47 - 89 
/* Icons */
66 - 90 
.media-icon {
65 - 91 
	font-size: 32px;
92 
	text-shadow: 2px 2px 4px #000000;
93 
}
47 - 94 
 
66 - 95 
.media-icon-silver {
65 - 96 
	color: silver;
97 
}
98 
 
68 - 99 
.media-icon-black {
100 
	color: black;
101 
}
102 
 
47 - 103 
/* Cursor Pointer */
65 - 104 
.cursor-pointer {
105 
	cursor: pointer;
106 
}
47 - 107 
 
61 - 108 
/* Cards and their images */
65 - 109 
.result-card {
110 
	min-width: 160px !important;
111 
	max-width: 160px !important;
112 
}
61 - 113 
 
68 - 114 
.result-card:hover {
115 
    transform: scale(1.1);
116 
}
65 - 117 
.result-image {
118 
	max-height: 160px !important;
119 
	min-height: 160px !important;
120 
}
121 
 
122 
.discogs-card {
123 
	min-width: 180px !important;
124 
	max-width: 180px !important;
125 
}
126 
 
68 - 127 
.discogs-card:hover {
128 
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
129 
}
130 
 
65 - 131 
.responsive-image {
132 
	width: 100%;
133 
	height: auto;
134 
}
135 
 
62 - 136 
/* Youtube list bullet */
68 - 137 
.youtube {
138 
	color: #ff0000;
62 - 139 
}
140 
 
66 - 141 
/* Filter Button Counters */
142 
.filterButton {
143 
  text-decoration: none;
144 
  padding: 10px 20px;
145 
  position: relative;
146 
  display: inline-block;
147 
}
148 
 
149 
.filterButtonSmall {
150 
  text-decoration: none;
151 
}
152 
 
153 
.filterButton .badge {
154 
  position: absolute;
155 
  top: -10px;
156 
  right: -10px;
157 
  padding: 3px 6px;
158 
  border-radius: 50%;
159 
  background-color: black;
160 
  color: white;
161 
}
162 
 
81 - 163 
/* Floating Top Button */
164 
#topBtn {
165 
    display: none;
166 
    position: fixed;
167 
    bottom: 20px;
168 
    right: 30px;
169 
    z-index: 99;
170 
    border: none;
171 
    outline: none;
172 
    background-color: red;
173 
    color: white;
174 
    cursor: pointer;
175 
    padding: 15px;
176 
    border-radius: 10px;
177 
    font-size: 18px;
178 
}
179 
 
180 
#topBtn:hover {
181 
    background-color: #555;
182 
}
62 - 183 
 
81 - 184 
/* Sticky Table header below the navigation bar */
185 
.table-header-sticky {
186 
    position: -webkit-sticky !important;
187 
    position: -moz-sticky !important;
188 
    position: -ms-sticky !important;
189 
    position: -o-sticky !important;
190 
    position: sticky !important;
191 
    top: 50px !important; // bugbug: size of vanigation bar
192 
}
193 
 
17 - 194 
/* Hide on larger and smaller screens */
68 - 195 
/* search term entry width */
196 
@media screen and (min-width: 1200px) {
197 
	.searchTerm-width {
198 
	    width:30em!important;
199 
	}
200 
}
201 
 
17 - 202 
@media screen and (max-width: 1199px) {
65 - 203 
	.hide-large {
204 
		display: none !important;
205 
	}
68 - 206 
 
207 
	.searchTerm-width {
208 
	    width:25em!important;
209 
	}
17 - 210 
}
211 
 
212 
/* Hide on medium and smaller screens */
213 
@media screen and (max-width: 991px) {
65 - 214 
	.hide-medium {
215 
		display: none !important;
216 
	}
68 - 217 
 
218 
	.searchTerm-width {
219 
	    width:20em!important;
220 
	}
17 - 221 
}
222 
 
223 
/* Hide on small and extra-small screens */
224 
@media screen and (max-width: 767px) {
65 - 225 
	.hide-small {
226 
		display: none !important;
227 
	}
68 - 228 
 
229 
	.searchTerm-width {
230 
	    width:15em!important;
231 
	}
17 - 232 
}
233 
 
234 
/* Hide on extra-small screens */
61 - 235 
/* Wider cards */
17 - 236 
@media screen and (max-width: 575px) {
65 - 237 
	.hide-extra-small {
238 
		display: none !important;
239 
	}
240 
 
241 
	.result-card {
242 
		min-width: 80% !important;
243 
		max-width: 80% !important;
244 
	}
245 
 
246 
	.result-image {
247 
		max-height: none !important;
248 
		min-height: none !important;
249 
	}
250 
 
251 
	.discogs-card {
252 
		max-height: none !important;
253 
		min-height: none !important;
254 
	}
68 - 255 
 
256 
	.searchTerm-width {
257 
	    width:15em!important;
258 
	}
65 - 259 
}