Subversion Repositories cheapmusic

Rev

Rev 83 | Rev 115 | 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 {
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 
 
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 
 
114 - 141 
/* Social Buttons */
142 
.socialBtn {
143 
    max-height:32px;
144 
}
145 
 
66 - 146 
/* Filter Button Counters */
147 
.filterButton {
148 
  text-decoration: none;
149 
  padding: 10px 20px;
150 
  position: relative;
151 
  display: inline-block;
152 
}
153 
 
154 
.filterButtonSmall {
155 
  text-decoration: none;
156 
}
157 
 
158 
.filterButton .badge {
159 
  position: absolute;
160 
  top: -10px;
161 
  right: -10px;
162 
  padding: 3px 6px;
163 
  border-radius: 50%;
164 
  background-color: black;
165 
  color: white;
166 
}
167 
 
81 - 168 
/* Floating Top Button */
169 
#topBtn {
170 
    display: none;
171 
    position: fixed;
172 
    bottom: 20px;
173 
    right: 30px;
174 
    z-index: 99;
175 
    border: none;
176 
    outline: none;
177 
    background-color: red;
178 
    color: white;
179 
    cursor: pointer;
180 
    padding: 15px;
181 
    border-radius: 10px;
182 
    font-size: 18px;
183 
}
184 
 
185 
#topBtn:hover {
186 
    background-color: #555;
187 
}
62 - 188 
 
81 - 189 
/* Sticky Table header below the navigation bar */
190 
.table-header-sticky {
191 
    position: -webkit-sticky !important;
192 
    position: -moz-sticky !important;
193 
    position: -ms-sticky !important;
194 
    position: -o-sticky !important;
195 
    position: sticky !important;
114 - 196 
    top: 50px !important; /* bugbug: size of panigation bar */
81 - 197 
}
198 
 
17 - 199 
/* Hide on larger and smaller screens */
68 - 200 
/* search term entry width */
201 
@media screen and (min-width: 1200px) {
202 
	.searchTerm-width {
203 
	    width:30em!important;
204 
	}
205 
}
206 
 
17 - 207 
@media screen and (max-width: 1199px) {
65 - 208 
	.hide-large {
209 
		display: none !important;
210 
	}
68 - 211 
 
212 
	.searchTerm-width {
213 
	    width:25em!important;
214 
	}
17 - 215 
}
216 
 
217 
/* Hide on medium and smaller screens */
218 
@media screen and (max-width: 991px) {
65 - 219 
	.hide-medium {
220 
		display: none !important;
221 
	}
68 - 222 
 
223 
	.searchTerm-width {
224 
	    width:20em!important;
225 
	}
17 - 226 
}
227 
 
228 
/* Hide on small and extra-small screens */
229 
@media screen and (max-width: 767px) {
65 - 230 
	.hide-small {
231 
		display: none !important;
232 
	}
68 - 233 
 
234 
	.searchTerm-width {
235 
	    width:15em!important;
236 
	}
17 - 237 
}
238 
 
239 
/* Hide on extra-small screens */
61 - 240 
/* Wider cards */
17 - 241 
@media screen and (max-width: 575px) {
65 - 242 
	.hide-extra-small {
243 
		display: none !important;
244 
	}
245 
 
246 
	.result-card {
247 
		min-width: 80% !important;
248 
		max-width: 80% !important;
249 
	}
250 
 
251 
	.result-image {
252 
		max-height: none !important;
253 
		min-height: none !important;
254 
	}
255 
 
256 
	.discogs-card {
257 
		max-height: none !important;
258 
		min-height: none !important;
259 
	}
68 - 260 
 
261 
	.searchTerm-width {
262 
	    width:15em!important;
263 
	}
65 - 264 
}