css 终极品牌CSS设置
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 终极品牌CSS设置相关的知识,希望对你有一定的参考价值。
/*
login css
4 tons cor em destaque (mais escuro para mais claro):
1: 007E84
2: 00979e
3: 00b2ba
4: 00d3dd
tons neutros:
médio: 333333
*/
/*new background info 16/01/02*/
body {background:#f1f1f1:}
/*new items 12/22/15*/
.wp-core-ui .button-primary {text-shadow: 0 -1px 1px #007E84,1px 0 1px #007E84,0 1px 1px #007E84,-1px 0 1px #007E84;}
.wp-core-ui .button.button-primary.button-hero {box-shadow: 0 2px 0 #007E84;}
/*end new items*/
.forgetmenot,#nav,#backtoblog {
display:none;
}
.login form {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
box-shadow:none;
}
input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
input:focus {
border:1px solid #00979e !important;
outline:0 !important;
box-shadow:none !important;
}
.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:hover,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary:active{
border-color:#007E84;
}
.login #nav a:hover, .login #backtoblog a:hover {
color:#00979e;
}
.wp-core-ui .button-primary,
.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus {
border-color:#00979e;
}
.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:hover,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary:active,
.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus{
background:#00b2ba;
}
.wp-core-ui .button-primary{
background:#00d3dd;
}
.wp-core-ui .button.active,.wp-core-ui .button.active:hover,.wp-core-ui .button.active:focus,.wp-core-ui .button:active,.wp-core-ui .button-secondary:active{
color:#333333;
}
.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary,
.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus{
-webkit-box-shadow:none;
box-shadow:none;
}
/*hide dashboard stuff*/
/*wpmu*/ #wpmu-install-dashboard,.wpmu-update-row,
/*plugin update*/ .plugin-update .update-message
{display:none !important;}
/*visual composer*/
.vc_ui-panel {width:80% !important;left:10% !important;}
iframe#wpb_tinymce_content_ifr {height:400px !important;}
/*
admin css
4 tons cor em destaque (mais escuro para mais claro):
1: 007E84
2: 00979e
3: 00b2ba
4: 00d3dd
2 tons neutros:
escuro: 222222
médio: 333333
*/
.wp-core-ui .button-primary {text-shadow: 0 -1px 1px #007E84,1px 0 1px #007E84,0 1px 1px #007E84,-1px 0 1px #007E84;}
.wp-core-ui .button.button-primary.button-hero {box-shadow: 0 2px 0 #007E84;}
input:focus,textarea:focus {
border:1px solid #00979e !important;
outline:0 !important;
box-shadow:none !important;
}
#adminmenu .update-plugins {
background: #00979e;
}
#wpadminbar .screen-reader-shortcut:focus,
.tablenav .next,.tablenav .prev,
a,#the-comment-list p.comment-author strong a,#media-upload a.del-link,#media-items a.delete,#media-items a.delete-permanently,.plugins a.delete,.ui-tabs-nav a,.plugins .inactive a,
.wp-full-overlay a.collapse-sidebar:hover,
.view-switch a.current:before,
.submitbox .submitcancel,
.media-menu>a {
color:#007E84;
}
strong .post-com-count span,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,#adminmenu li.current a.menu-top,.folded #adminmenu li.wp-has-current-submenu,.folded #adminmenu li.current.menu-top,#adminmenu .wp-menu-arrow,#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu .wp-menu-arrow div,
.submitbox .submitcancel:hover,
.wp-badge {
background:#007E84;
}
.wp-slider .ui-slider-handle,.wp-slider .ui-slider-handle.ui-state-hover,.wp-slider .ui-slider-handle.focus {
border:1px solid #007E84;
}
.wp-core-ui .button-primary,
.wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus {
border-color: #007E84;
}
.submitbox .submitcancel{
border-bottom-color:#007E84;
}
input[type=checkbox]:checked:before,
input[type=radio]:checked:before,
.wp-ui-text-highlight,
.about-wrap .feature-section .col-2:before,.about-wrap .feature-section .col-2:after,.about-wrap .feature-section.two-col p:before {
color:#00979e;
}
.wp-ui-highlight,
.attachment.details .check {
background:#00979e;
}
.details.attachment{
box-shadow:0 0 0 1px #fff,0 0 0 5px #00979e;
}
.attachment.details .check{
box-shadow:0 0 0 1px #fff,0 0 0 2px #00979e;
}
#wpadminbar .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar .ab-top-menu>li:hover>.ab-item,#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar>#wp-toolbar li:hover span.ab-label,#wpadminbar>#wp-toolbar li.hover span.ab-label,#wpadminbar>#wp-toolbar a:focus span.ab-label,
#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 #adminbarsearch:before,
#wpadminbar .quicklinks .menupop .ab-sub-secondary>li>a:hover,#wpadminbar .quicklinks .menupop .ab-sub-secondary>li .ab-item:focus a,
#wpadminbar .quicklinks li a:hover .blavatar,
.wp-core-ui input[type=reset]:hover,.wp-core-ui input[type=reset]:active,
#adminmenu .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover,#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a:hover,#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,.no-js li.wp-has-current-submenu:hover .wp-submenu a:hover,.no-js li.wp-has-current-submenu:hover .wp-submenu a:focus,.folded #adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover,.folded #adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
a:hover,a:active,
#adminmenu a:hover,#adminmenu li.menu-top>a:focus,#adminmenu .wp-submenu a:hover,#rightnow a:hover,#media-upload a.del-link:hover,div.dashboard-widget-submit input:hover,.subsubsub a:hover,.subsubsub a.current:hover,.ui-tabs-nav a:hover,
.tablenav .next:hover,.tablenav .prev:hover,
.plugins .inactive a:hover,
a.post-state-format:hover:before,a.post-format-icon:hover:before,
#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus,
#collapse-menu:hover,
#collapse-menu:hover #collapse-button div:after,
#adminmenu li:hover div.wp-menu-image:before,
.attention,
.js #removing-widget,
#menu-management .nav-tabs-arrow a:hover,
.clearlooks2 .mceClose:hover:before,
.login #nav a:hover,.login #backtoblog a:hover,
.login h1 a:hover {
color:#00b2ba;
}
.wp-slider .ui-slider-handle,.wp-slider .ui-slider-handle.ui-state-hover,.wp-slider .ui-slider-handle.focus,
.wrap .add-new-h2:hover,
.post-com-count:hover span,
#plugin-information .action-button,
#adminmenu li.current a .awaiting-mod,#adminmenu li a.wp-has-current-submenu .update-plugins,
.tablenav .tablenav-pages a:hover,.tablenav .tablenav-pages a:focus{
background:#00b2ba;
}
.post-com-count:hover:after{
border-top:5px solid #00b2ba;
}
.plugins .active th.check-column{
border-left:4px solid #00b2ba;
}
.contextual-help-tabs .active{
border-color:#00b2ba;
}
.wp-badge{
color:#00d3dd;
}
#wpadminbar,
#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus,
#adminmenu li.wp-not-current-submenu .wp-menu-arrow div,
#wpadminbar,
#adminmenuback, #adminmenuwrap, #adminmenu{
background:#222222;
}
#adminmenu li.wp-not-current-submenu .wp-menu-arrow div{
border-color:#222222;
}
#wpadminbar .quicklinks a span#ab-updates,
.wp-ui-text-primary,
#side-sortables .category-tabs .tabs a,#side-sortables .add-menu-item-tabs .tabs a,.wp-tab-bar .wp-tab-active a,
.widefat p,.widefat ol,.widefat ul,
.widefat thead tr th,.widefat tfoot tr th,h3.dashboard-widget-title,h3.dashboard-widget-title span,h3.dashboard-widget-title small,
th.manage-column a,th.sortable a:hover,th.sortable a:active,th.sortable a:focus,
.plugins .plugin-description p,.plugins .plugin-version-author-uri,
.plugins .inactive .plugin-title strong,
.contextual-help-tabs a:hover,
.contextual-help-tabs .active,.contextual-help-tabs .active a,.contextual-help-tabs .active a:hover,
#screen-meta-links a:hover,#screen-meta-links a:active,
#screen-meta-links a:focus,
#tTips p#tTips_inside,
#post-body ul.category-tabs li.tabs a,#post-body ul.add-menu-item-tabs li.tabs a,body.press-this ul.category-tabs li.tabs a,
.about-wrap h1,
.imgedit-menu div:hover,
a .mceIcon:hover{
color:#333333;
}
#wpadminbar .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar .ab-top-menu>li:hover>.ab-item,#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu,
#wpadminbar .menupop .ab-sub-wrapper,#wpadminbar .shortlink-input,
.wp-ui-primary,
#adminmenu .wp-has-current-submenu .wp-submenu,.no-js li.wp-has-current-submenu:hover .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu,#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
#adminmenu .wp-submenu,.folded #adminmenu a.wp-has-current-submenu:focus+.wp-submenu,.folded #adminmenu .wp-has-current-submenu .wp-submenu{
background:#333333;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after{
border-right-color:#333333;
}
/* botões */
.wp-core-ui .button-primary {
background: #00b2ba;
-webkit-box-shadow: none;
box-shadow: none;
}
.wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus {
background: #00d3dd;
-webkit-box-shadow: none;
box-shadow: none;
}
以上是关于css 终极品牌CSS设置的主要内容,如果未能解决你的问题,请参考以下文章