Subversion Repositories cheapmusic

Rev

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