PageRenderTime 76ms CodeModel.GetById 11ms app.highlight 59ms RepoModel.GetById 2ms app.codeStats 0ms

/wp-admin/css/colors/ocean/colors.css

https://gitlab.com/webteam/job_aag
CSS | 330 lines | 229 code | 76 blank | 25 comment | 0 complexity | 58be4f65a594e084222693e8fba9867e MD5 | raw file
  1/*
  2 * Button mixin- creates 3d-ish button effect with correct
  3 * highlights/shadows, based on a base color.
  4 */
  5html {
  6  background: #f1f1f1; }
  7
  8/* Links */
  9a {
 10  color: #0073aa; }
 11  a:hover, a:active, a:focus {
 12    color: #0095dd; }
 13
 14#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover {
 15  color: #0095dd; }
 16
 17/* Forms */
 18input[type=checkbox]:checked:before {
 19  color: #738e96; }
 20
 21input[type=radio]:checked:before {
 22  background: #738e96; }
 23
 24.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active {
 25  color: #0095dd; }
 26
 27/* Core UI */
 28.wp-core-ui .button-primary {
 29  background: #9ebaa0;
 30  border-color: #80a583;
 31  color: white;
 32  -webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15);
 33  box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); }
 34  .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
 35    background: #8faf91;
 36    border-color: #719a74;
 37    color: white;
 38    -webkit-box-shadow: inset 0 1px 0 #bccfbd;
 39    box-shadow: inset 0 1px 0 #bccfbd; }
 40  .wp-core-ui .button-primary:focus {
 41    -webkit-box-shadow: inset 0 1px 0 #bccfbd, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 42    box-shadow: inset 0 1px 0 #bccfbd, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }
 43  .wp-core-ui .button-primary:active {
 44    background: #80a583;
 45    border-color: #719a74;
 46    color: white;
 47    -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 48    box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }
 49  .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
 50    color: #c7d1c8 !important;
 51    background: #86a989 !important;
 52    border-color: #719a74 !important;
 53    text-shadow: none !important; }
 54.wp-core-ui .wp-ui-primary {
 55  color: #fff;
 56  background-color: #738e96; }
 57.wp-core-ui .wp-ui-text-primary {
 58  color: #738e96; }
 59.wp-core-ui .wp-ui-highlight {
 60  color: #fff;
 61  background-color: #9ebaa0; }
 62.wp-core-ui .wp-ui-text-highlight {
 63  color: #9ebaa0; }
 64.wp-core-ui .wp-ui-notification {
 65  color: #fff;
 66  background-color: #aa9d88; }
 67.wp-core-ui .wp-ui-text-notification {
 68  color: #aa9d88; }
 69.wp-core-ui .wp-ui-text-icon {
 70  color: #f2fcff; }
 71
 72/* List tables */
 73.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
 74  color: #fff;
 75  background-color: #738e96; }
 76
 77.view-switch a.current:before {
 78  color: #738e96; }
 79
 80.view-switch a:hover:before {
 81  color: #aa9d88; }
 82
 83.post-com-count:hover:after {
 84  border-top-color: #738e96; }
 85
 86.post-com-count:hover span {
 87  color: #fff;
 88  background-color: #738e96; }
 89
 90strong .post-com-count:after {
 91  border-top-color: #aa9d88; }
 92
 93strong .post-com-count span {
 94  background-color: #aa9d88; }
 95
 96/* Admin Menu */
 97#adminmenuback, #adminmenuwrap, #adminmenu {
 98  background: #738e96; }
 99
100#adminmenu a {
101  color: #fff; }
102
103#adminmenu div.wp-menu-image:before {
104  color: #f2fcff; }
105
106#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
107  color: #fff;
108  background-color: #9ebaa0; }
109
110#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
111  color: #fff; }
112
113/* Active tabs use a bottom border color that matches the page background color. */
114.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover {
115  background-color: #f1f1f1;
116  border-bottom-color: #f1f1f1; }
117
118/* Admin Menu: submenu */
119#adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
120  background: #627c83; }
121
122#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
123  border-right-color: #627c83; }
124
125#adminmenu .wp-submenu .wp-submenu-head {
126  color: #d5dddf; }
127
128#adminmenu .wp-submenu a, #adminmenu .wp-has-current-submenu .wp-submenu a, .folded #adminmenu .wp-has-current-submenu .wp-submenu a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
129  color: #d5dddf; }
130  #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-has-current-submenu .wp-submenu a:focus, #adminmenu .wp-has-current-submenu .wp-submenu a:hover, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
131    color: #9ebaa0; }
132
133/* Admin Menu: current */
134#adminmenu .wp-submenu li.current a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
135  color: #fff; }
136  #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
137    color: #9ebaa0; }
138
139ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after {
140  border-right-color: #f1f1f1; }
141
142#adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, .folded #adminmenu li.current.menu-top {
143  color: #fff;
144  background: #9ebaa0; }
145
146#adminmenu li.wp-has-current-submenu div.wp-menu-image:before, #adminmenu a.current:hover div.wp-menu-image:before, #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before, #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before, #adminmenu li:hover div.wp-menu-image:before, #adminmenu li a:focus div.wp-menu-image:before, #adminmenu li.opensub div.wp-menu-image:before, .ie8 #adminmenu li.opensub div.wp-menu-image:before {
147  color: #fff; }
148
149/* Admin Menu: bubble */
150#adminmenu .awaiting-mod, #adminmenu .update-plugins {
151  color: #fff;
152  background: #aa9d88; }
153
154#adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins, #adminmenu li:hover a .awaiting-mod, #adminmenu li.menu-top:hover > a .update-plugins {
155  color: #fff;
156  background: #627c83; }
157
158/* Admin Menu: collapse button */
159#collapse-menu {
160  color: #f2fcff; }
161
162#collapse-menu:hover {
163  color: #fff; }
164
165#collapse-button div:after {
166  color: #f2fcff; }
167
168#collapse-menu:hover #collapse-button div:after {
169  color: #fff; }
170
171/* Admin Bar */
172#wpadminbar {
173  color: #fff;
174  background: #738e96; }
175
176#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
177  color: #fff; }
178
179#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
180  color: #f2fcff; }
181
182#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
183  color: #9ebaa0;
184  background: #627c83; }
185
186#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label {
187  color: #9ebaa0; }
188
189#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
190  color: #fff; }
191
192/* Admin Bar: submenu */
193#wpadminbar .menupop .ab-sub-wrapper {
194  background: #627c83; }
195
196#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
197  background: #8f9a9e; }
198
199#wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar-nojs .quicklinks .menupop:hover ul li a {
200  color: #d5dddf; }
201
202#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
203  color: #f2fcff; }
204
205#wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li.hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
206  color: #9ebaa0; }
207
208#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before {
209  color: #9ebaa0; }
210
211/* Admin Bar: search */
212#wpadminbar #adminbarsearch:before {
213  color: #f2fcff; }
214
215#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
216  color: #fff;
217  background: #879ea5; }
218
219#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
220  color: #fff;
221  opacity: 0.7; }
222
223#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
224  color: #fff;
225  opacity: 0.7; }
226
227#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
228  color: #fff;
229  opacity: 0.7; }
230
231#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
232  color: #fff;
233  opacity: 0.7; }
234
235/* Admin Bar: my account */
236#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
237  border-color: #879ea5;
238  background-color: #879ea5; }
239
240#wpadminbar #wp-admin-bar-user-info .display-name {
241  color: #fff; }
242
243#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
244  color: #9ebaa0; }
245
246#wpadminbar #wp-admin-bar-user-info .username {
247  color: #d5dddf; }
248
249/* Pointers */
250.wp-pointer .wp-pointer-content h3 {
251  background-color: #9ebaa0;
252  border-color: #8faf91; }
253
254.wp-pointer .wp-pointer-content h3:before {
255  color: #9ebaa0; }
256
257.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-top .wp-pointer-arrow-inner, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
258  border-bottom-color: #9ebaa0; }
259
260/* Media */
261.media-item .bar, .media-progress-bar div {
262  background-color: #9ebaa0; }
263
264.details.attachment {
265  -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
266  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0; }
267
268.attachment.details .check {
269  background-color: #9ebaa0;
270  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
271  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; }
272
273.media-selection .attachment.selection.details .thumbnail {
274  -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #9ebaa0;
275  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #9ebaa0; }
276
277/* Themes */
278.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
279  background: #9ebaa0; }
280
281.theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
282  color: #9ebaa0; }
283
284.theme-section.current, .theme-filter.current {
285  border-bottom-color: #738e96; }
286
287body.more-filters-opened .more-filters {
288  color: #fff;
289  background-color: #738e96; }
290
291body.more-filters-opened .more-filters:before {
292  color: #fff; }
293
294body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus {
295  background-color: #9ebaa0;
296  color: #fff; }
297
298body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before {
299  color: #fff; }
300
301/* Widgets */
302.widgets-chooser li.widgets-chooser-selected {
303  background-color: #9ebaa0;
304  color: #fff; }
305
306.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before {
307  color: #fff; }
308
309/* Customize */
310#customize-theme-controls .widget-area-select .selected {
311  background-color: #9ebaa0;
312  color: #fff; }
313
314/* jQuery UI Slider */
315.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
316  background: #9ebaa0;
317  border-color: #80a583;
318  -webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15);
319  box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); }
320
321/* Responsive Component */
322div#wp-responsive-toggle a:before {
323  color: #f2fcff; }
324
325.wp-responsive-open div#wp-responsive-toggle a {
326  border-color: transparent;
327  background: #9ebaa0; }
328
329.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
330  background: #627c83; }