Subversion Repositories cheapmusic

Rev

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

Rev Author Line No. Line
1 - 1 
/* Override Progress Bar Transition Time */
2 
.progress-bar {
65 - 3 
	transition: width 0.1s ease !important;
1 - 4 
}
5 
 
62 - 6 
/* Black Background */
7 
.bg-black {
65 - 8 
	background-color: black !important;
9 
	color: white !important;
62 - 10 
}
11 
 
12 
/* Invert element */
13 
.invert {
65 - 14 
	filter: invert(20%);
62 - 15 
}
16 
 
17 - 17 
/* Three additional bigger font sizes */
3 - 18 
.display-5 {
65 - 19 
	font-size: 2.5rem;
20 
	font-weight: 300;
21 
	line-height: 1.2;
3 - 22 
}
65 - 23 
 
3 - 24 
.display-6 {
65 - 25 
	font-size: 1.5rem;
26 
	font-weight: 300;
27 
	line-height: 1.2;
5 - 28 
}
29 
 
17 - 30 
.display-7 {
65 - 31 
	font-size: 1.25rem;
32 
	font-weight: 300;
33 
	line-height: 1.2;
17 - 34 
}
35 
 
43 - 36 
/* Pagination */
65 - 37 
.paginateNav {
38 
	padding: 5px 5px;
39 
}
43 - 40 
 
65 - 41 
.paginateNav a {
42 
	padding: 3px 3px;
43 
	color: black;
44 
}
45 
 
46 
.paginateNav a.current {
47 
	font-weight: bold;
48 
	text-decoration: underline;
49 
	color: white;
50 
}
51 
 
47 - 52 
/* Images */
65 - 53 
.user-img {
54 
	max-height: 45px;
55 
}
47 - 56 
 
65 - 57 
.wishlist-img {
58 
	max-height: 3em;
59 
}
60 
 
47 - 61 
/* Buttons */
65 - 62 
.btn-search {
63 
	font-size: 25px;
64 
}
47 - 65 
 
65 - 66 
.btn-dismiss {
67 
	font-size: 24px;
68 
}
69 
 
70 
.btn-shop {
71 
	font-size: 20px;
72 
}
73 
 
74 
.btn-wishlist {
75 
	font-size: 1.5em;
76 
}
77 
 
78 
.btn-wishlist-delete {
79 
	color: red;
80 
}
81 
 
47 - 82 
/* Icons */
65 - 83 
.category-icon {
84 
	font-size: 32px;
85 
	text-shadow: 2px 2px 4px #000000;
86 
}
47 - 87 
 
65 - 88 
.category-icon-silver {
89 
	color: silver;
90 
}
91 
 
47 - 92 
/* Cursor Pointer */
65 - 93 
.cursor-pointer {
94 
	cursor: pointer;
95 
}
47 - 96 
 
61 - 97 
/* Cards and their images */
65 - 98 
.result-card {
99 
	min-width: 160px !important;
100 
	max-width: 160px !important;
101 
}
61 - 102 
 
65 - 103 
.result-image {
104 
	max-height: 160px !important;
105 
	min-height: 160px !important;
106 
}
107 
 
108 
.discogs-card {
109 
	min-width: 180px !important;
110 
	max-width: 180px !important;
111 
}
112 
 
113 
.responsive-image {
114 
	width: 100%;
115 
	height: auto;
116 
}
117 
 
62 - 118 
/* Youtube list bullet */
119 
.youtube ul {
65 - 120 
	list-style: none;
62 - 121 
}
122 
 
123 
.youtube ul li::before {
65 - 124 
	font-family: "Font Awesome 5 Brands";
125 
	font-size: 1.5em;
126 
	content: "\f167";
127 
	color: red;
128 
	display: inline-block;
129 
	width: 1.5em;
130 
	margin-left: -1.5em;
131 
	vertical-align: middle;
62 - 132 
}
133 
 
17 - 134 
/* Hide on larger and smaller screens */
135 
@media screen and (max-width: 1199px) {
65 - 136 
	.hide-large {
137 
		display: none !important;
138 
	}
17 - 139 
}
140 
 
141 
/* Hide on medium and smaller screens */
142 
@media screen and (max-width: 991px) {
65 - 143 
	.hide-medium {
144 
		display: none !important;
145 
	}
17 - 146 
}
147 
 
148 
/* Hide on small and extra-small screens */
149 
@media screen and (max-width: 767px) {
65 - 150 
	.hide-small {
151 
		display: none !important;
152 
	}
17 - 153 
}
154 
 
155 
/* Hide on extra-small screens */
61 - 156 
/* Wider cards */
17 - 157 
@media screen and (max-width: 575px) {
65 - 158 
	.hide-extra-small {
159 
		display: none !important;
160 
	}
161 
 
162 
	.result-card {
163 
		min-width: 80% !important;
164 
		max-width: 80% !important;
165 
	}
166 
 
167 
	.result-image {
168 
		max-height: none !important;
169 
		min-height: none !important;
170 
	}
171 
 
172 
	.discogs-card {
173 
		max-height: none !important;
174 
		min-height: none !important;
175 
	}
176 
}