/
style.css
186 lines (174 loc) · 7.87 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
/**
* Theme Name: Hamburg Child
* Template: hamburg
* Theme URI: https://marketpress.com/shop/themes/hamburg/
* Description: A boiler plate to create your own child theme for Hamburg.
* Author: MarketPress
* Author URI: https://marketpress.com/
* Contributors: MarketPress
* Version: 1.2.3
* Text Domain: theme_hamburg_child_textdomain
* Tags: translation-ready, theme-options
* License: GNU General Public License (GPL) version 3
* License URI: http://www.gnu.org/licenses/gpl-3.0.txt
*/
/* =Color scheme Pink
-----------------------------------------------
The following sample styles will only have
any effect if you have opted into using
the pink sample color scheme.
To do so visit functions.php and edit
hamburg_child_add_stylesheets().
Then activate pink as the new color scheme
in the WordPress Customizer.
If you do not plan to use a color scheme
from your child theme, you can safely delete
all of the following CSS and add your own.
*/
/* 1. Pink background color */
.color-scheme-pink [type="submit"],
.js .color-scheme-pink .menu-toggle,
.color-scheme-pink .pagination li:hover a,
.color-scheme-pink .navbar.fixed-top,
.color-scheme-pink .navbar.fixed-top .menu,
.color-scheme-pink .navbar.fixed-top .menu li ul .current-menu-item > a,
.color-scheme-pink .site-nav-primary .menu a:hover,
.color-scheme-pink .site-nav-primary .menu a:focus,
.color-scheme-pink .site-nav-primary .menu > li:hover,
.color-scheme-pink .site-nav-primary .menu > li.focussed,
.color-scheme-pink .site-nav-primary .current-menu-item > a,
.color-scheme-pink .site-nav-primary .menu > .current-menu-ancestor > a,
.color-scheme-pink .site-footer .search-form .search-submit:before,
.color-scheme-pink .flex-carousel .flex-entry .flex-title,
.color-scheme-pink .flex-direction-nav li a:before,
.color-scheme-pink .entry-content .more-link:hover,
.color-scheme-pink .entry-summary .more-link:hover,
.color-scheme-pink .cat-links a:hover,
.color-scheme-pink .tag-links a:hover,
.color-scheme-pink .comments-link a:hover,
.color-scheme-pink .comment-reply-link:hover,
.color-scheme-pink .social-sharing-links a:hover,
/* WooCommerce */
.color-scheme-pink.woocommerce .onsale,
.color-scheme-pink .flexslider .onsale,
.color-scheme-pink .woocommerce-pagination li:hover a,
.color-scheme-pink.woocommerce.archive .product .price > .amount,
.color-scheme-pink.woocommerce.archive .product.sale .price del,
.color-scheme-pink.woocommerce.archive .product.sale .price ins,
.color-scheme-pink.woocommerce.archive .product .entry ~ .button:hover,
.color-scheme-pink.woocommerce.archive .content-area .product:hover,
.color-scheme-pink.woocommerce.archive .content-area .product .add_to_cart_button + .added_to_cart,
.color-scheme-pink .has-chosen .chosen-container .chosen-results li.highlighted,
.color-scheme-pink .widget.widget_layered_nav_filters,
.color-scheme-pink .widget_price_filter .ui-slider-handle,
.color-scheme-pink .widget.woocommerce .product_list_widget li a:hover > img,
.color-scheme-pink div.pp_woocommerce .pp_previous:before,
.color-scheme-pink div.pp_woocommerce .pp_next:before {
background-color: #cc5490;
}
/* 2. Darker pink background color */
.color-scheme-pink .navbar.fixed-top .menu ul,
.color-scheme-pink .navbar.fixed-top .menu a:hover,
.color-scheme-pink .navbar.fixed-top .menu a:focus,
.color-scheme-pink .navbar.fixed-top .menu li ul a,
.color-scheme-pink .navbar.fixed-top .menu > li:hover,
.color-scheme-pink .navbar.fixed-top .menu > .focussed,
.color-scheme-pink .navbar.fixed-top .current-menu-item > a,
.color-scheme-pink .site-meta-nav-user .menu > li > a,
.color-scheme-pink .site-nav-primary .menu > li ul a:hover,
.color-scheme-pink .site-nav-primary .menu > li ul li:hover,
.color-scheme-pink .site-nav-primary .menu > li ul .current-menu-item > a,
.color-scheme-pink .mlp_language_box ul li.current a,
/* WooCommerce */
.color-scheme-pink .widget_price_filter .ui-slider-range,
.color-scheme-pink .widget.widget_layered_nav_filters li:hover {
background-color: #7f2854;
}
.color-scheme-pink .navbar.fixed-top .menu li ul a:hover,
.color-scheme-pink .navbar.fixed-top .menu li ul a:focus,
.color-scheme-pink .navbar.fixed-top .menu li ul .focussed a {
background-color: #f64ba1;
}
/* 3. Pink text color */
.color-scheme-pink a,
.color-scheme-pink .entry-title a:hover,
.color-scheme-pink #reply-title a:hover,
.color-scheme-pink #comments-title a:hover,
.color-scheme-pink .edit-link a:hover,
.color-scheme-pink .entry-meta .date a:hover,
.color-scheme-pink .entry-meta .author a:hover,
.color-scheme-pink .backtotop span:before,
.color-scheme-pink .entry-content ul > li:before,
/* WooCommerce */
.color-scheme-pink.woocommerce.single-product .product_meta a:hover {
color: #cc5490;
}
/* WooCommerce */
.color-scheme-pink.woocommerce.archive .product.sale .price del {
color: #7f2854;
}
/* Pink border colors */
.color-scheme-pink .sticky,
.color-scheme-pink .commentlist li.comment.bypostauthor {
border-color: #cc5490;
}
/* Pink background, white text color */
/* WooCommerce */
.color-scheme-pink.woocommerce-page .button.single_add_to_cart_button,
.color-scheme-pink.woocommerce-page .button.checkout-button,
.color-scheme-pink.woocommerce-checkout .button[name="woocommerce_checkout_place_order"],
.color-scheme-pink .widget.woocommerce .button,
.color-scheme-pink .widget_price_filter .price_slider_amount .button,
.color-scheme-pink .woocommerce-checkout #payment .button,
.color-scheme-pink.woocommerce-account .entry-content .woocommerce form .button,
.color-scheme-pink.woocommerce.archive .product .price-tag {
background-color: #cc5490;
color: #fff;
}
/* Purple background colors, white text color */
.color-scheme-pink .site-nav-primary .menu > .special > a,
.color-scheme-pink .site-nav-primary .menu > li > a:focus,
.color-scheme-pink .site-nav-primary .menu > li ul a:focus,
.color-scheme-pink .site-nav-primary .menu > li.special ul,
/* WooCommerce */
.color-scheme-pink .site-nav-primary .mini-cart a,
.color-scheme-pink.woocommerce-page .button.single_add_to_cart_button:hover,
.color-scheme-pink.woocommerce-page .button.checkout-button:hover,
.color-scheme-pink.woocommerce-checkout .button[name="woocommerce_checkout_place_order"]:hover,
.color-scheme-pink .widget.woocommerce .button:hover,
.color-scheme-pink .widget_price_filter .price_slider_amount .button:hover,
.color-scheme-pink .woocommerce-checkout #payment .button:hover,
.color-scheme-pink.woocommerce-account .entry-content .woocommerce form .button:hover,
.color-scheme-pink.woocommerce-page .button.single_add_to_cart_button:focus,
.color-scheme-pink.woocommerce-page .button.checkout-button:focus,
.color-scheme-pink.woocommerce-checkout .button[name="woocommerce_checkout_place_order"]:focus,
.color-scheme-pink .widget.woocommerce .button:focus,
.color-scheme-pink .widget_price_filter .price_slider_amount .button:focus,
.color-scheme-pink .woocommerce-checkout #payment .button:focus,
.color-scheme-pink.woocommerce-account .entry-content .woocommerce form .button:focus {
background-color: #e352e3;
color: #fff;
}
/* Darker purple background colors */
.color-scheme-pink .site-nav-primary .menu > li.special > a:hover,
.color-scheme-pink .site-nav-primary .menu > li.special > a:focus,
.color-scheme-pink .site-nav-primary .menu > li.special.focussed > a,
.color-scheme-pink .site-nav-primary .menu > li.special ul a:hover,
.color-scheme-pink .site-nav-primary .menu > li.special ul a:focus,
.color-scheme-pink .site-nav-primary .menu > li.special ul li:hover,
.color-scheme-pink .site-nav-primary .menu > li.special.current-menu-item > a,
.color-scheme-pink .site-nav-primary .menu > li.special.current-menu-ancestor > a,
/* WooCommerce */
.color-scheme-pink .site-nav-primary .mini-cart a:hover {
background-color: #a13aa1;
}
/* Wider screens only */
@media screen and (min-width: 768px) {
.color-scheme-pink .site-nav-primary .menu ul {
background-color: #cc5490;
}
}
/* IE8 */
.lte8 .color-scheme-pink .site-nav-primary .menu ul {
background-color: #cc5490;
}