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
}