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设置的主要内容,如果未能解决你的问题,请参考以下文章

Margin,border,padding(css 终极之南随笔)

设计了一个 CSS 终极解决方案!

设计了一个 CSS 终极解决方案!

设计了一个 CSS 终极解决方案!

CSS选择器(CSS终极指南阅读回顾)

CSS LESS的终极网格