824 changed files with 135745 additions and 57485 deletions
-
4sources/license.txt
-
11sources/readme.html
-
4sources/wp-activate.php
-
235sources/wp-admin/about.php
-
3sources/wp-admin/admin-ajax.php
-
29sources/wp-admin/admin-footer.php
-
2sources/wp-admin/admin-functions.php
-
24sources/wp-admin/admin-header.php
-
8sources/wp-admin/admin.php
-
18sources/wp-admin/async-upload.php
-
5sources/wp-admin/comment.php
-
13sources/wp-admin/credits.php
-
388sources/wp-admin/css/about-rtl.css
-
388sources/wp-admin/css/about.css
-
917sources/wp-admin/css/admin-menu-rtl.css
-
917sources/wp-admin/css/admin-menu.css
-
119sources/wp-admin/css/color-picker-rtl.css
-
2sources/wp-admin/css/color-picker-rtl.min.css
-
59sources/wp-admin/css/color-picker.css
-
2sources/wp-admin/css/color-picker.min.css
-
515sources/wp-admin/css/colors/_admin.scss
-
35sources/wp-admin/css/colors/_mixins.scss
-
58sources/wp-admin/css/colors/_variables.scss
-
331sources/wp-admin/css/colors/blue/colors-rtl.css
-
1sources/wp-admin/css/colors/blue/colors-rtl.min.css
-
331sources/wp-admin/css/colors/blue/colors.css
-
1sources/wp-admin/css/colors/blue/colors.min.css
-
11sources/wp-admin/css/colors/blue/colors.scss
-
331sources/wp-admin/css/colors/coffee/colors-rtl.css
-
1sources/wp-admin/css/colors/coffee/colors-rtl.min.css
-
331sources/wp-admin/css/colors/coffee/colors.css
-
1sources/wp-admin/css/colors/coffee/colors.min.css
-
7sources/wp-admin/css/colors/coffee/colors.scss
-
331sources/wp-admin/css/colors/ectoplasm/colors-rtl.css
-
1sources/wp-admin/css/colors/ectoplasm/colors-rtl.min.css
-
331sources/wp-admin/css/colors/ectoplasm/colors.css
-
1sources/wp-admin/css/colors/ectoplasm/colors.min.css
-
8sources/wp-admin/css/colors/ectoplasm/colors.scss
-
339sources/wp-admin/css/colors/light/colors-rtl.css
-
1sources/wp-admin/css/colors/light/colors-rtl.min.css
-
339sources/wp-admin/css/colors/light/colors.css
-
1sources/wp-admin/css/colors/light/colors.min.css
-
38sources/wp-admin/css/colors/light/colors.scss
-
331sources/wp-admin/css/colors/midnight/colors-rtl.css
-
1sources/wp-admin/css/colors/midnight/colors-rtl.min.css
-
331sources/wp-admin/css/colors/midnight/colors.css
-
1sources/wp-admin/css/colors/midnight/colors.min.css
-
5sources/wp-admin/css/colors/midnight/colors.scss
-
331sources/wp-admin/css/colors/ocean/colors-rtl.css
-
1sources/wp-admin/css/colors/ocean/colors-rtl.min.css
-
331sources/wp-admin/css/colors/ocean/colors.css
-
1sources/wp-admin/css/colors/ocean/colors.min.css
-
8sources/wp-admin/css/colors/ocean/colors.scss
-
331sources/wp-admin/css/colors/sunrise/colors-rtl.css
-
1sources/wp-admin/css/colors/sunrise/colors-rtl.min.css
-
331sources/wp-admin/css/colors/sunrise/colors.css
-
1sources/wp-admin/css/colors/sunrise/colors.min.css
-
6sources/wp-admin/css/colors/sunrise/colors.scss
-
2637sources/wp-admin/css/common-rtl.css
-
2637sources/wp-admin/css/common.css
-
659sources/wp-admin/css/customize-controls-rtl.css
-
2sources/wp-admin/css/customize-controls-rtl.min.css
-
562sources/wp-admin/css/customize-controls.css
-
2sources/wp-admin/css/customize-controls.min.css
-
603sources/wp-admin/css/customize-widgets-rtl.css
-
1sources/wp-admin/css/customize-widgets-rtl.min.css
-
603sources/wp-admin/css/customize-widgets.css
-
1sources/wp-admin/css/customize-widgets.min.css
-
1135sources/wp-admin/css/dashboard-rtl.css
-
1135sources/wp-admin/css/dashboard.css
-
376sources/wp-admin/css/deprecated-media-rtl.css
-
1sources/wp-admin/css/deprecated-media-rtl.min.css
-
376sources/wp-admin/css/deprecated-media.css
-
1sources/wp-admin/css/deprecated-media.min.css
-
1423sources/wp-admin/css/edit-rtl.css
-
1423sources/wp-admin/css/edit.css
-
41sources/wp-admin/css/farbtastic-rtl.css
-
11sources/wp-admin/css/farbtastic.css
-
977sources/wp-admin/css/forms-rtl.css
-
977sources/wp-admin/css/forms.css
-
807sources/wp-admin/css/ie-rtl.css
-
2sources/wp-admin/css/ie-rtl.min.css
-
181sources/wp-admin/css/ie.css
-
2sources/wp-admin/css/ie.min.css
-
313sources/wp-admin/css/install-rtl.css
-
1sources/wp-admin/css/install-rtl.min.css
-
184sources/wp-admin/css/install.css
-
2sources/wp-admin/css/install.min.css
-
100sources/wp-admin/css/l10n-rtl.css
-
100sources/wp-admin/css/l10n.css
-
1619sources/wp-admin/css/list-tables-rtl.css
-
1619sources/wp-admin/css/list-tables.css
-
270sources/wp-admin/css/login-rtl.css
-
1sources/wp-admin/css/login-rtl.min.css
-
270sources/wp-admin/css/login.css
-
1sources/wp-admin/css/login.min.css
-
743sources/wp-admin/css/media-rtl.css
-
777sources/wp-admin/css/media.css
-
853sources/wp-admin/css/nav-menus-rtl.css
-
853sources/wp-admin/css/nav-menus.css
@ -0,0 +1,388 @@ |
|||
/*------------------------------------------------------------------------------ |
|||
22.0 - About Pages |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
.about-wrap { |
|||
position: relative; |
|||
margin: 25px 20px 0 40px; |
|||
max-width: 1050px; /* readability */ |
|||
|
|||
font-size: 15px; |
|||
} |
|||
|
|||
.about-wrap div.updated, |
|||
.about-wrap div.error { |
|||
display: none !important; |
|||
} |
|||
|
|||
.about-wrap hr { |
|||
border: 0; |
|||
height: 0; |
|||
margin: 0; |
|||
border-top: 1px solid rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.about-wrap img { |
|||
margin: 0; |
|||
max-width: 100%; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
/* Typography */ |
|||
|
|||
.about-wrap p { |
|||
line-height: 1.6em; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.about-wrap h1 { |
|||
margin: 0.2em 0 0 200px; |
|||
color: #333; |
|||
line-height: 1.2em; |
|||
font-size: 2.8em; |
|||
font-weight: 400; |
|||
} |
|||
|
|||
.about-wrap h4 { |
|||
color: #222; |
|||
} |
|||
|
|||
.about-wrap .about-text, |
|||
.about-wrap p.about-description, |
|||
.about-wrap li.wp-person a.web { |
|||
font-weight: normal; |
|||
line-height: 1.6em; |
|||
font-size: 19px; |
|||
} |
|||
|
|||
.about-description { |
|||
margin-top: 1.4em; |
|||
} |
|||
|
|||
.about-text { |
|||
margin: 1em 0 1em 200px; |
|||
min-height: 60px; |
|||
color: #777; |
|||
font-size: 24px; |
|||
} |
|||
|
|||
.about-wrap .changelog h2.about-headline-callout { |
|||
margin: 1.1em 0 0.2em; |
|||
font-size: 2.4em; |
|||
font-weight: 300; |
|||
line-height: 1.3; |
|||
text-align: center; |
|||
} |
|||
|
|||
.about-wrap h3 { |
|||
margin: 1em 0 .6em; |
|||
font-size: 1.5em; |
|||
line-height: 1.5em; |
|||
} |
|||
|
|||
.customize h3 { |
|||
margin-top: 1.75em; |
|||
text-align: center; |
|||
} |
|||
|
|||
.about-wrap .feature-section h4 { |
|||
margin: 1.4em 0 0.6em 0; |
|||
font-size: 1.2em; |
|||
} |
|||
|
|||
.about-wrap .feature-section p { |
|||
margin-top: 0.6em; |
|||
} |
|||
|
|||
.about-wrap code, |
|||
.about-wrap ol li p { |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.about-wrap .button.button-large { |
|||
padding: 8px 20px 10px !important; |
|||
height: 46px !important; |
|||
font-size: 14px; |
|||
line-height: 28px !important; |
|||
} |
|||
|
|||
/* 3.8 Images */ |
|||
|
|||
.about-wrap .about-overview-img { |
|||
margin: 0; |
|||
} |
|||
|
|||
/* Point Releases */ |
|||
|
|||
.about-wrap .point-releases { |
|||
margin-top: 5px; |
|||
border-bottom: 1px solid #dfdfdf; |
|||
} |
|||
|
|||
.about-wrap .changelog.point-releases h3 { |
|||
padding-top: 35px; |
|||
} |
|||
|
|||
.about-wrap .changelog.point-releases h3:first-child { |
|||
padding-top: 7px; |
|||
} |
|||
|
|||
/* WordPress Version Badge */ |
|||
|
|||
.wp-badge { |
|||
background: #0074a2 url(../images/w-logo-white.png?ver=20131202) no-repeat; |
|||
background: #0074a2, url(../images/wordpress-logo-white.svg?ver=20131110) no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */ |
|||
background-position: center 24px; |
|||
-webkit-background-size: 85px 85px; |
|||
background-size: 85px 85px; |
|||
color: #78c8e6; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
font-weight: 600; |
|||
margin: 5px 0 0; |
|||
padding-top: 120px; |
|||
height: 40px; |
|||
display: inline-block; |
|||
width: 150px; |
|||
text-rendering: optimizeLegibility; |
|||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); |
|||
box-shadow: 0 1px 3px rgba(0,0,0,0.2); |
|||
} |
|||
|
|||
|
|||
.about-wrap .wp-badge { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
/* Tabs */ |
|||
|
|||
.about-wrap h2.nav-tab-wrapper { |
|||
padding-right: 6px; |
|||
} |
|||
|
|||
.about-wrap h2 .nav-tab { |
|||
padding: 4px 15px 6px; |
|||
margin: 0 0 -1px 3px; |
|||
font-size: 18px; |
|||
vertical-align: top; |
|||
border-width: 1px; |
|||
} |
|||
|
|||
/* Changelog / Update screen */ |
|||
|
|||
.about-overview { |
|||
margin-top: 40px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.about-overview .wp-video { |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.changelog .wp-playlist .wp-playlist-current-item img { |
|||
height: 64px; |
|||
width: auto; |
|||
max-width: 100%; |
|||
} |
|||
|
|||
.about-wrap .feature-section { |
|||
margin-top: 40px; |
|||
padding-bottom: 20px; |
|||
} |
|||
|
|||
.about-wrap .feature-section.two-col > div { |
|||
position: relative; |
|||
width: 47.5%; |
|||
margin-left: 4.999999999%; |
|||
float: right; |
|||
} |
|||
|
|||
.about-wrap .feature-section.three-col > div { |
|||
position: relative; |
|||
width: 29.95%; |
|||
margin-left: 4.999999999%; |
|||
float: right; |
|||
} |
|||
|
|||
.about-wrap .feature-section.col .last-feature { |
|||
margin-left: 0; |
|||
} |
|||
|
|||
.about-wrap .under-the-hood .feature-section { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
.about-wrap .changelog .feature-section { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.about-wrap .feature-section.two-col div p { |
|||
margin-left: 3%; |
|||
} |
|||
|
|||
.about-wrap .feature-section div p img { |
|||
float: left; |
|||
margin-right: 10px; |
|||
max-width: 20%; |
|||
} |
|||
|
|||
.about-wrap .changelog li { |
|||
list-style-type: disc; |
|||
margin-right: 3em; |
|||
} |
|||
|
|||
/* Return to Dashboard Home link */ |
|||
|
|||
.about-wrap .return-to-dashboard { |
|||
margin: 30px -5px 0 0; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.about-wrap .return-to-dashboard a { |
|||
text-decoration: none; |
|||
padding: 0 5px; |
|||
} |
|||
|
|||
/* Credits */ |
|||
|
|||
.about-wrap h4.wp-people-group { |
|||
margin-top: 2.6em; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.about-wrap ul.wp-people-group { |
|||
overflow: hidden; |
|||
padding: 0 5px; |
|||
margin: 0 -5px 0 -15px; |
|||
} |
|||
|
|||
.about-wrap ul.compact { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
.about-wrap li.wp-person { |
|||
float: right; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.about-wrap li.wp-person img.gravatar { |
|||
float: right; |
|||
margin: 0 0 10px 10px; |
|||
padding: 2px; |
|||
width: 60px; |
|||
height: 60px; |
|||
} |
|||
|
|||
.about-wrap ul.compact li.wp-person img.gravatar { |
|||
width: 30px; |
|||
height: 30px; |
|||
} |
|||
|
|||
/* @todo: combine this */ |
|||
.about-wrap li.wp-person { |
|||
height: 70px; |
|||
width: 280px; |
|||
padding-bottom: 15px; |
|||
} |
|||
|
|||
.about-wrap ul.compact li.wp-person { |
|||
height: auto; |
|||
width: 180px; |
|||
padding-bottom: 0; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.about-wrap #wp-people-group-validators + p.wp-credits-list { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
.about-wrap li.wp-person a.web { |
|||
display: block; |
|||
margin: 6px 0 2px; |
|||
font-size: 16px; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.about-wrap p.wp-credits-list a { |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
/* Freedoms */ |
|||
|
|||
.freedoms-php .about-wrap ol { |
|||
margin: 40px 60px; |
|||
} |
|||
|
|||
.freedoms-php .about-wrap ol li { |
|||
list-style-type: decimal; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.freedoms-php .about-wrap ol p { |
|||
font-weight: normal; |
|||
margin: 0.6em 0; |
|||
} |
|||
|
|||
/* =Media Queries |
|||
-------------------------------------------------------------- */ |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
.about-wrap .feature-section.one-col > div, |
|||
.about-wrap .feature-section.two-col > div, |
|||
.about-wrap .feature-section.three-col > div { |
|||
width: 100%; |
|||
margin: 0 0 40px; |
|||
padding: 0 0 40px; |
|||
float: none; |
|||
border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.about-wrap .under-the-hood .feature-section > div, |
|||
.about-wrap .feature-section.col > div.last-feature { |
|||
margin: 0; |
|||
padding: 0; |
|||
border-bottom: none; |
|||
} |
|||
|
|||
} |
|||
|
|||
@media only screen and (max-width: 500px) { |
|||
.about-wrap { |
|||
margin-left: 20px; |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
.about-wrap h1, |
|||
.about-text { |
|||
margin-left: 0; |
|||
} |
|||
|
|||
.about-text { |
|||
margin-bottom: 0.25em; |
|||
} |
|||
|
|||
.about-wrap .wp-badge { |
|||
position: relative; |
|||
margin-bottom: 1.5em; |
|||
width: 100%; |
|||
} |
|||
|
|||
.about-wrap .feature-section.three-col div { |
|||
width: 100%; |
|||
float: none; |
|||
} |
|||
|
|||
.about-wrap .three-col.about-updates .col-1 { |
|||
padding: 0; |
|||
float: none; |
|||
} |
|||
|
|||
.about-wrap .three-col.about-updates .col-2 { |
|||
margin: 0 0 20px; |
|||
width: 100%; |
|||
float: none; |
|||
} |
|||
} |
|||
@ -0,0 +1,388 @@ |
|||
/*------------------------------------------------------------------------------ |
|||
22.0 - About Pages |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
.about-wrap { |
|||
position: relative; |
|||
margin: 25px 40px 0 20px; |
|||
max-width: 1050px; /* readability */ |
|||
|
|||
font-size: 15px; |
|||
} |
|||
|
|||
.about-wrap div.updated, |
|||
.about-wrap div.error { |
|||
display: none !important; |
|||
} |
|||
|
|||
.about-wrap hr { |
|||
border: 0; |
|||
height: 0; |
|||
margin: 0; |
|||
border-top: 1px solid rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.about-wrap img { |
|||
margin: 0; |
|||
max-width: 100%; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
/* Typography */ |
|||
|
|||
.about-wrap p { |
|||
line-height: 1.6em; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.about-wrap h1 { |
|||
margin: 0.2em 200px 0 0; |
|||
color: #333; |
|||
line-height: 1.2em; |
|||
font-size: 2.8em; |
|||
font-weight: 400; |
|||
} |
|||
|
|||
.about-wrap h4 { |
|||
color: #222; |
|||
} |
|||
|
|||
.about-wrap .about-text, |
|||
.about-wrap p.about-description, |
|||
.about-wrap li.wp-person a.web { |
|||
font-weight: normal; |
|||
line-height: 1.6em; |
|||
font-size: 19px; |
|||
} |
|||
|
|||
.about-description { |
|||
margin-top: 1.4em; |
|||
} |
|||
|
|||
.about-text { |
|||
margin: 1em 200px 1em 0; |
|||
min-height: 60px; |
|||
color: #777; |
|||
font-size: 24px; |
|||
} |
|||
|
|||
.about-wrap .changelog h2.about-headline-callout { |
|||
margin: 1.1em 0 0.2em; |
|||
font-size: 2.4em; |
|||
font-weight: 300; |
|||
line-height: 1.3; |
|||
text-align: center; |
|||
} |
|||
|
|||
.about-wrap h3 { |
|||
margin: 1em 0 .6em; |
|||
font-size: 1.5em; |
|||
line-height: 1.5em; |
|||
} |
|||
|
|||
.customize h3 { |
|||
margin-top: 1.75em; |
|||
text-align: center; |
|||
} |
|||
|
|||
.about-wrap .feature-section h4 { |
|||
margin: 1.4em 0 0.6em 0; |
|||
font-size: 1.2em; |
|||
} |
|||
|
|||
.about-wrap .feature-section p { |
|||
margin-top: 0.6em; |
|||
} |
|||
|
|||
.about-wrap code, |
|||
.about-wrap ol li p { |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.about-wrap .button.button-large { |
|||
padding: 8px 20px 10px !important; |
|||
height: 46px !important; |
|||
font-size: 14px; |
|||
line-height: 28px !important; |
|||
} |
|||
|
|||
/* 3.8 Images */ |
|||
|
|||
.about-wrap .about-overview-img { |
|||
margin: 0; |
|||
} |
|||
|
|||
/* Point Releases */ |
|||
|
|||
.about-wrap .point-releases { |
|||
margin-top: 5px; |
|||
border-bottom: 1px solid #dfdfdf; |
|||
} |
|||
|
|||
.about-wrap .changelog.point-releases h3 { |
|||
padding-top: 35px; |
|||
} |
|||
|
|||
.about-wrap .changelog.point-releases h3:first-child { |
|||
padding-top: 7px; |
|||
} |
|||
|
|||
/* WordPress Version Badge */ |
|||
|
|||
.wp-badge { |
|||
background: #0074a2 url(../images/w-logo-white.png?ver=20131202) no-repeat; |
|||
background: #0074a2, url(../images/wordpress-logo-white.svg?ver=20131110) no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */ |
|||
background-position: center 24px; |
|||
-webkit-background-size: 85px 85px; |
|||
background-size: 85px 85px; |
|||
color: #78c8e6; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
font-weight: 600; |
|||
margin: 5px 0 0; |
|||
padding-top: 120px; |
|||
height: 40px; |
|||
display: inline-block; |
|||
width: 150px; |
|||
text-rendering: optimizeLegibility; |
|||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); |
|||
box-shadow: 0 1px 3px rgba(0,0,0,0.2); |
|||
} |
|||
|
|||
|
|||
.about-wrap .wp-badge { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
} |
|||
|
|||
/* Tabs */ |
|||
|
|||
.about-wrap h2.nav-tab-wrapper { |
|||
padding-left: 6px; |
|||
} |
|||
|
|||
.about-wrap h2 .nav-tab { |
|||
padding: 4px 15px 6px; |
|||
margin: 0 3px -1px 0; |
|||
font-size: 18px; |
|||
vertical-align: top; |
|||
border-width: 1px; |
|||
} |
|||
|
|||
/* Changelog / Update screen */ |
|||
|
|||
.about-overview { |
|||
margin-top: 40px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.about-overview .wp-video { |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.changelog .wp-playlist .wp-playlist-current-item img { |
|||
height: 64px; |
|||
width: auto; |
|||
max-width: 100%; |
|||
} |
|||
|
|||
.about-wrap .feature-section { |
|||
margin-top: 40px; |
|||
padding-bottom: 20px; |
|||
} |
|||
|
|||
.about-wrap .feature-section.two-col > div { |
|||
position: relative; |
|||
width: 47.5%; |
|||
margin-right: 4.999999999%; |
|||
float: left; |
|||
} |
|||
|
|||
.about-wrap .feature-section.three-col > div { |
|||
position: relative; |
|||
width: 29.95%; |
|||
margin-right: 4.999999999%; |
|||
float: left; |
|||
} |
|||
|
|||
.about-wrap .feature-section.col .last-feature { |
|||
margin-right: 0; |
|||
} |
|||
|
|||
.about-wrap .under-the-hood .feature-section { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
.about-wrap .changelog .feature-section { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.about-wrap .feature-section.two-col div p { |
|||
margin-right: 3%; |
|||
} |
|||
|
|||
.about-wrap .feature-section div p img { |
|||
float: right; |
|||
margin-left: 10px; |
|||
max-width: 20%; |
|||
} |
|||
|
|||
.about-wrap .changelog li { |
|||
list-style-type: disc; |
|||
margin-left: 3em; |
|||
} |
|||
|
|||
/* Return to Dashboard Home link */ |
|||
|
|||
.about-wrap .return-to-dashboard { |
|||
margin: 30px 0 0 -5px; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.about-wrap .return-to-dashboard a { |
|||
text-decoration: none; |
|||
padding: 0 5px; |
|||
} |
|||
|
|||
/* Credits */ |
|||
|
|||
.about-wrap h4.wp-people-group { |
|||
margin-top: 2.6em; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.about-wrap ul.wp-people-group { |
|||
overflow: hidden; |
|||
padding: 0 5px; |
|||
margin: 0 -15px 0 -5px; |
|||
} |
|||
|
|||
.about-wrap ul.compact { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
.about-wrap li.wp-person { |
|||
float: left; |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
.about-wrap li.wp-person img.gravatar { |
|||
float: left; |
|||
margin: 0 10px 10px 0; |
|||
padding: 2px; |
|||
width: 60px; |
|||
height: 60px; |
|||
} |
|||
|
|||
.about-wrap ul.compact li.wp-person img.gravatar { |
|||
width: 30px; |
|||
height: 30px; |
|||
} |
|||
|
|||
/* @todo: combine this */ |
|||
.about-wrap li.wp-person { |
|||
height: 70px; |
|||
width: 280px; |
|||
padding-bottom: 15px; |
|||
} |
|||
|
|||
.about-wrap ul.compact li.wp-person { |
|||
height: auto; |
|||
width: 180px; |
|||
padding-bottom: 0; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.about-wrap #wp-people-group-validators + p.wp-credits-list { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
.about-wrap li.wp-person a.web { |
|||
display: block; |
|||
margin: 6px 0 2px; |
|||
font-size: 16px; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.about-wrap p.wp-credits-list a { |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
/* Freedoms */ |
|||
|
|||
.freedoms-php .about-wrap ol { |
|||
margin: 40px 60px; |
|||
} |
|||
|
|||
.freedoms-php .about-wrap ol li { |
|||
list-style-type: decimal; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.freedoms-php .about-wrap ol p { |
|||
font-weight: normal; |
|||
margin: 0.6em 0; |
|||
} |
|||
|
|||
/* =Media Queries |
|||
-------------------------------------------------------------- */ |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
.about-wrap .feature-section.one-col > div, |
|||
.about-wrap .feature-section.two-col > div, |
|||
.about-wrap .feature-section.three-col > div { |
|||
width: 100%; |
|||
margin: 0 0 40px; |
|||
padding: 0 0 40px; |
|||
float: none; |
|||
border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.about-wrap .under-the-hood .feature-section > div, |
|||
.about-wrap .feature-section.col > div.last-feature { |
|||
margin: 0; |
|||
padding: 0; |
|||
border-bottom: none; |
|||
} |
|||
|
|||
} |
|||
|
|||
@media only screen and (max-width: 500px) { |
|||
.about-wrap { |
|||
margin-right: 20px; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.about-wrap h1, |
|||
.about-text { |
|||
margin-right: 0; |
|||
} |
|||
|
|||
.about-text { |
|||
margin-bottom: 0.25em; |
|||
} |
|||
|
|||
.about-wrap .wp-badge { |
|||
position: relative; |
|||
margin-bottom: 1.5em; |
|||
width: 100%; |
|||
} |
|||
|
|||
.about-wrap .feature-section.three-col div { |
|||
width: 100%; |
|||
float: none; |
|||
} |
|||
|
|||
.about-wrap .three-col.about-updates .col-1 { |
|||
padding: 0; |
|||
float: none; |
|||
} |
|||
|
|||
.about-wrap .three-col.about-updates .col-2 { |
|||
margin: 0 0 20px; |
|||
width: 100%; |
|||
float: none; |
|||
} |
|||
} |
|||
@ -0,0 +1,917 @@ |
|||
#adminmenuback, |
|||
#adminmenuwrap, |
|||
#adminmenu, |
|||
#adminmenu .wp-submenu { |
|||
width: 160px; |
|||
background-color: #222; |
|||
} |
|||
|
|||
#adminmenuback { |
|||
position: absolute; |
|||
top: 0; |
|||
bottom: 0; |
|||
z-index: -1; |
|||
} |
|||
|
|||
#adminmenu { |
|||
clear: right; |
|||
margin: 12px 0 0; |
|||
padding: 0; |
|||
list-style: none; |
|||
} |
|||
|
|||
.folded #adminmenuback, |
|||
.folded #adminmenuwrap, |
|||
.folded #adminmenu, |
|||
.folded #adminmenu li.menu-top { |
|||
width: 36px; |
|||
} |
|||
|
|||
.icon16 { |
|||
height: 18px; |
|||
width: 18px; |
|||
padding: 6px 6px; |
|||
margin: -6px -8px 0 0; |
|||
float: right; |
|||
} |
|||
|
|||
/* New Menu icons */ |
|||
|
|||
.icon16:before { |
|||
color: #999; |
|||
font: normal 20px/1 'dashicons'; |
|||
speak: none; |
|||
padding: 6px 0; |
|||
height: 34px; |
|||
width: 20px; |
|||
display: inline-block; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
-webkit-transition: all .1s ease-in-out; |
|||
transition: all .1s ease-in-out; |
|||
} |
|||
|
|||
.icon16.icon-dashboard:before { |
|||
content: '\f226'; |
|||
} |
|||
|
|||
.icon16.icon-post:before { |
|||
content: '\f109'; |
|||
} |
|||
|
|||
.icon16.icon-media:before { |
|||
content: '\f104'; |
|||
} |
|||
|
|||
.icon16.icon-links:before { |
|||
content: '\f103'; |
|||
} |
|||
|
|||
.icon16.icon-page:before { |
|||
content: '\f105'; |
|||
} |
|||
|
|||
.icon16.icon-comments:before { |
|||
content: '\f101'; |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.icon16.icon-appearance:before { |
|||
content: '\f100'; |
|||
} |
|||
|
|||
.icon16.icon-plugins:before { |
|||
content: '\f106'; |
|||
} |
|||
|
|||
.icon16.icon-users:before { |
|||
content: '\f110'; |
|||
} |
|||
|
|||
.icon16.icon-tools:before { |
|||
content: '\f107'; |
|||
} |
|||
|
|||
.icon16.icon-settings:before { |
|||
content: '\f108'; |
|||
} |
|||
|
|||
.icon16.icon-site:before { |
|||
content: '\f112' |
|||
} |
|||
|
|||
.icon16.icon-generic:before { |
|||
content: '\f111'; |
|||
} |
|||
|
|||
/* hide background-image for icons above */ |
|||
.icon16.icon-dashboard, |
|||
.menu-icon-dashboard div.wp-menu-image, |
|||
.icon16.icon-post, |
|||
.menu-icon-post div.wp-menu-image, |
|||
.icon16.icon-media, |
|||
.menu-icon-media div.wp-menu-image, |
|||
.icon16.icon-links, |
|||
.menu-icon-links div.wp-menu-image, |
|||
.icon16.icon-page, |
|||
.menu-icon-page div.wp-menu-image, |
|||
.icon16.icon-comments, |
|||
.menu-icon-comments div.wp-menu-image, |
|||
.icon16.icon-appearance, |
|||
.menu-icon-appearance div.wp-menu-image, |
|||
.icon16.icon-plugins, |
|||
.menu-icon-plugins div.wp-menu-image, |
|||
.icon16.icon-users, |
|||
.menu-icon-users div.wp-menu-image, |
|||
.icon16.icon-tools, |
|||
.menu-icon-tools div.wp-menu-image, |
|||
.icon16.icon-settings, |
|||
.menu-icon-settings div.wp-menu-image, |
|||
.icon16.icon-site, |
|||
.menu-icon-site div.wp-menu-image, |
|||
.icon16.icon-generic, |
|||
.menu-icon-generic div.wp-menu-image { |
|||
background-image: none !important; |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
7.0 - Main Navigation (Left Menu) |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
#adminmenuwrap { |
|||
position: relative; |
|||
float: right; |
|||
} |
|||
|
|||
/* side admin menu */ |
|||
#adminmenu * { |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
|
|||
#adminmenu li { |
|||
margin: 0; |
|||
padding: 0; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#adminmenu a { |
|||
display: block; |
|||
line-height: 18px; |
|||
padding: 2px 5px; |
|||
color: #eee; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu a { |
|||
color: #bbb; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu a:hover, |
|||
#adminmenu .wp-submenu a:focus { |
|||
background: none; |
|||
} |
|||
|
|||
#adminmenu a:hover, |
|||
#adminmenu li.menu-top > a:focus, |
|||
#adminmenu .wp-submenu a:hover, |
|||
#adminmenu .wp-submenu a:focus { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
#adminmenu li.menu-top { |
|||
border: none; |
|||
min-height: 34px; |
|||
position: relative; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu { |
|||
list-style: none; |
|||
position: absolute; |
|||
top: -1000em; |
|||
right: 160px; |
|||
overflow: visible; |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu, |
|||
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
|||
.folded #adminmenu .wp-has-current-submenu .wp-submenu { |
|||
padding: 7px 0 8px; |
|||
z-index: 9999; |
|||
background-color: #333; |
|||
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); |
|||
box-shadow: 0 3px 5px rgba(0,0,0,0.2); |
|||
} |
|||
|
|||
.js #adminmenu .sub-open, |
|||
.js #adminmenu .opensub .wp-submenu, |
|||
#adminmenu a.menu-top:focus + .wp-submenu, |
|||
.no-js li.wp-has-submenu:hover .wp-submenu { |
|||
top: -1px; |
|||
} |
|||
|
|||
#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 { |
|||
position: relative; |
|||
z-index: 3; |
|||
top: auto; |
|||
right: auto; |
|||
left: auto; |
|||
bottom: auto; |
|||
border: 0 none; |
|||
margin-top: 0; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
background-color: #333; |
|||
} |
|||
|
|||
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */ |
|||
#adminmenu li.menu-top:hover, |
|||
#adminmenu li.opensub > a.menu-top, |
|||
#adminmenu li > a.menu-top:focus { |
|||
position: relative; |
|||
background-color: #111; |
|||
} |
|||
|
|||
.folded #adminmenu li.menu-top:hover, |
|||
.folded #adminmenu li.opensub > a.menu-top, |
|||
.folded #adminmenu li > a.menu-top:focus { |
|||
z-index: 10000; |
|||
} |
|||
|
|||
#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 { |
|||
background: #0074a2; |
|||
color: #fff; |
|||
} |
|||
|
|||
.folded #adminmenu .wp-submenu.sub-open, |
|||
.folded #adminmenu .opensub .wp-submenu, |
|||
.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, |
|||
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu, |
|||
.folded #adminmenu a.menu-top:focus + .wp-submenu, |
|||
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, |
|||
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu { |
|||
top: 0; |
|||
right: 36px; |
|||
} |
|||
|
|||
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
|||
.folded #adminmenu .wp-has-current-submenu .wp-submenu { |
|||
position: absolute; |
|||
top: -1000em; |
|||
} |
|||
|
|||
#adminmenu .wp-not-current-submenu .wp-submenu, |
|||
.folded #adminmenu .wp-has-current-submenu .wp-submenu { |
|||
min-width: 160px; |
|||
width: auto; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu a { |
|||
font-size: 13px; |
|||
line-height: 1.2; |
|||
margin: 0; |
|||
padding: 6px 0; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu li.current, |
|||
#adminmenu .wp-submenu li.current a, |
|||
#adminmenu .opensub .wp-submenu li.current a, |
|||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, |
|||
#adminmenu .wp-submenu li.current a:hover, |
|||
#adminmenu .wp-submenu li.current a:focus { |
|||
color: #fff; |
|||
} |
|||
|
|||
#adminmenu .wp-not-current-submenu li > a, |
|||
.folded #adminmenu .wp-has-current-submenu li > a { |
|||
padding-left: 16px; |
|||
padding-right: 14px; |
|||
-webkit-transition: all .1s ease-in-out; |
|||
transition: all .1s ease-in-out; |
|||
} |
|||
|
|||
#adminmenu .wp-has-current-submenu ul > li > a, |
|||
.folded #adminmenu li.menu-top .wp-submenu > li > a { |
|||
padding: 6px 12px; |
|||
} |
|||
|
|||
#adminmenu a.menu-top, |
|||
#adminmenu .wp-submenu-head { |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
line-height: 18px; |
|||
padding: 0; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu-head, |
|||
.folded #adminmenu .wp-menu-name { |
|||
display: none; |
|||
} |
|||
|
|||
.folded #adminmenu .wp-submenu-head { |
|||
display: block; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu li { |
|||
padding: 0; |
|||
margin: 0; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
#adminmenu .wp-menu-image img { |
|||
padding: 9px 0 0 0; |
|||
opacity: 0.6; |
|||
filter: alpha(opacity=60); |
|||
} |
|||
|
|||
#adminmenu div.wp-menu-name { |
|||
padding: 8px 0; |
|||
} |
|||
|
|||
#adminmenu div.wp-menu-image { |
|||
float: right; |
|||
width: 36px; |
|||
height: 34px; |
|||
margin: 0; |
|||
text-align: center; |
|||
} |
|||
|
|||
#adminmenu div.wp-menu-image.svg { |
|||
background-repeat: no-repeat; |
|||
background-position: center; |
|||
-webkit-background-size: 20px auto; |
|||
background-size: 20px auto; |
|||
} |
|||
|
|||
div.wp-menu-image:before { |
|||
color: #999; |
|||
padding: 7px 0; |
|||
-webkit-transition: all .1s ease-in-out; |
|||
transition: all .1s ease-in-out; |
|||
} |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #999; |
|||
} |
|||
|
|||
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before, |
|||
#adminmenu .wp-has-current-submenu div.wp-menu-image:before, |
|||
#adminmenu .current div.wp-menu-image:before, |
|||
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before, |
|||
#adminmenu a.current:hover div.wp-menu-image:before { |
|||
color: #fff; |
|||
} |
|||
|
|||
#adminmenu li:hover div.wp-menu-image:before { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
.folded #adminmenu div.wp-menu-image { |
|||
width: 35px; |
|||
height: 30px; |
|||
position: absolute; |
|||
z-index: 25; |
|||
} |
|||
|
|||
.folded #adminmenu a.menu-top { |
|||
height: 34px; |
|||
} |
|||
|
|||
/* No @font-face support */ |
|||
.no-font-face #adminmenu .wp-menu-image { |
|||
display: none; |
|||
} |
|||
|
|||
.no-font-face #adminmenu div.wp-menu-name { |
|||
padding: 8px 12px; |
|||
} |
|||
|
|||
.no-font-face.auto-fold #adminmenu .wp-menu-name { |
|||
margin-right: 0; |
|||
} |
|||
/* End no @font-face support */ |
|||
|
|||
/* Sticky admin menu */ |
|||
.sticky-menu #adminmenuwrap { |
|||
position: fixed; |
|||
z-index: 9999; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */ |
|||
} |
|||
|
|||
/* A new arrow */ |
|||
|
|||
.wp-menu-arrow { |
|||
display: none !important; |
|||
} |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu { |
|||
position: relative; |
|||
} |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, |
|||
ul#adminmenu > li.current > a.current:after { |
|||
left: 0; |
|||
border: solid 8px transparent; |
|||
content: " "; |
|||
height: 0; |
|||
width: 0; |
|||
position: absolute; |
|||
pointer-events: none; |
|||
border-left-color: #f1f1f1; |
|||
top: 50%; |
|||
margin-top: -8px; |
|||
} |
|||
|
|||
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after { |
|||
display: none; |
|||
} |
|||
|
|||
.folded ul#adminmenu a.wp-has-current-submenu:after, |
|||
.folded ul#adminmenu > li a.current:after { |
|||
border-width: 4px; |
|||
margin-top: -4px; |
|||
} |
|||
|
|||
/* flyout menu arrow */ |
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { |
|||
left: 0; |
|||
border: solid transparent; |
|||
content: " "; |
|||
height: 0; |
|||
width: 0; |
|||
position: absolute; |
|||
pointer-events: none; |
|||
border-width: 8px; |
|||
top: 10px; |
|||
z-index: 10000; |
|||
} |
|||
|
|||
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { |
|||
border-width: 4px; |
|||
margin-top: -4px; |
|||
top: 18px; |
|||
} |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-left-color: #333; |
|||
} |
|||
|
|||
#adminmenu li.menu-top:hover .wp-menu-image img, |
|||
#adminmenu li.wp-has-current-submenu .wp-menu-image img { |
|||
opacity: 1; |
|||
filter: alpha(opacity=100); |
|||
} |
|||
|
|||
#adminmenu li.wp-menu-separator { |
|||
height: 5px; |
|||
padding: 0; |
|||
margin: 0 0 6px 0; |
|||
cursor: inherit; |
|||
} |
|||
|
|||
/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */ |
|||
#adminmenu div.separator { |
|||
height: 2px; |
|||
padding: 0; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #fff; |
|||
font-weight: 400; |
|||
font-size: 14px; |
|||
padding: 8px 11px 8px 4px; |
|||
margin: -7px 0px 4px; |
|||
} |
|||
|
|||
#adminmenu li.current, |
|||
.folded #adminmenu li.wp-menu-open { |
|||
border: 0 none; |
|||
} |
|||
|
|||
#adminmenu .awaiting-mod, |
|||
#adminmenu .update-plugins, |
|||
#sidemenu li a span.update-plugins { |
|||
display: inline-block; |
|||
background-color: #d54e21; |
|||
color: #fff; |
|||
font-size: 9px; |
|||
line-height: 17px; |
|||
font-weight: 600; |
|||
margin: 1px 2px 0 0; |
|||
vertical-align: top; |
|||
-webkit-border-radius: 10px; |
|||
border-radius: 10px; |
|||
z-index: 26; |
|||
} |
|||
|
|||
#adminmenu li .awaiting-mod span, |
|||
#adminmenu li span.update-plugins span, |
|||
#sidemenu li a span.update-plugins span { |
|||
display: block; |
|||
padding: 0 6px; |
|||
} |
|||
|
|||
#adminmenu li.current a .awaiting-mod, |
|||
#adminmenu li a.wp-has-current-submenu .update-plugins { |
|||
background-color: #2ea2cc; |
|||
color: #fff; |
|||
} |
|||
|
|||
#adminmenu li span.count-0, |
|||
#sidemenu li a .count-0 { |
|||
display: none; |
|||
} |
|||
|
|||
#collapse-menu { |
|||
font-size: 13px; |
|||
line-height: 34px; |
|||
margin-top: 10px; |
|||
color: #aaa; |
|||
-webkit-transition: all .1s ease-in-out; |
|||
transition: all .1s ease-in-out; |
|||
} |
|||
|
|||
#collapse-menu:hover, |
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
.folded #collapse-menu span { |
|||
display: none; |
|||
} |
|||
|
|||
#collapse-button, |
|||
#collapse-button div { |
|||
width: 15px; |
|||
height: 15px; |
|||
} |
|||
|
|||
#collapse-button { |
|||
float: right; |
|||
height: 15px; |
|||
margin: 10px 11px 10px 8px; |
|||
width: 15px; |
|||
-webkit-border-radius: 10px; |
|||
border-radius: 10px; |
|||
} |
|||
|
|||
#wpwrap #collapse-button div { |
|||
padding: 0; |
|||
} |
|||
|
|||
#collapse-button div:after { |
|||
content: '\f148'; |
|||
display: block; |
|||
line-height: 15px; |
|||
right: -3px; |
|||
top: -3px; |
|||
color: #aaa; |
|||
font: normal 20px/1 'dashicons' !important; |
|||
speak: none; |
|||
margin: 0 auto; |
|||
padding: 0 !important; |
|||
position: relative; |
|||
text-align: center; |
|||
width: 20px; |
|||
-webkit-transition: all .1s ease-in-out; |
|||
transition: all .1s ease-in-out; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.folded #collapse-button div:after, |
|||
.rtl #collapse-button div:after { |
|||
-webkit-transform: rotate(180deg); |
|||
-ms-transform: rotate(180deg); |
|||
transform: rotate(180deg); |
|||
} |
|||
|
|||
.rtl.folded #collapse-button div:after { |
|||
-webkit-transform: none; |
|||
-ms-transform: none; |
|||
transform: none; |
|||
} |
|||
|
|||
/** |
|||
* Toolbar menu toggle |
|||
*/ |
|||
li#wp-admin-bar-menu-toggle { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
/* Auto-folding of the admin menu */ |
|||
@media only screen and (max-width: 900px) { |
|||
.auto-fold #wpcontent, |
|||
.auto-fold #wpfooter { |
|||
margin-right: 56px; |
|||
} |
|||
|
|||
.auto-fold #adminmenuback, |
|||
.auto-fold #adminmenuwrap, |
|||
.auto-fold #adminmenu, |
|||
.auto-fold #adminmenu li.menu-top { |
|||
width: 36px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-submenu.sub-open, |
|||
.auto-fold #adminmenu .opensub .wp-submenu, |
|||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, |
|||
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu, |
|||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu, |
|||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { |
|||
top: 0px; |
|||
right: 36px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
|||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { |
|||
position: absolute; |
|||
top: -1000em; |
|||
margin-left: -1px; |
|||
padding: 7px 0 8px; |
|||
z-index: 9999; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { |
|||
min-width: 150px; |
|||
width: auto; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-has-current-submenu li > a { |
|||
padding-left: 16px; |
|||
padding-right: 14px; |
|||
} |
|||
|
|||
|
|||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a { |
|||
padding-right: 12px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-menu-name { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-submenu-head { |
|||
display: block; |
|||
} |
|||
|
|||
.auto-fold #adminmenu div.wp-menu-image { |
|||
height: 30px; |
|||
width: 34px; |
|||
position: absolute; |
|||
z-index: 25; |
|||
} |
|||
|
|||
.auto-fold #adminmenu a.menu-top { |
|||
height: 34px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu li.wp-menu-open { |
|||
border: 0 none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { |
|||
border-width: 4px; |
|||
margin-top: -4px; |
|||
top: 16px; |
|||
} |
|||
|
|||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after, |
|||
.auto-fold ul#adminmenu > li a.current:after { |
|||
border-width: 4px; |
|||
margin-top: -4px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu li.menu-top:hover, |
|||
.auto-fold #adminmenu li.opensub > a.menu-top, |
|||
.auto-fold #adminmenu li > a.menu-top:focus { |
|||
z-index: 10000; |
|||
} |
|||
|
|||
.auto-fold #collapse-menu span { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold #collapse-button div { |
|||
background: none; |
|||
} |
|||
|
|||
.auto-fold #collapse-button div:after { |
|||
-webkit-transform: rotate(180deg); |
|||
-ms-transform: rotate(180deg); |
|||
transform: rotate(180deg); |
|||
} |
|||
|
|||
.rtl.auto-fold #collapse-button div:after { |
|||
-webkit-transform: none; |
|||
-ms-transform: none; |
|||
transform: none; |
|||
} |
|||
|
|||
} |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
.auto-fold #wpcontent { |
|||
position: relative; |
|||
margin-right: 0; |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.sticky-menu #adminmenuwrap { |
|||
position: relative; |
|||
z-index: auto; |
|||
top: 0; |
|||
} |
|||
|
|||
/* Sidebar Adjustments */ |
|||
.auto-fold #adminmenu, |
|||
.auto-fold #adminmenuback, |
|||
.auto-fold #adminmenuwrap { |
|||
position: absolute; |
|||
width: 190px; |
|||
z-index: 100; |
|||
} |
|||
|
|||
.auto-fold #adminmenuback, |
|||
.auto-fold #adminmenuwrap { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold .wp-responsive-open #adminmenuback, |
|||
.auto-fold .wp-responsive-open #adminmenuwrap { |
|||
display: block; |
|||
} |
|||
|
|||
.auto-fold #adminmenu li.menu-top { |
|||
width: 100%; |
|||
} |
|||
|
|||
/* Resize the admin menu items to a comfortable touch size */ |
|||
.auto-fold #adminmenu li a { |
|||
font-size: 16px; |
|||
padding: 5px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a { |
|||
padding: 10px 20px 10px 10px; |
|||
} |
|||
|
|||
/* Restore the menu names */ |
|||
.auto-fold #adminmenu .wp-menu-name { |
|||
display: block; |
|||
margin-right: 35px; |
|||
} |
|||
|
|||
/* Switch the arrow side */ |
|||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after, |
|||
.auto-fold ul#adminmenu > li.current > a.current:after { |
|||
border-width: 8px; |
|||
margin-top: -8px; |
|||
} |
|||
|
|||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { |
|||
display: none; |
|||
} |
|||
|
|||
/* Make the submenus appear correctly when tapped. */ |
|||
#adminmenu .wp-submenu { |
|||
position: relative; |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .selected .wp-submenu, |
|||
.auto-fold #adminmenu .wp-menu-open .wp-submenu { |
|||
position: relative; |
|||
display: block; |
|||
top: 0; |
|||
right: -1px; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .selected .wp-submenu:after, |
|||
.auto-fold #adminmenu .wp-menu-open .wp-submenu:after { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .opensub .wp-submenu { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .selected .wp-submenu { |
|||
display: block; |
|||
} |
|||
|
|||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after { |
|||
display: block; |
|||
} |
|||
|
|||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu, |
|||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { |
|||
position: relative; |
|||
right: -1px; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
/* Remove submenu headers and adjust sub meu*/ |
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
display: none; |
|||
} |
|||
|
|||
/* Toolbar menu toggle */ |
|||
#wp-responsive-toggle { |
|||
position: fixed; |
|||
top: 5px; |
|||
right: 4px; |
|||
padding-left: 10px; |
|||
z-index: 99999; |
|||
border: none; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
#wpadminbar #wp-admin-bar-menu-toggle a { |
|||
display: block; |
|||
padding: 0; |
|||
overflow: hidden; |
|||
outline: none; |
|||
text-decoration: none; |
|||
border: 1px solid transparent; |
|||
background: none; |
|||
height: 44px; |
|||
margin-right: -1px; |
|||
} |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #333; |
|||
} |
|||
|
|||
li#wp-admin-bar-menu-toggle { |
|||
display: block; |
|||
} |
|||
|
|||
#wpadminbar #wp-admin-bar-menu-toggle a:hover { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { |
|||
content: '\f228'; |
|||
display: inline-block; |
|||
float: right; |
|||
font: normal 40px/45px 'Dashicons'; |
|||
vertical-align: middle; |
|||
outline: none; |
|||
margin: 0; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
height: 44px; |
|||
width: 50px; |
|||
padding: 0; |
|||
border: none; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
} |
|||
|
|||
/* Smartphone */ |
|||
@media screen and (max-width: 600px) { |
|||
#adminmenuwrap, |
|||
#adminmenuback { |
|||
display: none; |
|||
} |
|||
|
|||
.wp-responsive-open #adminmenuwrap, |
|||
.wp-responsive-open #adminmenuback { |
|||
display: block; |
|||
} |
|||
|
|||
.auto-fold #adminmenu { |
|||
top: 46px; |
|||
} |
|||
} |
|||
|
|||
@ -0,0 +1,917 @@ |
|||
#adminmenuback, |
|||
#adminmenuwrap, |
|||
#adminmenu, |
|||
#adminmenu .wp-submenu { |
|||
width: 160px; |
|||
background-color: #222; |
|||
} |
|||
|
|||
#adminmenuback { |
|||
position: absolute; |
|||
top: 0; |
|||
bottom: 0; |
|||
z-index: -1; |
|||
} |
|||
|
|||
#adminmenu { |
|||
clear: left; |
|||
margin: 12px 0 0; |
|||
padding: 0; |
|||
list-style: none; |
|||
} |
|||
|
|||
.folded #adminmenuback, |
|||
.folded #adminmenuwrap, |
|||
.folded #adminmenu, |
|||
.folded #adminmenu li.menu-top { |
|||
width: 36px; |
|||
} |
|||
|
|||
.icon16 { |
|||
height: 18px; |
|||
width: 18px; |
|||
padding: 6px 6px; |
|||
margin: -6px 0 0 -8px; |
|||
float: left; |
|||
} |
|||
|
|||
/* New Menu icons */ |
|||
|
|||
.icon16:before { |
|||
color: #999; |
|||
font: normal 20px/1 'dashicons'; |
|||
speak: none; |
|||
padding: 6px 0; |
|||
height: 34px; |
|||
width: 20px; |
|||
display: inline-block; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
-webkit-transition: all .1s ease-in-out; |
|||
transition: all .1s ease-in-out; |
|||
} |
|||
|
|||
.icon16.icon-dashboard:before { |
|||
content: '\f226'; |
|||
} |
|||
|
|||
.icon16.icon-post:before { |
|||
content: '\f109'; |
|||
} |
|||
|
|||
.icon16.icon-media:before { |
|||
content: '\f104'; |
|||
} |
|||
|
|||
.icon16.icon-links:before { |
|||
content: '\f103'; |
|||
} |
|||
|
|||
.icon16.icon-page:before { |
|||
content: '\f105'; |
|||
} |
|||
|
|||
.icon16.icon-comments:before { |
|||
content: '\f101'; |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.icon16.icon-appearance:before { |
|||
content: '\f100'; |
|||
} |
|||
|
|||
.icon16.icon-plugins:before { |
|||
content: '\f106'; |
|||
} |
|||
|
|||
.icon16.icon-users:before { |
|||
content: '\f110'; |
|||
} |
|||
|
|||
.icon16.icon-tools:before { |
|||
content: '\f107'; |
|||
} |
|||
|
|||
.icon16.icon-settings:before { |
|||
content: '\f108'; |
|||
} |
|||
|
|||
.icon16.icon-site:before { |
|||
content: '\f112' |
|||
} |
|||
|
|||
.icon16.icon-generic:before { |
|||
content: '\f111'; |
|||
} |
|||
|
|||
/* hide background-image for icons above */ |
|||
.icon16.icon-dashboard, |
|||
.menu-icon-dashboard div.wp-menu-image, |
|||
.icon16.icon-post, |
|||
.menu-icon-post div.wp-menu-image, |
|||
.icon16.icon-media, |
|||
.menu-icon-media div.wp-menu-image, |
|||
.icon16.icon-links, |
|||
.menu-icon-links div.wp-menu-image, |
|||
.icon16.icon-page, |
|||
.menu-icon-page div.wp-menu-image, |
|||
.icon16.icon-comments, |
|||
.menu-icon-comments div.wp-menu-image, |
|||
.icon16.icon-appearance, |
|||
.menu-icon-appearance div.wp-menu-image, |
|||
.icon16.icon-plugins, |
|||
.menu-icon-plugins div.wp-menu-image, |
|||
.icon16.icon-users, |
|||
.menu-icon-users div.wp-menu-image, |
|||
.icon16.icon-tools, |
|||
.menu-icon-tools div.wp-menu-image, |
|||
.icon16.icon-settings, |
|||
.menu-icon-settings div.wp-menu-image, |
|||
.icon16.icon-site, |
|||
.menu-icon-site div.wp-menu-image, |
|||
.icon16.icon-generic, |
|||
.menu-icon-generic div.wp-menu-image { |
|||
background-image: none !important; |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
7.0 - Main Navigation (Left Menu) |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
#adminmenuwrap { |
|||
position: relative; |
|||
float: left; |
|||
} |
|||
|
|||
/* side admin menu */ |
|||
#adminmenu * { |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
|
|||
#adminmenu li { |
|||
margin: 0; |
|||
padding: 0; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#adminmenu a { |
|||
display: block; |
|||
line-height: 18px; |
|||
padding: 2px 5px; |
|||
color: #eee; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu a { |
|||
color: #bbb; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu a:hover, |
|||
#adminmenu .wp-submenu a:focus { |
|||
background: none; |
|||
} |
|||
|
|||
#adminmenu a:hover, |
|||
#adminmenu li.menu-top > a:focus, |
|||
#adminmenu .wp-submenu a:hover, |
|||
#adminmenu .wp-submenu a:focus { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
#adminmenu li.menu-top { |
|||
border: none; |
|||
min-height: 34px; |
|||
position: relative; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu { |
|||
list-style: none; |
|||
position: absolute; |
|||
top: -1000em; |
|||
left: 160px; |
|||
overflow: visible; |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu, |
|||
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
|||
.folded #adminmenu .wp-has-current-submenu .wp-submenu { |
|||
padding: 7px 0 8px; |
|||
z-index: 9999; |
|||
background-color: #333; |
|||
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); |
|||
box-shadow: 0 3px 5px rgba(0,0,0,0.2); |
|||
} |
|||
|
|||
.js #adminmenu .sub-open, |
|||
.js #adminmenu .opensub .wp-submenu, |
|||
#adminmenu a.menu-top:focus + .wp-submenu, |
|||
.no-js li.wp-has-submenu:hover .wp-submenu { |
|||
top: -1px; |
|||
} |
|||
|
|||
#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 { |
|||
position: relative; |
|||
z-index: 3; |
|||
top: auto; |
|||
left: auto; |
|||
right: auto; |
|||
bottom: auto; |
|||
border: 0 none; |
|||
margin-top: 0; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
background-color: #333; |
|||
} |
|||
|
|||
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */ |
|||
#adminmenu li.menu-top:hover, |
|||
#adminmenu li.opensub > a.menu-top, |
|||
#adminmenu li > a.menu-top:focus { |
|||
position: relative; |
|||
background-color: #111; |
|||
} |
|||
|
|||
.folded #adminmenu li.menu-top:hover, |
|||
.folded #adminmenu li.opensub > a.menu-top, |
|||
.folded #adminmenu li > a.menu-top:focus { |
|||
z-index: 10000; |
|||
} |
|||
|
|||
#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 { |
|||
background: #0074a2; |
|||
color: #fff; |
|||
} |
|||
|
|||
.folded #adminmenu .wp-submenu.sub-open, |
|||
.folded #adminmenu .opensub .wp-submenu, |
|||
.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, |
|||
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu, |
|||
.folded #adminmenu a.menu-top:focus + .wp-submenu, |
|||
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, |
|||
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu { |
|||
top: 0; |
|||
left: 36px; |
|||
} |
|||
|
|||
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
|||
.folded #adminmenu .wp-has-current-submenu .wp-submenu { |
|||
position: absolute; |
|||
top: -1000em; |
|||
} |
|||
|
|||
#adminmenu .wp-not-current-submenu .wp-submenu, |
|||
.folded #adminmenu .wp-has-current-submenu .wp-submenu { |
|||
min-width: 160px; |
|||
width: auto; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu a { |
|||
font-size: 13px; |
|||
line-height: 1.2; |
|||
margin: 0; |
|||
padding: 6px 0; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu li.current, |
|||
#adminmenu .wp-submenu li.current a, |
|||
#adminmenu .opensub .wp-submenu li.current a, |
|||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, |
|||
#adminmenu .wp-submenu li.current a:hover, |
|||
#adminmenu .wp-submenu li.current a:focus { |
|||
color: #fff; |
|||
} |
|||
|
|||
#adminmenu .wp-not-current-submenu li > a, |
|||
.folded #adminmenu .wp-has-current-submenu li > a { |
|||
padding-right: 16px; |
|||
padding-left: 14px; |
|||
-webkit-transition: all .1s ease-in-out; |
|||
transition: all .1s ease-in-out; |
|||
} |
|||
|
|||
#adminmenu .wp-has-current-submenu ul > li > a, |
|||
.folded #adminmenu li.menu-top .wp-submenu > li > a { |
|||
padding: 6px 12px; |
|||
} |
|||
|
|||
#adminmenu a.menu-top, |
|||
#adminmenu .wp-submenu-head { |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
line-height: 18px; |
|||
padding: 0; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu-head, |
|||
.folded #adminmenu .wp-menu-name { |
|||
display: none; |
|||
} |
|||
|
|||
.folded #adminmenu .wp-submenu-head { |
|||
display: block; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu li { |
|||
padding: 0; |
|||
margin: 0; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
#adminmenu .wp-menu-image img { |
|||
padding: 9px 0 0 0; |
|||
opacity: 0.6; |
|||
filter: alpha(opacity=60); |
|||
} |
|||
|
|||
#adminmenu div.wp-menu-name { |
|||
padding: 8px 0; |
|||
} |
|||
|
|||
#adminmenu div.wp-menu-image { |
|||
float: left; |
|||
width: 36px; |
|||
height: 34px; |
|||
margin: 0; |
|||
text-align: center; |
|||
} |
|||
|
|||
#adminmenu div.wp-menu-image.svg { |
|||
background-repeat: no-repeat; |
|||
background-position: center; |
|||
-webkit-background-size: 20px auto; |
|||
background-size: 20px auto; |
|||
} |
|||
|
|||
div.wp-menu-image:before { |
|||
color: #999; |
|||
padding: 7px 0; |
|||
-webkit-transition: all .1s ease-in-out; |
|||
transition: all .1s ease-in-out; |
|||
} |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #999; |
|||
} |
|||
|
|||
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before, |
|||
#adminmenu .wp-has-current-submenu div.wp-menu-image:before, |
|||
#adminmenu .current div.wp-menu-image:before, |
|||
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before, |
|||
#adminmenu a.current:hover div.wp-menu-image:before { |
|||
color: #fff; |
|||
} |
|||
|
|||
#adminmenu li:hover div.wp-menu-image:before { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
.folded #adminmenu div.wp-menu-image { |
|||
width: 35px; |
|||
height: 30px; |
|||
position: absolute; |
|||
z-index: 25; |
|||
} |
|||
|
|||
.folded #adminmenu a.menu-top { |
|||
height: 34px; |
|||
} |
|||
|
|||
/* No @font-face support */ |
|||
.no-font-face #adminmenu .wp-menu-image { |
|||
display: none; |
|||
} |
|||
|
|||
.no-font-face #adminmenu div.wp-menu-name { |
|||
padding: 8px 12px; |
|||
} |
|||
|
|||
.no-font-face.auto-fold #adminmenu .wp-menu-name { |
|||
margin-left: 0; |
|||
} |
|||
/* End no @font-face support */ |
|||
|
|||
/* Sticky admin menu */ |
|||
.sticky-menu #adminmenuwrap { |
|||
position: fixed; |
|||
z-index: 9999; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */ |
|||
} |
|||
|
|||
/* A new arrow */ |
|||
|
|||
.wp-menu-arrow { |
|||
display: none !important; |
|||
} |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu { |
|||
position: relative; |
|||
} |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, |
|||
ul#adminmenu > li.current > a.current:after { |
|||
right: 0; |
|||
border: solid 8px transparent; |
|||
content: " "; |
|||
height: 0; |
|||
width: 0; |
|||
position: absolute; |
|||
pointer-events: none; |
|||
border-right-color: #f1f1f1; |
|||
top: 50%; |
|||
margin-top: -8px; |
|||
} |
|||
|
|||
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after { |
|||
display: none; |
|||
} |
|||
|
|||
.folded ul#adminmenu a.wp-has-current-submenu:after, |
|||
.folded ul#adminmenu > li a.current:after { |
|||
border-width: 4px; |
|||
margin-top: -4px; |
|||
} |
|||
|
|||
/* flyout menu arrow */ |
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { |
|||
right: 0; |
|||
border: solid transparent; |
|||
content: " "; |
|||
height: 0; |
|||
width: 0; |
|||
position: absolute; |
|||
pointer-events: none; |
|||
border-width: 8px; |
|||
top: 10px; |
|||
z-index: 10000; |
|||
} |
|||
|
|||
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { |
|||
border-width: 4px; |
|||
margin-top: -4px; |
|||
top: 18px; |
|||
} |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-right-color: #333; |
|||
} |
|||
|
|||
#adminmenu li.menu-top:hover .wp-menu-image img, |
|||
#adminmenu li.wp-has-current-submenu .wp-menu-image img { |
|||
opacity: 1; |
|||
filter: alpha(opacity=100); |
|||
} |
|||
|
|||
#adminmenu li.wp-menu-separator { |
|||
height: 5px; |
|||
padding: 0; |
|||
margin: 0 0 6px 0; |
|||
cursor: inherit; |
|||
} |
|||
|
|||
/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */ |
|||
#adminmenu div.separator { |
|||
height: 2px; |
|||
padding: 0; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #fff; |
|||
font-weight: 400; |
|||
font-size: 14px; |
|||
padding: 8px 4px 8px 11px; |
|||
margin: -7px 0px 4px; |
|||
} |
|||
|
|||
#adminmenu li.current, |
|||
.folded #adminmenu li.wp-menu-open { |
|||
border: 0 none; |
|||
} |
|||
|
|||
#adminmenu .awaiting-mod, |
|||
#adminmenu .update-plugins, |
|||
#sidemenu li a span.update-plugins { |
|||
display: inline-block; |
|||
background-color: #d54e21; |
|||
color: #fff; |
|||
font-size: 9px; |
|||
line-height: 17px; |
|||
font-weight: 600; |
|||
margin: 1px 0 0 2px; |
|||
vertical-align: top; |
|||
-webkit-border-radius: 10px; |
|||
border-radius: 10px; |
|||
z-index: 26; |
|||
} |
|||
|
|||
#adminmenu li .awaiting-mod span, |
|||
#adminmenu li span.update-plugins span, |
|||
#sidemenu li a span.update-plugins span { |
|||
display: block; |
|||
padding: 0 6px; |
|||
} |
|||
|
|||
#adminmenu li.current a .awaiting-mod, |
|||
#adminmenu li a.wp-has-current-submenu .update-plugins { |
|||
background-color: #2ea2cc; |
|||
color: #fff; |
|||
} |
|||
|
|||
#adminmenu li span.count-0, |
|||
#sidemenu li a .count-0 { |
|||
display: none; |
|||
} |
|||
|
|||
#collapse-menu { |
|||
font-size: 13px; |
|||
line-height: 34px; |
|||
margin-top: 10px; |
|||
color: #aaa; |
|||
-webkit-transition: all .1s ease-in-out; |
|||
transition: all .1s ease-in-out; |
|||
} |
|||
|
|||
#collapse-menu:hover, |
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
.folded #collapse-menu span { |
|||
display: none; |
|||
} |
|||
|
|||
#collapse-button, |
|||
#collapse-button div { |
|||
width: 15px; |
|||
height: 15px; |
|||
} |
|||
|
|||
#collapse-button { |
|||
float: left; |
|||
height: 15px; |
|||
margin: 10px 8px 10px 11px; |
|||
width: 15px; |
|||
-webkit-border-radius: 10px; |
|||
border-radius: 10px; |
|||
} |
|||
|
|||
#wpwrap #collapse-button div { |
|||
padding: 0; |
|||
} |
|||
|
|||
#collapse-button div:after { |
|||
content: '\f148'; |
|||
display: block; |
|||
line-height: 15px; |
|||
left: -3px; |
|||
top: -3px; |
|||
color: #aaa; |
|||
font: normal 20px/1 'dashicons' !important; |
|||
speak: none; |
|||
margin: 0 auto; |
|||
padding: 0 !important; |
|||
position: relative; |
|||
text-align: center; |
|||
width: 20px; |
|||
-webkit-transition: all .1s ease-in-out; |
|||
transition: all .1s ease-in-out; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.folded #collapse-button div:after, |
|||
.rtl #collapse-button div:after { |
|||
-webkit-transform: rotate(180deg); |
|||
-ms-transform: rotate(180deg); |
|||
transform: rotate(180deg); |
|||
} |
|||
|
|||
.rtl.folded #collapse-button div:after { |
|||
-webkit-transform: none; |
|||
-ms-transform: none; |
|||
transform: none; |
|||
} |
|||
|
|||
/** |
|||
* Toolbar menu toggle |
|||
*/ |
|||
li#wp-admin-bar-menu-toggle { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
/* Auto-folding of the admin menu */ |
|||
@media only screen and (max-width: 900px) { |
|||
.auto-fold #wpcontent, |
|||
.auto-fold #wpfooter { |
|||
margin-left: 56px; |
|||
} |
|||
|
|||
.auto-fold #adminmenuback, |
|||
.auto-fold #adminmenuwrap, |
|||
.auto-fold #adminmenu, |
|||
.auto-fold #adminmenu li.menu-top { |
|||
width: 36px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-submenu.sub-open, |
|||
.auto-fold #adminmenu .opensub .wp-submenu, |
|||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, |
|||
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu, |
|||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu, |
|||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { |
|||
top: 0px; |
|||
left: 36px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
|||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { |
|||
position: absolute; |
|||
top: -1000em; |
|||
margin-right: -1px; |
|||
padding: 7px 0 8px; |
|||
z-index: 9999; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { |
|||
min-width: 150px; |
|||
width: auto; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-has-current-submenu li > a { |
|||
padding-right: 16px; |
|||
padding-left: 14px; |
|||
} |
|||
|
|||
|
|||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a { |
|||
padding-left: 12px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-menu-name { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-submenu-head { |
|||
display: block; |
|||
} |
|||
|
|||
.auto-fold #adminmenu div.wp-menu-image { |
|||
height: 30px; |
|||
width: 34px; |
|||
position: absolute; |
|||
z-index: 25; |
|||
} |
|||
|
|||
.auto-fold #adminmenu a.menu-top { |
|||
height: 34px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu li.wp-menu-open { |
|||
border: 0 none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { |
|||
border-width: 4px; |
|||
margin-top: -4px; |
|||
top: 16px; |
|||
} |
|||
|
|||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after, |
|||
.auto-fold ul#adminmenu > li a.current:after { |
|||
border-width: 4px; |
|||
margin-top: -4px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu li.menu-top:hover, |
|||
.auto-fold #adminmenu li.opensub > a.menu-top, |
|||
.auto-fold #adminmenu li > a.menu-top:focus { |
|||
z-index: 10000; |
|||
} |
|||
|
|||
.auto-fold #collapse-menu span { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold #collapse-button div { |
|||
background: none; |
|||
} |
|||
|
|||
.auto-fold #collapse-button div:after { |
|||
-webkit-transform: rotate(180deg); |
|||
-ms-transform: rotate(180deg); |
|||
transform: rotate(180deg); |
|||
} |
|||
|
|||
.rtl.auto-fold #collapse-button div:after { |
|||
-webkit-transform: none; |
|||
-ms-transform: none; |
|||
transform: none; |
|||
} |
|||
|
|||
} |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
.auto-fold #wpcontent { |
|||
position: relative; |
|||
margin-left: 0; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.sticky-menu #adminmenuwrap { |
|||
position: relative; |
|||
z-index: auto; |
|||
top: 0; |
|||
} |
|||
|
|||
/* Sidebar Adjustments */ |
|||
.auto-fold #adminmenu, |
|||
.auto-fold #adminmenuback, |
|||
.auto-fold #adminmenuwrap { |
|||
position: absolute; |
|||
width: 190px; |
|||
z-index: 100; |
|||
} |
|||
|
|||
.auto-fold #adminmenuback, |
|||
.auto-fold #adminmenuwrap { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold .wp-responsive-open #adminmenuback, |
|||
.auto-fold .wp-responsive-open #adminmenuwrap { |
|||
display: block; |
|||
} |
|||
|
|||
.auto-fold #adminmenu li.menu-top { |
|||
width: 100%; |
|||
} |
|||
|
|||
/* Resize the admin menu items to a comfortable touch size */ |
|||
.auto-fold #adminmenu li a { |
|||
font-size: 16px; |
|||
padding: 5px; |
|||
} |
|||
|
|||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a { |
|||
padding: 10px 10px 10px 20px; |
|||
} |
|||
|
|||
/* Restore the menu names */ |
|||
.auto-fold #adminmenu .wp-menu-name { |
|||
display: block; |
|||
margin-left: 35px; |
|||
} |
|||
|
|||
/* Switch the arrow side */ |
|||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after, |
|||
.auto-fold ul#adminmenu > li.current > a.current:after { |
|||
border-width: 8px; |
|||
margin-top: -8px; |
|||
} |
|||
|
|||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { |
|||
display: none; |
|||
} |
|||
|
|||
/* Make the submenus appear correctly when tapped. */ |
|||
#adminmenu .wp-submenu { |
|||
position: relative; |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .selected .wp-submenu, |
|||
.auto-fold #adminmenu .wp-menu-open .wp-submenu { |
|||
position: relative; |
|||
display: block; |
|||
top: 0; |
|||
left: -1px; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .selected .wp-submenu:after, |
|||
.auto-fold #adminmenu .wp-menu-open .wp-submenu:after { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .opensub .wp-submenu { |
|||
display: none; |
|||
} |
|||
|
|||
.auto-fold #adminmenu .selected .wp-submenu { |
|||
display: block; |
|||
} |
|||
|
|||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after { |
|||
display: block; |
|||
} |
|||
|
|||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu, |
|||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { |
|||
position: relative; |
|||
left: -1px; |
|||
right: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
/* Remove submenu headers and adjust sub meu*/ |
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
display: none; |
|||
} |
|||
|
|||
/* Toolbar menu toggle */ |
|||
#wp-responsive-toggle { |
|||
position: fixed; |
|||
top: 5px; |
|||
left: 4px; |
|||
padding-right: 10px; |
|||
z-index: 99999; |
|||
border: none; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
#wpadminbar #wp-admin-bar-menu-toggle a { |
|||
display: block; |
|||
padding: 0; |
|||
overflow: hidden; |
|||
outline: none; |
|||
text-decoration: none; |
|||
border: 1px solid transparent; |
|||
background: none; |
|||
height: 44px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #333; |
|||
} |
|||
|
|||
li#wp-admin-bar-menu-toggle { |
|||
display: block; |
|||
} |
|||
|
|||
#wpadminbar #wp-admin-bar-menu-toggle a:hover { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { |
|||
content: '\f228'; |
|||
display: inline-block; |
|||
float: left; |
|||
font: normal 40px/45px 'Dashicons'; |
|||
vertical-align: middle; |
|||
outline: none; |
|||
margin: 0; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
height: 44px; |
|||
width: 50px; |
|||
padding: 0; |
|||
border: none; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
} |
|||
|
|||
/* Smartphone */ |
|||
@media screen and (max-width: 600px) { |
|||
#adminmenuwrap, |
|||
#adminmenuback { |
|||
display: none; |
|||
} |
|||
|
|||
.wp-responsive-open #adminmenuwrap, |
|||
.wp-responsive-open #adminmenuback { |
|||
display: block; |
|||
} |
|||
|
|||
.auto-fold #adminmenu { |
|||
top: 46px; |
|||
} |
|||
} |
|||
|
|||
@ -1,27 +1,126 @@ |
|||
.wp-color-picker { |
|||
width: 80px; |
|||
} |
|||
|
|||
.wp-picker-container .hidden { |
|||
display: none; |
|||
} |
|||
|
|||
.wp-color-result { |
|||
margin: 0 0 6px 6px; |
|||
padding-left: 0; |
|||
background-color: #f7f7f7; |
|||
border: 1px solid #ccc; |
|||
-webkit-border-radius: 3px; |
|||
border-radius: 3px; |
|||
cursor: pointer; |
|||
display: inline-block; |
|||
height: 22px; |
|||
margin: 0 0px 6px 6px; |
|||
position: relative; |
|||
top: 1px; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
vertical-align: bottom; |
|||
display: inline-block; |
|||
padding-right: 30px; |
|||
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08); |
|||
box-shadow: 0 1px 0 rgba(0,0,0,.08); |
|||
} |
|||
|
|||
.wp-color-result:after { |
|||
border-radius: 0 0 1px 1px; |
|||
border-left: 0; |
|||
border-right: 1px solid #bbb; |
|||
left: auto; |
|||
right: 0; |
|||
background: #f7f7f7; |
|||
-webkit-border-radius: 2px 0 0 2px; |
|||
border-radius: 2px 0 0 2px; |
|||
border-right: 1px solid #ccc; |
|||
color: #555; |
|||
content: attr( title ); |
|||
display: block; |
|||
font-size: 11px; |
|||
line-height: 22px; |
|||
padding: 0 6px; |
|||
position: relative; |
|||
left: 0; |
|||
text-align: center; |
|||
top: 0; |
|||
-webkit-box-shadow: inset 0 1px 0 #fff; |
|||
box-shadow: inset 0 1px 0 #fff; |
|||
} |
|||
|
|||
.wp-color-result:hover { |
|||
border-color: #aaa; |
|||
background: #fafafa; |
|||
border-color: #999; |
|||
color: #222; |
|||
} |
|||
|
|||
.wp-color-result:hover:after { |
|||
border-left: 0; |
|||
color: #222; |
|||
border-color: #aaa; |
|||
border-right: 1px solid #999; |
|||
} |
|||
|
|||
.wp-color-result { |
|||
top: 0; |
|||
} |
|||
|
|||
.wp-color-result.wp-picker-open:after { |
|||
content: attr( data-current ); |
|||
} |
|||
|
|||
.wp-picker-container, .wp-picker-container:active { |
|||
display: inline-block; |
|||
outline: 0; |
|||
} |
|||
|
|||
.wp-color-result:focus { |
|||
border-color: #888; |
|||
-webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 ); |
|||
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 ); |
|||
} |
|||
|
|||
.wp-color-result:focus:after { |
|||
border-color: #888; |
|||
} |
|||
|
|||
.wp-picker-open + .wp-picker-input-wrap { |
|||
display: inline-block; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
.wp-picker-container .button { |
|||
margin-left: 0; |
|||
margin-right: 6px; |
|||
} |
|||
|
|||
.wp-picker-container .iris-square-slider .ui-slider-handle:focus { |
|||
background-color: #555 |
|||
} |
|||
|
|||
.wp-picker-container .iris-picker { |
|||
-webkit-border-radius: 0; |
|||
border-radius: 0; |
|||
border-color: #dfdfdf; |
|||
margin-top: 6px; |
|||
} |
|||
|
|||
.wp-picker-container input[type="text"].wp-color-picker { |
|||
width: 65px; |
|||
font-size: 12px; |
|||
font-family: monospace; |
|||
text-align: center; |
|||
line-height: 16px; |
|||
margin: 0; |
|||
} |
|||
|
|||
.wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder { |
|||
color: transparent; |
|||
} |
|||
|
|||
.wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder { |
|||
color: #999; |
|||
} |
|||
|
|||
.wp-picker-container input[type="text"].iris-error { |
|||
background-color: #ffebe8; |
|||
border-color: #c00; |
|||
color: #000; |
|||
} |
|||
@ -1 +1 @@ |
|||
.wp-color-result{margin:0 0 6px 6px;padding-left:0;padding-right:30px}.wp-color-result:after{border-radius:0 0 1px 1px;border-left:0;border-right:1px solid #bbb;left:auto;right:0}.wp-color-result:hover{border-color:#aaa}.wp-color-result:hover:after{border-left:0;border-right:1px solid #999}.wp-picker-container .button{margin-left:0;margin-right:6px} |
|||
.wp-color-picker{width:80px}.wp-picker-container .hidden{display:none}.wp-color-result{background-color:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;height:22px;margin:0 0 6px 6px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:bottom;display:inline-block;padding-right:30px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.08);box-shadow:0 1px 0 rgba(0,0,0,.08)}.wp-color-result:after{background:#f7f7f7;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;border-right:1px solid #ccc;color:#555;content:attr(title);display:block;font-size:11px;line-height:22px;padding:0 6px;position:relative;left:0;text-align:center;top:0;-webkit-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.wp-color-result:hover{background:#fafafa;border-color:#999;color:#222}.wp-color-result:hover:after{color:#222;border-color:#aaa;border-right:1px solid #999}.wp-color-result{top:0}.wp-color-result.wp-picker-open:after{content:attr(data-current)}.wp-picker-container,.wp-picker-container:active{display:inline-block;outline:0}.wp-color-result:focus{border-color:#888;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.wp-color-result:focus:after{border-color:#888}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-container .button{margin-right:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{-webkit-border-radius:0;border-radius:0;border-color:#dfdfdf;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:65px;font-size:12px;font-family:monospace;text-align:center;line-height:16px;margin:0}.wp-picker-container input[type=text].wp-color-picker:focus::-webkit-input-placeholder{color:transparent}.wp-picker-container input[type=text].wp-color-picker:-moz-placeholder{color:#999}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000} |
|||
@ -1 +1 @@ |
|||
.wp-color-picker{width:80px}.wp-picker-container .hidden{display:none}.wp-color-result{background-color:#f9f9f9;border:1px solid #bbb;border-radius:2px;cursor:pointer;display:inline-block;height:22px;margin:0 6px 6px 0;position:relative;top:1px;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;vertical-align:bottom;display:inline-block;padding-left:30px}.wp-color-result:after{background:#f3f3f3;background-image:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f4f4f4));background-image:-webkit-linear-gradient(top,#fefefe,#f4f4f4);background-image:-moz-linear-gradient(top,#fefefe,#f4f4f4);background-image:-o-linear-gradient(top,#fefefe,#f4f4f4);background-image:linear-gradient(to bottom,#fefefe,#f4f4f4);color:#333;text-shadow:0 1px 0 #fff;border-radius:0 1px 1px 0;border-left:1px solid #bbb;content:attr(title);display:block;font-size:11px;line-height:22px;padding:0 6px;position:relative;right:0;text-align:center;top:0}.wp-color-result:hover{border-color:#aaa;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.1)}.wp-color-result:hover:after{color:#222;border-color:#aaa;border-left:1px solid #999}.wp-color-result.wp-picker-open{top:0}.wp-color-result.wp-picker-open:after{content:attr(data-current)}.wp-picker-container,.wp-picker-container:active{display:inline-block;outline:0}.wp-color-result:focus{border-color:#888;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.wp-color-result:focus:after{border-color:#888}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-container .button{margin-left:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{border-color:#dfdfdf;margin-top:6px}input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000} |
|||
.wp-color-picker{width:80px}.wp-picker-container .hidden{display:none}.wp-color-result{background-color:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;height:22px;margin:0 6px 6px 0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:bottom;display:inline-block;padding-left:30px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.08);box-shadow:0 1px 0 rgba(0,0,0,.08)}.wp-color-result:after{background:#f7f7f7;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;border-left:1px solid #ccc;color:#555;content:attr(title);display:block;font-size:11px;line-height:22px;padding:0 6px;position:relative;right:0;text-align:center;top:0;-webkit-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.wp-color-result:hover{background:#fafafa;border-color:#999;color:#222}.wp-color-result:hover:after{color:#222;border-color:#aaa;border-left:1px solid #999}.wp-color-result{top:0}.wp-color-result.wp-picker-open:after{content:attr(data-current)}.wp-picker-container,.wp-picker-container:active{display:inline-block;outline:0}.wp-color-result:focus{border-color:#888;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.wp-color-result:focus:after{border-color:#888}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-container .button{margin-left:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{-webkit-border-radius:0;border-radius:0;border-color:#dfdfdf;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:65px;font-size:12px;font-family:monospace;text-align:center;line-height:16px;margin:0}.wp-picker-container input[type=text].wp-color-picker:focus::-webkit-input-placeholder{color:transparent}.wp-picker-container input[type=text].wp-color-picker:-moz-placeholder{color:#999}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000} |
|||
@ -0,0 +1,515 @@ |
|||
|
|||
@import 'variables'; |
|||
@import 'mixins'; |
|||
|
|||
|
|||
html { |
|||
background: $body-background; |
|||
} |
|||
|
|||
|
|||
/* Links */ |
|||
|
|||
a { |
|||
color: $link; |
|||
|
|||
&:hover, |
|||
&:active, |
|||
&:focus { |
|||
color: $link-focus; |
|||
} |
|||
} |
|||
|
|||
#media-upload a.del-link:hover, |
|||
div.dashboard-widget-submit input:hover, |
|||
.subsubsub a:hover, |
|||
.subsubsub a.current:hover { |
|||
color: $link-focus; |
|||
} |
|||
|
|||
|
|||
/* Forms */ |
|||
|
|||
input[type=checkbox]:checked:before { |
|||
color: $form-checked; |
|||
} |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: $form-checked; |
|||
} |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, |
|||
.wp-core-ui input[type="reset"]:active { |
|||
color: $link-focus; |
|||
} |
|||
|
|||
|
|||
/* Core UI */ |
|||
|
|||
.wp-core-ui { |
|||
.button-primary { |
|||
@include button( $button-color ); |
|||
} |
|||
|
|||
.wp-ui-primary { |
|||
color: $text-color; |
|||
background-color: $base-color; |
|||
} |
|||
.wp-ui-text-primary { |
|||
color: $base-color; |
|||
} |
|||
|
|||
.wp-ui-highlight { |
|||
color: $menu-highlight-text; |
|||
background-color: $menu-highlight-background; |
|||
} |
|||
.wp-ui-text-highlight { |
|||
color: $menu-highlight-background; |
|||
} |
|||
|
|||
.wp-ui-notification { |
|||
color: $menu-bubble-text; |
|||
background-color: $menu-bubble-background; |
|||
} |
|||
.wp-ui-text-notification { |
|||
color: $menu-bubble-background; |
|||
} |
|||
|
|||
.wp-ui-text-icon { |
|||
color: $menu-icon; |
|||
} |
|||
} |
|||
|
|||
|
|||
/* List tables */ |
|||
|
|||
.wrap .add-new-h2:hover, |
|||
#add-new-comment a:hover, |
|||
.tablenav .tablenav-pages a:hover, |
|||
.tablenav .tablenav-pages a:focus { |
|||
color: $menu-text; |
|||
background-color: $menu-background; |
|||
} |
|||
|
|||
.view-switch a.current:before { |
|||
color: $menu-background; |
|||
} |
|||
|
|||
.view-switch a:hover:before { |
|||
color: $menu-bubble-background; |
|||
} |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: $menu-background; |
|||
} |
|||
.post-com-count:hover span { |
|||
color: $menu-text; |
|||
background-color: $menu-background; |
|||
} |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: $menu-bubble-background; |
|||
} |
|||
strong .post-com-count span { |
|||
background-color: $menu-bubble-background; |
|||
} |
|||
|
|||
|
|||
/* Admin Menu */ |
|||
|
|||
#adminmenuback, |
|||
#adminmenuwrap, |
|||
#adminmenu { |
|||
background: $menu-background; |
|||
} |
|||
|
|||
#adminmenu a { |
|||
color: $menu-text; |
|||
} |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: $menu-icon; |
|||
} |
|||
|
|||
#adminmenu a:hover, |
|||
#adminmenu li.menu-top:hover, |
|||
#adminmenu li.opensub > a.menu-top, |
|||
#adminmenu li > a.menu-top:focus { |
|||
color: $menu-highlight-text; |
|||
background-color: $menu-highlight-background; |
|||
} |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, |
|||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: $menu-highlight-icon; |
|||
} |
|||
|
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
|
|||
.about-wrap h2 .nav-tab-active, |
|||
.nav-tab-active, |
|||
.nav-tab-active:hover { |
|||
background-color: $body-background; |
|||
border-bottom-color: $body-background; |
|||
} |
|||
|
|||
|
|||
/* Admin Menu: submenu */ |
|||
|
|||
#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 { |
|||
background: $menu-submenu-background; |
|||
} |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-right-color: $menu-submenu-background; |
|||
} |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: $menu-submenu-text; |
|||
} |
|||
|
|||
#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 { |
|||
color: $menu-submenu-text; |
|||
|
|||
&:focus, &:hover { |
|||
color: $menu-submenu-focus-text; |
|||
} |
|||
} |
|||
|
|||
|
|||
/* Admin Menu: current */ |
|||
|
|||
#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 { |
|||
color: $menu-submenu-current-text; |
|||
|
|||
&:hover, &:focus { |
|||
color: $menu-submenu-focus-text; |
|||
} |
|||
} |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, |
|||
ul#adminmenu > li.current > a.current:after { |
|||
border-right-color: $body-background; |
|||
} |
|||
|
|||
#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 { |
|||
color: $menu-current-text; |
|||
background: $menu-current-background; |
|||
} |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: $menu-current-icon; |
|||
} |
|||
|
|||
|
|||
/* Admin Menu: bubble */ |
|||
|
|||
#adminmenu .awaiting-mod, |
|||
#adminmenu .update-plugins { |
|||
color: $menu-bubble-text; |
|||
background: $menu-bubble-background; |
|||
} |
|||
|
|||
#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 { |
|||
color: $menu-bubble-current-text; |
|||
background: $menu-bubble-current-background; |
|||
} |
|||
|
|||
|
|||
/* Admin Menu: collapse button */ |
|||
|
|||
#collapse-menu { |
|||
color: $menu-collapse-text; |
|||
} |
|||
|
|||
#collapse-menu:hover { |
|||
color: $menu-collapse-focus-text; |
|||
} |
|||
|
|||
#collapse-button div:after { |
|||
color: $menu-collapse-icon; |
|||
} |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: $menu-collapse-focus-icon; |
|||
} |
|||
|
|||
|
|||
/* Admin Bar */ |
|||
|
|||
#wpadminbar { |
|||
color: $menu-text; |
|||
background: $menu-background; |
|||
} |
|||
|
|||
#wpadminbar .ab-item, |
|||
#wpadminbar a.ab-item, |
|||
#wpadminbar > #wp-toolbar span.ab-label, |
|||
#wpadminbar > #wp-toolbar span.noticon { |
|||
color: $menu-text; |
|||
} |
|||
|
|||
#wpadminbar .ab-icon, |
|||
#wpadminbar .ab-icon:before, |
|||
#wpadminbar .ab-item:before, |
|||
#wpadminbar .ab-item:after { |
|||
color: $menu-icon; |
|||
} |
|||
|
|||
#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 { |
|||
color: $menu-submenu-focus-text; |
|||
background: $menu-submenu-background; |
|||
} |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, |
|||
#wpadminbar > #wp-toolbar li.hover span.ab-label, |
|||
#wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: $menu-submenu-focus-text; |
|||
} |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, |
|||
#wpadminbar li:hover .ab-item:before, |
|||
#wpadminbar li:hover .ab-item:after, |
|||
#wpadminbar li:hover #adminbarsearch:before { |
|||
color: $menu-highlight-icon; |
|||
} |
|||
|
|||
|
|||
/* Admin Bar: submenu */ |
|||
|
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: $menu-submenu-background; |
|||
} |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, |
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: $menu-submenu-background-alt; |
|||
} |
|||
|
|||
#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 { |
|||
color: $menu-submenu-text; |
|||
} |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, |
|||
#wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: $menu-icon; |
|||
} |
|||
|
|||
#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 { |
|||
color: $menu-submenu-focus-text; |
|||
} |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, |
|||
#wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: $menu-submenu-focus-text; |
|||
} |
|||
|
|||
|
|||
/* Admin Bar: search */ |
|||
|
|||
#wpadminbar #adminbarsearch:before { |
|||
color: $menu-icon; |
|||
} |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: $menu-text; |
|||
background: $adminbar-input-background; |
|||
} |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: $menu-text; opacity: .7; } |
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: $menu-text; opacity: .7; } |
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: $menu-text; opacity: .7; } |
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: $menu-text; opacity: .7; } |
|||
|
|||
|
|||
/* Admin Bar: my account */ |
|||
|
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: $adminbar-avatar-frame; |
|||
background-color: $adminbar-avatar-frame; |
|||
} |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: $menu-text; |
|||
} |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: $menu-submenu-focus-text; |
|||
} |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: $menu-submenu-text; |
|||
} |
|||
|
|||
|
|||
/* Pointers */ |
|||
|
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: $highlight-color; |
|||
border-color: darken( $highlight-color, 5% ); |
|||
} |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: $highlight-color; |
|||
} |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, |
|||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: $highlight-color; |
|||
} |
|||
|
|||
|
|||
/* Media Uploader */ |
|||
|
|||
.media-item .bar, |
|||
.media-progress-bar div { |
|||
background-color: $highlight-color; |
|||
} |
|||
|
|||
.details.attachment { |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px $highlight-color; |
|||
} |
|||
|
|||
.attachment.details .check { |
|||
background-color: $highlight-color; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color; |
|||
} |
|||
|
|||
|
|||
/* Themes */ |
|||
|
|||
.theme-browser .theme.active .theme-name, |
|||
.theme-browser .theme.add-new-theme:hover:after { |
|||
background: $highlight-color; |
|||
} |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: $highlight-color; |
|||
} |
|||
|
|||
.theme-overlay .theme-header .close:hover, |
|||
.theme-overlay .theme-header .right:hover, |
|||
.theme-overlay .theme-header .left:hover { |
|||
background: $highlight-color; |
|||
} |
|||
|
|||
.theme-section.current, |
|||
.theme-filter.current { |
|||
border-bottom-color: $menu-background; |
|||
} |
|||
|
|||
body.more-filters-opened .more-filters, |
|||
body.more-filters-opened .more-filters:before { |
|||
color: $menu-text; |
|||
background-color: $menu-background; |
|||
} |
|||
|
|||
body.more-filters-opened .more-filters:hover, |
|||
body.more-filters-opened .more-filters:focus, |
|||
body.more-filters-opened .more-filters:hover:before, |
|||
body.more-filters-opened .more-filters:focus:before { |
|||
background-color: $menu-highlight-background; |
|||
color: $menu-highlight-text; |
|||
} |
|||
|
|||
/* Widgets */ |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: $menu-highlight-background; |
|||
color: $menu-highlight-text; |
|||
} |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, |
|||
.widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: $menu-highlight-text; |
|||
} |
|||
|
|||
/* Customize */ |
|||
|
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: $menu-highlight-background; |
|||
color: $menu-highlight-text; |
|||
} |
|||
|
|||
|
|||
/* jQuery UI Slider */ |
|||
|
|||
.wp-slider .ui-slider-handle, |
|||
.wp-slider .ui-slider-handle.ui-state-hover, |
|||
.wp-slider .ui-slider-handle.focus { |
|||
background: $button-color; |
|||
border-color: darken( $button-color, 10% ); |
|||
box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); |
|||
} |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
|
|||
#sidemenu a.current { |
|||
background: $body-background; |
|||
border-bottom-color: $body-background; |
|||
} |
|||
|
|||
#plugin-information .action-button { |
|||
background: $button-color; |
|||
} |
|||
|
|||
/* Responsive Component */ |
|||
|
|||
div#wp-responsive-toggle a:before { |
|||
color: $menu-icon; |
|||
} |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
// ToDo: make inset border |
|||
border-color: transparent; |
|||
background: $menu-highlight-background; |
|||
} |
|||
|
|||
.star-rating .star { |
|||
color: $highlight-color; |
|||
} |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: $menu-submenu-background; |
|||
} |
|||
@ -0,0 +1,35 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
@mixin button( $button-color, $text-color: white ) { |
|||
background: $button-color; |
|||
border-color: darken( $button-color, 10% ); |
|||
color: $text-color; |
|||
box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); |
|||
|
|||
&:hover, |
|||
&:focus { |
|||
background: darken( $button-color, 5% ); |
|||
border-color: darken( $button-color, 15% ); |
|||
color: $text-color; |
|||
box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15); |
|||
} |
|||
|
|||
&:active { |
|||
background: darken( $button-color, 10% ); |
|||
border-color: darken( $button-color, 15% ); |
|||
color: $text-color; |
|||
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
|||
} |
|||
|
|||
&[disabled], |
|||
&:disabled, |
|||
&.button-primary-disabled, |
|||
&.disabled { |
|||
color: hsl( hue( $button-color ), 10%, 80% ) !important; |
|||
background: darken( $button-color, 8% ) !important; |
|||
border-color: darken( $button-color, 15% ) !important; |
|||
text-shadow: none !important; |
|||
} |
|||
} |
|||
@ -0,0 +1,58 @@ |
|||
// assign default value to all undefined variables |
|||
|
|||
|
|||
// core variables |
|||
|
|||
$text-color: #fff !default; |
|||
$base-color: #222 !default; |
|||
$icon-color: hsl( hue( $base-color ), 7%, 95% ) !default; |
|||
$highlight-color: #0074a2 !default; |
|||
$notification-color: #d54e21 !default; |
|||
|
|||
|
|||
// global |
|||
|
|||
$body-background: #f1f1f1 !default; |
|||
|
|||
$link: #0074a2 !default; |
|||
$link-focus: lighten( $link, 10% ) !default; |
|||
|
|||
$button-color: $highlight-color !default; |
|||
$form-checked: $highlight-color !default; |
|||
|
|||
|
|||
// admin menu & admin-bar |
|||
|
|||
$menu-text: $text-color !default; |
|||
$menu-icon: $icon-color !default; |
|||
$menu-background: $base-color !default; |
|||
|
|||
$menu-highlight-text: $text-color !default; |
|||
$menu-highlight-icon: $text-color !default; |
|||
$menu-highlight-background: $highlight-color !default; |
|||
|
|||
$menu-current-text: $menu-highlight-text !default; |
|||
$menu-current-icon: $menu-highlight-icon !default; |
|||
$menu-current-background: $menu-highlight-background !default; |
|||
|
|||
$menu-submenu-text: mix( $base-color, $text-color, 30% ) !default; |
|||
$menu-submenu-background: darken( $base-color, 7% ) !default; |
|||
$menu-submenu-background-alt: desaturate( lighten( $menu-background, 7% ), 7% ) !default; |
|||
|
|||
$menu-submenu-focus-text: $highlight-color !default; |
|||
$menu-submenu-current-text: $text-color !default; |
|||
|
|||
$menu-bubble-text: $text-color !default; |
|||
$menu-bubble-background: $notification-color !default; |
|||
$menu-bubble-current-text: $text-color !default; |
|||
$menu-bubble-current-background: $menu-submenu-background !default; |
|||
|
|||
$menu-collapse-text: $menu-icon !default; |
|||
$menu-collapse-icon: $menu-icon !default; |
|||
$menu-collapse-focus-text: $text-color !default; |
|||
$menu-collapse-focus-icon: $menu-highlight-icon !default; |
|||
|
|||
$adminbar-avatar-frame: lighten( $menu-background, 7% ) !default; |
|||
$adminbar-input-background: lighten( $menu-background, 7% ) !default; |
|||
|
|||
$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default; |
|||
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #096484; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #096484; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #e1a948; |
|||
border-color: #d39323; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #dd9f32; |
|||
border-color: #bd831f; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #e8be74, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e8be74, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #d39323; |
|||
border-color: #bd831f; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #d1cdc7 !important; |
|||
background: #db9825 !important; |
|||
border-color: #bd831f !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #52accc; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #52accc; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #096484; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #096484; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #e1a948; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #e1a948; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #e5f8ff; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #52accc; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #52accc; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #e1a948; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #52accc; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #52accc; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #e1a948; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #e1a948; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #52accc; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #e5f8ff; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #096484; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #4796b3; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-left-color: #4796b3; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #e2ecf1; } |
|||
|
|||
#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 { |
|||
color: #e2ecf1; } |
|||
#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 { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #fff; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-left-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #096484; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #e1a948; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #4796b3; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #e5f8ff; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #e5f8ff; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #52accc; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #e5f8ff; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #4796b3; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #4796b3; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #74b7ce; } |
|||
|
|||
#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 { |
|||
color: #e2ecf1; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #e5f8ff; } |
|||
|
|||
#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 { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #e5f8ff; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #6ebad4; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #6ebad4; |
|||
background-color: #6ebad4; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #e2ecf1; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #096484; |
|||
border-color: #07536c; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #096484; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #096484; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #096484; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #096484; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #096484; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #096484; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #096484; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #096484; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #096484; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #52accc; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #52accc; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #096484; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #096484; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #096484; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #e1a948; |
|||
border-color: #d39323; |
|||
-webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #e1a948; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #e5f8ff; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #096484; } |
|||
|
|||
.star-rating .star { |
|||
color: #096484; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #4796b3; } |
|||
1
sources/wp-admin/css/colors/blue/colors-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #096484; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #096484; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #e1a948; |
|||
border-color: #d39323; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #dd9f32; |
|||
border-color: #bd831f; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #e8be74, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e8be74, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #d39323; |
|||
border-color: #bd831f; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #d1cdc7 !important; |
|||
background: #db9825 !important; |
|||
border-color: #bd831f !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #52accc; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #52accc; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #096484; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #096484; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #e1a948; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #e1a948; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #e5f8ff; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #52accc; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #52accc; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #e1a948; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #52accc; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #52accc; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #e1a948; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #e1a948; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #52accc; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #e5f8ff; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #096484; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #4796b3; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-right-color: #4796b3; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #e2ecf1; } |
|||
|
|||
#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 { |
|||
color: #e2ecf1; } |
|||
#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 { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #fff; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-right-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #096484; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #e1a948; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #4796b3; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #e5f8ff; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #e5f8ff; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #52accc; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #e5f8ff; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #4796b3; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #4796b3; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #74b7ce; } |
|||
|
|||
#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 { |
|||
color: #e2ecf1; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #e5f8ff; } |
|||
|
|||
#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 { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #e5f8ff; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #6ebad4; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #6ebad4; |
|||
background-color: #6ebad4; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #e2ecf1; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #096484; |
|||
border-color: #07536c; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #096484; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #096484; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #096484; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #096484; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #096484; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #096484; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #096484; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #096484; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #096484; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #52accc; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #52accc; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #096484; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #096484; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #096484; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #e1a948; |
|||
border-color: #d39323; |
|||
-webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #e1a948; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #e5f8ff; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #096484; } |
|||
|
|||
.star-rating .star { |
|||
color: #096484; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #4796b3; } |
|||
1
sources/wp-admin/css/colors/blue/colors.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,11 @@ |
|||
$base-color: #52accc; |
|||
$icon-color: #e5f8ff; |
|||
$highlight-color: #096484; |
|||
$notification-color: #e1a948; |
|||
$button-color: #e1a948; |
|||
|
|||
$menu-submenu-text: #e2ecf1; |
|||
$menu-submenu-focus-text: #fff; |
|||
$menu-submenu-background: #4796b3; |
|||
|
|||
@import "../_admin.scss"; |
|||
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #59524c; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #59524c; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #c7a589; |
|||
border-color: #b78a66; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #bf9878; |
|||
border-color: #ae7d55; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #d7bfac, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #d7bfac, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #b78a66; |
|||
border-color: #ae7d55; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #d1cbc7 !important; |
|||
background: #ba906d !important; |
|||
border-color: #ae7d55 !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #59524c; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #59524c; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #c7a589; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #c7a589; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #9ea476; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #9ea476; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #f3f2f1; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #59524c; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #59524c; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #9ea476; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #59524c; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #59524c; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #9ea476; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #9ea476; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #59524c; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #f3f2f1; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #c7a589; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #46403c; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-left-color: #46403c; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #cdcbc9; } |
|||
|
|||
#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 { |
|||
color: #cdcbc9; } |
|||
#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 { |
|||
color: #c7a589; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #c7a589; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-left-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #c7a589; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #9ea476; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #46403c; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #f3f2f1; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #f3f2f1; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #59524c; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #f3f2f1; } |
|||
|
|||
#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 { |
|||
color: #c7a589; |
|||
background: #46403c; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #c7a589; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #46403c; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #656463; } |
|||
|
|||
#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 { |
|||
color: #cdcbc9; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #f3f2f1; } |
|||
|
|||
#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 { |
|||
color: #c7a589; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #c7a589; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #f3f2f1; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #6c645c; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #6c645c; |
|||
background-color: #6c645c; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #c7a589; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #cdcbc9; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #c7a589; |
|||
border-color: #bf9878; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #c7a589; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #c7a589; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #c7a589; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #c7a589; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #c7a589; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #c7a589; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #c7a589; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #c7a589; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #c7a589; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #59524c; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #59524c; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #c7a589; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #c7a589; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #c7a589; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #c7a589; |
|||
border-color: #b78a66; |
|||
-webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #c7a589; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #f3f2f1; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #c7a589; } |
|||
|
|||
.star-rating .star { |
|||
color: #c7a589; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #46403c; } |
|||
1
sources/wp-admin/css/colors/coffee/colors-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #59524c; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #59524c; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #c7a589; |
|||
border-color: #b78a66; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #bf9878; |
|||
border-color: #ae7d55; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #d7bfac, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #d7bfac, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #b78a66; |
|||
border-color: #ae7d55; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #d1cbc7 !important; |
|||
background: #ba906d !important; |
|||
border-color: #ae7d55 !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #59524c; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #59524c; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #c7a589; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #c7a589; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #9ea476; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #9ea476; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #f3f2f1; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #59524c; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #59524c; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #9ea476; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #59524c; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #59524c; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #9ea476; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #9ea476; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #59524c; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #f3f2f1; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #c7a589; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #46403c; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-right-color: #46403c; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #cdcbc9; } |
|||
|
|||
#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 { |
|||
color: #cdcbc9; } |
|||
#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 { |
|||
color: #c7a589; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #c7a589; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-right-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #c7a589; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #9ea476; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #46403c; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #f3f2f1; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #f3f2f1; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #59524c; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #f3f2f1; } |
|||
|
|||
#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 { |
|||
color: #c7a589; |
|||
background: #46403c; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #c7a589; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #46403c; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #656463; } |
|||
|
|||
#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 { |
|||
color: #cdcbc9; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #f3f2f1; } |
|||
|
|||
#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 { |
|||
color: #c7a589; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #c7a589; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #f3f2f1; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #6c645c; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #6c645c; |
|||
background-color: #6c645c; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #c7a589; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #cdcbc9; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #c7a589; |
|||
border-color: #bf9878; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #c7a589; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #c7a589; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #c7a589; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #c7a589; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #c7a589; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #c7a589; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #c7a589; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #c7a589; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #c7a589; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #59524c; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #59524c; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #c7a589; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #c7a589; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #c7a589; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #c7a589; |
|||
border-color: #b78a66; |
|||
-webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #c7a589; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #f3f2f1; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #c7a589; } |
|||
|
|||
.star-rating .star { |
|||
color: #c7a589; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #46403c; } |
|||
1
sources/wp-admin/css/colors/coffee/colors.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,7 @@ |
|||
$base-color: #59524c; |
|||
$highlight-color: #c7a589; |
|||
$notification-color: #9ea476; |
|||
|
|||
$form-checked: $base-color; |
|||
|
|||
@import "../_admin.scss"; |
|||
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #523f6d; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #523f6d; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #a3b745; |
|||
border-color: #839237; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #93a43e; |
|||
border-color: #727f30; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #b7c669, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #b7c669, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #839237; |
|||
border-color: #727f30; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #cfd1c7 !important; |
|||
background: #89993a !important; |
|||
border-color: #727f30 !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #523f6d; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #523f6d; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #a3b745; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #a3b745; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #d46f15; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #d46f15; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #ece6f6; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #523f6d; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #523f6d; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #d46f15; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #523f6d; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #523f6d; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #d46f15; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #d46f15; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #523f6d; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #ece6f6; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #a3b745; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #413256; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-left-color: #413256; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #cbc5d3; } |
|||
|
|||
#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 { |
|||
color: #cbc5d3; } |
|||
#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 { |
|||
color: #a3b745; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #a3b745; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-left-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #a3b745; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #d46f15; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #413256; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #ece6f6; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #ece6f6; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #523f6d; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #ece6f6; } |
|||
|
|||
#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 { |
|||
color: #a3b745; |
|||
background: #413256; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #a3b745; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #413256; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #64537c; } |
|||
|
|||
#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 { |
|||
color: #cbc5d3; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #ece6f6; } |
|||
|
|||
#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 { |
|||
color: #a3b745; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #a3b745; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #ece6f6; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #624c84; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #624c84; |
|||
background-color: #624c84; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #a3b745; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #cbc5d3; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #a3b745; |
|||
border-color: #93a43e; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #a3b745; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #a3b745; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #a3b745; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #a3b745; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #a3b745; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #a3b745; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #a3b745; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #a3b745; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #a3b745; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #523f6d; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #523f6d; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #a3b745; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #a3b745; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #a3b745; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #a3b745; |
|||
border-color: #839237; |
|||
-webkit-box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #a3b745; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #ece6f6; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #a3b745; } |
|||
|
|||
.star-rating .star { |
|||
color: #a3b745; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #413256; } |
|||
1
sources/wp-admin/css/colors/ectoplasm/colors-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #523f6d; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #523f6d; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #a3b745; |
|||
border-color: #839237; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #93a43e; |
|||
border-color: #727f30; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #b7c669, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #b7c669, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #839237; |
|||
border-color: #727f30; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #cfd1c7 !important; |
|||
background: #89993a !important; |
|||
border-color: #727f30 !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #523f6d; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #523f6d; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #a3b745; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #a3b745; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #d46f15; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #d46f15; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #ece6f6; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #523f6d; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #523f6d; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #d46f15; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #523f6d; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #523f6d; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #d46f15; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #d46f15; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #523f6d; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #ece6f6; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #a3b745; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #413256; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-right-color: #413256; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #cbc5d3; } |
|||
|
|||
#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 { |
|||
color: #cbc5d3; } |
|||
#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 { |
|||
color: #a3b745; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #a3b745; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-right-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #a3b745; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #d46f15; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #413256; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #ece6f6; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #ece6f6; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #523f6d; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #ece6f6; } |
|||
|
|||
#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 { |
|||
color: #a3b745; |
|||
background: #413256; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #a3b745; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #413256; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #64537c; } |
|||
|
|||
#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 { |
|||
color: #cbc5d3; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #ece6f6; } |
|||
|
|||
#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 { |
|||
color: #a3b745; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #a3b745; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #ece6f6; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #624c84; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #624c84; |
|||
background-color: #624c84; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #a3b745; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #cbc5d3; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #a3b745; |
|||
border-color: #93a43e; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #a3b745; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #a3b745; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #a3b745; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #a3b745; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #a3b745; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #a3b745; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #a3b745; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #a3b745; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #a3b745; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #523f6d; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #523f6d; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #a3b745; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #a3b745; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #a3b745; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #a3b745; |
|||
border-color: #839237; |
|||
-webkit-box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #a3b745; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #ece6f6; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #a3b745; } |
|||
|
|||
.star-rating .star { |
|||
color: #a3b745; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #413256; } |
|||
1
sources/wp-admin/css/colors/ectoplasm/colors.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,8 @@ |
|||
$base-color: #523f6d; |
|||
$icon-color: #ece6f6; |
|||
$highlight-color: #a3b745; |
|||
$notification-color: #d46f15; |
|||
|
|||
$form-checked: $base-color; |
|||
|
|||
@import "../_admin.scss"; |
|||
@ -0,0 +1,339 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f5f5f5; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #04a4cc; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #04a4cc; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #04a4cc; |
|||
border-color: #037c9a; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #0490b3; |
|||
border-color: #036881; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #09cafa, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #09cafa, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #037c9a; |
|||
border-color: #036881; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #c7cfd1 !important; |
|||
background: #0384a4 !important; |
|||
border-color: #036881 !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #333; |
|||
background-color: #e5e5e5; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #e5e5e5; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #888; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #888; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #d64e07; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #d64e07; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #999; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #333; |
|||
background-color: #e5e5e5; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #e5e5e5; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #d64e07; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #e5e5e5; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #333; |
|||
background-color: #e5e5e5; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #d64e07; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #d64e07; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #e5e5e5; } |
|||
|
|||
#adminmenu a { |
|||
color: #333; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #999; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #888; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #ccc; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f5f5f5; |
|||
border-bottom-color: #f5f5f5; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #fff; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-left-color: #fff; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #686868; } |
|||
|
|||
#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 { |
|||
color: #686868; } |
|||
#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 { |
|||
color: #04a4cc; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #333; } |
|||
#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 { |
|||
color: #04a4cc; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-left-color: #f5f5f5; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #888; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #ccc; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #d64e07; } |
|||
|
|||
#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 { |
|||
color: #333; |
|||
background: #fff; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #777; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #333; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #999; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #555; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #333; |
|||
background: #e5e5e5; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #333; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #999; } |
|||
|
|||
#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 { |
|||
color: #04a4cc; |
|||
background: #fff; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #04a4cc; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #ccc; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #fff; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #f6f7f7; } |
|||
|
|||
#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 { |
|||
color: #686868; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #999; } |
|||
|
|||
#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 { |
|||
color: #04a4cc; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #04a4cc; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #999; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #333; |
|||
background: #f7f7f7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #333; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #333; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #333; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #333; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #f7f7f7; |
|||
background-color: #f7f7f7; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #333; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #04a4cc; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #686868; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #04a4cc; |
|||
border-color: #0490b3; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #04a4cc; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #04a4cc; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #04a4cc; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #04a4cc; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #04a4cc; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #04a4cc; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #04a4cc; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #04a4cc; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #04a4cc; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #e5e5e5; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #333; |
|||
background-color: #e5e5e5; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #888; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #888; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #888; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #04a4cc; |
|||
border-color: #037c9a; |
|||
-webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f5f5f5; |
|||
border-bottom-color: #f5f5f5; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #04a4cc; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #999; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #888; } |
|||
|
|||
.star-rating .star { |
|||
color: #04a4cc; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #fff; } |
|||
|
|||
/* temporary fix for admin-bar hover color */ |
|||
#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default li:hover span.ab-label, #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary li.hover span.ab-label, #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 { |
|||
color: #333; } |
|||
|
|||
/* Override the theme filter highlight color for this scheme */ |
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #04a4cc; } |
|||
1
sources/wp-admin/css/colors/light/colors-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,339 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f5f5f5; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #04a4cc; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #04a4cc; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #04a4cc; |
|||
border-color: #037c9a; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #0490b3; |
|||
border-color: #036881; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #09cafa, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #09cafa, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #037c9a; |
|||
border-color: #036881; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #c7cfd1 !important; |
|||
background: #0384a4 !important; |
|||
border-color: #036881 !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #333; |
|||
background-color: #e5e5e5; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #e5e5e5; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #888; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #888; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #d64e07; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #d64e07; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #999; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #333; |
|||
background-color: #e5e5e5; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #e5e5e5; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #d64e07; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #e5e5e5; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #333; |
|||
background-color: #e5e5e5; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #d64e07; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #d64e07; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #e5e5e5; } |
|||
|
|||
#adminmenu a { |
|||
color: #333; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #999; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #888; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #ccc; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f5f5f5; |
|||
border-bottom-color: #f5f5f5; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #fff; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-right-color: #fff; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #686868; } |
|||
|
|||
#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 { |
|||
color: #686868; } |
|||
#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 { |
|||
color: #04a4cc; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #333; } |
|||
#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 { |
|||
color: #04a4cc; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-right-color: #f5f5f5; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #888; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #ccc; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #d64e07; } |
|||
|
|||
#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 { |
|||
color: #333; |
|||
background: #fff; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #777; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #333; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #999; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #555; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #333; |
|||
background: #e5e5e5; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #333; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #999; } |
|||
|
|||
#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 { |
|||
color: #04a4cc; |
|||
background: #fff; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #04a4cc; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #ccc; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #fff; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #f6f7f7; } |
|||
|
|||
#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 { |
|||
color: #686868; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #999; } |
|||
|
|||
#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 { |
|||
color: #04a4cc; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #04a4cc; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #999; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #333; |
|||
background: #f7f7f7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #333; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #333; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #333; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #333; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #f7f7f7; |
|||
background-color: #f7f7f7; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #333; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #04a4cc; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #686868; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #04a4cc; |
|||
border-color: #0490b3; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #04a4cc; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #04a4cc; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #04a4cc; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #04a4cc; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #04a4cc; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #04a4cc; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #04a4cc; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #04a4cc; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #04a4cc; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #e5e5e5; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #333; |
|||
background-color: #e5e5e5; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #888; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #888; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #888; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #04a4cc; |
|||
border-color: #037c9a; |
|||
-webkit-box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #22cffb, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f5f5f5; |
|||
border-bottom-color: #f5f5f5; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #04a4cc; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #999; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #888; } |
|||
|
|||
.star-rating .star { |
|||
color: #04a4cc; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #fff; } |
|||
|
|||
/* temporary fix for admin-bar hover color */ |
|||
#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default li:hover span.ab-label, #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary li.hover span.ab-label, #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 { |
|||
color: #333; } |
|||
|
|||
/* Override the theme filter highlight color for this scheme */ |
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #04a4cc; } |
|||
1
sources/wp-admin/css/colors/light/colors.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,38 @@ |
|||
$base-color: #e5e5e5; |
|||
$icon-color: #999; |
|||
$text-color: #333; |
|||
$highlight-color: #04a4cc; |
|||
$notification-color: #d64e07; |
|||
|
|||
$body-background: #f5f5f5; |
|||
|
|||
$menu-highlight-text: #fff; |
|||
$menu-highlight-icon: #ccc; |
|||
$menu-highlight-background: #888; |
|||
|
|||
$menu-bubble-text: #fff; |
|||
$menu-avatar-frame: #aaa; |
|||
$menu-submenu-background: #fff; |
|||
|
|||
$menu-collapse-text: #777; |
|||
$menu-collapse-focus-icon: #555; |
|||
|
|||
@import "../_admin.scss"; |
|||
|
|||
/* temporary fix for admin-bar hover color */ |
|||
#wpadminbar .ab-top-menu > li:hover > .ab-item, |
|||
#wpadminbar .ab-top-menu > li.hover > .ab-item, |
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default li:hover span.ab-label, |
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary li.hover span.ab-label, |
|||
#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 { |
|||
color: $text-color; |
|||
} |
|||
|
|||
/* Override the theme filter highlight color for this scheme */ |
|||
.theme-section.current, |
|||
.theme-filter.current { |
|||
border-bottom-color: $highlight-color; |
|||
} |
|||
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #e14d43; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #e14d43; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #e14d43; |
|||
border-color: #d02a21; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #dd362d; |
|||
border-color: #ba251e; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #e8756f, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e8756f, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #d02a21; |
|||
border-color: #ba251e; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #d1c7c7 !important; |
|||
background: #d92c23 !important; |
|||
border-color: #ba251e !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #363b3f; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #363b3f; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #e14d43; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #e14d43; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #69a8bb; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #69a8bb; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #f1f2f3; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #363b3f; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #363b3f; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #69a8bb; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #363b3f; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #363b3f; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #69a8bb; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #69a8bb; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #363b3f; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #f1f2f3; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #e14d43; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #26292c; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-left-color: #26292c; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #c2c4c5; } |
|||
|
|||
#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 { |
|||
color: #c2c4c5; } |
|||
#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 { |
|||
color: #e14d43; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #e14d43; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-left-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #e14d43; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #69a8bb; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #26292c; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #f1f2f3; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #f1f2f3; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #363b3f; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #f1f2f3; } |
|||
|
|||
#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 { |
|||
color: #e14d43; |
|||
background: #26292c; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #e14d43; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #26292c; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #4c4c4d; } |
|||
|
|||
#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 { |
|||
color: #c2c4c5; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #f1f2f3; } |
|||
|
|||
#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 { |
|||
color: #e14d43; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #e14d43; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #f1f2f3; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #464d52; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #464d52; |
|||
background-color: #464d52; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #e14d43; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #c2c4c5; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #e14d43; |
|||
border-color: #dd362d; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #e14d43; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #e14d43; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #e14d43; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #e14d43; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #e14d43; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #e14d43; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #e14d43; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #e14d43; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #e14d43; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #363b3f; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #363b3f; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #e14d43; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #e14d43; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #e14d43; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #e14d43; |
|||
border-color: #d02a21; |
|||
-webkit-box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #e14d43; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #f1f2f3; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #e14d43; } |
|||
|
|||
.star-rating .star { |
|||
color: #e14d43; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #26292c; } |
|||
1
sources/wp-admin/css/colors/midnight/colors-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #e14d43; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #e14d43; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #e14d43; |
|||
border-color: #d02a21; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #dd362d; |
|||
border-color: #ba251e; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #e8756f, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e8756f, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #d02a21; |
|||
border-color: #ba251e; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #d1c7c7 !important; |
|||
background: #d92c23 !important; |
|||
border-color: #ba251e !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #363b3f; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #363b3f; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #e14d43; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #e14d43; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #69a8bb; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #69a8bb; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #f1f2f3; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #363b3f; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #363b3f; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #69a8bb; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #363b3f; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #363b3f; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #69a8bb; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #69a8bb; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #363b3f; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #f1f2f3; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #e14d43; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #26292c; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-right-color: #26292c; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #c2c4c5; } |
|||
|
|||
#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 { |
|||
color: #c2c4c5; } |
|||
#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 { |
|||
color: #e14d43; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #e14d43; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-right-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #e14d43; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #69a8bb; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #26292c; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #f1f2f3; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #f1f2f3; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #363b3f; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #f1f2f3; } |
|||
|
|||
#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 { |
|||
color: #e14d43; |
|||
background: #26292c; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #e14d43; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #26292c; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #4c4c4d; } |
|||
|
|||
#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 { |
|||
color: #c2c4c5; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #f1f2f3; } |
|||
|
|||
#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 { |
|||
color: #e14d43; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #e14d43; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #f1f2f3; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #464d52; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #464d52; |
|||
background-color: #464d52; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #e14d43; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #c2c4c5; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #e14d43; |
|||
border-color: #dd362d; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #e14d43; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #e14d43; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #e14d43; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #e14d43; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #e14d43; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #e14d43; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #e14d43; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #e14d43; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #e14d43; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #363b3f; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #363b3f; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #e14d43; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #e14d43; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #e14d43; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #e14d43; |
|||
border-color: #d02a21; |
|||
-webkit-box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #e14d43; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #f1f2f3; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #e14d43; } |
|||
|
|||
.star-rating .star { |
|||
color: #e14d43; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #26292c; } |
|||
1
sources/wp-admin/css/colors/midnight/colors.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,5 @@ |
|||
$base-color: #363b3f; |
|||
$highlight-color: #e14d43; |
|||
$notification-color: #69a8bb; |
|||
|
|||
@import "../_admin.scss"; |
|||
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #738e96; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #738e96; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #9ebaa0; |
|||
border-color: #80a583; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #8faf91; |
|||
border-color: #719a74; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #bccfbd, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #bccfbd, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #80a583; |
|||
border-color: #719a74; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #c7d1c8 !important; |
|||
background: #86a988 !important; |
|||
border-color: #719a74 !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #738e96; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #738e96; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #9ebaa0; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #9ebaa0; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #aa9d88; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #aa9d88; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #f2fcff; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #738e96; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #738e96; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #aa9d88; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #738e96; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #738e96; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #aa9d88; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #aa9d88; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #738e96; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #f2fcff; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #9ebaa0; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #627c83; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-left-color: #627c83; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #d5dddf; } |
|||
|
|||
#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 { |
|||
color: #d5dddf; } |
|||
#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 { |
|||
color: #9ebaa0; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #9ebaa0; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-left-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #9ebaa0; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #aa9d88; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #627c83; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #f2fcff; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #f2fcff; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #738e96; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #f2fcff; } |
|||
|
|||
#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 { |
|||
color: #9ebaa0; |
|||
background: #627c83; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #9ebaa0; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #627c83; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #8f9b9e; } |
|||
|
|||
#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 { |
|||
color: #d5dddf; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #f2fcff; } |
|||
|
|||
#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 { |
|||
color: #9ebaa0; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #9ebaa0; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #f2fcff; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #879fa5; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #879fa5; |
|||
background-color: #879fa5; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #9ebaa0; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #d5dddf; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #9ebaa0; |
|||
border-color: #8faf91; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #9ebaa0; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #9ebaa0; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #9ebaa0; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #9ebaa0; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #9ebaa0; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #9ebaa0; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #9ebaa0; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #9ebaa0; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #9ebaa0; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #738e96; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #738e96; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #9ebaa0; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #9ebaa0; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #9ebaa0; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #9ebaa0; |
|||
border-color: #80a583; |
|||
-webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #9ebaa0; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #f2fcff; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #9ebaa0; } |
|||
|
|||
.star-rating .star { |
|||
color: #9ebaa0; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #627c83; } |
|||
1
sources/wp-admin/css/colors/ocean/colors-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #738e96; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #738e96; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #9ebaa0; |
|||
border-color: #80a583; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #8faf91; |
|||
border-color: #719a74; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #bccfbd, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #bccfbd, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #80a583; |
|||
border-color: #719a74; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #c7d1c8 !important; |
|||
background: #86a988 !important; |
|||
border-color: #719a74 !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #738e96; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #738e96; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #9ebaa0; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #9ebaa0; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #aa9d88; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #aa9d88; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #f2fcff; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #738e96; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #738e96; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #aa9d88; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #738e96; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #738e96; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #aa9d88; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #aa9d88; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #738e96; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #f2fcff; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #9ebaa0; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #627c83; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-right-color: #627c83; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #d5dddf; } |
|||
|
|||
#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 { |
|||
color: #d5dddf; } |
|||
#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 { |
|||
color: #9ebaa0; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #9ebaa0; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-right-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #9ebaa0; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #aa9d88; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #627c83; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #f2fcff; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #f2fcff; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #738e96; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #f2fcff; } |
|||
|
|||
#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 { |
|||
color: #9ebaa0; |
|||
background: #627c83; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #9ebaa0; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #627c83; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #8f9b9e; } |
|||
|
|||
#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 { |
|||
color: #d5dddf; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #f2fcff; } |
|||
|
|||
#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 { |
|||
color: #9ebaa0; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #9ebaa0; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #f2fcff; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #879fa5; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #879fa5; |
|||
background-color: #879fa5; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #9ebaa0; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #d5dddf; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #9ebaa0; |
|||
border-color: #8faf91; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #9ebaa0; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #9ebaa0; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #9ebaa0; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #9ebaa0; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #9ebaa0; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #9ebaa0; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #9ebaa0; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #9ebaa0; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #9ebaa0; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #738e96; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #738e96; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #9ebaa0; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #9ebaa0; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #9ebaa0; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #9ebaa0; |
|||
border-color: #80a583; |
|||
-webkit-box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #cbdacc, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #9ebaa0; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #f2fcff; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #9ebaa0; } |
|||
|
|||
.star-rating .star { |
|||
color: #9ebaa0; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #627c83; } |
|||
1
sources/wp-admin/css/colors/ocean/colors.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,8 @@ |
|||
$base-color: #738e96; |
|||
$icon-color: #f2fcff; |
|||
$highlight-color: #9ebaa0; |
|||
$notification-color: #aa9d88; |
|||
|
|||
$form-checked: $base-color; |
|||
|
|||
@import "../_admin.scss"; |
|||
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #dd823b; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #dd823b; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #dd823b; |
|||
border-color: #c36822; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #d97326; |
|||
border-color: #ad5c1e; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #e59d66, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e59d66, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #c36822; |
|||
border-color: #ad5c1e; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #d1cbc7 !important; |
|||
background: #cc6c23 !important; |
|||
border-color: #ad5c1e !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #cf4944; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #cf4944; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #dd823b; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #dd823b; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #ccaf0b; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #ccaf0b; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #f3f1f1; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #cf4944; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #cf4944; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #ccaf0b; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #cf4944; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #cf4944; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #ccaf0b; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #ccaf0b; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #cf4944; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #f3f1f1; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #dd823b; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #be3631; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-left-color: #be3631; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #f0c8c6; } |
|||
|
|||
#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 { |
|||
color: #f0c8c6; } |
|||
#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 { |
|||
color: #f7e3d3; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #f7e3d3; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-left-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #dd823b; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #ccaf0b; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #be3631; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #f3f1f1; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #f3f1f1; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #cf4944; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #f3f1f1; } |
|||
|
|||
#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 { |
|||
color: #f7e3d3; |
|||
background: #be3631; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #f7e3d3; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #be3631; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #cf6b67; } |
|||
|
|||
#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 { |
|||
color: #f0c8c6; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #f3f1f1; } |
|||
|
|||
#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 { |
|||
color: #f7e3d3; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #f7e3d3; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #f3f1f1; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #d66460; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #d66460; |
|||
background-color: #d66460; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #f7e3d3; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #f0c8c6; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #dd823b; |
|||
border-color: #d97326; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #dd823b; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #dd823b; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #dd823b; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #dd823b; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #dd823b; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #dd823b; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #dd823b; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #dd823b; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #dd823b; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #cf4944; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #cf4944; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #dd823b; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #dd823b; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #dd823b; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #dd823b; |
|||
border-color: #c36822; |
|||
-webkit-box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #dd823b; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #f3f1f1; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #dd823b; } |
|||
|
|||
.star-rating .star { |
|||
color: #dd823b; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #be3631; } |
|||
1
sources/wp-admin/css/colors/sunrise/colors-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,331 @@ |
|||
/* |
|||
* Button mixin- creates 3d-ish button effect with correct |
|||
* highlights/shadows, based on a base color. |
|||
*/ |
|||
html { |
|||
background: #f1f1f1; } |
|||
|
|||
/* Links */ |
|||
a { |
|||
color: #0074a2; } |
|||
a:hover, a:active, a:focus { |
|||
color: #0099d5; } |
|||
|
|||
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover { |
|||
color: #0099d5; } |
|||
|
|||
/* Forms */ |
|||
input[type=checkbox]:checked:before { |
|||
color: #dd823b; } |
|||
|
|||
input[type=radio]:checked:before { |
|||
background: #dd823b; } |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { |
|||
color: #0099d5; } |
|||
|
|||
/* Core UI */ |
|||
.wp-core-ui .button-primary { |
|||
background: #dd823b; |
|||
border-color: #c36822; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { |
|||
background: #d97326; |
|||
border-color: #ad5c1e; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 1px 0 #e59d66, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e59d66, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
.wp-core-ui .button-primary:active { |
|||
background: #c36822; |
|||
border-color: #ad5c1e; |
|||
color: white; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } |
|||
.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 { |
|||
color: #d1cbc7 !important; |
|||
background: #cc6c23 !important; |
|||
border-color: #ad5c1e !important; |
|||
text-shadow: none !important; } |
|||
.wp-core-ui .wp-ui-primary { |
|||
color: #fff; |
|||
background-color: #cf4944; } |
|||
.wp-core-ui .wp-ui-text-primary { |
|||
color: #cf4944; } |
|||
.wp-core-ui .wp-ui-highlight { |
|||
color: #fff; |
|||
background-color: #dd823b; } |
|||
.wp-core-ui .wp-ui-text-highlight { |
|||
color: #dd823b; } |
|||
.wp-core-ui .wp-ui-notification { |
|||
color: #fff; |
|||
background-color: #ccaf0b; } |
|||
.wp-core-ui .wp-ui-text-notification { |
|||
color: #ccaf0b; } |
|||
.wp-core-ui .wp-ui-text-icon { |
|||
color: #f3f1f1; } |
|||
|
|||
/* List tables */ |
|||
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { |
|||
color: #fff; |
|||
background-color: #cf4944; } |
|||
|
|||
.view-switch a.current:before { |
|||
color: #cf4944; } |
|||
|
|||
.view-switch a:hover:before { |
|||
color: #ccaf0b; } |
|||
|
|||
.post-com-count:hover:after { |
|||
border-top-color: #cf4944; } |
|||
|
|||
.post-com-count:hover span { |
|||
color: #fff; |
|||
background-color: #cf4944; } |
|||
|
|||
strong .post-com-count:after { |
|||
border-top-color: #ccaf0b; } |
|||
|
|||
strong .post-com-count span { |
|||
background-color: #ccaf0b; } |
|||
|
|||
/* Admin Menu */ |
|||
#adminmenuback, #adminmenuwrap, #adminmenu { |
|||
background: #cf4944; } |
|||
|
|||
#adminmenu a { |
|||
color: #fff; } |
|||
|
|||
#adminmenu div.wp-menu-image:before { |
|||
color: #f3f1f1; } |
|||
|
|||
#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { |
|||
color: #fff; |
|||
background-color: #dd823b; } |
|||
|
|||
#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Active tabs use a bottom border color that matches the page background color. */ |
|||
.about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover { |
|||
background-color: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
/* Admin Menu: submenu */ |
|||
#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 { |
|||
background: #be3631; } |
|||
|
|||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { |
|||
border-right-color: #be3631; } |
|||
|
|||
#adminmenu .wp-submenu .wp-submenu-head { |
|||
color: #f0c8c6; } |
|||
|
|||
#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 { |
|||
color: #f0c8c6; } |
|||
#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 { |
|||
color: #f7e3d3; } |
|||
|
|||
/* Admin Menu: current */ |
|||
#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 { |
|||
color: #fff; } |
|||
#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 { |
|||
color: #f7e3d3; } |
|||
|
|||
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { |
|||
border-right-color: #f1f1f1; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #dd823b; } |
|||
|
|||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Menu: bubble */ |
|||
#adminmenu .awaiting-mod, #adminmenu .update-plugins { |
|||
color: #fff; |
|||
background: #ccaf0b; } |
|||
|
|||
#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 { |
|||
color: #fff; |
|||
background: #be3631; } |
|||
|
|||
/* Admin Menu: collapse button */ |
|||
#collapse-menu { |
|||
color: #f3f1f1; } |
|||
|
|||
#collapse-menu:hover { |
|||
color: #fff; } |
|||
|
|||
#collapse-button div:after { |
|||
color: #f3f1f1; } |
|||
|
|||
#collapse-menu:hover #collapse-button div:after { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar */ |
|||
#wpadminbar { |
|||
color: #fff; |
|||
background: #cf4944; } |
|||
|
|||
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { |
|||
color: #f3f1f1; } |
|||
|
|||
#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 { |
|||
color: #f7e3d3; |
|||
background: #be3631; } |
|||
|
|||
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { |
|||
color: #f7e3d3; } |
|||
|
|||
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { |
|||
color: #fff; } |
|||
|
|||
/* Admin Bar: submenu */ |
|||
#wpadminbar .menupop .ab-sub-wrapper { |
|||
background: #be3631; } |
|||
|
|||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { |
|||
background: #cf6b67; } |
|||
|
|||
#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 { |
|||
color: #f0c8c6; } |
|||
|
|||
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { |
|||
color: #f3f1f1; } |
|||
|
|||
#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 { |
|||
color: #f7e3d3; } |
|||
|
|||
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { |
|||
color: #f7e3d3; } |
|||
|
|||
/* Admin Bar: search */ |
|||
#wpadminbar #adminbarsearch:before { |
|||
color: #f3f1f1; } |
|||
|
|||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { |
|||
color: #fff; |
|||
background: #d66460; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { |
|||
color: #fff; |
|||
opacity: 0.7; } |
|||
|
|||
/* Admin Bar: my account */ |
|||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { |
|||
border-color: #d66460; |
|||
background-color: #d66460; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .display-name { |
|||
color: #fff; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { |
|||
color: #f7e3d3; } |
|||
|
|||
#wpadminbar #wp-admin-bar-user-info .username { |
|||
color: #f0c8c6; } |
|||
|
|||
/* Pointers */ |
|||
.wp-pointer .wp-pointer-content h3 { |
|||
background-color: #dd823b; |
|||
border-color: #d97326; } |
|||
|
|||
.wp-pointer .wp-pointer-content h3:before { |
|||
color: #dd823b; } |
|||
|
|||
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { |
|||
border-bottom-color: #dd823b; } |
|||
|
|||
/* Media Uploader */ |
|||
.media-item .bar, .media-progress-bar div { |
|||
background-color: #dd823b; } |
|||
|
|||
.details.attachment { |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #dd823b; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #dd823b; } |
|||
|
|||
.attachment.details .check { |
|||
background-color: #dd823b; |
|||
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; |
|||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; } |
|||
|
|||
/* Themes */ |
|||
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { |
|||
background: #dd823b; } |
|||
|
|||
.theme-browser .theme.add-new-theme:hover span:after { |
|||
color: #dd823b; } |
|||
|
|||
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { |
|||
background: #dd823b; } |
|||
|
|||
.theme-section.current, .theme-filter.current { |
|||
border-bottom-color: #cf4944; } |
|||
|
|||
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before { |
|||
color: #fff; |
|||
background-color: #cf4944; } |
|||
|
|||
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before { |
|||
background-color: #dd823b; |
|||
color: #fff; } |
|||
|
|||
/* Widgets */ |
|||
.widgets-chooser li.widgets-chooser-selected { |
|||
background-color: #dd823b; |
|||
color: #fff; } |
|||
|
|||
.widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { |
|||
color: #fff; } |
|||
|
|||
/* Customize */ |
|||
#customize-theme-controls .widget-area-select .selected { |
|||
background-color: #dd823b; |
|||
color: #fff; } |
|||
|
|||
/* jQuery UI Slider */ |
|||
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { |
|||
background: #dd823b; |
|||
border-color: #c36822; |
|||
-webkit-box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15); |
|||
box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15); } |
|||
|
|||
/* Thickbox: Plugin information */ |
|||
#sidemenu a.current { |
|||
background: #f1f1f1; |
|||
border-bottom-color: #f1f1f1; } |
|||
|
|||
#plugin-information .action-button { |
|||
background: #dd823b; } |
|||
|
|||
/* Responsive Component */ |
|||
div#wp-responsive-toggle a:before { |
|||
color: #f3f1f1; } |
|||
|
|||
.wp-responsive-open div#wp-responsive-toggle a { |
|||
border-color: transparent; |
|||
background: #dd823b; } |
|||
|
|||
.star-rating .star { |
|||
color: #dd823b; } |
|||
|
|||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { |
|||
background: #be3631; } |
|||
1
sources/wp-admin/css/colors/sunrise/colors.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,6 @@ |
|||
$base-color: #cf4944; |
|||
$highlight-color: #dd823b; |
|||
$notification-color: #ccaf0b; |
|||
$menu-submenu-focus-text: lighten( $highlight-color, 35% ); |
|||
|
|||
@import "../_admin.scss"; |
|||
2637
sources/wp-admin/css/common-rtl.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
2637
sources/wp-admin/css/common.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,77 +1,684 @@ |
|||
body { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
#customize-controls a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
#customize-controls h3 { |
|||
font-size: 14px; |
|||
} |
|||
|
|||
#customize-controls .submit { |
|||
text-align: center; |
|||
} |
|||
|
|||
#customize-controls .description { |
|||
color: #666666; |
|||
} |
|||
|
|||
#customize-header-actions .button-primary { |
|||
float: left; |
|||
margin-top: 9px; |
|||
} |
|||
|
|||
#customize-header-actions .spinner { |
|||
float: left; |
|||
margin-right: 0; |
|||
margin-top: 16px; |
|||
margin-left: 4px; |
|||
} |
|||
|
|||
.saving #customize-header-actions .spinner { |
|||
display: block; |
|||
} |
|||
|
|||
#customize-info { |
|||
border: none; |
|||
border-top: 1px solid #ddd; |
|||
} |
|||
|
|||
#customize-info .accordion-section-title { |
|||
background-color: #fff; |
|||
color: #666666; |
|||
border-right: none; |
|||
border-left: none; |
|||
border-bottom: 1px solid #eeeeee; |
|||
} |
|||
|
|||
#customize-info.open .accordion-section-title, |
|||
#customize-info .accordion-section-title:hover, |
|||
#customize-info .accordion-section-title:focus { |
|||
color: #555555; |
|||
} |
|||
|
|||
#customize-info.open .accordion-section-title:after, |
|||
#customize-info .accordion-section-title:hover:after, |
|||
#customize-info .accordion-section-title:focus:after { |
|||
color: #555555; |
|||
} |
|||
|
|||
#customize-info.open .accordion-section-title { |
|||
border-color: transparent; |
|||
} |
|||
|
|||
#customize-info .preview-notice { |
|||
font-size: 13px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
#customize-info .theme-name { |
|||
font-size: 20px; |
|||
font-weight: 200; |
|||
line-height: 24px; |
|||
display: block; |
|||
} |
|||
|
|||
#customize-info .theme-screenshot { |
|||
width: 258px; |
|||
} |
|||
|
|||
#customize-info .theme-description { |
|||
margin-top: 1em; |
|||
color: #666666; |
|||
line-height: 20px; |
|||
} |
|||
|
|||
#customize-theme-controls { |
|||
-webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); |
|||
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
#customize-theme-controls .control-section { |
|||
border: none; |
|||
} |
|||
|
|||
#customize-theme-controls .accordion-section-title { |
|||
color: #555555; |
|||
background-color: #fff; |
|||
border-bottom: 1px solid #eeeeee; |
|||
} |
|||
|
|||
#customize-theme-controls .accordion-section-content { |
|||
color: #555555; |
|||
background: white; |
|||
} |
|||
|
|||
#customize-theme-controls .control-section:hover .accordion-section-title, |
|||
#customize-theme-controls .control-section .accordion-section-title:hover, |
|||
#customize-theme-controls .control-section.open .accordion-section-title, |
|||
#customize-theme-controls .control-section .accordion-section-title:focus { |
|||
color: #555555; |
|||
background: #f5f5f5; |
|||
} |
|||
|
|||
.js .control-section:hover .accordion-section-title, |
|||
.js .control-section .accordion-section-title:hover, |
|||
.js .control-section.open .accordion-section-title, |
|||
.js .control-section .accordion-section-title:focus { |
|||
background: #f5f5f5; |
|||
} |
|||
|
|||
#customize-theme-controls .control-section:hover .accordion-section-title::after, |
|||
#customize-theme-controls .control-section .accordion-section-title:hover::after, |
|||
#customize-theme-controls .control-section.open .accordion-section-title::after, |
|||
#customize-theme-controls .control-section .accordion-section-title:focus::after { |
|||
color: #555555; |
|||
} |
|||
|
|||
#customize-theme-controls .control-section.open { |
|||
border-bottom: 1px solid #eeeeee; |
|||
} |
|||
|
|||
#customize-theme-controls .control-section.open .accordion-section-title { |
|||
border-bottom-color: #eeeeee !important; |
|||
} |
|||
|
|||
#customize-theme-controls .control-section:last-of-type.open, |
|||
#customize-theme-controls .control-section:last-of-type .accordion-section-title { |
|||
border-bottom-color: #ddd; |
|||
} |
|||
|
|||
#customize-theme-controls > ul, |
|||
#customize-theme-controls .accordion-section-content { |
|||
margin: 0; |
|||
} |
|||
|
|||
.customize-control { |
|||
width: 100%; |
|||
float: right; |
|||
clear: both; |
|||
margin-bottom: 8px; |
|||
} |
|||
|
|||
.customize-control select, |
|||
.customize-control input[type="text"], |
|||
.customize-control input[type="radio"], |
|||
.customize-control input[type="checkbox"] { |
|||
line-height: 28px; |
|||
} |
|||
|
|||
.customize-control input[type="text"] { |
|||
width: 98%; |
|||
line-height: 18px; |
|||
margin: 0; |
|||
} |
|||
|
|||
.customize-control select { |
|||
min-width: 50%; |
|||
max-width: 100%; |
|||
height: 28px; |
|||
line-height: 28px; |
|||
} |
|||
|
|||
.customize-control select[multiple] { |
|||
height: auto; |
|||
} |
|||
|
|||
.customize-control-title { |
|||
display: block; |
|||
font-size: 14px; |
|||
line-height: 24px; |
|||
font-weight: 600; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
.customize-control-color .color-picker, |
|||
.customize-control-checkbox label, |
|||
.customize-control-upload div { |
|||
line-height: 28px; |
|||
} |
|||
|
|||
.customize-control-radio input, |
|||
.customize-control-checkbox input { |
|||
margin-right: 0; |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
.customize-control-radio { |
|||
padding: 5px 0 10px; |
|||
} |
|||
|
|||
.customize-control-radio .customize-control-title { |
|||
margin-bottom: 0; |
|||
line-height: 22px; |
|||
} |
|||
|
|||
.customize-control-radio label { |
|||
line-height: 32px; |
|||
} |
|||
|
|||
.customize-control-radio input { |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
#customize-preview iframe { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.wp-full-overlay-sidebar { |
|||
background: #eeeeee; |
|||
border-left: 1px solid #ddd; |
|||
} |
|||
|
|||
.collapse-sidebar { |
|||
background-color: transparent !important; |
|||
border: none !important; |
|||
-webkit-box-shadow: none !important; |
|||
box-shadow: none !important; |
|||
-webkit-border-radius: !important 0; |
|||
border-radius: !important 0; |
|||
} |
|||
|
|||
|
|||
.collapse-sidebar:active, |
|||
.collapse-sidebar:active .collapse-sidebar-label, |
|||
.collapse-sidebar:active .collapse-sidebar-arrow:before { |
|||
text-shadow: none; |
|||
} |
|||
|
|||
.collapsed .collapse-sidebar-arrow:before { |
|||
color: #888; |
|||
} |
|||
|
|||
/* Style for custom settings */ |
|||
|
|||
/* |
|||
* Dropdowns |
|||
*/ |
|||
.accordion-section .dropdown { |
|||
float: right; |
|||
display: block; |
|||
position: relative; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.accordion-section .dropdown-content { |
|||
overflow: hidden; |
|||
float: right; |
|||
margin-right: 0px; |
|||
min-width: 30px; |
|||
height: 16px; |
|||
line-height: 16px; |
|||
margin-left: 16px; |
|||
-webkit-border-radius: 0 3px 3px 0; |
|||
border-radius: 0 3px 3px 0; |
|||
padding: 4px 5px; |
|||
border: 2px solid #eeeeee; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
|
|||
.customize-control .dropdown-arrow { |
|||
right: auto; |
|||
position: absolute; |
|||
top: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
|
|||
border-color: #ccc; |
|||
border-style: solid; |
|||
border-width: 1px 0 1px 1px; |
|||
-webkit-border-radius: 3px 0 0 3px; |
|||
border-radius: 3px 0 0 3px; |
|||
width: 20px; |
|||
background: #eeeeee; |
|||
} |
|||
|
|||
.customize-control .dropdown-arrow:after { |
|||
right: auto; |
|||
left: 4px; |
|||
content: "\f140"; |
|||
font: normal 20px/1 'dashicons'; |
|||
speak: none; |
|||
display: block; |
|||
padding: 0; |
|||
text-indent: 0; |
|||
text-align: center; |
|||
position: relative; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
text-decoration: none !important; |
|||
color: #333; |
|||
} |
|||
|
|||
.customize-control .dropdown-status { |
|||
color: #333; |
|||
background: #eeeeee; |
|||
display: none; |
|||
max-width: 112px; |
|||
} |
|||
|
|||
/* Color Picker */ |
|||
.customize-control-color .color-picker-hex { |
|||
display: none; |
|||
} |
|||
|
|||
.customize-control-color.open .color-picker-hex { |
|||
display: block; |
|||
} |
|||
|
|||
/* |
|||
* Color Picker |
|||
*/ |
|||
.customize-control-color .dropdown { |
|||
margin-right: 0; |
|||
margin-left: 5px; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
.accordion-section input[type="text"].color-picker-hex { |
|||
direction: ltr; |
|||
.customize-control-color .dropdown .dropdown-content { |
|||
background-color: #555555; |
|||
border: 1px solid rgba(0, 0, 0, 0.15); |
|||
} |
|||
|
|||
.customize-control-color .dropdown:hover .dropdown-content { |
|||
border-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
/* |
|||
* Image Picker |
|||
*/ |
|||
.customize-control-image .library, |
|||
.customize-control-image .actions { |
|||
display: none; |
|||
float: right; |
|||
width: 100%; |
|||
} |
|||
|
|||
.customize-control-image.open .library, |
|||
.customize-control-image.open .actions { |
|||
display: block; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .dropdown-content { |
|||
height: auto; |
|||
min-height: 24px; |
|||
min-width: 40px; |
|||
padding: 0; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .dropdown-status { |
|||
padding: 4px 5px; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .preview-thumbnail img { |
|||
display: block; |
|||
width: 100%; |
|||
max-width: 122px; |
|||
max-height: 98px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .actions { |
|||
text-align: left; |
|||
} |
|||
|
|||
.customize-control-image .library, |
|||
.customize-control-image .actions, |
|||
.accordion-section .customize-control-image .library ul, |
|||
.accordion-section .customize-control-image .library li, |
|||
.accordion-section .customize-control-image .library ul { |
|||
border-bottom: 1px solid #ddd; |
|||
float: right; |
|||
width: 100%; |
|||
margin: 10px 0 0; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .library li { |
|||
color: #ccc; |
|||
float: right; |
|||
padding: 3px 15px; |
|||
margin: 0; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .library li.library-selected { |
|||
margin-bottom: -1px; |
|||
padding-bottom: 4px; |
|||
color: #666666; |
|||
border-color: #ddd; |
|||
border-bottom-color: #fff; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .library .thumbnail { |
|||
display: block; |
|||
width: 100%; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .library .thumbnail img { |
|||
display: block; |
|||
max-width: 90%; |
|||
max-height: 80px; |
|||
margin: 5px auto; |
|||
padding: 2px; |
|||
background: #666666; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .library .thumbnail:hover img { |
|||
background-color: #2ea2cc; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .library-content { |
|||
display: none; |
|||
width: 100%; |
|||
float: right; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.accordion-section .customize-control-image .library-content.library-selected { |
|||
display: block; |
|||
} |
|||
|
|||
.accordion-section .customize-control-upload .upload-fallback, |
|||
.accordion-section .customize-control-image .upload-fallback { |
|||
display: none; |
|||
} |
|||
|
|||
.accordion-section .customize-control-upload .upload-dropzone, |
|||
.accordion-section .customize-control-image .upload-dropzone { |
|||
display: none; |
|||
padding: 15px 10px; |
|||
border: 3px dashed #dfdfdf; |
|||
margin: 5px auto; |
|||
text-align: center; |
|||
position: relative; |
|||
cursor: default; |
|||
} |
|||
|
|||
.accordion-section .customize-control-upload .upload-dropzone.supports-drag-drop, |
|||
.accordion-section .customize-control-image .upload-dropzone.supports-drag-drop { |
|||
display: block; |
|||
-webkit-transition: border-color 0.1s; |
|||
transition: border-color 0.1s; |
|||
} |
|||
|
|||
.accordion-section .customize-control-upload .library ul li, |
|||
.accordion-section .customize-control-image .library ul li { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.accordion-section .customize-control-upload .upload-dropzone.supports-drag-drop.drag-over, |
|||
.accordion-section .customize-control-image .upload-dropzone.supports-drag-drop.drag-over { |
|||
border-color: #83b4d8; |
|||
} |
|||
|
|||
/** |
|||
* iOS can't scroll iframes, |
|||
* instead it expands the iframe size to match the size of the content |
|||
*/ |
|||
.ios .wp-full-overlay { |
|||
position: relative; |
|||
} |
|||
|
|||
.ios #customize-preview { |
|||
position: relative; |
|||
} |
|||
|
|||
.ios #customize-controls .wp-full-overlay-sidebar-content { |
|||
-webkit-overflow-scrolling: touch; |
|||
} |
|||
|
|||
/** Header control **/ |
|||
|
|||
#customize-control-header_image .current { |
|||
margin-bottom: 8px; |
|||
} |
|||
|
|||
#customize-control-header_image .uploaded { |
|||
margin-bottom: 18px; |
|||
} |
|||
|
|||
#customize-control-header_image .uploaded button:not(.random), |
|||
#customize-control-header_image .default button:not(.random) { |
|||
width: 100%; |
|||
padding: 0; |
|||
margin: 0; |
|||
background: none; |
|||
border: none; |
|||
color: inherit; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#customize-control-header_image button img { |
|||
display: block; |
|||
} |
|||
|
|||
#customize-control-header_image button.new, |
|||
#customize-control-header_image button.remove { |
|||
white-space: normal; |
|||
width: 48%; |
|||
height: auto; |
|||
} |
|||
|
|||
|
|||
/* Header control: current image container */ |
|||
|
|||
#customize-control-header_image .current .container { |
|||
overflow: hidden; |
|||
-webkit-border-radius: 2px; |
|||
border: 1px solid #eee; |
|||
-webkit-border-radius: 2px; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
#customize-control-header_image .placeholder { |
|||
width: 100%; |
|||
position: relative; |
|||
text-align: center; |
|||
cursor: default; |
|||
} |
|||
|
|||
#customize-control-header_image .inner { |
|||
display: none; |
|||
position: absolute; |
|||
width: 100%; |
|||
color: #555; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
#customize-control-header_image .inner, |
|||
#customize-control-header_image .inner .dashicons { |
|||
line-height: 20px; |
|||
top: 10px; |
|||
} |
|||
#customize-control-header_image .list .inner, |
|||
#customize-control-header_image .list .inner .dashicons { |
|||
top: 9px; |
|||
} |
|||
|
|||
#customize-control-header_image .header-view { |
|||
position: relative; |
|||
width: 100%; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
#customize-control-header_image .header-view:last-child { |
|||
margin-bottom: 0px; |
|||
} |
|||
|
|||
/* Convoluted, but 'outline' support isn't good enough yet */ |
|||
#customize-control-header_image .header-view:after { |
|||
border: 0; |
|||
} |
|||
#customize-control-header_image .header-view.selected:after { |
|||
content: ''; |
|||
position: absolute; |
|||
height: auto; |
|||
top: 0; right: 0; bottom: 0; left: 0; |
|||
border: 4px solid #2ea2cc; |
|||
-webkit-border-radius: 2px; |
|||
border-radius: 2px; |
|||
} |
|||
#customize-control-header_image .header-view.button.selected { |
|||
border: 0; |
|||
} |
|||
|
|||
/* Header control: overlay "close" button */ |
|||
|
|||
#customize-control-header_image .uploaded .header-view .close { |
|||
font-size: 2em; |
|||
color: grey; |
|||
position: absolute; |
|||
visibility: hidden; |
|||
top: 10px; |
|||
left: 10px; |
|||
z-index: 1; |
|||
width: 20px; |
|||
height: 20px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#customize-control-header_image .uploaded .header-view .close:hover { |
|||
color: black; |
|||
text-shadow: |
|||
-1px -1px 0 #fff, |
|||
1px -1px 0 #fff, |
|||
-1px 1px 0 #fff, |
|||
1px 1px 0 #fff; |
|||
} |
|||
|
|||
#customize-control-header_image .header-view:hover .close { |
|||
visibility: visible; |
|||
} |
|||
|
|||
/* Header control: randomiz(s)er */ |
|||
|
|||
#customize-control-header_image .random.placeholder { |
|||
cursor: pointer; |
|||
-webkit-border-radius: 2px; |
|||
border-radius: 2px; |
|||
height: 40px; |
|||
} |
|||
|
|||
#customize-control-header_image button.random { |
|||
width: 100%; |
|||
height: auto; |
|||
min-height: 40px; |
|||
white-space: normal; |
|||
} |
|||
|
|||
#customize-control-header_image button.random .dice { |
|||
margin-top: 4px; |
|||
} |
|||
|
|||
#customize-control-header_image .placeholder:hover .dice, |
|||
#customize-control-header_image .header-view:hover > button.random .dice { |
|||
-webkit-animation: dice-color-change 3s infinite; |
|||
-ms-animation: dice-color-change 3s infinite; |
|||
animation: dice-color-change 3s infinite; |
|||
} |
|||
|
|||
@-webkit-keyframes dice-color-change { |
|||
0% { color: #d4b146; } |
|||
50% { color: #ef54b0; } |
|||
75% { color: #7190d3; } |
|||
100% { color: #d4b146; } |
|||
} |
|||
|
|||
@-ms-keyframes dice-color-change { |
|||
0% { color: #d4b146; } |
|||
50% { color: #ef54b0; } |
|||
75% { color: #7190d3; } |
|||
100% { color: #d4b146; } |
|||
} |
|||
|
|||
@keyframes dice-color-change { |
|||
0% { color: #d4b146; } |
|||
50% { color: #ef54b0; } |
|||
75% { color: #7190d3; } |
|||
100% { color: #d4b146; } |
|||
} |
|||
|
|||
/* Header control: actions and choices */ |
|||
|
|||
#customize-control-header_image .actions { |
|||
margin-bottom: 32px; |
|||
} |
|||
|
|||
#customize-control-header_image .choice { |
|||
position: relative; |
|||
display: block; |
|||
margin-bottom: 9px; |
|||
} |
|||
|
|||
#customize-control-header_image .uploaded div:last-child > .choice { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
#customize-control-header_image img { |
|||
width: 100%; |
|||
-webkit-border-radius: 2px; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
#customize-control-header_image .remove { |
|||
float: right; |
|||
margin-left: 3px; |
|||
} |
|||
|
|||
#customize-control-header_image .new { |
|||
float: left; |
|||
} |
|||
|
|||
|
|||
/** Handle cheaters. */ |
|||
body.cheatin { |
|||
font-size: medium; |
|||
height: auto; |
|||
background: #fff; |
|||
margin: 50px auto 2em; |
|||
padding: 1em 2em; |
|||
max-width: 700px; |
|||
min-width: 0; |
|||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
|||
box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
|||
} |
|||
|
|||
body.cheatin p { |
|||
font-size: 14px; |
|||
line-height: 1.5; |
|||
margin: 25px 0 20px; |
|||
} |
|||
2
sources/wp-admin/css/customize-controls-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
2
sources/wp-admin/css/customize-controls.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,603 @@ |
|||
.wp-full-overlay-sidebar { |
|||
overflow: visible; |
|||
} |
|||
|
|||
/** |
|||
* Hide all sidebar sections by default, only show them (via JS) once the |
|||
* preview loads and we know whether the sidebars are used in the template. |
|||
*/ |
|||
|
|||
.control-section[id^="accordion-section-sidebar-widgets-"], |
|||
.customize-control-sidebar_widgets label, |
|||
.customize-control-sidebar_widgets .hide-if-js { |
|||
/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */ |
|||
display:none; |
|||
} |
|||
|
|||
.customize-control-widget_form .widget-top { |
|||
-webkit-transition: opacity 0.5s; |
|||
transition: opacity 0.5s; |
|||
} |
|||
|
|||
.customize-control-widget_form:not(.widget-rendered) .widget-top { |
|||
opacity: 0.5; |
|||
} |
|||
|
|||
.customize-control-widget_form .widget-control-save, |
|||
.customize-control-widget_form .spinner { |
|||
display: none; |
|||
} |
|||
|
|||
.customize-control-widget_form.previewer-loading .spinner { |
|||
display: inline; |
|||
} |
|||
|
|||
.customize-control-widget_form.widget-form-disabled .widget-content { |
|||
opacity: 0.7; |
|||
pointer-events: none; |
|||
-moz-user-select: none; |
|||
-webkit-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
|
|||
.customize-control-widget_form .widget { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.customize-control-widget_form.wide-widget-control .widget-inside { |
|||
position: fixed; |
|||
right: 299px; |
|||
top: 25%; |
|||
border: 1px solid rgb(229, 229, 229); |
|||
overflow: auto; |
|||
} |
|||
.customize-control-widget_form.wide-widget-control .widget-inside > .form { |
|||
padding: 20px; |
|||
} |
|||
|
|||
.customize-control-widget_form.wide-widget-control .widget-top { |
|||
-webkit-transition: background-color 0.4s; |
|||
transition: background-color 0.4s; |
|||
} |
|||
.customize-control-widget_form.wide-widget-control.expanding .widget-top, |
|||
.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top { |
|||
background-color: rgb(227, 227, 227); |
|||
} |
|||
|
|||
.widget-inside { |
|||
padding: 1px 10px 10px 10px; |
|||
border-top: none; |
|||
line-height: 16px; |
|||
} |
|||
|
|||
.widget-top { |
|||
cursor: move; |
|||
} |
|||
|
|||
.customize-control-widget_form.expanded a.widget-action:after { |
|||
content: "\f142"; |
|||
} |
|||
|
|||
.customize-control-widget_form.wide-widget-control a.widget-action:after { |
|||
content: "\f139"; |
|||
} |
|||
|
|||
.customize-control-widget_form.wide-widget-control.expanded a.widget-action:after { |
|||
content: "\f141"; |
|||
} |
|||
|
|||
.widget-title-action { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.customize-control-widget_form .widget .customize-control-title { |
|||
cursor: move; |
|||
} |
|||
|
|||
.control-section.accordion-section.highlighted > .accordion-section-title, |
|||
.customize-control-widget_form.highlighted { |
|||
outline: none; |
|||
-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8); |
|||
box-shadow: 0 0 2px rgba(30,140,190,0.8); |
|||
position: relative; |
|||
z-index: 1; |
|||
} |
|||
|
|||
#widget-customizer-control-templates { |
|||
display: none; |
|||
} |
|||
|
|||
/** |
|||
* Widget reordering styles |
|||
**/ |
|||
|
|||
.reorder-toggle { |
|||
float: left; |
|||
padding: 5px 8px; |
|||
text-decoration: none; |
|||
cursor: pointer; |
|||
outline: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.reorder-toggle:focus { |
|||
outline: 1px dotted; |
|||
} |
|||
|
|||
.reorder-done, |
|||
.reordering .reorder { |
|||
display: none; |
|||
} |
|||
|
|||
.reordering .reorder-done { |
|||
display: block; |
|||
color: #aa0000; |
|||
} |
|||
|
|||
#customize-theme-controls .reordering .add-new-widget { |
|||
opacity: 0.2; |
|||
pointer-events: none; |
|||
cursor: not-allowed; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-reorder-nav { |
|||
display: none; |
|||
float: left; |
|||
background-color: #fafafa; |
|||
} |
|||
|
|||
.widget-reorder-nav span { |
|||
position: relative; |
|||
overflow: hidden; |
|||
float: right; |
|||
display: block; |
|||
width: 33px; /* was 42px for mobile */ |
|||
height: 43px; |
|||
color: #888; |
|||
text-indent: -9999px; |
|||
cursor: pointer; |
|||
outline: none; |
|||
} |
|||
|
|||
.widget-reorder-nav span:before { |
|||
display: inline-block; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
font: normal 20px/43px 'dashicons'; |
|||
text-align: center; |
|||
text-indent: 0; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.widget-reorder-nav span:hover, |
|||
.widget-reorder-nav span:focus { |
|||
color: #444; |
|||
background: #eee; |
|||
} |
|||
|
|||
.move-widget:before { |
|||
content: '\f504'; |
|||
} |
|||
|
|||
.move-widget-down:before { |
|||
content: '\f347'; |
|||
} |
|||
|
|||
.move-widget-up:before { |
|||
content: '\f343'; |
|||
} |
|||
|
|||
#customize-theme-controls .first-widget .move-widget-up, |
|||
#customize-theme-controls .last-widget .move-widget-down { |
|||
color: #d5d5d5; |
|||
cursor: default; |
|||
} |
|||
|
|||
#customize-theme-controls .move-widget-area { |
|||
display: none; |
|||
background: #fff; |
|||
border: 1px solid #dedede; |
|||
border-top: none; |
|||
cursor: auto; |
|||
} |
|||
|
|||
#customize-theme-controls .reordering .move-widget-area.active { |
|||
display: block; |
|||
} |
|||
|
|||
#customize-theme-controls .move-widget-area .description { |
|||
margin: 0; |
|||
padding: 15px 20px; |
|||
font-weight: 400; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select { |
|||
margin: 0; |
|||
padding: 0; |
|||
list-style: none; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select li { |
|||
position: relative; |
|||
margin: 0; |
|||
padding: 13px 42px 15px 15px; |
|||
color: #555; |
|||
border-top: 1px solid #eee; |
|||
cursor: pointer; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select li:before { |
|||
display: none; |
|||
content: '\f147'; |
|||
position: absolute; |
|||
top: 12px; |
|||
right: 10px; |
|||
font: normal 20px/1 'dashicons'; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select li:last-child { |
|||
border-bottom: 1px solid #eee; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select .selected { |
|||
color: #fff; |
|||
text-shadow: 0 -1px 0 rgba(0,0,0,.4); |
|||
background: #2ea2cc; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select .selected:before { |
|||
display: block; |
|||
} |
|||
|
|||
#customize-theme-controls .move-widget-actions { |
|||
text-align: left; |
|||
padding: 12px; |
|||
} |
|||
|
|||
#customize-theme-controls .reordering .widget-title-action { |
|||
display: none; |
|||
} |
|||
|
|||
#customize-theme-controls .reordering .widget-reorder-nav { |
|||
display: block; |
|||
} |
|||
|
|||
|
|||
/** |
|||
* Styles for new widget addition panel |
|||
*/ |
|||
.wp-full-overlay-main { |
|||
left: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */ |
|||
width: 100%; |
|||
} |
|||
|
|||
#customize-theme-controls .add-new-widget { |
|||
cursor: pointer; |
|||
float: left; |
|||
margin-right: 10px; |
|||
-webkit-transition: all 0.2s; |
|||
transition: all 0.2s; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
outline: none; |
|||
} |
|||
|
|||
.add-new-widget:before { |
|||
content: "\f132"; |
|||
display: inline-block; |
|||
position: relative; |
|||
right: -2px; |
|||
top: -1px; |
|||
font: normal 20px/1 'dashicons'; |
|||
vertical-align: middle; |
|||
-webkit-transition: all 0.2s; |
|||
transition: all 0.2s; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
body.adding-widget .add-new-widget, |
|||
body.adding-widget .add-new-widget:hover { |
|||
background: #eee; |
|||
border-color: #999; |
|||
color: #333; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
} |
|||
body.adding-widget .add-new-widget:before { |
|||
-webkit-transform: rotate(45deg); |
|||
-ms-transform: rotate(45deg); |
|||
transform: rotate(45deg); |
|||
} |
|||
|
|||
#available-widgets .widget { |
|||
position: static; |
|||
} |
|||
|
|||
/* override widgets admin page rules in wp-admin/css/wp-admin.css */ |
|||
#widgets-left #available-widgets .widget { |
|||
float: none !important; |
|||
width: auto !important; |
|||
} |
|||
|
|||
#available-widgets { |
|||
position: absolute; |
|||
overflow: auto; |
|||
top: 0; |
|||
bottom: 0; |
|||
right: -301px; |
|||
width: 300px; |
|||
margin: 0; |
|||
z-index: 1; |
|||
background: #fff; |
|||
-webkit-transition: all 0.2s; |
|||
transition: all 0.2s; |
|||
border-left: 1px solid #dddddd; |
|||
} |
|||
|
|||
#available-widgets-filter { |
|||
padding: 8px 13px 7px 17px; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
#available-widgets-filter input { |
|||
padding: 5px 10px 2px 10px; |
|||
width: 100%; |
|||
} |
|||
|
|||
#available-widgets .widget-tpl { |
|||
position: relative; |
|||
padding: 20px 60px 20px 15px; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
cursor: pointer; |
|||
display: none; |
|||
} |
|||
|
|||
#available-widgets .widget-tpl:hover, |
|||
#available-widgets .widget-tpl.selected { |
|||
background: #fafafa; |
|||
} |
|||
|
|||
#available-widgets .widget-top, |
|||
#available-widgets .widget-top:hover { |
|||
border: none; |
|||
background: transparent; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
#available-widgets .widget-title h4 { |
|||
padding: 0 0 5px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
#available-widgets .widget .widget-description { |
|||
padding: 0; |
|||
color: #777; |
|||
} |
|||
|
|||
#customize-preview { |
|||
-webkit-transition: all 0.2s; |
|||
transition: all 0.2s; |
|||
} |
|||
|
|||
body.adding-widget #available-widgets { |
|||
right: 0; |
|||
} |
|||
|
|||
body.adding-widget .wp-full-overlay-main { |
|||
right: 300px; |
|||
} |
|||
|
|||
body.adding-widget #customize-preview { |
|||
opacity: 0.4; |
|||
} |
|||
|
|||
|
|||
/** |
|||
* Widget Icon styling |
|||
* No plurals in naming. |
|||
* Ordered from lowest to highest specificity. |
|||
**/ |
|||
#available-widgets .widget-title { |
|||
position: relative; |
|||
} |
|||
|
|||
#available-widgets .widget-title:before { |
|||
content: "\f132"; |
|||
position: absolute; |
|||
top: -3px; |
|||
left: 100%; |
|||
margin-left: 20px; |
|||
width: 20px; |
|||
height: 20px; |
|||
color: #333; |
|||
font: normal 20px/1 'dashicons'; |
|||
text-align: center; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
/* smiley */ |
|||
#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; } |
|||
|
|||
/* star-filled */ |
|||
#available-widgets [class*="super"] .widget-title:before, |
|||
#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; } |
|||
|
|||
/* wordpress */ |
|||
#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; } |
|||
|
|||
/* archive-box */ |
|||
#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; } |
|||
|
|||
/* category */ |
|||
#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; } |
|||
|
|||
/* comments */ |
|||
#available-widgets [class*="comment"] .widget-title:before, |
|||
#available-widgets [class*="testimonial"] .widget-title:before, |
|||
#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; } |
|||
|
|||
/* post */ |
|||
#available-widgets [class*="post"] .widget-title:before { content: "\f109"; } |
|||
|
|||
/* admin-page */ |
|||
#available-widgets [class*="page"] .widget-title:before { content: "\f105"; } |
|||
|
|||
/* text */ |
|||
#available-widgets [class*="text"] .widget-title:before { content: "\f478"; } |
|||
|
|||
/* links */ |
|||
#available-widgets [class*="link"] .widget-title:before { content: "\f103"; } |
|||
|
|||
/* search */ |
|||
#available-widgets [class*="search"] .widget-title:before { content: "\f179"; } |
|||
|
|||
/* menu */ |
|||
#available-widgets [class*="menu"] .widget-title:before, |
|||
#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; } |
|||
|
|||
/* tag-cloud */ |
|||
#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; } |
|||
|
|||
/* rss */ |
|||
#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; } |
|||
|
|||
/* calendar */ |
|||
#available-widgets [class*="event"] .widget-title:before, |
|||
#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;} |
|||
|
|||
/* format-image */ |
|||
#available-widgets [class*="image"] .widget-title:before, |
|||
#available-widgets [class*="photo"] .widget-title:before, |
|||
#available-widgets [class*="slide"] .widget-title:before, |
|||
#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; } |
|||
|
|||
/* format-gallery */ |
|||
#available-widgets [class*="album"] .widget-title:before, |
|||
#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; } |
|||
|
|||
/* format-video */ |
|||
#available-widgets [class*="video"] .widget-title:before, |
|||
#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; } |
|||
|
|||
/* format-audio */ |
|||
#available-widgets [class*="music"] .widget-title:before, |
|||
#available-widgets [class*="radio"] .widget-title:before, |
|||
#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; } |
|||
|
|||
/* admin-users */ |
|||
#available-widgets [class*="login"] .widget-title:before, |
|||
#available-widgets [class*="user"] .widget-title:before, |
|||
#available-widgets [class*="member"] .widget-title:before, |
|||
#available-widgets [class*="avatar"] .widget-title:before, |
|||
#available-widgets [class*="subscriber"] .widget-title:before, |
|||
#available-widgets [class*="profile"] .widget-title:before, |
|||
#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; } |
|||
|
|||
/* cart */ |
|||
#available-widgets [class*="commerce"] .widget-title:before, |
|||
#available-widgets [class*="shop"] .widget-title:before, |
|||
#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; } |
|||
|
|||
/* shield */ |
|||
#available-widgets [class*="secur"] .widget-title:before, |
|||
#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; } |
|||
|
|||
/* chart-bar */ |
|||
#available-widgets [class*="analytic"] .widget-title:before, |
|||
#available-widgets [class*="stat"] .widget-title:before, |
|||
#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; } |
|||
|
|||
/* feedback */ |
|||
#available-widgets [class*="form"] .widget-title:before { content: "\f175"; } |
|||
|
|||
/* email-alt */ |
|||
#available-widgets [class*="subscribe"] .widget-title:before, |
|||
#available-widgets [class*="news"] .widget-title:before, |
|||
#available-widgets [class*="contact"] .widget-title:before, |
|||
#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; } |
|||
|
|||
/* share */ |
|||
#available-widgets [class*="share"] .widget-title:before, |
|||
#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; } |
|||
|
|||
/* translation */ |
|||
#available-widgets [class*="lang"] .widget-title:before, |
|||
#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; } |
|||
|
|||
/* location-alt */ |
|||
#available-widgets [class*="locat"] .widget-title:before, |
|||
#available-widgets [class*="map"] .widget-title:before { content: "\f231"; } |
|||
|
|||
/* download */ |
|||
#available-widgets [class*="download"] .widget-title:before { content: "\f316"; } |
|||
|
|||
/* cloud */ |
|||
#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;} |
|||
|
|||
/* facebook */ |
|||
#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; } |
|||
|
|||
/* twitter */ |
|||
#available-widgets [class*="tweet"] .widget-title:before, |
|||
#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; } |
|||
|
|||
|
|||
@media screen and (max-height: 700px) and (min-width: 981px) { |
|||
.customize-control { |
|||
margin-bottom: 0; |
|||
} |
|||
.widget-top { |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
margin-top: -1px; |
|||
} |
|||
.widget-top:hover { |
|||
position: relative; |
|||
z-index: 1; |
|||
} |
|||
.last-widget { |
|||
margin-bottom: 15px; |
|||
} |
|||
.widget-title h4 { |
|||
padding: 13px 15px; |
|||
} |
|||
.widget-top a.widget-action:after { |
|||
padding-top: 9px; |
|||
} |
|||
.widget-reorder-nav span { |
|||
height: 39px; |
|||
} |
|||
.widget-reorder-nav span:before { |
|||
line-height: 39px; |
|||
} |
|||
#customize-theme-controls .widget-area-select li { |
|||
padding: 9px 42px 11px 15px; |
|||
} |
|||
#customize-theme-controls .widget-area-select li:before { |
|||
top: 8px; |
|||
} |
|||
} |
|||
1
sources/wp-admin/css/customize-widgets-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,603 @@ |
|||
.wp-full-overlay-sidebar { |
|||
overflow: visible; |
|||
} |
|||
|
|||
/** |
|||
* Hide all sidebar sections by default, only show them (via JS) once the |
|||
* preview loads and we know whether the sidebars are used in the template. |
|||
*/ |
|||
|
|||
.control-section[id^="accordion-section-sidebar-widgets-"], |
|||
.customize-control-sidebar_widgets label, |
|||
.customize-control-sidebar_widgets .hide-if-js { |
|||
/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */ |
|||
display:none; |
|||
} |
|||
|
|||
.customize-control-widget_form .widget-top { |
|||
-webkit-transition: opacity 0.5s; |
|||
transition: opacity 0.5s; |
|||
} |
|||
|
|||
.customize-control-widget_form:not(.widget-rendered) .widget-top { |
|||
opacity: 0.5; |
|||
} |
|||
|
|||
.customize-control-widget_form .widget-control-save, |
|||
.customize-control-widget_form .spinner { |
|||
display: none; |
|||
} |
|||
|
|||
.customize-control-widget_form.previewer-loading .spinner { |
|||
display: inline; |
|||
} |
|||
|
|||
.customize-control-widget_form.widget-form-disabled .widget-content { |
|||
opacity: 0.7; |
|||
pointer-events: none; |
|||
-moz-user-select: none; |
|||
-webkit-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
|
|||
.customize-control-widget_form .widget { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.customize-control-widget_form.wide-widget-control .widget-inside { |
|||
position: fixed; |
|||
left: 299px; |
|||
top: 25%; |
|||
border: 1px solid rgb(229, 229, 229); |
|||
overflow: auto; |
|||
} |
|||
.customize-control-widget_form.wide-widget-control .widget-inside > .form { |
|||
padding: 20px; |
|||
} |
|||
|
|||
.customize-control-widget_form.wide-widget-control .widget-top { |
|||
-webkit-transition: background-color 0.4s; |
|||
transition: background-color 0.4s; |
|||
} |
|||
.customize-control-widget_form.wide-widget-control.expanding .widget-top, |
|||
.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top { |
|||
background-color: rgb(227, 227, 227); |
|||
} |
|||
|
|||
.widget-inside { |
|||
padding: 1px 10px 10px 10px; |
|||
border-top: none; |
|||
line-height: 16px; |
|||
} |
|||
|
|||
.widget-top { |
|||
cursor: move; |
|||
} |
|||
|
|||
.customize-control-widget_form.expanded a.widget-action:after { |
|||
content: "\f142"; |
|||
} |
|||
|
|||
.customize-control-widget_form.wide-widget-control a.widget-action:after { |
|||
content: "\f139"; |
|||
} |
|||
|
|||
.customize-control-widget_form.wide-widget-control.expanded a.widget-action:after { |
|||
content: "\f141"; |
|||
} |
|||
|
|||
.widget-title-action { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.customize-control-widget_form .widget .customize-control-title { |
|||
cursor: move; |
|||
} |
|||
|
|||
.control-section.accordion-section.highlighted > .accordion-section-title, |
|||
.customize-control-widget_form.highlighted { |
|||
outline: none; |
|||
-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8); |
|||
box-shadow: 0 0 2px rgba(30,140,190,0.8); |
|||
position: relative; |
|||
z-index: 1; |
|||
} |
|||
|
|||
#widget-customizer-control-templates { |
|||
display: none; |
|||
} |
|||
|
|||
/** |
|||
* Widget reordering styles |
|||
**/ |
|||
|
|||
.reorder-toggle { |
|||
float: right; |
|||
padding: 5px 8px; |
|||
text-decoration: none; |
|||
cursor: pointer; |
|||
outline: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.reorder-toggle:focus { |
|||
outline: 1px dotted; |
|||
} |
|||
|
|||
.reorder-done, |
|||
.reordering .reorder { |
|||
display: none; |
|||
} |
|||
|
|||
.reordering .reorder-done { |
|||
display: block; |
|||
color: #aa0000; |
|||
} |
|||
|
|||
#customize-theme-controls .reordering .add-new-widget { |
|||
opacity: 0.2; |
|||
pointer-events: none; |
|||
cursor: not-allowed; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-reorder-nav { |
|||
display: none; |
|||
float: right; |
|||
background-color: #fafafa; |
|||
} |
|||
|
|||
.widget-reorder-nav span { |
|||
position: relative; |
|||
overflow: hidden; |
|||
float: left; |
|||
display: block; |
|||
width: 33px; /* was 42px for mobile */ |
|||
height: 43px; |
|||
color: #888; |
|||
text-indent: -9999px; |
|||
cursor: pointer; |
|||
outline: none; |
|||
} |
|||
|
|||
.widget-reorder-nav span:before { |
|||
display: inline-block; |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
font: normal 20px/43px 'dashicons'; |
|||
text-align: center; |
|||
text-indent: 0; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.widget-reorder-nav span:hover, |
|||
.widget-reorder-nav span:focus { |
|||
color: #444; |
|||
background: #eee; |
|||
} |
|||
|
|||
.move-widget:before { |
|||
content: '\f504'; |
|||
} |
|||
|
|||
.move-widget-down:before { |
|||
content: '\f347'; |
|||
} |
|||
|
|||
.move-widget-up:before { |
|||
content: '\f343'; |
|||
} |
|||
|
|||
#customize-theme-controls .first-widget .move-widget-up, |
|||
#customize-theme-controls .last-widget .move-widget-down { |
|||
color: #d5d5d5; |
|||
cursor: default; |
|||
} |
|||
|
|||
#customize-theme-controls .move-widget-area { |
|||
display: none; |
|||
background: #fff; |
|||
border: 1px solid #dedede; |
|||
border-top: none; |
|||
cursor: auto; |
|||
} |
|||
|
|||
#customize-theme-controls .reordering .move-widget-area.active { |
|||
display: block; |
|||
} |
|||
|
|||
#customize-theme-controls .move-widget-area .description { |
|||
margin: 0; |
|||
padding: 15px 20px; |
|||
font-weight: 400; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select { |
|||
margin: 0; |
|||
padding: 0; |
|||
list-style: none; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select li { |
|||
position: relative; |
|||
margin: 0; |
|||
padding: 13px 15px 15px 42px; |
|||
color: #555; |
|||
border-top: 1px solid #eee; |
|||
cursor: pointer; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select li:before { |
|||
display: none; |
|||
content: '\f147'; |
|||
position: absolute; |
|||
top: 12px; |
|||
left: 10px; |
|||
font: normal 20px/1 'dashicons'; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select li:last-child { |
|||
border-bottom: 1px solid #eee; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select .selected { |
|||
color: #fff; |
|||
text-shadow: 0 -1px 0 rgba(0,0,0,.4); |
|||
background: #2ea2cc; |
|||
} |
|||
|
|||
#customize-theme-controls .widget-area-select .selected:before { |
|||
display: block; |
|||
} |
|||
|
|||
#customize-theme-controls .move-widget-actions { |
|||
text-align: right; |
|||
padding: 12px; |
|||
} |
|||
|
|||
#customize-theme-controls .reordering .widget-title-action { |
|||
display: none; |
|||
} |
|||
|
|||
#customize-theme-controls .reordering .widget-reorder-nav { |
|||
display: block; |
|||
} |
|||
|
|||
|
|||
/** |
|||
* Styles for new widget addition panel |
|||
*/ |
|||
.wp-full-overlay-main { |
|||
right: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */ |
|||
width: 100%; |
|||
} |
|||
|
|||
#customize-theme-controls .add-new-widget { |
|||
cursor: pointer; |
|||
float: right; |
|||
margin-left: 10px; |
|||
-webkit-transition: all 0.2s; |
|||
transition: all 0.2s; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
outline: none; |
|||
} |
|||
|
|||
.add-new-widget:before { |
|||
content: "\f132"; |
|||
display: inline-block; |
|||
position: relative; |
|||
left: -2px; |
|||
top: -1px; |
|||
font: normal 20px/1 'dashicons'; |
|||
vertical-align: middle; |
|||
-webkit-transition: all 0.2s; |
|||
transition: all 0.2s; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
body.adding-widget .add-new-widget, |
|||
body.adding-widget .add-new-widget:hover { |
|||
background: #eee; |
|||
border-color: #999; |
|||
color: #333; |
|||
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
|||
} |
|||
body.adding-widget .add-new-widget:before { |
|||
-webkit-transform: rotate(45deg); |
|||
-ms-transform: rotate(45deg); |
|||
transform: rotate(45deg); |
|||
} |
|||
|
|||
#available-widgets .widget { |
|||
position: static; |
|||
} |
|||
|
|||
/* override widgets admin page rules in wp-admin/css/wp-admin.css */ |
|||
#widgets-left #available-widgets .widget { |
|||
float: none !important; |
|||
width: auto !important; |
|||
} |
|||
|
|||
#available-widgets { |
|||
position: absolute; |
|||
overflow: auto; |
|||
top: 0; |
|||
bottom: 0; |
|||
left: -301px; |
|||
width: 300px; |
|||
margin: 0; |
|||
z-index: 1; |
|||
background: #fff; |
|||
-webkit-transition: all 0.2s; |
|||
transition: all 0.2s; |
|||
border-right: 1px solid #dddddd; |
|||
} |
|||
|
|||
#available-widgets-filter { |
|||
padding: 8px 17px 7px 13px; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
#available-widgets-filter input { |
|||
padding: 5px 10px 2px 10px; |
|||
width: 100%; |
|||
} |
|||
|
|||
#available-widgets .widget-tpl { |
|||
position: relative; |
|||
padding: 20px 15px 20px 60px; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
cursor: pointer; |
|||
display: none; |
|||
} |
|||
|
|||
#available-widgets .widget-tpl:hover, |
|||
#available-widgets .widget-tpl.selected { |
|||
background: #fafafa; |
|||
} |
|||
|
|||
#available-widgets .widget-top, |
|||
#available-widgets .widget-top:hover { |
|||
border: none; |
|||
background: transparent; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
#available-widgets .widget-title h4 { |
|||
padding: 0 0 5px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
#available-widgets .widget .widget-description { |
|||
padding: 0; |
|||
color: #777; |
|||
} |
|||
|
|||
#customize-preview { |
|||
-webkit-transition: all 0.2s; |
|||
transition: all 0.2s; |
|||
} |
|||
|
|||
body.adding-widget #available-widgets { |
|||
left: 0; |
|||
} |
|||
|
|||
body.adding-widget .wp-full-overlay-main { |
|||
left: 300px; |
|||
} |
|||
|
|||
body.adding-widget #customize-preview { |
|||
opacity: 0.4; |
|||
} |
|||
|
|||
|
|||
/** |
|||
* Widget Icon styling |
|||
* No plurals in naming. |
|||
* Ordered from lowest to highest specificity. |
|||
**/ |
|||
#available-widgets .widget-title { |
|||
position: relative; |
|||
} |
|||
|
|||
#available-widgets .widget-title:before { |
|||
content: "\f132"; |
|||
position: absolute; |
|||
top: -3px; |
|||
right: 100%; |
|||
margin-right: 20px; |
|||
width: 20px; |
|||
height: 20px; |
|||
color: #333; |
|||
font: normal 20px/1 'dashicons'; |
|||
text-align: center; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
/* smiley */ |
|||
#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; } |
|||
|
|||
/* star-filled */ |
|||
#available-widgets [class*="super"] .widget-title:before, |
|||
#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; } |
|||
|
|||
/* wordpress */ |
|||
#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; } |
|||
|
|||
/* archive-box */ |
|||
#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; } |
|||
|
|||
/* category */ |
|||
#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; } |
|||
|
|||
/* comments */ |
|||
#available-widgets [class*="comment"] .widget-title:before, |
|||
#available-widgets [class*="testimonial"] .widget-title:before, |
|||
#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; } |
|||
|
|||
/* post */ |
|||
#available-widgets [class*="post"] .widget-title:before { content: "\f109"; } |
|||
|
|||
/* admin-page */ |
|||
#available-widgets [class*="page"] .widget-title:before { content: "\f105"; } |
|||
|
|||
/* text */ |
|||
#available-widgets [class*="text"] .widget-title:before { content: "\f478"; } |
|||
|
|||
/* links */ |
|||
#available-widgets [class*="link"] .widget-title:before { content: "\f103"; } |
|||
|
|||
/* search */ |
|||
#available-widgets [class*="search"] .widget-title:before { content: "\f179"; } |
|||
|
|||
/* menu */ |
|||
#available-widgets [class*="menu"] .widget-title:before, |
|||
#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; } |
|||
|
|||
/* tag-cloud */ |
|||
#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; } |
|||
|
|||
/* rss */ |
|||
#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; } |
|||
|
|||
/* calendar */ |
|||
#available-widgets [class*="event"] .widget-title:before, |
|||
#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;} |
|||
|
|||
/* format-image */ |
|||
#available-widgets [class*="image"] .widget-title:before, |
|||
#available-widgets [class*="photo"] .widget-title:before, |
|||
#available-widgets [class*="slide"] .widget-title:before, |
|||
#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; } |
|||
|
|||
/* format-gallery */ |
|||
#available-widgets [class*="album"] .widget-title:before, |
|||
#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; } |
|||
|
|||
/* format-video */ |
|||
#available-widgets [class*="video"] .widget-title:before, |
|||
#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; } |
|||
|
|||
/* format-audio */ |
|||
#available-widgets [class*="music"] .widget-title:before, |
|||
#available-widgets [class*="radio"] .widget-title:before, |
|||
#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; } |
|||
|
|||
/* admin-users */ |
|||
#available-widgets [class*="login"] .widget-title:before, |
|||
#available-widgets [class*="user"] .widget-title:before, |
|||
#available-widgets [class*="member"] .widget-title:before, |
|||
#available-widgets [class*="avatar"] .widget-title:before, |
|||
#available-widgets [class*="subscriber"] .widget-title:before, |
|||
#available-widgets [class*="profile"] .widget-title:before, |
|||
#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; } |
|||
|
|||
/* cart */ |
|||
#available-widgets [class*="commerce"] .widget-title:before, |
|||
#available-widgets [class*="shop"] .widget-title:before, |
|||
#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; } |
|||
|
|||
/* shield */ |
|||
#available-widgets [class*="secur"] .widget-title:before, |
|||
#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; } |
|||
|
|||
/* chart-bar */ |
|||
#available-widgets [class*="analytic"] .widget-title:before, |
|||
#available-widgets [class*="stat"] .widget-title:before, |
|||
#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; } |
|||
|
|||
/* feedback */ |
|||
#available-widgets [class*="form"] .widget-title:before { content: "\f175"; } |
|||
|
|||
/* email-alt */ |
|||
#available-widgets [class*="subscribe"] .widget-title:before, |
|||
#available-widgets [class*="news"] .widget-title:before, |
|||
#available-widgets [class*="contact"] .widget-title:before, |
|||
#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; } |
|||
|
|||
/* share */ |
|||
#available-widgets [class*="share"] .widget-title:before, |
|||
#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; } |
|||
|
|||
/* translation */ |
|||
#available-widgets [class*="lang"] .widget-title:before, |
|||
#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; } |
|||
|
|||
/* location-alt */ |
|||
#available-widgets [class*="locat"] .widget-title:before, |
|||
#available-widgets [class*="map"] .widget-title:before { content: "\f231"; } |
|||
|
|||
/* download */ |
|||
#available-widgets [class*="download"] .widget-title:before { content: "\f316"; } |
|||
|
|||
/* cloud */ |
|||
#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;} |
|||
|
|||
/* facebook */ |
|||
#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; } |
|||
|
|||
/* twitter */ |
|||
#available-widgets [class*="tweet"] .widget-title:before, |
|||
#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; } |
|||
|
|||
|
|||
@media screen and (max-height: 700px) and (min-width: 981px) { |
|||
.customize-control { |
|||
margin-bottom: 0; |
|||
} |
|||
.widget-top { |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
margin-top: -1px; |
|||
} |
|||
.widget-top:hover { |
|||
position: relative; |
|||
z-index: 1; |
|||
} |
|||
.last-widget { |
|||
margin-bottom: 15px; |
|||
} |
|||
.widget-title h4 { |
|||
padding: 13px 15px; |
|||
} |
|||
.widget-top a.widget-action:after { |
|||
padding-top: 9px; |
|||
} |
|||
.widget-reorder-nav span { |
|||
height: 39px; |
|||
} |
|||
.widget-reorder-nav span:before { |
|||
line-height: 39px; |
|||
} |
|||
#customize-theme-controls .widget-area-select li { |
|||
padding: 9px 15px 11px 42px; |
|||
} |
|||
#customize-theme-controls .widget-area-select li:before { |
|||
top: 8px; |
|||
} |
|||
} |
|||
1
sources/wp-admin/css/customize-widgets.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1135
sources/wp-admin/css/dashboard-rtl.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1135
sources/wp-admin/css/dashboard.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,376 @@ |
|||
/* Styles for the media library iframe (not used on the Library screen) */ |
|||
|
|||
div#media-upload-header { |
|||
margin: 0; |
|||
padding: 5px 5px 0; |
|||
font-weight: bold; |
|||
position: relative; |
|||
border-bottom: 1px solid #dfdfdf; |
|||
background: #f9f9f9; |
|||
} |
|||
|
|||
body#media-upload ul#sidemenu { |
|||
font-weight: normal; |
|||
margin: 0 5px; |
|||
right: 0; |
|||
bottom: -1px; |
|||
float: none; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
#media-upload:after { /* clearfix */ |
|||
content: ""; |
|||
display: table; |
|||
clear: both; |
|||
} |
|||
|
|||
#media-upload, |
|||
#media-upload .media-item .slidetoggle { |
|||
background: #fff; |
|||
} |
|||
|
|||
#media-upload .slidetoggle { |
|||
border-top-color: #dfdfdf; |
|||
} |
|||
|
|||
#media-upload input[type="radio"] { |
|||
padding: 0; |
|||
} |
|||
|
|||
form { |
|||
margin: 1em; |
|||
} |
|||
|
|||
#search-filter { |
|||
text-align: left; |
|||
} |
|||
|
|||
th { |
|||
position: relative; |
|||
} |
|||
|
|||
.media-upload-form label.form-help, td.help { |
|||
font-family: sans-serif; |
|||
font-style: italic; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.media-upload-form p.help { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.media-upload-form fieldset { |
|||
width: 100%; |
|||
border: none; |
|||
text-align: justify; |
|||
margin: 0 0 1em 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/* specific to the image upload form */ |
|||
|
|||
.image-align-none-label { |
|||
background: url(../images/align-none.png) no-repeat center right; |
|||
} |
|||
|
|||
.image-align-left-label { |
|||
background: url(../images/align-left.png) no-repeat center right; |
|||
} |
|||
|
|||
.image-align-center-label { |
|||
background: url(../images/align-center.png) no-repeat center right; |
|||
} |
|||
|
|||
.image-align-right-label { |
|||
background: url(../images/align-right.png) no-repeat center right; |
|||
} |
|||
|
|||
tr.image-size td { |
|||
width: 460px; |
|||
} |
|||
|
|||
tr.image-size div.image-size-item { |
|||
margin: 0 0 5px; |
|||
} |
|||
|
|||
#library-form .progress, |
|||
#gallery-form .progress, |
|||
.insert-gallery, |
|||
.describe.startopen, |
|||
.describe.startclosed { |
|||
display: none; |
|||
} |
|||
|
|||
.media-item .thumbnail { |
|||
max-width: 128px; |
|||
max-height: 128px; |
|||
} |
|||
|
|||
thead.media-item-info tr { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.form-table thead.media-item-info { |
|||
border: 8px solid #fff; |
|||
} |
|||
|
|||
abbr.required { |
|||
text-decoration: none; |
|||
border: none; |
|||
} |
|||
|
|||
.describe label { |
|||
display: inline; |
|||
} |
|||
|
|||
.describe td.error { |
|||
padding: 2px 8px; |
|||
} |
|||
|
|||
.describe td.A1 { |
|||
width: 132px; |
|||
} |
|||
|
|||
.describe input[type="text"], |
|||
.describe textarea { |
|||
width: 460px; |
|||
border-width: 1px; |
|||
border-style: solid; |
|||
} |
|||
|
|||
/* Specific to Uploader */ |
|||
|
|||
#media-upload p.ml-submit { |
|||
padding: 1em 0; |
|||
} |
|||
|
|||
#media-upload p.help, |
|||
#media-upload label.help { |
|||
font-family: sans-serif; |
|||
font-style: italic; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
#media-upload .ui-sortable .media-item { |
|||
cursor: move; |
|||
} |
|||
|
|||
#media-upload tr.image-size { |
|||
margin-bottom: 1em; |
|||
height: 3em; |
|||
} |
|||
|
|||
#media-upload #filter { |
|||
width: 623px; |
|||
} |
|||
|
|||
#media-upload #filter .subsubsub { |
|||
margin: 8px 0; |
|||
} |
|||
|
|||
#filter .tablenav select { |
|||
border-style: solid; |
|||
border-width: 1px; |
|||
padding: 2px; |
|||
vertical-align: top; |
|||
width: auto; |
|||
} |
|||
|
|||
#media-upload .del-attachment { |
|||
display: none; |
|||
margin: 5px 0; |
|||
} |
|||
|
|||
.menu_order { |
|||
float: left; |
|||
font-size: 11px; |
|||
margin: 10px 10px 0; |
|||
} |
|||
|
|||
.menu_order_input { |
|||
border: 1px solid #ddd; |
|||
font-size: 10px; |
|||
padding: 1px; |
|||
width: 23px; |
|||
} |
|||
|
|||
.ui-sortable-helper { |
|||
background-color: #fff; |
|||
border: 1px solid #aaa; |
|||
opacity: 0.6; |
|||
filter: alpha(opacity=60); |
|||
} |
|||
|
|||
#media-upload th.order-head { |
|||
width: 20%; |
|||
text-align: center; |
|||
} |
|||
|
|||
#media-upload th.actions-head { |
|||
width: 25%; |
|||
text-align: center; |
|||
} |
|||
|
|||
#media-upload a.wp-post-thumbnail { |
|||
margin: 0 20px; |
|||
} |
|||
|
|||
#media-upload .widefat { |
|||
width: 626px; |
|||
border-style: solid solid none; |
|||
} |
|||
|
|||
.sorthelper { |
|||
height: 37px; |
|||
width: 623px; |
|||
display: block; |
|||
} |
|||
|
|||
#gallery-settings th.label { |
|||
width: 160px; |
|||
} |
|||
|
|||
#gallery-settings #basic th.label { |
|||
padding: 5px 0 5px 5px; |
|||
} |
|||
|
|||
#gallery-settings .title { |
|||
clear: both; |
|||
padding: 0 0 3px; |
|||
font-size: 1.6em; |
|||
border-bottom: 1px solid #DADADA; |
|||
} |
|||
|
|||
h3.media-title { |
|||
font-size: 1.6em; |
|||
} |
|||
|
|||
h4.media-sub-title { |
|||
border-bottom: 1px solid #DADADA; |
|||
font-size: 1.3em; |
|||
margin: 12px; |
|||
padding: 0 0 3px; |
|||
} |
|||
|
|||
#gallery-settings .title, |
|||
h3.media-title, |
|||
h4.media-sub-title { |
|||
font-family: Georgia,"Times New Roman",Times,serif; |
|||
font-weight: normal; |
|||
color: #5A5A5A; |
|||
} |
|||
|
|||
#gallery-settings .describe td { |
|||
vertical-align: middle; |
|||
height: 3em; |
|||
} |
|||
|
|||
#gallery-settings .describe th.label { |
|||
padding-top: .5em; |
|||
text-align: right; |
|||
} |
|||
|
|||
#gallery-settings .describe { |
|||
padding: 5px; |
|||
width: 615px; |
|||
clear: both; |
|||
cursor: default; |
|||
} |
|||
|
|||
#gallery-settings .describe select { |
|||
width: 15em; |
|||
} |
|||
|
|||
#gallery-settings .describe select option, |
|||
#gallery-settings .describe td { |
|||
padding: 0; |
|||
} |
|||
|
|||
#gallery-settings label, |
|||
#gallery-settings legend { |
|||
font-size: 13px; |
|||
color: #464646; |
|||
margin-left: 15px; |
|||
} |
|||
|
|||
#gallery-settings .align .field label { |
|||
margin: 0 3px 0 1em; |
|||
} |
|||
|
|||
#gallery-settings p.ml-submit { |
|||
border-top: 1px solid #dfdfdf; |
|||
} |
|||
|
|||
#gallery-settings select#columns { |
|||
width: 6em; |
|||
} |
|||
|
|||
#sort-buttons { |
|||
font-size: 0.8em; |
|||
margin: 3px 0 -8px 25px; |
|||
text-align: left; |
|||
max-width: 625px; |
|||
} |
|||
|
|||
#sort-buttons a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
#sort-buttons #asc, |
|||
#sort-buttons #showall { |
|||
padding-right: 5px; |
|||
} |
|||
|
|||
#sort-buttons span { |
|||
margin-left: 25px; |
|||
} |
|||
|
|||
p.media-types { |
|||
margin: 1em; |
|||
} |
|||
|
|||
tr.not-image { |
|||
display: none; |
|||
} |
|||
|
|||
table.not-image tr.not-image { |
|||
display: table-row; |
|||
} |
|||
|
|||
table.not-image tr.image-only { |
|||
display: none; |
|||
} |
|||
|
|||
/** |
|||
* HiDPI Displays |
|||
*/ |
|||
@media print, |
|||
(-o-min-device-pixel-ratio: 5/4), |
|||
(-webkit-min-device-pixel-ratio: 1.25), |
|||
(min-resolution: 120dpi) { |
|||
|
|||
.image-align-none-label { |
|||
background-image: url(../images/align-none-2x.png?ver=20120916); |
|||
-webkit-background-size: 21px 15px; |
|||
background-size: 21px 15px; |
|||
} |
|||
|
|||
.image-align-left-label { |
|||
background-image: url(../images/align-left-2x.png?ver=20120916); |
|||
-webkit-background-size: 22px 15px; |
|||
background-size: 22px 15px; |
|||
} |
|||
|
|||
.image-align-center-label { |
|||
background-image: url(../images/align-center-2x.png?ver=20120916); |
|||
-webkit-background-size: 21px 15px; |
|||
background-size: 21px 15px; |
|||
} |
|||
|
|||
.image-align-right-label { |
|||
background-image: url(../images/align-right-2x.png?ver=20120916); |
|||
-webkit-background-size: 22px 15px; |
|||
background-size: 22px 15px; |
|||
} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
div#media-upload-header{margin:0;padding:5px 5px 0;font-weight:700;position:relative;border-bottom:1px solid #dfdfdf;background:#f9f9f9}body#media-upload ul#sidemenu{font-weight:400;margin:0 5px;right:0;bottom:-1px;float:none;overflow:hidden}#media-upload:after{content:"";display:table;clear:both}#media-upload,#media-upload .media-item .slidetoggle{background:#fff}#media-upload .slidetoggle{border-top-color:#dfdfdf}#media-upload input[type=radio]{padding:0}form{margin:1em}#search-filter{text-align:left}th{position:relative}.media-upload-form label.form-help,td.help{font-family:sans-serif;font-style:italic;font-weight:400}.media-upload-form p.help{margin:0;padding:0}.media-upload-form fieldset{width:100%;border:0;text-align:justify;margin:0 0 1em;padding:0}.image-align-none-label{background:url(../images/align-none.png) no-repeat center right}.image-align-left-label{background:url(../images/align-left.png) no-repeat center right}.image-align-center-label{background:url(../images/align-center.png) no-repeat center right}.image-align-right-label{background:url(../images/align-right.png) no-repeat center right}tr.image-size td{width:460px}tr.image-size div.image-size-item{margin:0 0 5px}#gallery-form .progress,#library-form .progress,.describe.startclosed,.describe.startopen,.insert-gallery{display:none}.media-item .thumbnail{max-width:128px;max-height:128px}thead.media-item-info tr{background-color:transparent}.form-table thead.media-item-info{border:8px solid #fff}abbr.required{text-decoration:none;border:0}.describe label{display:inline}.describe td.error{padding:2px 8px}.describe td.A1{width:132px}.describe input[type=text],.describe textarea{width:460px;border-width:1px;border-style:solid}#media-upload p.ml-submit{padding:1em 0}#media-upload label.help,#media-upload p.help{font-family:sans-serif;font-style:italic;font-weight:400}#media-upload .ui-sortable .media-item{cursor:move}#media-upload tr.image-size{margin-bottom:1em;height:3em}#media-upload #filter{width:623px}#media-upload #filter .subsubsub{margin:8px 0}#filter .tablenav select{border-style:solid;border-width:1px;padding:2px;vertical-align:top;width:auto}#media-upload .del-attachment{display:none;margin:5px 0}.menu_order{float:left;font-size:11px;margin:10px 10px 0}.menu_order_input{border:1px solid #ddd;font-size:10px;padding:1px;width:23px}.ui-sortable-helper{background-color:#fff;border:1px solid #aaa;opacity:.6;filter:alpha(opacity=60)}#media-upload th.order-head{width:20%;text-align:center}#media-upload th.actions-head{width:25%;text-align:center}#media-upload a.wp-post-thumbnail{margin:0 20px}#media-upload .widefat{width:626px;border-style:solid solid none}.sorthelper{height:37px;width:623px;display:block}#gallery-settings th.label{width:160px}#gallery-settings #basic th.label{padding:5px 0 5px 5px}#gallery-settings .title{clear:both;padding:0 0 3px;font-size:1.6em;border-bottom:1px solid #DADADA}h3.media-title{font-size:1.6em}h4.media-sub-title{border-bottom:1px solid #DADADA;font-size:1.3em;margin:12px;padding:0 0 3px}#gallery-settings .title,h3.media-title,h4.media-sub-title{font-family:Georgia,"Times New Roman",Times,serif;font-weight:400;color:#5A5A5A}#gallery-settings .describe td{vertical-align:middle;height:3em}#gallery-settings .describe th.label{padding-top:.5em;text-align:right}#gallery-settings .describe{padding:5px;width:615px;clear:both;cursor:default}#gallery-settings .describe select{width:15em}#gallery-settings .describe select option,#gallery-settings .describe td{padding:0}#gallery-settings label,#gallery-settings legend{font-size:13px;color:#464646;margin-left:15px}#gallery-settings .align .field label{margin:0 3px 0 1em}#gallery-settings p.ml-submit{border-top:1px solid #dfdfdf}#gallery-settings select#columns{width:6em}#sort-buttons{font-size:.8em;margin:3px 0 -8px 25px;text-align:left;max-width:625px}#sort-buttons a{text-decoration:none}#sort-buttons #asc,#sort-buttons #showall{padding-right:5px}#sort-buttons span{margin-left:25px}p.media-types{margin:1em}tr.not-image{display:none}table.not-image tr.not-image{display:table-row}table.not-image tr.image-only{display:none}@media print,(-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.image-align-none-label{background-image:url(../images/align-none-2x.png?ver=20120916);-webkit-background-size:21px 15px;background-size:21px 15px}.image-align-left-label{background-image:url(../images/align-left-2x.png?ver=20120916);-webkit-background-size:22px 15px;background-size:22px 15px}.image-align-center-label{background-image:url(../images/align-center-2x.png?ver=20120916);-webkit-background-size:21px 15px;background-size:21px 15px}.image-align-right-label{background-image:url(../images/align-right-2x.png?ver=20120916);-webkit-background-size:22px 15px;background-size:22px 15px}} |
|||
@ -0,0 +1,376 @@ |
|||
/* Styles for the media library iframe (not used on the Library screen) */ |
|||
|
|||
div#media-upload-header { |
|||
margin: 0; |
|||
padding: 5px 5px 0; |
|||
font-weight: bold; |
|||
position: relative; |
|||
border-bottom: 1px solid #dfdfdf; |
|||
background: #f9f9f9; |
|||
} |
|||
|
|||
body#media-upload ul#sidemenu { |
|||
font-weight: normal; |
|||
margin: 0 5px; |
|||
left: 0; |
|||
bottom: -1px; |
|||
float: none; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
#media-upload:after { /* clearfix */ |
|||
content: ""; |
|||
display: table; |
|||
clear: both; |
|||
} |
|||
|
|||
#media-upload, |
|||
#media-upload .media-item .slidetoggle { |
|||
background: #fff; |
|||
} |
|||
|
|||
#media-upload .slidetoggle { |
|||
border-top-color: #dfdfdf; |
|||
} |
|||
|
|||
#media-upload input[type="radio"] { |
|||
padding: 0; |
|||
} |
|||
|
|||
form { |
|||
margin: 1em; |
|||
} |
|||
|
|||
#search-filter { |
|||
text-align: right; |
|||
} |
|||
|
|||
th { |
|||
position: relative; |
|||
} |
|||
|
|||
.media-upload-form label.form-help, td.help { |
|||
font-family: sans-serif; |
|||
font-style: italic; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.media-upload-form p.help { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.media-upload-form fieldset { |
|||
width: 100%; |
|||
border: none; |
|||
text-align: justify; |
|||
margin: 0 0 1em 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/* specific to the image upload form */ |
|||
|
|||
.image-align-none-label { |
|||
background: url(../images/align-none.png) no-repeat center left; |
|||
} |
|||
|
|||
.image-align-left-label { |
|||
background: url(../images/align-left.png) no-repeat center left; |
|||
} |
|||
|
|||
.image-align-center-label { |
|||
background: url(../images/align-center.png) no-repeat center left; |
|||
} |
|||
|
|||
.image-align-right-label { |
|||
background: url(../images/align-right.png) no-repeat center left; |
|||
} |
|||
|
|||
tr.image-size td { |
|||
width: 460px; |
|||
} |
|||
|
|||
tr.image-size div.image-size-item { |
|||
margin: 0 0 5px; |
|||
} |
|||
|
|||
#library-form .progress, |
|||
#gallery-form .progress, |
|||
.insert-gallery, |
|||
.describe.startopen, |
|||
.describe.startclosed { |
|||
display: none; |
|||
} |
|||
|
|||
.media-item .thumbnail { |
|||
max-width: 128px; |
|||
max-height: 128px; |
|||
} |
|||
|
|||
thead.media-item-info tr { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.form-table thead.media-item-info { |
|||
border: 8px solid #fff; |
|||
} |
|||
|
|||
abbr.required { |
|||
text-decoration: none; |
|||
border: none; |
|||
} |
|||
|
|||
.describe label { |
|||
display: inline; |
|||
} |
|||
|
|||
.describe td.error { |
|||
padding: 2px 8px; |
|||
} |
|||
|
|||
.describe td.A1 { |
|||
width: 132px; |
|||
} |
|||
|
|||
.describe input[type="text"], |
|||
.describe textarea { |
|||
width: 460px; |
|||
border-width: 1px; |
|||
border-style: solid; |
|||
} |
|||
|
|||
/* Specific to Uploader */ |
|||
|
|||
#media-upload p.ml-submit { |
|||
padding: 1em 0; |
|||
} |
|||
|
|||
#media-upload p.help, |
|||
#media-upload label.help { |
|||
font-family: sans-serif; |
|||
font-style: italic; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
#media-upload .ui-sortable .media-item { |
|||
cursor: move; |
|||
} |
|||
|
|||
#media-upload tr.image-size { |
|||
margin-bottom: 1em; |
|||
height: 3em; |
|||
} |
|||
|
|||
#media-upload #filter { |
|||
width: 623px; |
|||
} |
|||
|
|||
#media-upload #filter .subsubsub { |
|||
margin: 8px 0; |
|||
} |
|||
|
|||
#filter .tablenav select { |
|||
border-style: solid; |
|||
border-width: 1px; |
|||
padding: 2px; |
|||
vertical-align: top; |
|||
width: auto; |
|||
} |
|||
|
|||
#media-upload .del-attachment { |
|||
display: none; |
|||
margin: 5px 0; |
|||
} |
|||
|
|||
.menu_order { |
|||
float: right; |
|||
font-size: 11px; |
|||
margin: 10px 10px 0; |
|||
} |
|||
|
|||
.menu_order_input { |
|||
border: 1px solid #ddd; |
|||
font-size: 10px; |
|||
padding: 1px; |
|||
width: 23px; |
|||
} |
|||
|
|||
.ui-sortable-helper { |
|||
background-color: #fff; |
|||
border: 1px solid #aaa; |
|||
opacity: 0.6; |
|||
filter: alpha(opacity=60); |
|||
} |
|||
|
|||
#media-upload th.order-head { |
|||
width: 20%; |
|||
text-align: center; |
|||
} |
|||
|
|||
#media-upload th.actions-head { |
|||
width: 25%; |
|||
text-align: center; |
|||
} |
|||
|
|||
#media-upload a.wp-post-thumbnail { |
|||
margin: 0 20px; |
|||
} |
|||
|
|||
#media-upload .widefat { |
|||
width: 626px; |
|||
border-style: solid solid none; |
|||
} |
|||
|
|||
.sorthelper { |
|||
height: 37px; |
|||
width: 623px; |
|||
display: block; |
|||
} |
|||
|
|||
#gallery-settings th.label { |
|||
width: 160px; |
|||
} |
|||
|
|||
#gallery-settings #basic th.label { |
|||
padding: 5px 5px 5px 0; |
|||
} |
|||
|
|||
#gallery-settings .title { |
|||
clear: both; |
|||
padding: 0 0 3px; |
|||
font-size: 1.6em; |
|||
border-bottom: 1px solid #DADADA; |
|||
} |
|||
|
|||
h3.media-title { |
|||
font-size: 1.6em; |
|||
} |
|||
|
|||
h4.media-sub-title { |
|||
border-bottom: 1px solid #DADADA; |
|||
font-size: 1.3em; |
|||
margin: 12px; |
|||
padding: 0 0 3px; |
|||
} |
|||
|
|||
#gallery-settings .title, |
|||
h3.media-title, |
|||
h4.media-sub-title { |
|||
font-family: Georgia,"Times New Roman",Times,serif; |
|||
font-weight: normal; |
|||
color: #5A5A5A; |
|||
} |
|||
|
|||
#gallery-settings .describe td { |
|||
vertical-align: middle; |
|||
height: 3em; |
|||
} |
|||
|
|||
#gallery-settings .describe th.label { |
|||
padding-top: .5em; |
|||
text-align: left; |
|||
} |
|||
|
|||
#gallery-settings .describe { |
|||
padding: 5px; |
|||
width: 615px; |
|||
clear: both; |
|||
cursor: default; |
|||
} |
|||
|
|||
#gallery-settings .describe select { |
|||
width: 15em; |
|||
} |
|||
|
|||
#gallery-settings .describe select option, |
|||
#gallery-settings .describe td { |
|||
padding: 0; |
|||
} |
|||
|
|||
#gallery-settings label, |
|||
#gallery-settings legend { |
|||
font-size: 13px; |
|||
color: #464646; |
|||
margin-right: 15px; |
|||
} |
|||
|
|||
#gallery-settings .align .field label { |
|||
margin: 0 1em 0 3px; |
|||
} |
|||
|
|||
#gallery-settings p.ml-submit { |
|||
border-top: 1px solid #dfdfdf; |
|||
} |
|||
|
|||
#gallery-settings select#columns { |
|||
width: 6em; |
|||
} |
|||
|
|||
#sort-buttons { |
|||
font-size: 0.8em; |
|||
margin: 3px 25px -8px 0; |
|||
text-align: right; |
|||
max-width: 625px; |
|||
} |
|||
|
|||
#sort-buttons a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
#sort-buttons #asc, |
|||
#sort-buttons #showall { |
|||
padding-left: 5px; |
|||
} |
|||
|
|||
#sort-buttons span { |
|||
margin-right: 25px; |
|||
} |
|||
|
|||
p.media-types { |
|||
margin: 1em; |
|||
} |
|||
|
|||
tr.not-image { |
|||
display: none; |
|||
} |
|||
|
|||
table.not-image tr.not-image { |
|||
display: table-row; |
|||
} |
|||
|
|||
table.not-image tr.image-only { |
|||
display: none; |
|||
} |
|||
|
|||
/** |
|||
* HiDPI Displays |
|||
*/ |
|||
@media print, |
|||
(-o-min-device-pixel-ratio: 5/4), |
|||
(-webkit-min-device-pixel-ratio: 1.25), |
|||
(min-resolution: 120dpi) { |
|||
|
|||
.image-align-none-label { |
|||
background-image: url(../images/align-none-2x.png?ver=20120916); |
|||
-webkit-background-size: 21px 15px; |
|||
background-size: 21px 15px; |
|||
} |
|||
|
|||
.image-align-left-label { |
|||
background-image: url(../images/align-left-2x.png?ver=20120916); |
|||
-webkit-background-size: 22px 15px; |
|||
background-size: 22px 15px; |
|||
} |
|||
|
|||
.image-align-center-label { |
|||
background-image: url(../images/align-center-2x.png?ver=20120916); |
|||
-webkit-background-size: 21px 15px; |
|||
background-size: 21px 15px; |
|||
} |
|||
|
|||
.image-align-right-label { |
|||
background-image: url(../images/align-right-2x.png?ver=20120916); |
|||
-webkit-background-size: 22px 15px; |
|||
background-size: 22px 15px; |
|||
} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
div#media-upload-header{margin:0;padding:5px 5px 0;font-weight:700;position:relative;border-bottom:1px solid #dfdfdf;background:#f9f9f9}body#media-upload ul#sidemenu{font-weight:400;margin:0 5px;left:0;bottom:-1px;float:none;overflow:hidden}#media-upload:after{content:"";display:table;clear:both}#media-upload,#media-upload .media-item .slidetoggle{background:#fff}#media-upload .slidetoggle{border-top-color:#dfdfdf}#media-upload input[type=radio]{padding:0}form{margin:1em}#search-filter{text-align:right}th{position:relative}.media-upload-form label.form-help,td.help{font-family:sans-serif;font-style:italic;font-weight:400}.media-upload-form p.help{margin:0;padding:0}.media-upload-form fieldset{width:100%;border:0;text-align:justify;margin:0 0 1em;padding:0}.image-align-none-label{background:url(../images/align-none.png) no-repeat center left}.image-align-left-label{background:url(../images/align-left.png) no-repeat center left}.image-align-center-label{background:url(../images/align-center.png) no-repeat center left}.image-align-right-label{background:url(../images/align-right.png) no-repeat center left}tr.image-size td{width:460px}tr.image-size div.image-size-item{margin:0 0 5px}#gallery-form .progress,#library-form .progress,.describe.startclosed,.describe.startopen,.insert-gallery{display:none}.media-item .thumbnail{max-width:128px;max-height:128px}thead.media-item-info tr{background-color:transparent}.form-table thead.media-item-info{border:8px solid #fff}abbr.required{text-decoration:none;border:0}.describe label{display:inline}.describe td.error{padding:2px 8px}.describe td.A1{width:132px}.describe input[type=text],.describe textarea{width:460px;border-width:1px;border-style:solid}#media-upload p.ml-submit{padding:1em 0}#media-upload label.help,#media-upload p.help{font-family:sans-serif;font-style:italic;font-weight:400}#media-upload .ui-sortable .media-item{cursor:move}#media-upload tr.image-size{margin-bottom:1em;height:3em}#media-upload #filter{width:623px}#media-upload #filter .subsubsub{margin:8px 0}#filter .tablenav select{border-style:solid;border-width:1px;padding:2px;vertical-align:top;width:auto}#media-upload .del-attachment{display:none;margin:5px 0}.menu_order{float:right;font-size:11px;margin:10px 10px 0}.menu_order_input{border:1px solid #ddd;font-size:10px;padding:1px;width:23px}.ui-sortable-helper{background-color:#fff;border:1px solid #aaa;opacity:.6;filter:alpha(opacity=60)}#media-upload th.order-head{width:20%;text-align:center}#media-upload th.actions-head{width:25%;text-align:center}#media-upload a.wp-post-thumbnail{margin:0 20px}#media-upload .widefat{width:626px;border-style:solid solid none}.sorthelper{height:37px;width:623px;display:block}#gallery-settings th.label{width:160px}#gallery-settings #basic th.label{padding:5px 5px 5px 0}#gallery-settings .title{clear:both;padding:0 0 3px;font-size:1.6em;border-bottom:1px solid #DADADA}h3.media-title{font-size:1.6em}h4.media-sub-title{border-bottom:1px solid #DADADA;font-size:1.3em;margin:12px;padding:0 0 3px}#gallery-settings .title,h3.media-title,h4.media-sub-title{font-family:Georgia,"Times New Roman",Times,serif;font-weight:400;color:#5A5A5A}#gallery-settings .describe td{vertical-align:middle;height:3em}#gallery-settings .describe th.label{padding-top:.5em;text-align:left}#gallery-settings .describe{padding:5px;width:615px;clear:both;cursor:default}#gallery-settings .describe select{width:15em}#gallery-settings .describe select option,#gallery-settings .describe td{padding:0}#gallery-settings label,#gallery-settings legend{font-size:13px;color:#464646;margin-right:15px}#gallery-settings .align .field label{margin:0 1em 0 3px}#gallery-settings p.ml-submit{border-top:1px solid #dfdfdf}#gallery-settings select#columns{width:6em}#sort-buttons{font-size:.8em;margin:3px 25px -8px 0;text-align:right;max-width:625px}#sort-buttons a{text-decoration:none}#sort-buttons #asc,#sort-buttons #showall{padding-left:5px}#sort-buttons span{margin-right:25px}p.media-types{margin:1em}tr.not-image{display:none}table.not-image tr.not-image{display:table-row}table.not-image tr.image-only{display:none}@media print,(-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.image-align-none-label{background-image:url(../images/align-none-2x.png?ver=20120916);-webkit-background-size:21px 15px;background-size:21px 15px}.image-align-left-label{background-image:url(../images/align-left-2x.png?ver=20120916);-webkit-background-size:22px 15px;background-size:22px 15px}.image-align-center-label{background-image:url(../images/align-center-2x.png?ver=20120916);-webkit-background-size:21px 15px;background-size:21px 15px}.image-align-right-label{background-image:url(../images/align-right-2x.png?ver=20120916);-webkit-background-size:22px 15px;background-size:22px 15px}} |
|||
1423
sources/wp-admin/css/edit-rtl.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1423
sources/wp-admin/css/edit.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,41 @@ |
|||
|
|||
.farbtastic { |
|||
position: relative; |
|||
} |
|||
|
|||
.farbtastic * { |
|||
position: absolute; |
|||
cursor: crosshair; |
|||
} |
|||
|
|||
.farbtastic, |
|||
.farbtastic .wheel { |
|||
width: 195px; |
|||
height: 195px; |
|||
} |
|||
|
|||
.farbtastic .color, |
|||
.farbtastic .overlay { |
|||
top: 47px; |
|||
right: 47px; |
|||
width: 101px; |
|||
height: 101px; |
|||
} |
|||
|
|||
.farbtastic .wheel { |
|||
background: url(../images/wheel.png) no-repeat; |
|||
width: 195px; |
|||
height: 195px; |
|||
} |
|||
|
|||
.farbtastic .overlay { |
|||
background: url(../images/mask.png) no-repeat; |
|||
} |
|||
|
|||
.farbtastic .marker { |
|||
width: 17px; |
|||
height: 17px; |
|||
margin: -8px -8px 0 0; |
|||
overflow: hidden; |
|||
background: url(../images/marker.png) no-repeat; |
|||
} |
|||
@ -0,0 +1,977 @@ |
|||
/* include margin and padding in the width calculation of input and textarea */ |
|||
input, |
|||
input[type="text"], |
|||
input[type="password"], |
|||
input[type="number"], |
|||
input[type="search"], |
|||
input[type="email"], |
|||
input[type="url"], |
|||
textarea { |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
/* @noflip */ |
|||
input[type="email"], |
|||
input[type="url"] { |
|||
direction: ltr; |
|||
} |
|||
|
|||
input[type="checkbox"], |
|||
input[type="radio"] { |
|||
border: 1px solid #bbb; |
|||
background: #fff; |
|||
color: #555; |
|||
clear: none; |
|||
cursor: pointer; |
|||
display: inline-block; |
|||
line-height: 0; |
|||
height: 16px; |
|||
margin: -4px 0 0 4px; |
|||
outline: 0; |
|||
padding: 0 !important; |
|||
text-align: center; |
|||
vertical-align: middle; |
|||
width: 16px; |
|||
min-width: 16px; |
|||
-webkit-appearance: none; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
|||
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
|||
-webkit-transition: .05s border-color ease-in-out; |
|||
transition: .05s border-color ease-in-out; |
|||
} |
|||
|
|||
input[type="radio"]:checked + label:before { |
|||
color: #888; |
|||
} |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, |
|||
.wp-core-ui input[type="reset"]:active { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
td > input[type="checkbox"], |
|||
.wp-admin p input[type=checkbox], |
|||
.wp-admin p input[type=radio] { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
.wp-admin p label input[type=checkbox] { |
|||
margin-top: -4px; |
|||
} |
|||
|
|||
.wp-admin p label input[type=radio] { |
|||
margin-top: -2px; |
|||
} |
|||
|
|||
input[type=radio] { |
|||
-webkit-border-radius: 50%; |
|||
border-radius: 50%; |
|||
margin-left: 4px; |
|||
line-height: 10px; |
|||
} |
|||
|
|||
input[type=checkbox]:checked:before, |
|||
input[type=radio]:checked:before { |
|||
float: right; |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
width: 16px; |
|||
font: normal 21px/1 'dashicons'; |
|||
speak: none; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
input[type=checkbox]:checked:before { |
|||
content: '\f147'; |
|||
margin: -3px -4px 0 0; |
|||
color: #1e8cbe; |
|||
} |
|||
|
|||
input[type=radio]:checked:before { |
|||
content: '\2022'; |
|||
text-indent: -9999px; |
|||
-webkit-border-radius: 50px; |
|||
border-radius: 50px; |
|||
font-size: 24px; |
|||
width: 6px; |
|||
height: 6px; |
|||
margin: 4px; |
|||
line-height: 16px; |
|||
background-color: #1e8cbe; |
|||
} |
|||
|
|||
input.readonly, textarea.readonly { |
|||
background-color: #ddd; |
|||
} |
|||
|
|||
@-moz-document url-prefix() { |
|||
input[type=checkbox], |
|||
input[type=radio], |
|||
.form-table input.tog { |
|||
margin-bottom: -1px; |
|||
} |
|||
} |
|||
|
|||
/* Search */ |
|||
input[type="search"] { |
|||
-webkit-appearance: textfield; |
|||
} |
|||
|
|||
input[type="search"]::-webkit-search-decoration { |
|||
display: none; |
|||
} |
|||
|
|||
.ie8 input[type="password"] { |
|||
font-family: sans-serif; |
|||
} |
|||
|
|||
textarea, |
|||
input, |
|||
select, |
|||
button { |
|||
font-family: inherit; |
|||
font-size: inherit; |
|||
font-weight: inherit; |
|||
} |
|||
|
|||
textarea, |
|||
input, |
|||
select { |
|||
font-size: 14px; |
|||
padding: 3px 5px; |
|||
line-height: 15px; |
|||
-webkit-border-radius: 0; |
|||
border-radius: 0; /* Reset mobile webkit's default element styling */ |
|||
} |
|||
|
|||
textarea { |
|||
overflow: auto; |
|||
padding: 2px 6px; |
|||
line-height: 1.4; |
|||
} |
|||
|
|||
input[type="text"], |
|||
input[type="password"], |
|||
input[type="number"], |
|||
input[type="search"], |
|||
input[type="email"], |
|||
input[type="url"], |
|||
textarea, |
|||
select { |
|||
outline: 0; |
|||
} |
|||
|
|||
.wp-admin input[type="file"] { |
|||
padding: 3px 0; |
|||
} |
|||
|
|||
label { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
input, |
|||
select { |
|||
margin: 1px; |
|||
padding: 3px 5px; |
|||
} |
|||
|
|||
input.code { |
|||
padding-top: 6px; |
|||
} |
|||
|
|||
textarea.code { |
|||
line-height: 1.4; |
|||
padding: 4px 6px 1px 6px; |
|||
} |
|||
|
|||
textarea, |
|||
input[type="text"], |
|||
input[type="password"], |
|||
input[type="email"], |
|||
input[type="number"], |
|||
input[type="search"], |
|||
input[type="tel"], |
|||
input[type="url"], |
|||
select { |
|||
border: 1px solid #ddd; |
|||
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); |
|||
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); |
|||
background-color: #fff; |
|||
color: #333; |
|||
-webkit-transition: .05s border-color ease-in-out; |
|||
transition: .05s border-color ease-in-out; |
|||
} |
|||
|
|||
select[disabled] { |
|||
color: #7f7f7f; |
|||
} |
|||
|
|||
textarea:focus, |
|||
input[type="text"]:focus, |
|||
input[type="password"]:focus, |
|||
input[type="email"]:focus, |
|||
input[type="number"]:focus, |
|||
input[type="search"]:focus, |
|||
input[type="tel"]:focus, |
|||
input[type="url"]:focus, |
|||
input[type="checkbox"]:focus, |
|||
input[type="radio"]:focus, |
|||
select:focus { |
|||
border-color: #5b9dd9; |
|||
-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8); |
|||
box-shadow: 0 0 2px rgba(30,140,190,0.8); |
|||
} |
|||
|
|||
input[readonly] { |
|||
background-color: #eee; |
|||
} |
|||
|
|||
:-moz-placeholder, |
|||
.wp-core-ui :-moz-placeholder { |
|||
color: #a9a9a9; |
|||
} |
|||
|
|||
.form-invalid { |
|||
background-color: #ffebe8 !important; |
|||
} |
|||
|
|||
.form-invalid input, |
|||
.form-invalid select { |
|||
border-color: #c00 !important; |
|||
} |
|||
|
|||
.form-input-tip { |
|||
color: #666; |
|||
} |
|||
|
|||
input:disabled, |
|||
input.disabled, |
|||
textarea:disabled, |
|||
textarea.disabled { |
|||
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); |
|||
box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); |
|||
border-color: rgba(222, 222, 222, .75); |
|||
background: rgba(255, 255, 255, .5); |
|||
color: rgba(51, 51, 51, .5); |
|||
} |
|||
|
|||
input[type=checkbox]:disabled, |
|||
input[type=radio]:disabled, |
|||
input[type=checkbox]:disabled:checked:before, |
|||
input[type=radio]:disabled:checked:before { |
|||
opacity: 0.7; |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
2.0 - Forms |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
|
|||
.wp-admin select { |
|||
padding: 2px; |
|||
line-height: 28px; |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.wp-admin .button-cancel { |
|||
padding: 0 5px; |
|||
line-height: 2; |
|||
} |
|||
|
|||
.meta-box-sortables select { |
|||
max-width: 100%; |
|||
} |
|||
|
|||
.wp-admin select[multiple] { |
|||
height: auto; |
|||
} |
|||
|
|||
.submit { |
|||
padding: 1.5em 0; |
|||
margin: 5px 0; |
|||
-webkit-border-bottom-right-radius: 3px; |
|||
border-bottom-right-radius: 3px; |
|||
-webkit-border-bottom-left-radius: 3px; |
|||
border-bottom-left-radius: 3px; |
|||
border: none; |
|||
} |
|||
|
|||
form p.submit a.cancel:hover { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
p.submit { |
|||
text-align: right; |
|||
max-width: 100%; |
|||
margin-top: 20px; |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
.textright p.submit { |
|||
border: none; |
|||
text-align: left; |
|||
} |
|||
|
|||
table.form-table + p.submit, |
|||
table.form-table + input + p.submit, |
|||
table.form-table + input + input + p.submit { |
|||
border-top: none; |
|||
padding-top: 0; |
|||
} |
|||
|
|||
#minor-publishing-actions input, |
|||
#major-publishing-actions input, |
|||
#minor-publishing-actions .preview { |
|||
text-align: center; |
|||
} |
|||
|
|||
textarea.all-options, |
|||
input.all-options { |
|||
width: 250px; |
|||
} |
|||
|
|||
input.large-text, |
|||
textarea.large-text { |
|||
width: 99%; |
|||
} |
|||
|
|||
input.regular-text, |
|||
#adduser .form-field input { |
|||
width: 25em; |
|||
} |
|||
|
|||
input.small-text { |
|||
width: 50px; |
|||
padding: 1px 6px; |
|||
} |
|||
|
|||
input[type="number"].small-text { |
|||
width: 65px; |
|||
} |
|||
|
|||
#doaction, |
|||
#doaction2, |
|||
#post-query-submit { |
|||
margin: 1px 0 0 8px; |
|||
} |
|||
|
|||
.tablenav #changeit, |
|||
.tablenav #delete_all, |
|||
.tablenav #clear-recent-list { |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.tablenav .actions select { |
|||
float: right; |
|||
margin-left: 6px; |
|||
max-width: 200px; |
|||
} |
|||
|
|||
.ie8 .tablenav .actions select { |
|||
width: 155px; |
|||
} |
|||
|
|||
.ie8 .tablenav .actions select#cat { |
|||
width: 200px; |
|||
} |
|||
|
|||
#timezone_string option { |
|||
margin-right: 1em; |
|||
} |
|||
|
|||
#upload-form label { |
|||
color: #777; |
|||
} |
|||
|
|||
label, |
|||
#your-profile label + a { |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
fieldset label, |
|||
#your-profile label + a { |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.options-media-php label[for*="_size_"], |
|||
#misc-publishing-actions label { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
#misc-publishing-actions label[for="post_status"]:before { |
|||
content: '\f173'; |
|||
display: inline-block; |
|||
font: normal 20px/1 'dashicons'; |
|||
speak: none; |
|||
right: -1px; |
|||
padding: 0 0 0 5px; |
|||
position: relative; |
|||
top: 0; |
|||
text-decoration: none !important; |
|||
vertical-align: top; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
#pass-strength-result { |
|||
background-color: #eee; |
|||
border: 1px solid #ddd; |
|||
float: right; |
|||
margin: 13px 1px 5px 5px; |
|||
padding: 3px 5px; |
|||
text-align: center; |
|||
width: 200px; |
|||
display: none; |
|||
} |
|||
|
|||
#pass-strength-result.short { |
|||
background-color: #ffa0a0; |
|||
border-color: #f04040; |
|||
} |
|||
|
|||
#pass-strength-result.bad { |
|||
background-color: #ffb78c; |
|||
border-color: #ff853c; |
|||
} |
|||
|
|||
#pass-strength-result.good { |
|||
background-color: #ffec8b; |
|||
border-color: #fc0; |
|||
} |
|||
|
|||
#pass-strength-result.strong { |
|||
background-color: #c3ff88; |
|||
border-color: #8dff1c; |
|||
} |
|||
|
|||
.indicator-hint { |
|||
padding-top: 8px; |
|||
} |
|||
|
|||
p.search-box { |
|||
float: left; |
|||
margin: 0; |
|||
} |
|||
|
|||
.network-admin.themes-php p.search-box { |
|||
clear: right; |
|||
} |
|||
|
|||
.search-box input[name="s"], |
|||
#search-plugins input[name="s"], |
|||
.tagsdiv .newtag { |
|||
float: right; |
|||
height: 28px; |
|||
margin: 0 0 0 4px; |
|||
} |
|||
|
|||
input[type="text"].ui-autocomplete-loading { |
|||
background: transparent url(../images/loading.gif) no-repeat left center; |
|||
visibility: visible; |
|||
} |
|||
|
|||
ul#add-to-blog-users { |
|||
margin: 0 14px 0 0; |
|||
} |
|||
|
|||
.ui-autocomplete-input.open { |
|||
-webkit-border-bottom-left-radius: 0; |
|||
border-bottom-left-radius: 0; |
|||
-webkit-border-bottom-right-radius: 0; |
|||
border-bottom-right-radius: 0; |
|||
} |
|||
|
|||
.ui-autocomplete { |
|||
padding: 0; |
|||
margin: 0; |
|||
list-style: none; |
|||
position: absolute; |
|||
z-index: 10000; |
|||
-webkit-border-bottom-left-radius: 3px; |
|||
border-bottom-left-radius: 3px; |
|||
-webkit-border-bottom-right-radius: 3px; |
|||
border-bottom-right-radius: 3px; |
|||
border: 1px solid #aaa; |
|||
background-color: #efefef; |
|||
} |
|||
|
|||
.ui-autocomplete li { |
|||
margin-bottom: 0; |
|||
white-space: nowrap; |
|||
text-align: right; |
|||
} |
|||
|
|||
.ui-autocomplete li a { |
|||
display: block; |
|||
height: 100%; |
|||
padding: 4px 10px; |
|||
color: #444; |
|||
} |
|||
|
|||
.ui-autocomplete li a.ui-state-focus { |
|||
background-color: #ddd; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
15.0 - Comments Screen |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
.form-table { |
|||
border-collapse: collapse; |
|||
margin-top: 0.5em; |
|||
width: 100%; |
|||
clear: both; |
|||
} |
|||
|
|||
.form-table, |
|||
.form-table td, |
|||
.form-table th, |
|||
.form-table td p, |
|||
.form-wrap label { |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.form-table td { |
|||
margin-bottom: 9px; |
|||
padding: 15px 10px; |
|||
line-height: 1.3; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.form-table th, |
|||
.form-wrap label { |
|||
color: #222; |
|||
font-weight: normal; |
|||
text-shadow: none; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
.form-table th { |
|||
vertical-align: top; |
|||
text-align: right; |
|||
padding: 20px 0 20px 10px; |
|||
width: 200px; |
|||
line-height: 1.3; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.form-table th.th-full { |
|||
width: auto; |
|||
font-weight: 400; |
|||
} |
|||
|
|||
.form-table td p { |
|||
margin-top: 4px; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.form-table td fieldset label { |
|||
margin: 0.25em 0 0.5em !important; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.form-table td fieldset label, |
|||
.form-table td fieldset p, |
|||
.form-table td fieldset li { |
|||
line-height: 1.4em; |
|||
} |
|||
|
|||
.form-table input.tog, |
|||
.form-table input[type=radio] { |
|||
margin-top: -4px; |
|||
margin-left: 4px; |
|||
float: none; |
|||
} |
|||
|
|||
.form-table .pre { |
|||
padding: 8px; |
|||
margin: 0; |
|||
} |
|||
|
|||
table.form-table td .updated { |
|||
font-size: 13px; |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
18.0 - Users |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
#profile-page .form-table textarea { |
|||
width: 500px; |
|||
margin-bottom: 6px; |
|||
} |
|||
|
|||
#profile-page .form-table #rich_editing { |
|||
margin-left: 5px |
|||
} |
|||
|
|||
#your-profile legend { |
|||
font-size: 22px; |
|||
} |
|||
|
|||
#display_name { |
|||
width: 15em; |
|||
} |
|||
|
|||
#createuser .form-field input { |
|||
width: 25em; |
|||
} |
|||
|
|||
.color-option { |
|||
display: inline-block; |
|||
width: 24%; |
|||
padding: 5px 15px 15px; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
margin-bottom: 3px; |
|||
} |
|||
|
|||
.color-option:hover, |
|||
.color-option.selected { |
|||
background: #ddd; |
|||
} |
|||
|
|||
.color-palette { |
|||
width: 100%; |
|||
border-spacing: 0; |
|||
border-collapse: collapse; |
|||
} |
|||
.color-palette td { |
|||
height: 20px; |
|||
padding: 0; |
|||
border: none; |
|||
} |
|||
|
|||
.color-option { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
19.0 - Tools |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
.tool-box .title { |
|||
margin: 8px 0; |
|||
font-size: 18px; |
|||
font-weight: normal; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.pressthis { |
|||
margin: 20px 0; |
|||
} |
|||
|
|||
.pressthis a, |
|||
.pressthis a:hover, |
|||
.pressthis a:focus, |
|||
.pressthis a:active { |
|||
display: inline-block; |
|||
position: relative; |
|||
cursor: move; |
|||
color: #333; |
|||
background: #e6e6e6; |
|||
-webkit-border-radius: 5px; |
|||
border-radius: 5px; |
|||
border: 1px solid #b4b4b4; |
|||
font-style: normal; |
|||
line-height: 16px; |
|||
font-size: 14px; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.pressthis a:active { |
|||
outline: none; |
|||
} |
|||
|
|||
.pressthis a:hover:after { |
|||
-webkit-transform: skew(20deg) rotate(9deg); |
|||
-ms-transform: skew(20deg) rotate(9deg); |
|||
transform: skew(20deg) rotate(9deg); |
|||
-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); |
|||
box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); |
|||
} |
|||
|
|||
.pressthis a span { |
|||
display: inline-block; |
|||
margin: 0px 0 0; |
|||
padding: 0px 9px 8px 12px; |
|||
} |
|||
|
|||
.pressthis a span:before { |
|||
color: #777; |
|||
font: normal 20px/1 'dashicons'; |
|||
content:'\f157'; |
|||
position: relative; |
|||
display: inline-block; |
|||
top: 4px; |
|||
margin-left: 4px; |
|||
} |
|||
|
|||
.pressthis a:after { |
|||
content: ''; |
|||
width: 70%; |
|||
height: 55%; |
|||
z-index: -1; |
|||
position: absolute; |
|||
left: 10px; |
|||
bottom: 9px; |
|||
background: transparent; |
|||
-webkit-transform: skew(20deg) rotate(6deg); |
|||
-ms-transform: skew(20deg) rotate(6deg); |
|||
transform: skew(20deg) rotate(6deg); |
|||
-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); |
|||
box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
20.0 - Settings |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
#utc-time, #local-time { |
|||
padding-right: 25px; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.defaultavatarpicker .avatar { |
|||
margin: 2px 0; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.options-general-php .spinner { |
|||
float: none; |
|||
margin: -3px 3px; |
|||
} |
|||
|
|||
/* =Media Queries |
|||
-------------------------------------------------------------- */ |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
/* Input Elements */ |
|||
textarea { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
input[type=text], input[type=search], |
|||
input[type=password], input[type=number] { |
|||
-webkit-appearance: none; |
|||
padding: 6px 10px; |
|||
} |
|||
|
|||
input.code { |
|||
padding-bottom: 5px; |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
input[type=checkbox], .widefat th input[type=checkbox] { |
|||
-webkit-appearance: none; |
|||
padding: 10px; |
|||
} |
|||
|
|||
.widefat th input[type=checkbox] { |
|||
margin-bottom: 8px; |
|||
} |
|||
|
|||
input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before { |
|||
font: normal 30px/1 'Dashicons'; |
|||
margin: -3px -5px; |
|||
} |
|||
|
|||
input[type=radio], |
|||
input[type=checkbox] { |
|||
height: 25px; |
|||
width: 25px; |
|||
} |
|||
|
|||
.wp-admin p input[type=checkbox], |
|||
.wp-admin p input[type=radio] { |
|||
margin-top: -3px; |
|||
} |
|||
|
|||
input[type=radio]:checked:before { |
|||
vertical-align: middle; |
|||
width: 9px; |
|||
height: 9px; |
|||
margin: 7px; |
|||
line-height: 16px; |
|||
} |
|||
|
|||
.wp-upload-form input[type=submit] { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
#wpbody select { |
|||
height: 36px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wp-admin .button-cancel { |
|||
padding: 0; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
#createuser .form-field input { |
|||
width: 100%; |
|||
} |
|||
|
|||
.form-table { |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.form-table th, |
|||
.form-table td { |
|||
display: block; |
|||
width: auto; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.form-table .color-palette td { |
|||
display: table-cell; |
|||
width: 15px; |
|||
} |
|||
|
|||
.form-table table.color-palette { |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
textarea, |
|||
input { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.form-table td input[type="text"], |
|||
.form-table td input[type="password"], |
|||
.form-table td select, |
|||
.form-table td textarea, |
|||
.form-table span.description, |
|||
#profile-page .form-table textarea { |
|||
width: 100%; |
|||
font-size: 16px; |
|||
line-height: 1.5; |
|||
padding: 7px 10px; |
|||
display: block; |
|||
max-width: none; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
input[type=text].small-text, |
|||
input[type=search].small-text, |
|||
input[type=password].small-text, |
|||
input[type=number].small-text, |
|||
input[type="number"].small-text, |
|||
.form-table input[type=text].small-text { |
|||
width: auto; |
|||
max-width: 55px; |
|||
display: inline; |
|||
padding: 3px 6px; |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
#pass-strength-result { |
|||
width: 100%; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
padding: 8px; |
|||
} |
|||
|
|||
p.search-box { |
|||
float: none; |
|||
position: absolute; |
|||
bottom: 0; |
|||
width: 98%; |
|||
height: 90px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
p.search-box input[name="s"] { |
|||
height: auto; |
|||
float: none; |
|||
width: 100%; |
|||
margin-bottom: 10px; |
|||
vertical-align: middle; |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
p.search-box input[type="submit"] { |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.form-table span.description { |
|||
padding: 4px 0 0; |
|||
line-height: 1.4em; |
|||
} |
|||
|
|||
.form-table th { |
|||
padding-top: 10px; |
|||
padding-bottom: 0; |
|||
border-bottom: 0; |
|||
} |
|||
|
|||
.form-table td { |
|||
padding-top: 8px; |
|||
padding-right: 0; |
|||
} |
|||
|
|||
.form-table input.regular-text { |
|||
width: 100%; |
|||
} |
|||
|
|||
.form-table label { |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.form-table fieldset label { |
|||
display: block; |
|||
} |
|||
|
|||
#utc-time { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
#utc-time, |
|||
#local-time { |
|||
display: block; |
|||
float: none; |
|||
padding: 0; |
|||
line-height: 2; |
|||
} |
|||
} |
|||
|
|||
@media only screen and (max-width: 768px) { |
|||
.form-field input, |
|||
.form-field textarea { |
|||
width: 99%; |
|||
} |
|||
|
|||
.form-wrap .form-field { |
|||
padding:0; |
|||
} |
|||
|
|||
/* users */ |
|||
#profile-page .form-table textarea { |
|||
max-width: 400px; |
|||
width: auto; |
|||
} |
|||
} |
|||
|
|||
/* Smartphone */ |
|||
@media screen and (max-width: 600px) { |
|||
/* Color Picker Options */ |
|||
.color-option { |
|||
width: 49%; |
|||
} |
|||
} |
|||
|
|||
@ -0,0 +1,977 @@ |
|||
/* include margin and padding in the width calculation of input and textarea */ |
|||
input, |
|||
input[type="text"], |
|||
input[type="password"], |
|||
input[type="number"], |
|||
input[type="search"], |
|||
input[type="email"], |
|||
input[type="url"], |
|||
textarea { |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
/* @noflip */ |
|||
input[type="email"], |
|||
input[type="url"] { |
|||
direction: ltr; |
|||
} |
|||
|
|||
input[type="checkbox"], |
|||
input[type="radio"] { |
|||
border: 1px solid #bbb; |
|||
background: #fff; |
|||
color: #555; |
|||
clear: none; |
|||
cursor: pointer; |
|||
display: inline-block; |
|||
line-height: 0; |
|||
height: 16px; |
|||
margin: -4px 4px 0 0; |
|||
outline: 0; |
|||
padding: 0 !important; |
|||
text-align: center; |
|||
vertical-align: middle; |
|||
width: 16px; |
|||
min-width: 16px; |
|||
-webkit-appearance: none; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
|||
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
|||
-webkit-transition: .05s border-color ease-in-out; |
|||
transition: .05s border-color ease-in-out; |
|||
} |
|||
|
|||
input[type="radio"]:checked + label:before { |
|||
color: #888; |
|||
} |
|||
|
|||
.wp-core-ui input[type="reset"]:hover, |
|||
.wp-core-ui input[type="reset"]:active { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
td > input[type="checkbox"], |
|||
.wp-admin p input[type=checkbox], |
|||
.wp-admin p input[type=radio] { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
.wp-admin p label input[type=checkbox] { |
|||
margin-top: -4px; |
|||
} |
|||
|
|||
.wp-admin p label input[type=radio] { |
|||
margin-top: -2px; |
|||
} |
|||
|
|||
input[type=radio] { |
|||
-webkit-border-radius: 50%; |
|||
border-radius: 50%; |
|||
margin-right: 4px; |
|||
line-height: 10px; |
|||
} |
|||
|
|||
input[type=checkbox]:checked:before, |
|||
input[type=radio]:checked:before { |
|||
float: left; |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
width: 16px; |
|||
font: normal 21px/1 'dashicons'; |
|||
speak: none; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
input[type=checkbox]:checked:before { |
|||
content: '\f147'; |
|||
margin: -3px 0 0 -4px; |
|||
color: #1e8cbe; |
|||
} |
|||
|
|||
input[type=radio]:checked:before { |
|||
content: '\2022'; |
|||
text-indent: -9999px; |
|||
-webkit-border-radius: 50px; |
|||
border-radius: 50px; |
|||
font-size: 24px; |
|||
width: 6px; |
|||
height: 6px; |
|||
margin: 4px; |
|||
line-height: 16px; |
|||
background-color: #1e8cbe; |
|||
} |
|||
|
|||
input.readonly, textarea.readonly { |
|||
background-color: #ddd; |
|||
} |
|||
|
|||
@-moz-document url-prefix() { |
|||
input[type=checkbox], |
|||
input[type=radio], |
|||
.form-table input.tog { |
|||
margin-bottom: -1px; |
|||
} |
|||
} |
|||
|
|||
/* Search */ |
|||
input[type="search"] { |
|||
-webkit-appearance: textfield; |
|||
} |
|||
|
|||
input[type="search"]::-webkit-search-decoration { |
|||
display: none; |
|||
} |
|||
|
|||
.ie8 input[type="password"] { |
|||
font-family: sans-serif; |
|||
} |
|||
|
|||
textarea, |
|||
input, |
|||
select, |
|||
button { |
|||
font-family: inherit; |
|||
font-size: inherit; |
|||
font-weight: inherit; |
|||
} |
|||
|
|||
textarea, |
|||
input, |
|||
select { |
|||
font-size: 14px; |
|||
padding: 3px 5px; |
|||
line-height: 15px; |
|||
-webkit-border-radius: 0; |
|||
border-radius: 0; /* Reset mobile webkit's default element styling */ |
|||
} |
|||
|
|||
textarea { |
|||
overflow: auto; |
|||
padding: 2px 6px; |
|||
line-height: 1.4; |
|||
} |
|||
|
|||
input[type="text"], |
|||
input[type="password"], |
|||
input[type="number"], |
|||
input[type="search"], |
|||
input[type="email"], |
|||
input[type="url"], |
|||
textarea, |
|||
select { |
|||
outline: 0; |
|||
} |
|||
|
|||
.wp-admin input[type="file"] { |
|||
padding: 3px 0; |
|||
} |
|||
|
|||
label { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
input, |
|||
select { |
|||
margin: 1px; |
|||
padding: 3px 5px; |
|||
} |
|||
|
|||
input.code { |
|||
padding-top: 6px; |
|||
} |
|||
|
|||
textarea.code { |
|||
line-height: 1.4; |
|||
padding: 4px 6px 1px 6px; |
|||
} |
|||
|
|||
textarea, |
|||
input[type="text"], |
|||
input[type="password"], |
|||
input[type="email"], |
|||
input[type="number"], |
|||
input[type="search"], |
|||
input[type="tel"], |
|||
input[type="url"], |
|||
select { |
|||
border: 1px solid #ddd; |
|||
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); |
|||
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); |
|||
background-color: #fff; |
|||
color: #333; |
|||
-webkit-transition: .05s border-color ease-in-out; |
|||
transition: .05s border-color ease-in-out; |
|||
} |
|||
|
|||
select[disabled] { |
|||
color: #7f7f7f; |
|||
} |
|||
|
|||
textarea:focus, |
|||
input[type="text"]:focus, |
|||
input[type="password"]:focus, |
|||
input[type="email"]:focus, |
|||
input[type="number"]:focus, |
|||
input[type="search"]:focus, |
|||
input[type="tel"]:focus, |
|||
input[type="url"]:focus, |
|||
input[type="checkbox"]:focus, |
|||
input[type="radio"]:focus, |
|||
select:focus { |
|||
border-color: #5b9dd9; |
|||
-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8); |
|||
box-shadow: 0 0 2px rgba(30,140,190,0.8); |
|||
} |
|||
|
|||
input[readonly] { |
|||
background-color: #eee; |
|||
} |
|||
|
|||
:-moz-placeholder, |
|||
.wp-core-ui :-moz-placeholder { |
|||
color: #a9a9a9; |
|||
} |
|||
|
|||
.form-invalid { |
|||
background-color: #ffebe8 !important; |
|||
} |
|||
|
|||
.form-invalid input, |
|||
.form-invalid select { |
|||
border-color: #c00 !important; |
|||
} |
|||
|
|||
.form-input-tip { |
|||
color: #666; |
|||
} |
|||
|
|||
input:disabled, |
|||
input.disabled, |
|||
textarea:disabled, |
|||
textarea.disabled { |
|||
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); |
|||
box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); |
|||
border-color: rgba(222, 222, 222, .75); |
|||
background: rgba(255, 255, 255, .5); |
|||
color: rgba(51, 51, 51, .5); |
|||
} |
|||
|
|||
input[type=checkbox]:disabled, |
|||
input[type=radio]:disabled, |
|||
input[type=checkbox]:disabled:checked:before, |
|||
input[type=radio]:disabled:checked:before { |
|||
opacity: 0.7; |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
2.0 - Forms |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
|
|||
.wp-admin select { |
|||
padding: 2px; |
|||
line-height: 28px; |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.wp-admin .button-cancel { |
|||
padding: 0 5px; |
|||
line-height: 2; |
|||
} |
|||
|
|||
.meta-box-sortables select { |
|||
max-width: 100%; |
|||
} |
|||
|
|||
.wp-admin select[multiple] { |
|||
height: auto; |
|||
} |
|||
|
|||
.submit { |
|||
padding: 1.5em 0; |
|||
margin: 5px 0; |
|||
-webkit-border-bottom-left-radius: 3px; |
|||
border-bottom-left-radius: 3px; |
|||
-webkit-border-bottom-right-radius: 3px; |
|||
border-bottom-right-radius: 3px; |
|||
border: none; |
|||
} |
|||
|
|||
form p.submit a.cancel:hover { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
p.submit { |
|||
text-align: left; |
|||
max-width: 100%; |
|||
margin-top: 20px; |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
.textright p.submit { |
|||
border: none; |
|||
text-align: right; |
|||
} |
|||
|
|||
table.form-table + p.submit, |
|||
table.form-table + input + p.submit, |
|||
table.form-table + input + input + p.submit { |
|||
border-top: none; |
|||
padding-top: 0; |
|||
} |
|||
|
|||
#minor-publishing-actions input, |
|||
#major-publishing-actions input, |
|||
#minor-publishing-actions .preview { |
|||
text-align: center; |
|||
} |
|||
|
|||
textarea.all-options, |
|||
input.all-options { |
|||
width: 250px; |
|||
} |
|||
|
|||
input.large-text, |
|||
textarea.large-text { |
|||
width: 99%; |
|||
} |
|||
|
|||
input.regular-text, |
|||
#adduser .form-field input { |
|||
width: 25em; |
|||
} |
|||
|
|||
input.small-text { |
|||
width: 50px; |
|||
padding: 1px 6px; |
|||
} |
|||
|
|||
input[type="number"].small-text { |
|||
width: 65px; |
|||
} |
|||
|
|||
#doaction, |
|||
#doaction2, |
|||
#post-query-submit { |
|||
margin: 1px 8px 0 0; |
|||
} |
|||
|
|||
.tablenav #changeit, |
|||
.tablenav #delete_all, |
|||
.tablenav #clear-recent-list { |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.tablenav .actions select { |
|||
float: left; |
|||
margin-right: 6px; |
|||
max-width: 200px; |
|||
} |
|||
|
|||
.ie8 .tablenav .actions select { |
|||
width: 155px; |
|||
} |
|||
|
|||
.ie8 .tablenav .actions select#cat { |
|||
width: 200px; |
|||
} |
|||
|
|||
#timezone_string option { |
|||
margin-left: 1em; |
|||
} |
|||
|
|||
#upload-form label { |
|||
color: #777; |
|||
} |
|||
|
|||
label, |
|||
#your-profile label + a { |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
fieldset label, |
|||
#your-profile label + a { |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.options-media-php label[for*="_size_"], |
|||
#misc-publishing-actions label { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
#misc-publishing-actions label[for="post_status"]:before { |
|||
content: '\f173'; |
|||
display: inline-block; |
|||
font: normal 20px/1 'dashicons'; |
|||
speak: none; |
|||
left: -1px; |
|||
padding: 0 5px 0 0; |
|||
position: relative; |
|||
top: 0; |
|||
text-decoration: none !important; |
|||
vertical-align: top; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
#pass-strength-result { |
|||
background-color: #eee; |
|||
border: 1px solid #ddd; |
|||
float: left; |
|||
margin: 13px 5px 5px 1px; |
|||
padding: 3px 5px; |
|||
text-align: center; |
|||
width: 200px; |
|||
display: none; |
|||
} |
|||
|
|||
#pass-strength-result.short { |
|||
background-color: #ffa0a0; |
|||
border-color: #f04040; |
|||
} |
|||
|
|||
#pass-strength-result.bad { |
|||
background-color: #ffb78c; |
|||
border-color: #ff853c; |
|||
} |
|||
|
|||
#pass-strength-result.good { |
|||
background-color: #ffec8b; |
|||
border-color: #fc0; |
|||
} |
|||
|
|||
#pass-strength-result.strong { |
|||
background-color: #c3ff88; |
|||
border-color: #8dff1c; |
|||
} |
|||
|
|||
.indicator-hint { |
|||
padding-top: 8px; |
|||
} |
|||
|
|||
p.search-box { |
|||
float: right; |
|||
margin: 0; |
|||
} |
|||
|
|||
.network-admin.themes-php p.search-box { |
|||
clear: left; |
|||
} |
|||
|
|||
.search-box input[name="s"], |
|||
#search-plugins input[name="s"], |
|||
.tagsdiv .newtag { |
|||
float: left; |
|||
height: 28px; |
|||
margin: 0 4px 0 0; |
|||
} |
|||
|
|||
input[type="text"].ui-autocomplete-loading { |
|||
background: transparent url(../images/loading.gif) no-repeat right center; |
|||
visibility: visible; |
|||
} |
|||
|
|||
ul#add-to-blog-users { |
|||
margin: 0 0 0 14px; |
|||
} |
|||
|
|||
.ui-autocomplete-input.open { |
|||
-webkit-border-bottom-right-radius: 0; |
|||
border-bottom-right-radius: 0; |
|||
-webkit-border-bottom-left-radius: 0; |
|||
border-bottom-left-radius: 0; |
|||
} |
|||
|
|||
.ui-autocomplete { |
|||
padding: 0; |
|||
margin: 0; |
|||
list-style: none; |
|||
position: absolute; |
|||
z-index: 10000; |
|||
-webkit-border-bottom-right-radius: 3px; |
|||
border-bottom-right-radius: 3px; |
|||
-webkit-border-bottom-left-radius: 3px; |
|||
border-bottom-left-radius: 3px; |
|||
border: 1px solid #aaa; |
|||
background-color: #efefef; |
|||
} |
|||
|
|||
.ui-autocomplete li { |
|||
margin-bottom: 0; |
|||
white-space: nowrap; |
|||
text-align: left; |
|||
} |
|||
|
|||
.ui-autocomplete li a { |
|||
display: block; |
|||
height: 100%; |
|||
padding: 4px 10px; |
|||
color: #444; |
|||
} |
|||
|
|||
.ui-autocomplete li a.ui-state-focus { |
|||
background-color: #ddd; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
15.0 - Comments Screen |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
.form-table { |
|||
border-collapse: collapse; |
|||
margin-top: 0.5em; |
|||
width: 100%; |
|||
clear: both; |
|||
} |
|||
|
|||
.form-table, |
|||
.form-table td, |
|||
.form-table th, |
|||
.form-table td p, |
|||
.form-wrap label { |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.form-table td { |
|||
margin-bottom: 9px; |
|||
padding: 15px 10px; |
|||
line-height: 1.3; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.form-table th, |
|||
.form-wrap label { |
|||
color: #222; |
|||
font-weight: normal; |
|||
text-shadow: none; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
.form-table th { |
|||
vertical-align: top; |
|||
text-align: left; |
|||
padding: 20px 10px 20px 0; |
|||
width: 200px; |
|||
line-height: 1.3; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.form-table th.th-full { |
|||
width: auto; |
|||
font-weight: 400; |
|||
} |
|||
|
|||
.form-table td p { |
|||
margin-top: 4px; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.form-table td fieldset label { |
|||
margin: 0.25em 0 0.5em !important; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.form-table td fieldset label, |
|||
.form-table td fieldset p, |
|||
.form-table td fieldset li { |
|||
line-height: 1.4em; |
|||
} |
|||
|
|||
.form-table input.tog, |
|||
.form-table input[type=radio] { |
|||
margin-top: -4px; |
|||
margin-right: 4px; |
|||
float: none; |
|||
} |
|||
|
|||
.form-table .pre { |
|||
padding: 8px; |
|||
margin: 0; |
|||
} |
|||
|
|||
table.form-table td .updated { |
|||
font-size: 13px; |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
18.0 - Users |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
#profile-page .form-table textarea { |
|||
width: 500px; |
|||
margin-bottom: 6px; |
|||
} |
|||
|
|||
#profile-page .form-table #rich_editing { |
|||
margin-right: 5px |
|||
} |
|||
|
|||
#your-profile legend { |
|||
font-size: 22px; |
|||
} |
|||
|
|||
#display_name { |
|||
width: 15em; |
|||
} |
|||
|
|||
#createuser .form-field input { |
|||
width: 25em; |
|||
} |
|||
|
|||
.color-option { |
|||
display: inline-block; |
|||
width: 24%; |
|||
padding: 5px 15px 15px; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
margin-bottom: 3px; |
|||
} |
|||
|
|||
.color-option:hover, |
|||
.color-option.selected { |
|||
background: #ddd; |
|||
} |
|||
|
|||
.color-palette { |
|||
width: 100%; |
|||
border-spacing: 0; |
|||
border-collapse: collapse; |
|||
} |
|||
.color-palette td { |
|||
height: 20px; |
|||
padding: 0; |
|||
border: none; |
|||
} |
|||
|
|||
.color-option { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
19.0 - Tools |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
.tool-box .title { |
|||
margin: 8px 0; |
|||
font-size: 18px; |
|||
font-weight: normal; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.pressthis { |
|||
margin: 20px 0; |
|||
} |
|||
|
|||
.pressthis a, |
|||
.pressthis a:hover, |
|||
.pressthis a:focus, |
|||
.pressthis a:active { |
|||
display: inline-block; |
|||
position: relative; |
|||
cursor: move; |
|||
color: #333; |
|||
background: #e6e6e6; |
|||
-webkit-border-radius: 5px; |
|||
border-radius: 5px; |
|||
border: 1px solid #b4b4b4; |
|||
font-style: normal; |
|||
line-height: 16px; |
|||
font-size: 14px; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.pressthis a:active { |
|||
outline: none; |
|||
} |
|||
|
|||
.pressthis a:hover:after { |
|||
-webkit-transform: skew(20deg) rotate(9deg); |
|||
-ms-transform: skew(20deg) rotate(9deg); |
|||
transform: skew(20deg) rotate(9deg); |
|||
-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); |
|||
box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); |
|||
} |
|||
|
|||
.pressthis a span { |
|||
display: inline-block; |
|||
margin: 0px 0 0; |
|||
padding: 0px 12px 8px 9px; |
|||
} |
|||
|
|||
.pressthis a span:before { |
|||
color: #777; |
|||
font: normal 20px/1 'dashicons'; |
|||
content:'\f157'; |
|||
position: relative; |
|||
display: inline-block; |
|||
top: 4px; |
|||
margin-right: 4px; |
|||
} |
|||
|
|||
.pressthis a:after { |
|||
content: ''; |
|||
width: 70%; |
|||
height: 55%; |
|||
z-index: -1; |
|||
position: absolute; |
|||
right: 10px; |
|||
bottom: 9px; |
|||
background: transparent; |
|||
-webkit-transform: skew(20deg) rotate(6deg); |
|||
-ms-transform: skew(20deg) rotate(6deg); |
|||
transform: skew(20deg) rotate(6deg); |
|||
-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); |
|||
box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); |
|||
} |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
20.0 - Settings |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
#utc-time, #local-time { |
|||
padding-left: 25px; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.defaultavatarpicker .avatar { |
|||
margin: 2px 0; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.options-general-php .spinner { |
|||
float: none; |
|||
margin: -3px 3px; |
|||
} |
|||
|
|||
/* =Media Queries |
|||
-------------------------------------------------------------- */ |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
/* Input Elements */ |
|||
textarea { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
input[type=text], input[type=search], |
|||
input[type=password], input[type=number] { |
|||
-webkit-appearance: none; |
|||
padding: 6px 10px; |
|||
} |
|||
|
|||
input.code { |
|||
padding-bottom: 5px; |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
input[type=checkbox], .widefat th input[type=checkbox] { |
|||
-webkit-appearance: none; |
|||
padding: 10px; |
|||
} |
|||
|
|||
.widefat th input[type=checkbox] { |
|||
margin-bottom: 8px; |
|||
} |
|||
|
|||
input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before { |
|||
font: normal 30px/1 'Dashicons'; |
|||
margin: -3px -5px; |
|||
} |
|||
|
|||
input[type=radio], |
|||
input[type=checkbox] { |
|||
height: 25px; |
|||
width: 25px; |
|||
} |
|||
|
|||
.wp-admin p input[type=checkbox], |
|||
.wp-admin p input[type=radio] { |
|||
margin-top: -3px; |
|||
} |
|||
|
|||
input[type=radio]:checked:before { |
|||
vertical-align: middle; |
|||
width: 9px; |
|||
height: 9px; |
|||
margin: 7px; |
|||
line-height: 16px; |
|||
} |
|||
|
|||
.wp-upload-form input[type=submit] { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
#wpbody select { |
|||
height: 36px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wp-admin .button-cancel { |
|||
padding: 0; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
#createuser .form-field input { |
|||
width: 100%; |
|||
} |
|||
|
|||
.form-table { |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.form-table th, |
|||
.form-table td { |
|||
display: block; |
|||
width: auto; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.form-table .color-palette td { |
|||
display: table-cell; |
|||
width: 15px; |
|||
} |
|||
|
|||
.form-table table.color-palette { |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
textarea, |
|||
input { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.form-table td input[type="text"], |
|||
.form-table td input[type="password"], |
|||
.form-table td select, |
|||
.form-table td textarea, |
|||
.form-table span.description, |
|||
#profile-page .form-table textarea { |
|||
width: 100%; |
|||
font-size: 16px; |
|||
line-height: 1.5; |
|||
padding: 7px 10px; |
|||
display: block; |
|||
max-width: none; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
input[type=text].small-text, |
|||
input[type=search].small-text, |
|||
input[type=password].small-text, |
|||
input[type=number].small-text, |
|||
input[type="number"].small-text, |
|||
.form-table input[type=text].small-text { |
|||
width: auto; |
|||
max-width: 55px; |
|||
display: inline; |
|||
padding: 3px 6px; |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
#pass-strength-result { |
|||
width: 100%; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
padding: 8px; |
|||
} |
|||
|
|||
p.search-box { |
|||
float: none; |
|||
position: absolute; |
|||
bottom: 0; |
|||
width: 98%; |
|||
height: 90px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
p.search-box input[name="s"] { |
|||
height: auto; |
|||
float: none; |
|||
width: 100%; |
|||
margin-bottom: 10px; |
|||
vertical-align: middle; |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
p.search-box input[type="submit"] { |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.form-table span.description { |
|||
padding: 4px 0 0; |
|||
line-height: 1.4em; |
|||
} |
|||
|
|||
.form-table th { |
|||
padding-top: 10px; |
|||
padding-bottom: 0; |
|||
border-bottom: 0; |
|||
} |
|||
|
|||
.form-table td { |
|||
padding-top: 8px; |
|||
padding-left: 0; |
|||
} |
|||
|
|||
.form-table input.regular-text { |
|||
width: 100%; |
|||
} |
|||
|
|||
.form-table label { |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.form-table fieldset label { |
|||
display: block; |
|||
} |
|||
|
|||
#utc-time { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
#utc-time, |
|||
#local-time { |
|||
display: block; |
|||
float: none; |
|||
padding: 0; |
|||
line-height: 2; |
|||
} |
|||
} |
|||
|
|||
@media only screen and (max-width: 768px) { |
|||
.form-field input, |
|||
.form-field textarea { |
|||
width: 99%; |
|||
} |
|||
|
|||
.form-wrap .form-field { |
|||
padding:0; |
|||
} |
|||
|
|||
/* users */ |
|||
#profile-page .form-table textarea { |
|||
max-width: 400px; |
|||
width: auto; |
|||
} |
|||
} |
|||
|
|||
/* Smartphone */ |
|||
@media screen and (max-width: 600px) { |
|||
/* Color Picker Options */ |
|||
.color-option { |
|||
width: 49%; |
|||
} |
|||
} |
|||
|
|||
2
sources/wp-admin/css/ie-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
2
sources/wp-admin/css/ie.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,313 @@ |
|||
html { |
|||
background: #f1f1f1; |
|||
margin: 0 20px; |
|||
} |
|||
|
|||
body { |
|||
background: #fff; |
|||
color: #444; |
|||
font-family: "Open Sans", sans-serif; |
|||
margin: 140px auto 25px; |
|||
padding: 20px 20px 10px 20px; |
|||
max-width: 700px; |
|||
-webkit-font-smoothing: subpixel-antialiased; |
|||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
|||
box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
|||
} |
|||
|
|||
a { |
|||
color: #0074a2; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a:hover { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
h1 { |
|||
border-bottom: 1px solid #dedede; |
|||
clear: both; |
|||
color: #666; |
|||
font-size: 24px; |
|||
margin: 30px 0; |
|||
padding: 0; |
|||
padding-bottom: 7px; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
h2 { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
p, li, dd, dt { |
|||
padding-bottom: 2px; |
|||
font-size: 14px; |
|||
line-height: 1.5; |
|||
} |
|||
|
|||
code, .code { |
|||
font-family: Consolas, Monaco, monospace; |
|||
} |
|||
|
|||
ul, ol, dl { |
|||
padding: 5px 22px 5px 5px; |
|||
} |
|||
|
|||
a img { |
|||
border:0 |
|||
} |
|||
abbr { |
|||
border: 0; |
|||
font-variant: normal; |
|||
} |
|||
#logo { |
|||
margin: 6px 0 14px 0; |
|||
border-bottom: none; |
|||
text-align:center |
|||
} |
|||
#logo a { |
|||
background-image: url(../images/w-logo-blue.png?ver=20131202); |
|||
background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
|||
-webkit-background-size: 80px 80px; |
|||
background-size: 80px 80px; |
|||
background-position: center top; |
|||
background-repeat: no-repeat; |
|||
color: #999; |
|||
height: 80px; |
|||
font-size: 20px; |
|||
font-weight: normal; |
|||
line-height: 1.3em; |
|||
margin: -130px auto 25px; |
|||
padding: 0; |
|||
text-decoration: none; |
|||
width: 80px; |
|||
text-indent: -9999px; |
|||
outline: none; |
|||
overflow: hidden; |
|||
display: block; |
|||
} |
|||
.step { |
|||
margin: 20px 0 15px; |
|||
} |
|||
.step, th { |
|||
text-align: right; |
|||
padding: 0; |
|||
} |
|||
.step .button-large { |
|||
font-size: 14px; |
|||
} |
|||
textarea { |
|||
border: 1px solid #dfdfdf; |
|||
font-family: "Open Sans", sans-serif; |
|||
width: 100%; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.form-table { |
|||
border-collapse: collapse; |
|||
margin-top: 1em; |
|||
width: 100%; |
|||
} |
|||
|
|||
.form-table td { |
|||
margin-bottom: 9px; |
|||
padding: 10px 0 10px 20px; |
|||
border-bottom: 8px solid #fff; |
|||
font-size: 14px; |
|||
vertical-align: top |
|||
} |
|||
|
|||
.form-table th { |
|||
font-size: 14px; |
|||
text-align: right; |
|||
padding: 16px 0 10px 20px; |
|||
width: 140px; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
.form-table code { |
|||
line-height: 18px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.form-table p { |
|||
margin: 4px 0 0 0; |
|||
font-size: 11px; |
|||
} |
|||
|
|||
.form-table input { |
|||
line-height: 20px; |
|||
font-size: 15px; |
|||
padding: 3px 5px; |
|||
border: 1px solid #ddd; |
|||
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); |
|||
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); |
|||
} |
|||
|
|||
input, |
|||
submit { |
|||
font-family: "Open Sans", sans-serif; |
|||
} |
|||
|
|||
.form-table input[type=text], |
|||
.form-table input[type=password] { |
|||
width: 206px; |
|||
} |
|||
|
|||
.form-table th p { |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.form-table.install-success td { |
|||
vertical-align: middle; |
|||
padding: 16px 0 10px 20px; |
|||
} |
|||
|
|||
.form-table.install-success td p { |
|||
margin: 0; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.form-table.install-success td code { |
|||
margin: 0; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
#error-page { |
|||
margin-top: 50px; |
|||
} |
|||
|
|||
#error-page p { |
|||
font-size: 14px; |
|||
line-height: 18px; |
|||
margin: 25px 0 20px; |
|||
} |
|||
|
|||
#error-page code, .code { |
|||
font-family: Consolas, Monaco, monospace; |
|||
} |
|||
|
|||
#pass-strength-result { |
|||
background-color: #eee; |
|||
border-color: #ddd !important; |
|||
border-style: solid; |
|||
border-width: 1px; |
|||
margin: 5px 0 5px 5px; |
|||
padding: 5px; |
|||
text-align: center; |
|||
width: 200px; |
|||
display: none; |
|||
} |
|||
|
|||
#pass-strength-result.bad { |
|||
background-color: #ffb78c; |
|||
border-color: #ff853c !important; |
|||
} |
|||
|
|||
#pass-strength-result.good { |
|||
background-color: #ffec8b; |
|||
border-color: #ffcc00 !important; |
|||
} |
|||
|
|||
#pass-strength-result.short { |
|||
background-color: #ffa0a0; |
|||
border-color: #f04040 !important; |
|||
} |
|||
|
|||
#pass-strength-result.strong { |
|||
background-color: #c3ff88; |
|||
border-color: #8dff1c !important; |
|||
} |
|||
|
|||
.message { |
|||
border: 1px solid #c00; |
|||
padding: 0.5em 0.7em; |
|||
margin: 5px 0 15px; |
|||
background-color: #ffebe8; |
|||
} |
|||
|
|||
/* @noflip */ |
|||
#dbname, |
|||
#uname, |
|||
#pwd, |
|||
#dbhost, |
|||
#prefix, |
|||
#user_login, |
|||
#admin_email, |
|||
#pass1, |
|||
#pass2 { |
|||
direction: ltr; |
|||
} |
|||
|
|||
|
|||
/* localization */ |
|||
body.rtl, |
|||
.rtl textarea, |
|||
.rtl input, |
|||
.rtl submit { |
|||
font-family: Tahoma, sans-serif; |
|||
} |
|||
|
|||
:lang(he-il) body.rtl, |
|||
:lang(he-il) .rtl textarea, |
|||
:lang(he-il) .rtl input, |
|||
:lang(he-il) .rtl submit { |
|||
font-family: Arial, sans-serif; |
|||
} |
|||
|
|||
@media only screen and (max-width: 799px) { |
|||
body { |
|||
margin-top: 115px; |
|||
} |
|||
#logo a { |
|||
margin: -125px auto 30px; |
|||
} |
|||
} |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
|
|||
.form-table { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
.form-table th, |
|||
.form-table td { |
|||
display: block; |
|||
width: auto; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.form-table th { |
|||
padding: 20px 0 0; |
|||
} |
|||
|
|||
.form-table td { |
|||
padding: 5px 0; |
|||
border: 0; |
|||
margin: 0; |
|||
} |
|||
|
|||
textarea, |
|||
input { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.form-table td input[type="text"], |
|||
.form-table td input[type="password"], |
|||
.form-table td select, |
|||
.form-table td textarea, |
|||
.form-table span.description { |
|||
width: 100%; |
|||
font-size: 16px; |
|||
line-height: 1.5; |
|||
padding: 7px 10px; |
|||
display: block; |
|||
max-width: none; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1 @@ |
|||
html{background:#f1f1f1;margin:0 20px}body{background:#fff;color:#444;font-family:"Open Sans",sans-serif;margin:140px auto 25px;padding:20px 20px 10px;max-width:700px;-webkit-font-smoothing:subpixel-antialiased;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.13);box-shadow:0 1px 3px rgba(0,0,0,.13)}a{color:#0074a2;text-decoration:none}a:hover{color:#2ea2cc}h1{border-bottom:1px solid #dedede;clear:both;color:#666;font-size:24px;margin:30px 0;padding:0;padding-bottom:7px;font-weight:400}h2{font-size:16px}dd,dt,li,p{padding-bottom:2px;font-size:14px;line-height:1.5}.code,code{font-family:Consolas,Monaco,monospace}dl,ol,ul{padding:5px 22px 5px 5px}a img{border:0}abbr{border:0;font-variant:normal}#logo{margin:6px 0 14px;border-bottom:0;text-align:center}#logo a{background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);-webkit-background-size:80px 80px;background-size:80px 80px;background-position:center top;background-repeat:no-repeat;color:#999;height:80px;font-size:20px;font-weight:400;line-height:1.3em;margin:-130px auto 25px;padding:0;text-decoration:none;width:80px;text-indent:-9999px;outline:0;overflow:hidden;display:block}.step{margin:20px 0 15px}.step,th{text-align:right;padding:0}.step .button-large{font-size:14px}textarea{border:1px solid #dfdfdf;font-family:"Open Sans",sans-serif;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.form-table{border-collapse:collapse;margin-top:1em;width:100%}.form-table td{margin-bottom:9px;padding:10px 0 10px 20px;border-bottom:8px solid #fff;font-size:14px;vertical-align:top}.form-table th{font-size:14px;text-align:right;padding:16px 0 10px 20px;width:140px;vertical-align:top}.form-table code{line-height:18px;font-size:14px}.form-table p{margin:4px 0 0;font-size:11px}.form-table input{line-height:20px;font-size:15px;padding:3px 5px;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.07)}input,submit{font-family:"Open Sans",sans-serif}.form-table input[type=password],.form-table input[type=text]{width:206px}.form-table th p{font-weight:400}.form-table.install-success td{vertical-align:middle;padding:16px 0 10px 20px}.form-table.install-success td p{margin:0;font-size:14px}.form-table.install-success td code{margin:0;font-size:18px}#error-page{margin-top:50px}#error-page p{font-size:14px;line-height:18px;margin:25px 0 20px}#error-page code,.code{font-family:Consolas,Monaco,monospace}#pass-strength-result{background-color:#eee;border-color:#ddd!important;border-style:solid;border-width:1px;margin:5px 0 5px 5px;padding:5px;text-align:center;width:200px;display:none}#pass-strength-result.bad{background-color:#ffb78c;border-color:#ff853c!important}#pass-strength-result.good{background-color:#ffec8b;border-color:#fc0!important}#pass-strength-result.short{background-color:#ffa0a0;border-color:#f04040!important}#pass-strength-result.strong{background-color:#c3ff88;border-color:#8dff1c!important}.message{border:1px solid #c00;padding:.5em .7em;margin:5px 0 15px;background-color:#ffebe8}#admin_email,#dbhost,#dbname,#pass1,#pass2,#prefix,#pwd,#uname,#user_login{direction:ltr}.rtl input,.rtl submit,.rtl textarea,body.rtl{font-family:Tahoma,sans-serif}:lang(he-il) .rtl input,:lang(he-il) .rtl submit,:lang(he-il) .rtl textarea,:lang(he-il) body.rtl{font-family:Arial,sans-serif}@media only screen and (max-width:799px){body{margin-top:115px}#logo a{margin:-125px auto 30px}}@media screen and (max-width:782px){.form-table{margin-top:0}.form-table td,.form-table th{display:block;width:auto;vertical-align:middle}.form-table th{padding:20px 0 0}.form-table td{padding:5px 0;border:0;margin:0}input,textarea{font-size:16px}.form-table span.description,.form-table td input[type=password],.form-table td input[type=text],.form-table td select,.form-table td textarea{width:100%;font-size:16px;line-height:1.5;padding:7px 10px;display:block;max-width:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}} |
|||
@ -1 +1 @@ |
|||
html{background:#f9f9f9}body{background:#fff;color:#333;font-family:sans-serif;margin:2em auto;padding:1em 2em;-webkit-border-radius:3px;border-radius:3px;border:1px solid #dfdfdf;max-width:700px}a{color:#21759b;text-decoration:none}a:hover{color:#d54e21}h1{border-bottom:1px solid #dadada;clear:both;color:#666;font:24px Georgia,"Times New Roman",Times,serif;margin:30px 0 0;padding:0;padding-bottom:7px}h2{font-size:16px}p,li,dd,dt{padding-bottom:2px;font-size:14px;line-height:1.5}code,.code{font-size:14px}ul,ol,dl{padding:5px 5px 5px 22px}a img{border:0}abbr{border:0;font-variant:normal}#logo{margin:6px 0 14px;border-bottom:0;text-align:center}#logo a{background-image:url(../images/wordpress-logo.png?ver=20120216);background-size:274px 63px;background-position:top center;background-repeat:no-repeat;height:67px;text-indent:-9999px;outline:0;overflow:hidden;display:block}@media print,(-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){#logo a{background-image:url(../images/wordpress-logo-2x.png?ver=20120412);background-size:274px 63px}}.step{margin:20px 0 15px}.step,th{text-align:left;padding:0}.step .button-large{font-size:14px}textarea{border:1px solid #dfdfdf;-webkit-border-radius:3px;border-radius:3px;font-family:sans-serif;width:695px}.form-table{border-collapse:collapse;margin-top:1em;width:100%}.form-table td{margin-bottom:9px;padding:10px 20px 10px 0;border-bottom:8px solid #fff;font-size:14px;vertical-align:top}.form-table th{font-size:14px;text-align:left;padding:16px 20px 10px 0;border-bottom:8px solid #fff;width:140px;vertical-align:top}.form-table code{line-height:18px;font-size:14px}.form-table p{margin:4px 0 0;font-size:11px}.form-table input{line-height:20px;font-size:15px;padding:2px;border:1px #dfdfdf solid;-webkit-border-radius:3px;border-radius:3px;font-family:sans-serif}.form-table input[type=text],.form-table input[type=password]{width:206px}.form-table th p{font-weight:400}.form-table.install-success td{vertical-align:middle;padding:16px 20px 10px 0}.form-table.install-success td p{margin:0;font-size:14px}.form-table.install-success td code{margin:0;font-size:18px}#error-page{margin-top:50px}#error-page p{font-size:14px;line-height:18px;margin:25px 0 20px}#error-page code,.code{font-family:Consolas,Monaco,monospace}#pass-strength-result{background-color:#eee;border-color:#ddd!important;border-style:solid;border-width:1px;margin:5px 5px 5px 0;padding:5px;text-align:center;width:200px;display:none}#pass-strength-result.bad{background-color:#ffb78c;border-color:#ff853c!important}#pass-strength-result.good{background-color:#ffec8b;border-color:#fc0!important}#pass-strength-result.short{background-color:#ffa0a0;border-color:#f04040!important}#pass-strength-result.strong{background-color:#c3ff88;border-color:#8dff1c!important}.message{border:1px solid #c00;-webkit-border-radius:3px;border-radius:3px;padding:.5em .7em;margin:5px 0 15px;background-color:#ffebe8}body.rtl{font-family:Tahoma,arial}.rtl h1{font-family:arial;margin:5px -4px 0 0}.rtl ul,.rtl ol{padding:5px 22px 5px 5px}.rtl .step,.rtl th,.rtl .form-table th{text-align:right}.rtl .submit input,.rtl .button,.rtl .button-secondary{margin-right:0}.rtl #dbname,.rtl #uname,.rtl #pwd,.rtl #dbhost,.rtl #prefix,.rtl #user_login,.rtl #admin_email,.rtl #pass1,.rtl #pass2{direction:ltr} |
|||
html{background:#f1f1f1;margin:0 20px}body{background:#fff;color:#444;font-family:"Open Sans",sans-serif;margin:140px auto 25px;padding:20px 20px 10px;max-width:700px;-webkit-font-smoothing:subpixel-antialiased;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.13);box-shadow:0 1px 3px rgba(0,0,0,.13)}a{color:#0074a2;text-decoration:none}a:hover{color:#2ea2cc}h1{border-bottom:1px solid #dedede;clear:both;color:#666;font-size:24px;margin:30px 0;padding:0;padding-bottom:7px;font-weight:400}h2{font-size:16px}dd,dt,li,p{padding-bottom:2px;font-size:14px;line-height:1.5}.code,code{font-family:Consolas,Monaco,monospace}dl,ol,ul{padding:5px 5px 5px 22px}a img{border:0}abbr{border:0;font-variant:normal}#logo{margin:6px 0 14px;border-bottom:0;text-align:center}#logo a{background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);-webkit-background-size:80px 80px;background-size:80px 80px;background-position:center top;background-repeat:no-repeat;color:#999;height:80px;font-size:20px;font-weight:400;line-height:1.3em;margin:-130px auto 25px;padding:0;text-decoration:none;width:80px;text-indent:-9999px;outline:0;overflow:hidden;display:block}.step{margin:20px 0 15px}.step,th{text-align:left;padding:0}.step .button-large{font-size:14px}textarea{border:1px solid #dfdfdf;font-family:"Open Sans",sans-serif;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.form-table{border-collapse:collapse;margin-top:1em;width:100%}.form-table td{margin-bottom:9px;padding:10px 20px 10px 0;border-bottom:8px solid #fff;font-size:14px;vertical-align:top}.form-table th{font-size:14px;text-align:left;padding:16px 20px 10px 0;width:140px;vertical-align:top}.form-table code{line-height:18px;font-size:14px}.form-table p{margin:4px 0 0;font-size:11px}.form-table input{line-height:20px;font-size:15px;padding:3px 5px;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.07)}input,submit{font-family:"Open Sans",sans-serif}.form-table input[type=password],.form-table input[type=text]{width:206px}.form-table th p{font-weight:400}.form-table.install-success td{vertical-align:middle;padding:16px 20px 10px 0}.form-table.install-success td p{margin:0;font-size:14px}.form-table.install-success td code{margin:0;font-size:18px}#error-page{margin-top:50px}#error-page p{font-size:14px;line-height:18px;margin:25px 0 20px}#error-page code,.code{font-family:Consolas,Monaco,monospace}#pass-strength-result{background-color:#eee;border-color:#ddd!important;border-style:solid;border-width:1px;margin:5px 5px 5px 0;padding:5px;text-align:center;width:200px;display:none}#pass-strength-result.bad{background-color:#ffb78c;border-color:#ff853c!important}#pass-strength-result.good{background-color:#ffec8b;border-color:#fc0!important}#pass-strength-result.short{background-color:#ffa0a0;border-color:#f04040!important}#pass-strength-result.strong{background-color:#c3ff88;border-color:#8dff1c!important}.message{border:1px solid #c00;padding:.5em .7em;margin:5px 0 15px;background-color:#ffebe8}#admin_email,#dbhost,#dbname,#pass1,#pass2,#prefix,#pwd,#uname,#user_login{direction:ltr}.rtl input,.rtl submit,.rtl textarea,body.rtl{font-family:Tahoma,sans-serif}:lang(he-il) .rtl input,:lang(he-il) .rtl submit,:lang(he-il) .rtl textarea,:lang(he-il) body.rtl{font-family:Arial,sans-serif}@media only screen and (max-width:799px){body{margin-top:115px}#logo a{margin:-125px auto 30px}}@media screen and (max-width:782px){.form-table{margin-top:0}.form-table td,.form-table th{display:block;width:auto;vertical-align:middle}.form-table th{padding:20px 0 0}.form-table td{padding:5px 0;border:0;margin:0}input,textarea{font-size:16px}.form-table span.description,.form-table td input[type=password],.form-table td input[type=text],.form-table td select,.form-table td textarea{width:100%;font-size:16px;line-height:1.5;padding:7px 10px;display:block;max-width:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}} |
|||
@ -0,0 +1,100 @@ |
|||
/*------------------------------------------------------------------------------ |
|||
27.0 - Localization |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
/* RTL except Hebrew (see below): Tahoma as the first font; */ |
|||
body.rtl, |
|||
body.rtl .press-this a.wp-switch-editor { |
|||
font-family: Tahoma, Arial, sans-serif; |
|||
} |
|||
|
|||
|
|||
/* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */ |
|||
body.locale-he-il, |
|||
body.locale-he-il .press-this a.wp-switch-editor { |
|||
font-family: Arial, sans-serif; |
|||
} |
|||
|
|||
/* he_IL: Have <em> be bold rather than italic. */ |
|||
.locale-he-il em { |
|||
font-style: normal; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
/* zh_CN: Remove italic properties. */ |
|||
.locale-zh-cn .howto, |
|||
.locale-zh-cn .tablenav .displaying-num, |
|||
.locale-zh-cn .js .input-with-default-title, |
|||
.locale-zh-cn .link-to-original, |
|||
.locale-zh-cn .inline-edit-row fieldset span.title, |
|||
.locale-zh-cn .inline-edit-row fieldset span.checkbox-title, |
|||
.locale-zh-cn #utc-time, |
|||
.locale-zh-cn #local-time, |
|||
.locale-zh-cn p.install-help, |
|||
.locale-zh-cn p.help, |
|||
.locale-zh-cn p.description, |
|||
.locale-zh-cn span.description, |
|||
.locale-zh-cn .form-wrap p { |
|||
font-style: normal; |
|||
} |
|||
|
|||
/* zh_CN: Enlarge dashboard widget 'Configure' link */ |
|||
.locale-zh-cn .hdnle a { font-size: 12px; } |
|||
|
|||
/* zn_CH: Enlarge font size, set font-size: normal */ |
|||
.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; } |
|||
|
|||
/* Zn_CH: Distraction free writing. |
|||
* More beautiful font for "Just write." |
|||
* Larger text for HTML/Visual mode. |
|||
*/ |
|||
.locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; } |
|||
.locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; } |
|||
|
|||
/* zh_CN: Enlarge font-size. */ |
|||
.locale-zh-cn #sort-buttons { font-size: 1em !important; } |
|||
|
|||
/* de_DE: Text needs more space for translation */ |
|||
.locale-de-de .inline-edit-row fieldset label span.title { |
|||
width: 7em; /* default 5em */ |
|||
} |
|||
.locale-de-de .inline-edit-row fieldset label span.input-text-wrap { |
|||
margin-right: 7em; /* default 5em */ |
|||
} |
|||
.locale-de-de #customize-header-actions .button { |
|||
padding: 0 5px 1px; /* default 0 10px 1px */ |
|||
} |
|||
.locale-de-de #customize-header-actions .spinner { |
|||
margin: 16px 3px 0; /* default 16px 4px 0 5px */ |
|||
} |
|||
|
|||
/* ru_RU: Text needs more room to breathe. */ |
|||
.locale-ru-ru .inline-edit-row fieldset label span.title { |
|||
width: 8em; /* default 5em */ |
|||
} |
|||
.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap { |
|||
margin-right: 8em; /* default 5em */ |
|||
} |
|||
.locale-ru-ru.post-php .tagsdiv .newtag { |
|||
width: 165px; /* default 180px - 15px */ |
|||
} |
|||
.locale-ru-ru.press-this .posting { |
|||
margin-left: 277px; /* default 252px + 25px */ |
|||
} |
|||
.locale-ru-ru .press-this-sidebar { |
|||
width: 265px; /* default 240px + 25px */ |
|||
} |
|||
.locale-ru-ru #customize-header-actions .button { |
|||
padding: 0 5px 1px; /* default 0 10px 1px */ |
|||
} |
|||
.locale-ru-ru #customize-header-actions .spinner { |
|||
margin: 16px 3px 0; /* default 16px 4px 0 5px */ |
|||
} |
|||
|
|||
/* lt_LT: QuickEdit */ |
|||
.locale-lt-lt .inline-edit-row fieldset label span.title { |
|||
width: 8em; |
|||
} |
|||
.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap { |
|||
margin-right: 8em; |
|||
} |
|||
@ -0,0 +1,100 @@ |
|||
/*------------------------------------------------------------------------------ |
|||
27.0 - Localization |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
/* RTL except Hebrew (see below): Tahoma as the first font; */ |
|||
body.rtl, |
|||
body.rtl .press-this a.wp-switch-editor { |
|||
font-family: Tahoma, Arial, sans-serif; |
|||
} |
|||
|
|||
|
|||
/* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */ |
|||
body.locale-he-il, |
|||
body.locale-he-il .press-this a.wp-switch-editor { |
|||
font-family: Arial, sans-serif; |
|||
} |
|||
|
|||
/* he_IL: Have <em> be bold rather than italic. */ |
|||
.locale-he-il em { |
|||
font-style: normal; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
/* zh_CN: Remove italic properties. */ |
|||
.locale-zh-cn .howto, |
|||
.locale-zh-cn .tablenav .displaying-num, |
|||
.locale-zh-cn .js .input-with-default-title, |
|||
.locale-zh-cn .link-to-original, |
|||
.locale-zh-cn .inline-edit-row fieldset span.title, |
|||
.locale-zh-cn .inline-edit-row fieldset span.checkbox-title, |
|||
.locale-zh-cn #utc-time, |
|||
.locale-zh-cn #local-time, |
|||
.locale-zh-cn p.install-help, |
|||
.locale-zh-cn p.help, |
|||
.locale-zh-cn p.description, |
|||
.locale-zh-cn span.description, |
|||
.locale-zh-cn .form-wrap p { |
|||
font-style: normal; |
|||
} |
|||
|
|||
/* zh_CN: Enlarge dashboard widget 'Configure' link */ |
|||
.locale-zh-cn .hdnle a { font-size: 12px; } |
|||
|
|||
/* zn_CH: Enlarge font size, set font-size: normal */ |
|||
.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; } |
|||
|
|||
/* Zn_CH: Distraction free writing. |
|||
* More beautiful font for "Just write." |
|||
* Larger text for HTML/Visual mode. |
|||
*/ |
|||
.locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; } |
|||
.locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; } |
|||
|
|||
/* zh_CN: Enlarge font-size. */ |
|||
.locale-zh-cn #sort-buttons { font-size: 1em !important; } |
|||
|
|||
/* de_DE: Text needs more space for translation */ |
|||
.locale-de-de .inline-edit-row fieldset label span.title { |
|||
width: 7em; /* default 5em */ |
|||
} |
|||
.locale-de-de .inline-edit-row fieldset label span.input-text-wrap { |
|||
margin-left: 7em; /* default 5em */ |
|||
} |
|||
.locale-de-de #customize-header-actions .button { |
|||
padding: 0 5px 1px; /* default 0 10px 1px */ |
|||
} |
|||
.locale-de-de #customize-header-actions .spinner { |
|||
margin: 16px 3px 0; /* default 16px 4px 0 5px */ |
|||
} |
|||
|
|||
/* ru_RU: Text needs more room to breathe. */ |
|||
.locale-ru-ru .inline-edit-row fieldset label span.title { |
|||
width: 8em; /* default 5em */ |
|||
} |
|||
.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap { |
|||
margin-left: 8em; /* default 5em */ |
|||
} |
|||
.locale-ru-ru.post-php .tagsdiv .newtag { |
|||
width: 165px; /* default 180px - 15px */ |
|||
} |
|||
.locale-ru-ru.press-this .posting { |
|||
margin-right: 277px; /* default 252px + 25px */ |
|||
} |
|||
.locale-ru-ru .press-this-sidebar { |
|||
width: 265px; /* default 240px + 25px */ |
|||
} |
|||
.locale-ru-ru #customize-header-actions .button { |
|||
padding: 0 5px 1px; /* default 0 10px 1px */ |
|||
} |
|||
.locale-ru-ru #customize-header-actions .spinner { |
|||
margin: 16px 3px 0; /* default 16px 4px 0 5px */ |
|||
} |
|||
|
|||
/* lt_LT: QuickEdit */ |
|||
.locale-lt-lt .inline-edit-row fieldset label span.title { |
|||
width: 8em; |
|||
} |
|||
.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap { |
|||
margin-left: 8em; |
|||
} |
|||
1619
sources/wp-admin/css/list-tables-rtl.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1619
sources/wp-admin/css/list-tables.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,270 @@ |
|||
@import url(forms.css); |
|||
@import url(l10n.css); |
|||
|
|||
html, |
|||
body { |
|||
height: 100%; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
html { |
|||
background: #f1f1f1; |
|||
} |
|||
|
|||
body { |
|||
background: #f1f1f1; |
|||
min-width: 0; |
|||
color: #444; |
|||
font-family: "Open Sans", sans-serif; |
|||
font-size: 13px; |
|||
line-height: 1.4em; |
|||
} |
|||
|
|||
a { |
|||
color: #0074a2; |
|||
-webkit-transition-property: border, background, color; |
|||
transition-property: border, background, color; |
|||
-webkit-transition-duration: .05s; |
|||
transition-duration: .05s; |
|||
-webkit-transition-timing-function: ease-in-out; |
|||
transition-timing-function: ease-in-out; |
|||
} |
|||
|
|||
a { |
|||
outline: 0; |
|||
} |
|||
|
|||
a:hover, |
|||
a:active { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
a:focus { |
|||
color: #124964; |
|||
} |
|||
|
|||
a:focus, |
|||
a:active { |
|||
outline: thin dotted; |
|||
} |
|||
|
|||
p { |
|||
line-height: 1.5; |
|||
} |
|||
|
|||
.login .message { |
|||
border-right: 4px solid #7ad03a; |
|||
padding: 1px 12px; |
|||
background-color: #fff; |
|||
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|||
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|||
} |
|||
|
|||
.login #login_error { |
|||
border-right: 4px solid #dd3d36; |
|||
background: #fff; |
|||
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|||
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|||
} |
|||
|
|||
#loginform p.submit, |
|||
.login-action-lostpassword p.submit { |
|||
border: none; |
|||
margin: -10px 0 20px; /* May want to revisit this */ |
|||
} |
|||
|
|||
.login * { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.login form { |
|||
margin-top: 20px; |
|||
margin-right: 0; |
|||
padding: 26px 24px 46px; |
|||
font-weight: normal; |
|||
overflow: hidden; |
|||
background: #fff; |
|||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
|||
box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
|||
} |
|||
|
|||
.login form .forgetmenot { |
|||
font-weight: normal; |
|||
float: right; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.login .button-primary { |
|||
float: left; |
|||
} |
|||
|
|||
#login form p { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
#login form p.submit { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.login label { |
|||
color: #777; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.login form .forgetmenot label { |
|||
font-size: 12px; |
|||
line-height: 19px; |
|||
} |
|||
|
|||
.login h1 { |
|||
text-align: center; |
|||
} |
|||
|
|||
.login h1 a { |
|||
background-image: url(../images/w-logo-blue.png?ver=20131202); |
|||
background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
|||
-webkit-background-size: 80px 80px; |
|||
background-size: 80px 80px; |
|||
background-position: center top; |
|||
background-repeat: no-repeat; |
|||
color: #999; |
|||
height: 80px; |
|||
font-size: 20px; |
|||
font-weight: normal; |
|||
line-height: 1.3em; |
|||
margin: 0 auto 25px; |
|||
padding: 0; |
|||
text-decoration: none; |
|||
width: 80px; |
|||
text-indent: -9999px; |
|||
outline: none; |
|||
overflow: hidden; |
|||
display: block; |
|||
} |
|||
|
|||
#login { |
|||
width: 320px; |
|||
padding: 8% 0 0; |
|||
margin: auto; |
|||
} |
|||
|
|||
#login_error, |
|||
.login .message { |
|||
margin-right: 0; |
|||
padding: 12px; |
|||
} |
|||
|
|||
.login #nav, |
|||
.login #backtoblog { |
|||
font-size: 13px; |
|||
padding: 0 24px 0; |
|||
} |
|||
|
|||
.login #nav { |
|||
margin: 24px 0 0 0; |
|||
} |
|||
|
|||
#backtoblog { |
|||
margin: 16px 0 0 0; |
|||
} |
|||
|
|||
.login #nav a, |
|||
.login #backtoblog a { |
|||
text-decoration: none; |
|||
color: #999; |
|||
} |
|||
|
|||
.login #nav a:hover, |
|||
.login #backtoblog a:hover, |
|||
.login h1 a:hover { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
.login form .input, |
|||
.login input[type="text"] { |
|||
font-size: 24px; |
|||
line-height: 1; |
|||
width: 100%; |
|||
padding: 3px; |
|||
margin: 2px 0 16px 6px; |
|||
} |
|||
|
|||
.login form .input, |
|||
.login input[type="text"], |
|||
.login form input[type="checkbox"] { |
|||
background: #fbfbfb; |
|||
} |
|||
|
|||
.ie7 .login form .input, |
|||
.ie8 .login form .input { |
|||
font-family: sans-serif; |
|||
} |
|||
|
|||
.login #pass-strength-result { |
|||
width: 250px; |
|||
font-weight: 600; |
|||
margin: 12px 0 6px; |
|||
padding: 6px 5px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.mobile #login { |
|||
padding: 20px 0; |
|||
} |
|||
|
|||
.mobile #login form, |
|||
.mobile #login .message, |
|||
.mobile #login_error { |
|||
margin-right: 0; |
|||
} |
|||
|
|||
.mobile #login #nav, |
|||
.mobile #login #backtoblog { |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
.mobile #login h1 a { |
|||
width: auto; |
|||
} |
|||
|
|||
body.interim-login { |
|||
height: auto; |
|||
} |
|||
|
|||
.interim-login #login { |
|||
padding: 0; |
|||
margin: 5px auto 20px; |
|||
} |
|||
|
|||
.interim-login.login h1 a { |
|||
width: auto; |
|||
} |
|||
|
|||
.interim-login #login_error, |
|||
.interim-login.login .message { |
|||
margin: 0 0 16px; |
|||
} |
|||
|
|||
.interim-login.login form { |
|||
margin: 0; |
|||
} |
|||
|
|||
@-ms-viewport { |
|||
width: device-width; |
|||
} |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
.interim-login input[type=checkbox] { |
|||
height: 16px; |
|||
width: 16px; |
|||
} |
|||
|
|||
.interim-login input[type=checkbox]:checked:before { |
|||
width: 16px; |
|||
font: normal 21px/1 'dashicons'; |
|||
margin: -3px -4px 0 0; |
|||
} |
|||
} |
|||
1
sources/wp-admin/css/login-rtl.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,270 @@ |
|||
@import url(forms.css); |
|||
@import url(l10n.css); |
|||
|
|||
html, |
|||
body { |
|||
height: 100%; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
html { |
|||
background: #f1f1f1; |
|||
} |
|||
|
|||
body { |
|||
background: #f1f1f1; |
|||
min-width: 0; |
|||
color: #444; |
|||
font-family: "Open Sans", sans-serif; |
|||
font-size: 13px; |
|||
line-height: 1.4em; |
|||
} |
|||
|
|||
a { |
|||
color: #0074a2; |
|||
-webkit-transition-property: border, background, color; |
|||
transition-property: border, background, color; |
|||
-webkit-transition-duration: .05s; |
|||
transition-duration: .05s; |
|||
-webkit-transition-timing-function: ease-in-out; |
|||
transition-timing-function: ease-in-out; |
|||
} |
|||
|
|||
a { |
|||
outline: 0; |
|||
} |
|||
|
|||
a:hover, |
|||
a:active { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
a:focus { |
|||
color: #124964; |
|||
} |
|||
|
|||
a:focus, |
|||
a:active { |
|||
outline: thin dotted; |
|||
} |
|||
|
|||
p { |
|||
line-height: 1.5; |
|||
} |
|||
|
|||
.login .message { |
|||
border-left: 4px solid #7ad03a; |
|||
padding: 1px 12px; |
|||
background-color: #fff; |
|||
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|||
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|||
} |
|||
|
|||
.login #login_error { |
|||
border-left: 4px solid #dd3d36; |
|||
background: #fff; |
|||
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|||
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|||
} |
|||
|
|||
#loginform p.submit, |
|||
.login-action-lostpassword p.submit { |
|||
border: none; |
|||
margin: -10px 0 20px; /* May want to revisit this */ |
|||
} |
|||
|
|||
.login * { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.login form { |
|||
margin-top: 20px; |
|||
margin-left: 0; |
|||
padding: 26px 24px 46px; |
|||
font-weight: normal; |
|||
overflow: hidden; |
|||
background: #fff; |
|||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
|||
box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
|||
} |
|||
|
|||
.login form .forgetmenot { |
|||
font-weight: normal; |
|||
float: left; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.login .button-primary { |
|||
float: right; |
|||
} |
|||
|
|||
#login form p { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
#login form p.submit { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.login label { |
|||
color: #777; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.login form .forgetmenot label { |
|||
font-size: 12px; |
|||
line-height: 19px; |
|||
} |
|||
|
|||
.login h1 { |
|||
text-align: center; |
|||
} |
|||
|
|||
.login h1 a { |
|||
background-image: url(../images/w-logo-blue.png?ver=20131202); |
|||
background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
|||
-webkit-background-size: 80px 80px; |
|||
background-size: 80px 80px; |
|||
background-position: center top; |
|||
background-repeat: no-repeat; |
|||
color: #999; |
|||
height: 80px; |
|||
font-size: 20px; |
|||
font-weight: normal; |
|||
line-height: 1.3em; |
|||
margin: 0 auto 25px; |
|||
padding: 0; |
|||
text-decoration: none; |
|||
width: 80px; |
|||
text-indent: -9999px; |
|||
outline: none; |
|||
overflow: hidden; |
|||
display: block; |
|||
} |
|||
|
|||
#login { |
|||
width: 320px; |
|||
padding: 8% 0 0; |
|||
margin: auto; |
|||
} |
|||
|
|||
#login_error, |
|||
.login .message { |
|||
margin-left: 0; |
|||
padding: 12px; |
|||
} |
|||
|
|||
.login #nav, |
|||
.login #backtoblog { |
|||
font-size: 13px; |
|||
padding: 0 24px 0; |
|||
} |
|||
|
|||
.login #nav { |
|||
margin: 24px 0 0 0; |
|||
} |
|||
|
|||
#backtoblog { |
|||
margin: 16px 0 0 0; |
|||
} |
|||
|
|||
.login #nav a, |
|||
.login #backtoblog a { |
|||
text-decoration: none; |
|||
color: #999; |
|||
} |
|||
|
|||
.login #nav a:hover, |
|||
.login #backtoblog a:hover, |
|||
.login h1 a:hover { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
.login form .input, |
|||
.login input[type="text"] { |
|||
font-size: 24px; |
|||
line-height: 1; |
|||
width: 100%; |
|||
padding: 3px; |
|||
margin: 2px 6px 16px 0; |
|||
} |
|||
|
|||
.login form .input, |
|||
.login input[type="text"], |
|||
.login form input[type="checkbox"] { |
|||
background: #fbfbfb; |
|||
} |
|||
|
|||
.ie7 .login form .input, |
|||
.ie8 .login form .input { |
|||
font-family: sans-serif; |
|||
} |
|||
|
|||
.login #pass-strength-result { |
|||
width: 250px; |
|||
font-weight: 600; |
|||
margin: 12px 0 6px; |
|||
padding: 6px 5px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.mobile #login { |
|||
padding: 20px 0; |
|||
} |
|||
|
|||
.mobile #login form, |
|||
.mobile #login .message, |
|||
.mobile #login_error { |
|||
margin-left: 0; |
|||
} |
|||
|
|||
.mobile #login #nav, |
|||
.mobile #login #backtoblog { |
|||
margin-left: 8px; |
|||
} |
|||
|
|||
.mobile #login h1 a { |
|||
width: auto; |
|||
} |
|||
|
|||
body.interim-login { |
|||
height: auto; |
|||
} |
|||
|
|||
.interim-login #login { |
|||
padding: 0; |
|||
margin: 5px auto 20px; |
|||
} |
|||
|
|||
.interim-login.login h1 a { |
|||
width: auto; |
|||
} |
|||
|
|||
.interim-login #login_error, |
|||
.interim-login.login .message { |
|||
margin: 0 0 16px; |
|||
} |
|||
|
|||
.interim-login.login form { |
|||
margin: 0; |
|||
} |
|||
|
|||
@-ms-viewport { |
|||
width: device-width; |
|||
} |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
.interim-login input[type=checkbox] { |
|||
height: 16px; |
|||
width: 16px; |
|||
} |
|||
|
|||
.interim-login input[type=checkbox]:checked:before { |
|||
width: 16px; |
|||
font: normal 21px/1 'dashicons'; |
|||
margin: -3px 0 0 -4px; |
|||
} |
|||
} |
|||
1
sources/wp-admin/css/login.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,71 +1,724 @@ |
|||
body#media-upload ul#sidemenu { |
|||
left: auto; |
|||
right: 0; |
|||
/*------------------------------------------------------------------------------ |
|||
14.0 - Media Screen |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
.media-item .describe { |
|||
border-collapse: collapse; |
|||
width: 100%; |
|||
border-top: 1px solid #dfdfdf; |
|||
clear: both; |
|||
cursor: default; |
|||
} |
|||
|
|||
.media-item.media-blank .describe { |
|||
border: 0; |
|||
} |
|||
|
|||
.media-item .describe th { |
|||
vertical-align: top; |
|||
text-align: right; |
|||
padding: 5px 10px 10px; |
|||
width: 140px; |
|||
} |
|||
|
|||
.media-item .describe .align th { |
|||
padding-top: 0; |
|||
} |
|||
|
|||
.media-item .media-item-info tr { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.media-item .describe td { |
|||
padding: 0 0 8px 8px; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
.media-item thead.media-item-info td { |
|||
padding: 4px 10px 0; |
|||
} |
|||
#search-filter { |
|||
text-align: left; |
|||
|
|||
.media-item .media-item-info .A1B1 { |
|||
padding: 0 10px 0 0; |
|||
} |
|||
/* specific to the image upload form */ |
|||
.align .field label { |
|||
|
|||
.media-item td.savesend { |
|||
padding-bottom: 15px; |
|||
} |
|||
|
|||
.media-item .thumbnail { |
|||
max-height: 128px; |
|||
max-width: 128px; |
|||
} |
|||
|
|||
#wpbody-content #async-upload-wrap a { |
|||
display: none; |
|||
} |
|||
|
|||
.media-upload-form { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.media-upload-form td label { |
|||
margin-left: 6px; |
|||
margin-right: 2px; |
|||
} |
|||
|
|||
.media-upload-form .align .field label { |
|||
display: inline; |
|||
padding: 0 23px 0 0; |
|||
margin: 0 3px 0 1em; |
|||
font-weight: 600; |
|||
} |
|||
.image-align-none-label, .image-align-left-label, .image-align-center-label, .image-align-right-label { |
|||
background-position: center right; |
|||
} |
|||
tr.image-size label { |
|||
|
|||
.media-upload-form tr.image-size label { |
|||
margin: 0 5px 0 0; |
|||
font-weight: 600; |
|||
} |
|||
.file-error { |
|||
margin: 0 50px 5px 0; |
|||
|
|||
.media-upload-form th.label label { |
|||
font-weight: 600; |
|||
margin: 0.5em; |
|||
font-size: 13px; |
|||
} |
|||
.progress { |
|||
left: auto; |
|||
right: 0; |
|||
|
|||
.media-upload-form th.label label span { |
|||
padding: 0 5px; |
|||
} |
|||
.describe td { |
|||
padding: 0 0 0 5px; |
|||
|
|||
.media-item .describe input[type="text"], |
|||
.media-item .describe textarea { |
|||
width: 460px; |
|||
} |
|||
|
|||
/* Specific to Uploader */ |
|||
#media-upload .describe th.label { |
|||
text-align: right; |
|||
.media-item .describe p.help { |
|||
margin: 0; |
|||
padding: 0 5px 0 0; |
|||
} |
|||
.menu_order { |
|||
|
|||
.media-item .edit-attachment, |
|||
.describe-toggle-on, |
|||
.describe-toggle-off { |
|||
display: block; |
|||
line-height: 36px; |
|||
float: left; |
|||
} |
|||
.media-upload-form label.form-help, td.help, #media-upload p.help, #media-upload label.help { |
|||
font-family: Tahoma, Arial; |
|||
|
|||
.media-item .describe-toggle-off, |
|||
.media-item.open .describe-toggle-on { |
|||
display: none; |
|||
} |
|||
#gallery-settings #basic th.label { |
|||
padding: 5px 0 5px 5px; |
|||
|
|||
.media-item.open .describe-toggle-off { |
|||
display: block; |
|||
} |
|||
#gallery-settings .title, h3.media-title { |
|||
font-family: Tahoma, Arial; |
|||
|
|||
#media-items .media-item { |
|||
border-bottom: 1px solid #dfdfdf; |
|||
min-height: 36px; |
|||
position: relative; |
|||
width: 100%; |
|||
} |
|||
#gallery-settings .describe th.label { |
|||
text-align: right; |
|||
|
|||
#media-items { |
|||
width: 623px; |
|||
} |
|||
#gallery-settings label, |
|||
#gallery-settings legend { |
|||
margin-right: 0; |
|||
margin-left: 15px; |
|||
|
|||
.media-new-php #media-items { |
|||
margin: 1em 0; |
|||
} |
|||
#gallery-settings .align .field label { |
|||
margin: 0 3px 0 1em; |
|||
|
|||
#media-items:empty { |
|||
border: 0 none; |
|||
} |
|||
|
|||
.media-item .filename { |
|||
line-height: 36px; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.media-item .error-div { |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.media-item .pinkynail { |
|||
float: right; |
|||
margin: 2px 0 0 10px; |
|||
max-width: 40px; |
|||
max-height: 32px; |
|||
} |
|||
|
|||
.media-item .startopen, |
|||
.media-item .startclosed { |
|||
display: none; |
|||
} |
|||
|
|||
.media-item .original { |
|||
position: relative; |
|||
height: 34px; |
|||
} |
|||
|
|||
.media-item .progress { |
|||
float: left; |
|||
height: 22px; |
|||
margin: 7px 0 0; |
|||
width: 200px; |
|||
line-height: 2em; |
|||
padding: 0; |
|||
overflow: hidden; |
|||
margin-bottom: 2px; |
|||
-webkit-border-radius: 22px; |
|||
border-radius: 22px; |
|||
background: #ddd; |
|||
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); |
|||
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); |
|||
} |
|||
|
|||
.media-item .bar { |
|||
z-index: 9; |
|||
width: 0; |
|||
height: 100%; |
|||
margin-top: -22px; |
|||
-webkit-border-radius: 22px; |
|||
border-radius: 22px; |
|||
background-color: #0074a2; |
|||
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); |
|||
box-shadow: inset 0 0 2px rgba(0,0,0,0.3); |
|||
} |
|||
|
|||
.media-item .progress .percent { |
|||
z-index: 10; |
|||
position: relative; |
|||
width: 200px; |
|||
padding: 0; |
|||
color: #fff; |
|||
text-align: center; |
|||
line-height: 22px; |
|||
font-weight: 400; |
|||
text-shadow: 0px 1px 2px rgba(0,0,0,0.2); |
|||
} |
|||
|
|||
.upload-php .fixed .column-parent { |
|||
width: 15%; |
|||
} |
|||
|
|||
.js .html-uploader #plupload-upload-ui { |
|||
display: none; |
|||
} |
|||
|
|||
.js .html-uploader #html-upload-ui { |
|||
display: block; |
|||
} |
|||
|
|||
.media-upload-form .media-item.error { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.media-upload-form .media-item.error p, |
|||
.media-item .error-div { |
|||
line-height: 16px; |
|||
margin: 5px 10px; |
|||
padding: 0; |
|||
} |
|||
|
|||
.media-item .error-div a.dismiss { |
|||
display: block; |
|||
float: left; |
|||
margin: 5px 15px 0 4px; |
|||
} |
|||
#sort-buttons { |
|||
margin: 3px 0 -8px 25px; |
|||
text-align: left; |
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
14.1 - Media Library |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
.find-box { |
|||
background-color: #fff; |
|||
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
|||
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
|||
width: 600px; |
|||
overflow: hidden; |
|||
margin-right: -300px; |
|||
position: fixed; |
|||
top: 30px; |
|||
bottom: 30px; |
|||
right: 50%; |
|||
z-index: 100105; |
|||
} |
|||
|
|||
#sort-buttons #asc, |
|||
#sort-buttons #showall { |
|||
.find-box-head { |
|||
background: #fcfcfc; |
|||
border-bottom: 1px solid #dfdfdf; |
|||
height: 36px; |
|||
font-size: 18px; |
|||
font-weight: 600; |
|||
line-height: 36px; |
|||
padding: 0 16px 0 36px; |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
.find-box-inside { |
|||
overflow: auto; |
|||
padding: 16px; |
|||
background-color: #fff; |
|||
position: absolute; |
|||
top: 37px; |
|||
bottom: 45px; |
|||
overflow-y: scroll; |
|||
width: 100%; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.find-box-search { |
|||
padding-bottom: 16px; |
|||
} |
|||
|
|||
.find-box-search .spinner { |
|||
float: none; |
|||
right: 125px; |
|||
position: absolute; |
|||
top: 18px; |
|||
} |
|||
|
|||
#find-posts-input, |
|||
#find-posts-search { |
|||
float: right; |
|||
} |
|||
|
|||
#find-posts-input { |
|||
width: 140px; |
|||
height: 28px; |
|||
margin: 0 0 0 4px; |
|||
} |
|||
|
|||
.widefat .found-radio { |
|||
padding-left: 0; |
|||
padding-right: 5px; |
|||
width: 16px; |
|||
} |
|||
|
|||
#find-posts-close { |
|||
width: 36px; |
|||
height: 36px; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
cursor: pointer; |
|||
text-align: center; |
|||
color: #666; |
|||
} |
|||
|
|||
#find-posts-close:hover { |
|||
color: #2ea2cc; |
|||
} |
|||
|
|||
#find-posts-close:before { |
|||
font: normal 20px/36px 'dashicons'; |
|||
vertical-align: top; |
|||
speak: none; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
content: '\f158'; |
|||
} |
|||
|
|||
.find-box-buttons { |
|||
padding: 8px 16px; |
|||
background: #fcfcfc; |
|||
border-top: 1px solid #dfdfdf; |
|||
position: absolute; |
|||
bottom: 0; |
|||
right: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
.find-box-inside { |
|||
bottom: 57px; |
|||
} |
|||
} |
|||
|
|||
@media screen and ( max-width: 660px ) { |
|||
|
|||
.find-box { |
|||
top: 0; |
|||
bottom: 0; |
|||
right: 0; |
|||
left: 0; |
|||
margin: 0; |
|||
width: 100%; |
|||
} |
|||
|
|||
} |
|||
|
|||
.ui-find-overlay { |
|||
position: fixed; |
|||
top: 0; |
|||
right: 0; |
|||
left: 0; |
|||
bottom: 0; |
|||
background: #000; |
|||
opacity: 0.7; |
|||
filter: alpha(opacity=70); |
|||
z-index: 100100; |
|||
} |
|||
|
|||
ul#dismissed-updates { |
|||
display: none; |
|||
} |
|||
|
|||
form.upgrade { |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
form.upgrade .hint { |
|||
font-style: italic; |
|||
font-size: 85%; |
|||
margin: -0.5em 0 2em 0; |
|||
} |
|||
|
|||
#poststuff .inside .the-tagcloud { |
|||
margin: 5px 0 10px; |
|||
padding: 8px; |
|||
border: 1px solid #ddd; |
|||
line-height: 1.8em; |
|||
word-spacing: 3px; |
|||
-webkit-border-radius: 6px; |
|||
border-radius: 6px; |
|||
} |
|||
|
|||
.drag-drop #drag-drop-area { |
|||
border: 4px dashed #bbb; |
|||
height: 200px; |
|||
} |
|||
|
|||
.drag-drop .drag-drop-inside { |
|||
margin: 70px auto 0; |
|||
width: 250px; |
|||
} |
|||
|
|||
.drag-drop-inside p { |
|||
color: #aaa; |
|||
font-size: 14px; |
|||
margin: 5px 0; |
|||
display: none; |
|||
} |
|||
|
|||
.drag-drop .drag-drop-inside p { |
|||
text-align: center; |
|||
} |
|||
|
|||
.drag-drop-inside p.drag-drop-info { |
|||
font-size: 20px; |
|||
} |
|||
|
|||
.drag-drop .drag-drop-inside p, |
|||
.drag-drop-inside p.drag-drop-buttons { |
|||
display: block; |
|||
} |
|||
|
|||
/* |
|||
#drag-drop-area:-moz-drag-over { |
|||
border-color: #83b4d8; |
|||
} |
|||
border color while dragging a file over the uploader drop area */ |
|||
.drag-drop.drag-over #drag-drop-area { |
|||
border-color: #83b4d8; |
|||
} |
|||
|
|||
#plupload-upload-ui { |
|||
position: relative; |
|||
} |
|||
|
|||
|
|||
/*------------------------------------------------------------------------------ |
|||
14.2 - Image Editor |
|||
------------------------------------------------------------------------------*/ |
|||
|
|||
.wp_attachment_details label[for="content"] { |
|||
font-size: 13px; |
|||
line-height: 1.5; |
|||
margin: 1em 0; |
|||
} |
|||
|
|||
.wp_attachment_details #attachment_caption { |
|||
height: 4em; |
|||
} |
|||
|
|||
.describe .image-editor { |
|||
vertical-align: top; |
|||
} |
|||
|
|||
.imgedit-wrap { |
|||
position: relative; |
|||
} |
|||
|
|||
.imgedit-settings p { |
|||
margin: 8px 0 0; |
|||
} |
|||
|
|||
.describe .imgedit-wrap .imgedit-settings { |
|||
padding: 0 5px; |
|||
} |
|||
|
|||
.wp_attachment_holder div.updated { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
.wp_attachment_holder .imgedit-wrap > div { |
|||
height: auto; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.wp_attachment_holder .imgedit-wrap .imgedit-panel-content { |
|||
padding-left: 16px; |
|||
width: auto; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.wp_attachment_holder .imgedit-wrap .imgedit-settings { |
|||
float: left; |
|||
width: 250px; |
|||
} |
|||
|
|||
.imgedit-settings input { |
|||
margin-top: 0; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.imgedit-wait { |
|||
position: absolute; |
|||
top: 0; |
|||
background: #fff url(../images/spinner.gif) no-repeat center; |
|||
-webkit-background-size: 20px 20px; |
|||
background-size: 20px 20px; |
|||
opacity: 0.7; |
|||
filter: alpha(opacity=70); |
|||
width: 100%; |
|||
height: 500px; |
|||
display: none; |
|||
} |
|||
|
|||
.no-float { |
|||
float: none; |
|||
} |
|||
|
|||
.media-disabled, |
|||
.imgedit-settings .disabled { |
|||
color: grey; |
|||
} |
|||
|
|||
.wp_attachment_image, |
|||
.A1B1 { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.wp_attachment_image .button, |
|||
.A1B1 .button { |
|||
float: right; |
|||
} |
|||
|
|||
.no-js .wp_attachment_image .button { |
|||
display: none; |
|||
} |
|||
|
|||
.wp_attachment_image .spinner, |
|||
.A1B1 .spinner { |
|||
float: right; |
|||
padding: 0 0 4px 0; |
|||
vertical-align: bottom; |
|||
} |
|||
|
|||
.imgedit-menu { |
|||
margin: 0 0 12px; |
|||
min-width: 300px; |
|||
} |
|||
|
|||
.imgedit-menu div { |
|||
float: right; |
|||
width: 32px; |
|||
border: 1px solid #d5d5d5; |
|||
background: #f1f1f1; |
|||
margin: 0 0 0 8px; |
|||
height: 32px; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
text-align: center; |
|||
line-height: 28px; |
|||
color: #777; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.imgedit-menu div:before { |
|||
font: normal 20px/1 'dashicons'; |
|||
speak: none; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.imgedit-menu div:hover { |
|||
border-color: #c1c1c1; |
|||
background-color: #eaeaea; |
|||
color: #333; |
|||
} |
|||
|
|||
.imgedit-menu div.disabled { |
|||
border-color: #ccc; |
|||
background-color: #ddd; |
|||
color: #777; |
|||
filter: alpha(opacity=50); |
|||
opacity: 0.5; |
|||
cursor: default; |
|||
} |
|||
|
|||
.imgedit-crop:before { |
|||
content:'\f165'; |
|||
} |
|||
|
|||
.imgedit-rleft:before { |
|||
content:'\f166'; |
|||
} |
|||
|
|||
.imgedit-rright:before { |
|||
content:'\f167'; |
|||
} |
|||
|
|||
.imgedit-flipv:before { |
|||
content:'\f168'; |
|||
} |
|||
|
|||
.imgedit-fliph:before { |
|||
content:'\f169'; |
|||
} |
|||
|
|||
.imgedit-undo:before { |
|||
content:'\f171'; |
|||
} |
|||
|
|||
.imgedit-redo:before { |
|||
content:'\f172'; |
|||
} |
|||
|
|||
.imgedit-crop-wrap { |
|||
position: relative; |
|||
} |
|||
|
|||
.imgedit-crop { |
|||
margin: 0 0 0 8px; |
|||
} |
|||
|
|||
.imgedit-rleft { |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
.imgedit-rright { |
|||
margin: 0 3px 0 8px; |
|||
} |
|||
|
|||
.imgedit-flipv { |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
.imgedit-fliph { |
|||
margin: 0 3px 0 8px; |
|||
} |
|||
|
|||
.imgedit-undo { |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
.imgedit-redo { |
|||
margin: 0 3px 0 8px; |
|||
} |
|||
|
|||
.imgedit-applyto img { |
|||
margin: 0 0 0 8px; |
|||
} |
|||
|
|||
.imgedit-group-top { |
|||
margin: 5px 0; |
|||
} |
|||
|
|||
#poststuff .imgedit-group-top h3 { |
|||
padding: 0; |
|||
} |
|||
|
|||
.imgedit-group-top h3 a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.imgedit-applyto .imgedit-label { |
|||
padding: 2px 0 0; |
|||
display: block; |
|||
} |
|||
|
|||
.imgedit-help { |
|||
display: none; |
|||
font-style: italic; |
|||
} |
|||
|
|||
a.imgedit-help-toggle { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.form-table td.imgedit-response { |
|||
padding: 0; |
|||
} |
|||
|
|||
.imgedit-submit { |
|||
margin: 8px 0; |
|||
} |
|||
|
|||
.imgedit-submit-btn { |
|||
margin-right: 20px; |
|||
} |
|||
|
|||
.imgedit-wrap .nowrap { |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
span.imgedit-scale-warn { |
|||
color: red; |
|||
font-size: 20px; |
|||
font-style: normal; |
|||
visibility: hidden; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.imgedit-group { |
|||
margin-bottom: 8px; |
|||
padding: 2px 10px; |
|||
} |
|||
|
|||
audio, video { |
|||
display: inline-block; |
|||
max-width: 100%; |
|||
} |
|||
|
|||
.mejs-container { |
|||
width: 100%; |
|||
} |
|||
|
|||
/* =Media Queries |
|||
-------------------------------------------------------------- */ |
|||
|
|||
/** |
|||
* HiDPI Displays |
|||
*/ |
|||
@media print, |
|||
(-o-min-device-pixel-ratio: 5/4), |
|||
(-webkit-min-device-pixel-ratio: 1.25), |
|||
(min-resolution: 120dpi) { |
|||
.imgedit-wait { |
|||
background-image: url(../images/spinner-2x.gif); |
|||
} |
|||
} |
|||
|
|||
#sort-buttons span { |
|||
margin-right: 0; |
|||
margin-left: 25px; |
|||
@media screen and ( max-width: 782px ) { |
|||
.wp_attachment_details label[for="content"] { |
|||
font-size: 14px; |
|||
line-height: 1.5em; |
|||
} |
|||
} |
|||
@ -0,0 +1,853 @@ |
|||
/* nav-menu */ |
|||
|
|||
/* @todo: determine if this is truly for nav menus only */ |
|||
.no-js #message { |
|||
display: block; |
|||
} |
|||
|
|||
ul.add-menu-item-tabs li { |
|||
padding: 3px 8px 3px 5px; |
|||
} |
|||
|
|||
.accordion-section ul.category-tabs, |
|||
.accordion-section ul.add-menu-item-tabs, |
|||
.accordion-section ul.wp-tab-bar { |
|||
margin: 0; |
|||
} |
|||
|
|||
.accordion-section .categorychecklist { |
|||
margin: 13px 0; |
|||
} |
|||
|
|||
#nav-menu-meta .accordion-section-content { |
|||
padding: 18px 13px; |
|||
} |
|||
|
|||
#nav-menu-meta .button-controls { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
#nav-menus-frame { |
|||
margin-right: 300px; |
|||
margin-top: 23px; |
|||
} |
|||
|
|||
#wpbody-content #menu-settings-column { |
|||
display:inline; |
|||
width:281px; |
|||
margin-right: -300px; |
|||
clear: both; |
|||
float: right; |
|||
padding-top: 0; |
|||
} |
|||
|
|||
#menu-settings-column .inside { |
|||
clear: both; |
|||
margin: 10px 0 0; |
|||
} |
|||
|
|||
.metabox-holder-disabled .postbox, |
|||
.metabox-holder-disabled .accordion-section-content, |
|||
.metabox-holder-disabled .accordion-section-title { |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
.metabox-holder-disabled .button-controls .select-all { |
|||
display: none; |
|||
} |
|||
|
|||
#wpbody { |
|||
position: relative; |
|||
} |
|||
|
|||
.blank-slate .menu-name { |
|||
height: 2em; |
|||
} |
|||
|
|||
.blank-slate .menu-settings { |
|||
border: none; |
|||
margin-top: 0; |
|||
padding-top: 0; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.is-submenu { |
|||
color: #999; |
|||
font-style: italic; |
|||
font-weight: normal; |
|||
margin-right: 4px; |
|||
} |
|||
|
|||
.manage-menus { |
|||
margin-top: 23px; |
|||
padding: 10px; |
|||
overflow: hidden; |
|||
background: #fbfbfb; |
|||
} |
|||
|
|||
.manage-menus select { |
|||
float: right; |
|||
margin-left: 6px; |
|||
} |
|||
|
|||
.manage-menus .selected-menu { |
|||
float: right; |
|||
margin: 5px 0 0 6px; |
|||
} |
|||
|
|||
.manage-menus .submit-btn { |
|||
float: right; |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.menu-edit p { |
|||
margin: .3em 0 .6em; |
|||
} |
|||
|
|||
.menu-edit #post-body-content h3 { |
|||
margin: 1em 0 10px; |
|||
} |
|||
|
|||
.menu-settings { |
|||
border-top: 1px solid #eee; |
|||
margin-top: 2em; |
|||
} |
|||
|
|||
.menu-settings dl { |
|||
margin: 0 0 10px; |
|||
overflow: hidden; |
|||
padding-right: 18%; |
|||
} |
|||
|
|||
.menu-settings dd { |
|||
float: right; |
|||
margin: 0; |
|||
width: 100%; |
|||
} |
|||
|
|||
.menu-settings dt { |
|||
float: right; |
|||
clear: both; |
|||
width: 21.951%; |
|||
padding: 3px 0 0; |
|||
margin-right: -21.951%; |
|||
} |
|||
|
|||
.menu-settings label { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
.menu-edit .checkbox-input { |
|||
margin-top: 4px; |
|||
} |
|||
|
|||
.theme-location-set { |
|||
color: #999; |
|||
font-size: 11px; |
|||
} |
|||
|
|||
/* Menu Container */ |
|||
#menu-management-liquid { |
|||
float: right; |
|||
min-width: 100%; |
|||
margin-top: 3px; |
|||
} |
|||
|
|||
#menu-management { |
|||
position: relative; |
|||
margin-left: 20px; |
|||
margin-top: -3px; |
|||
width: 100%; |
|||
background: #f5f5f5; |
|||
} |
|||
|
|||
#menu-management .menu-edit { |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.nav-menus-php #post-body { |
|||
padding: 0 10px 10px; |
|||
border-top: 1px solid #fff; |
|||
border-bottom: 1px solid #dfdfdf; |
|||
background: #fff; |
|||
} |
|||
|
|||
#nav-menu-header, |
|||
#nav-menu-footer { |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
#nav-menu-header { |
|||
border-bottom: 1px solid #dfdfdf; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
#nav-menu-header .menu-name-label { |
|||
margin-top: 4px; |
|||
} |
|||
|
|||
.nav-menus-php #post-body div.updated, |
|||
.nav-menus-php #post-body div.error { |
|||
margin: 0; |
|||
} |
|||
|
|||
.nav-menus-php #post-body-content { |
|||
position: relative; |
|||
float: none; |
|||
} |
|||
|
|||
#menu-management .menu-add-new abbr { |
|||
font-weight:600; |
|||
} |
|||
|
|||
#select-nav-menu-container { |
|||
text-align: left; |
|||
padding: 0 10px 3px 10px; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
#select-nav-menu { |
|||
width: 100px; |
|||
display: inline; |
|||
} |
|||
|
|||
#menu-name-label { |
|||
margin-top: -2px; |
|||
} |
|||
|
|||
.widefat td.menu-location-menus { |
|||
padding-bottom: 5px; |
|||
} |
|||
|
|||
.menu-location-menus select { |
|||
float: right; |
|||
} |
|||
|
|||
#locations-nav-menu-wrapper { |
|||
padding: 5px 0; |
|||
} |
|||
|
|||
.locations-nav-menu-select select { |
|||
float: right; |
|||
width: 160px; |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
.locations-row-links { |
|||
float: right; |
|||
margin: 6px 6px 0 0; |
|||
} |
|||
|
|||
.locations-edit-menu-link, |
|||
.locations-add-menu-link { |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
.locations-edit-menu-link { |
|||
padding-left: 3px; |
|||
border-left: 1px solid #ccc; |
|||
} |
|||
|
|||
#wpbody .open-label { |
|||
display: block; |
|||
float:right; |
|||
} |
|||
|
|||
#wpbody .open-label span { |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.js .input-with-default-title { |
|||
color: #aaa; |
|||
font-style: italic; |
|||
} |
|||
|
|||
#menu-management .inside { |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
/* Add Menu Item Boxes */ |
|||
.postbox .howto input, |
|||
.accordion-container .howto input { |
|||
width: 180px; |
|||
float: left; |
|||
} |
|||
|
|||
.accordion-container .outer-border { |
|||
margin: 0; |
|||
} |
|||
|
|||
.customlinkdiv .howto input { |
|||
width: 180px; |
|||
} |
|||
|
|||
.customlinkdiv p { |
|||
margin-top: 0 |
|||
} |
|||
|
|||
#nav-menu-theme-locations .howto select { |
|||
width: 100%; |
|||
} |
|||
|
|||
#nav-menu-theme-locations .button-controls { |
|||
text-align: left; |
|||
} |
|||
|
|||
.add-menu-item-view-all { |
|||
height: 400px; |
|||
} |
|||
|
|||
/* Button Primary Actions */ |
|||
#menu-container .submit { |
|||
margin: 0 0 10px; |
|||
padding: 0; |
|||
} |
|||
|
|||
.nav-menus-php .add-new-menu-action { |
|||
float: right; |
|||
margin: 6px 6px 0 0; |
|||
line-height: 15px; |
|||
} |
|||
|
|||
.nav-menus-php .meta-sep, |
|||
.nav-menus-php .submitdelete, |
|||
.nav-menus-php .submitcancel { |
|||
display: block; |
|||
float: right; |
|||
margin: 6px 0; |
|||
line-height: 15px; |
|||
} |
|||
|
|||
.meta-sep { |
|||
padding: 0 2px; |
|||
} |
|||
|
|||
/* @todo: is this actually used? */ |
|||
#cancel-save { |
|||
text-decoration: underline; |
|||
font-size: 12px; |
|||
margin-right: 20px; |
|||
margin-top: 5px; |
|||
} |
|||
|
|||
.button.right, .button-secondary.right, .button-primary.right { |
|||
float: left; |
|||
} |
|||
|
|||
/* Button Secondary Actions */ |
|||
.list-controls { |
|||
float: right; |
|||
margin-top: 5px; |
|||
} |
|||
|
|||
.add-to-menu { |
|||
float: left; |
|||
} |
|||
|
|||
.postbox .spinner { |
|||
display: none; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.button-controls { |
|||
clear:both; |
|||
margin: 10px 0; |
|||
} |
|||
|
|||
.show-all, |
|||
.hide-all { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.hide-all { |
|||
display: none; |
|||
} |
|||
|
|||
/* Create Menu */ |
|||
#menu-name { |
|||
width: 270px; |
|||
} |
|||
|
|||
#manage-menu .inside { |
|||
padding: 0px 0px; |
|||
} |
|||
|
|||
/* Custom Links */ |
|||
#available-links dt { |
|||
display: block; |
|||
} |
|||
|
|||
#add-custom-link .howto { |
|||
font-size: 12px; |
|||
} |
|||
|
|||
#add-custom-link label span { |
|||
display: block; |
|||
float: right; |
|||
margin-top: 5px; |
|||
padding-left: 5px; |
|||
} |
|||
|
|||
.menu-item-textbox { |
|||
width: 180px; |
|||
} |
|||
|
|||
.nav-menus-php .howto span { |
|||
margin-top: 6px; |
|||
display: block; |
|||
float: right; |
|||
} |
|||
|
|||
/* Menu item types */ |
|||
.quick-search { |
|||
width: 190px; |
|||
} |
|||
|
|||
.nav-menus-php .list-wrap { |
|||
display: none; |
|||
clear: both; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.nav-menus-php .postbox p.submit { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
/* Listings */ |
|||
.nav-menus-php .list li { |
|||
display: none; |
|||
margin: 0; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
.nav-menus-php .list li .menu-item-title { |
|||
cursor: pointer; |
|||
display: block; |
|||
} |
|||
|
|||
.nav-menus-php .list li .menu-item-title input { |
|||
margin-left: 3px; |
|||
margin-top: -3px; |
|||
} |
|||
|
|||
.menu-item-title input[type=checkbox] { |
|||
display: inline-block; |
|||
margin-top: -4px; |
|||
} |
|||
|
|||
/* Nav Menu */ |
|||
#menu-container .inside { |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
.menu { |
|||
padding-top:1em; |
|||
} |
|||
|
|||
#menu-to-edit { |
|||
margin: 0; |
|||
padding: 0.1em 0; |
|||
} |
|||
|
|||
.menu ul { |
|||
width: 100%; |
|||
} |
|||
|
|||
.menu li { |
|||
margin-bottom: 0; |
|||
position:relative; |
|||
} |
|||
|
|||
.menu-item-bar { |
|||
clear:both; |
|||
line-height:1.5em; |
|||
position:relative; |
|||
margin: 9px 0 0; |
|||
} |
|||
|
|||
.menu-item-bar .menu-item-handle { |
|||
border: 1px solid #dfdfdf; |
|||
position: relative; |
|||
padding: 10px 15px; |
|||
height: auto; |
|||
width: 382px; |
|||
line-height: 30px; |
|||
overflow: hidden; |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
.menu-item-bar .menu-item-handle:hover { |
|||
border-color: #999; |
|||
} |
|||
|
|||
#menu-to-edit .menu-item-invalid .menu-item-handle { |
|||
background: #f6c9cc; |
|||
border-color: #f1acb1; |
|||
} |
|||
|
|||
.no-js .menu-item-edit-active .item-edit { |
|||
display: none; |
|||
} |
|||
|
|||
.js .menu-item-handle { |
|||
cursor: move; |
|||
} |
|||
|
|||
.menu li.deleting .menu-item-handle { |
|||
background-image: none; |
|||
background-color: #f66; |
|||
} |
|||
|
|||
.menu-item-handle .item-title { |
|||
font-size: 13px; |
|||
font-weight: 600; |
|||
line-height: 20px; |
|||
display: block; |
|||
margin-left: 13em; |
|||
} |
|||
|
|||
/* Sortables */ |
|||
li.menu-item.ui-sortable-helper dl { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
li.menu-item.ui-sortable-helper .menu-item-transport dl { |
|||
margin-top: 13px; |
|||
} |
|||
|
|||
.menu .sortable-placeholder { |
|||
height: 35px; |
|||
width: 410px; |
|||
margin-top: 13px; |
|||
} |
|||
|
|||
/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */ |
|||
.menu-item-depth-0 { margin-right: 0px; } |
|||
.menu-item-depth-1 { margin-right: 30px; } |
|||
.menu-item-depth-2 { margin-right: 60px; } |
|||
.menu-item-depth-3 { margin-right: 90px; } |
|||
.menu-item-depth-4 { margin-right: 120px; } |
|||
.menu-item-depth-5 { margin-right: 150px; } |
|||
.menu-item-depth-6 { margin-right: 180px; } |
|||
.menu-item-depth-7 { margin-right: 210px; } |
|||
.menu-item-depth-8 { margin-right: 240px; } |
|||
.menu-item-depth-9 { margin-right: 270px; } |
|||
.menu-item-depth-10 { margin-right: 300px; } |
|||
.menu-item-depth-11 { margin-right: 330px; } |
|||
|
|||
.menu-item-depth-0 .menu-item-transport { margin-right: 0px; } |
|||
.menu-item-depth-1 .menu-item-transport { margin-right: -30px; } |
|||
.menu-item-depth-2 .menu-item-transport { margin-right: -60px; } |
|||
.menu-item-depth-3 .menu-item-transport { margin-right: -90px; } |
|||
.menu-item-depth-4 .menu-item-transport { margin-right: -120px; } |
|||
.menu-item-depth-5 .menu-item-transport { margin-right: -150px; } |
|||
.menu-item-depth-6 .menu-item-transport { margin-right: -180px; } |
|||
.menu-item-depth-7 .menu-item-transport { margin-right: -210px; } |
|||
.menu-item-depth-8 .menu-item-transport { margin-right: -240px; } |
|||
.menu-item-depth-9 .menu-item-transport { margin-right: -270px; } |
|||
.menu-item-depth-10 .menu-item-transport { margin-right: -300px; } |
|||
.menu-item-depth-11 .menu-item-transport { margin-right: -330px; } |
|||
|
|||
body.menu-max-depth-0 { min-width: 950px !important; } |
|||
body.menu-max-depth-1 { min-width: 980px !important; } |
|||
body.menu-max-depth-2 { min-width: 1010px !important; } |
|||
body.menu-max-depth-3 { min-width: 1040px !important; } |
|||
body.menu-max-depth-4 { min-width: 1070px !important; } |
|||
body.menu-max-depth-5 { min-width: 1100px !important; } |
|||
body.menu-max-depth-6 { min-width: 1130px !important; } |
|||
body.menu-max-depth-7 { min-width: 1160px !important; } |
|||
body.menu-max-depth-8 { min-width: 1190px !important; } |
|||
body.menu-max-depth-9 { min-width: 1220px !important; } |
|||
body.menu-max-depth-10 { min-width: 1250px !important; } |
|||
body.menu-max-depth-11 { min-width: 1280px !important; } |
|||
|
|||
/* Menu item controls */ |
|||
.item-type { |
|||
color: #777; |
|||
font-size: 12px; |
|||
padding: 12px 10px; |
|||
line-height: 18px; |
|||
display: block; |
|||
} |
|||
|
|||
.item-controls { |
|||
font-size: 12px; |
|||
position: absolute; |
|||
left: 20px; |
|||
top: -1px; |
|||
} |
|||
|
|||
.item-controls a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.item-controls a:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.item-controls .item-order { |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.nav-menus-php .item-edit { |
|||
position: absolute; |
|||
left: -20px; |
|||
top: 0; |
|||
display: block; |
|||
width: 30px; |
|||
height: 40px; |
|||
margin-left: 0 !important; |
|||
text-indent: 100%; |
|||
outline: none; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
/* Menu editing */ |
|||
.menu-instructions-inactive { |
|||
display: none; |
|||
} |
|||
|
|||
.menu-item-settings { |
|||
display: block; |
|||
width: 402px; |
|||
padding: 10px 10px 10px 0; |
|||
position: relative; |
|||
z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ |
|||
border: 1px solid #e5e5e5; |
|||
border-top: none; |
|||
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
|||
box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
|||
} |
|||
|
|||
.menu-item-settings .field-move a { |
|||
display: none; |
|||
margin: 0 2px; |
|||
} |
|||
|
|||
.menu-item-edit-active .menu-item-settings { |
|||
display: block; |
|||
} |
|||
|
|||
.menu-item-edit-inactive .menu-item-settings { |
|||
display: none; |
|||
} |
|||
|
|||
.add-menu-item-pagelinks { |
|||
margin: .5em auto; |
|||
text-align: center; |
|||
} |
|||
|
|||
.link-to-original { |
|||
display: block; |
|||
margin: 0 0 10px; |
|||
padding: 3px 5px 5px; |
|||
border: 1px solid #dfdfdf; |
|||
color: #777; |
|||
font-size: 12px; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.link-to-original a { |
|||
padding-right: 4px; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.hidden-field { |
|||
display: none; |
|||
} |
|||
|
|||
.menu-item-settings .description-thin, |
|||
.menu-item-settings .description-wide { |
|||
margin-left: 10px; |
|||
float: right; |
|||
} |
|||
|
|||
.description-thin { |
|||
width: 190px; |
|||
height: 40px; |
|||
} |
|||
|
|||
.description-wide { |
|||
width: 390px; |
|||
} |
|||
|
|||
.menu-item-actions { |
|||
padding-top: 15px; |
|||
} |
|||
|
|||
#cancel-save { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
/* Major/minor publishing actions (classes) */ |
|||
.nav-menus-php .major-publishing-actions { |
|||
clear: both; |
|||
padding: 3px 0 6px; |
|||
} |
|||
|
|||
.nav-menus-php .major-publishing-actions .publishing-action { |
|||
text-align: left; |
|||
float: left; |
|||
line-height: 23px; |
|||
margin: 4px 0 1px; |
|||
} |
|||
|
|||
.nav-menus-php .blank-slate .menu-settings { |
|||
display: none; |
|||
} |
|||
|
|||
.nav-menus-php .delete-action { |
|||
float: right; |
|||
margin-top: 2px; |
|||
} |
|||
|
|||
.nav-menus-php .submitbox .submitcancel { |
|||
border-bottom: 1px solid #0074a2; |
|||
padding: 1px 2px; |
|||
color: #0074a2; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.nav-menus-php .submitbox .submitcancel:hover { |
|||
background: #0074a2; |
|||
color: #fff; |
|||
} |
|||
|
|||
.nav-menus-php .major-publishing-actions .form-invalid { |
|||
padding-right: 4px; |
|||
margin-right: -4px; |
|||
} |
|||
|
|||
/* Clearfix */ |
|||
#menu-item-name-wrap:after, |
|||
#menu-item-url-wrap:after, |
|||
#menu-name-label:after, |
|||
#menu-settings-column .inside:after, |
|||
#nav-menus-frame:after, |
|||
.nav-menus-php #post-body-content:after, |
|||
.nav-menus-php .button-controls:after, |
|||
.nav-menus-php .major-publishing-actions:after, |
|||
.nav-menus-php .menu-item-settings:after { |
|||
clear: both; |
|||
content: "."; |
|||
display: block; |
|||
height: 0; |
|||
visibility: hidden; |
|||
} |
|||
|
|||
#nav-menus-frame, |
|||
.button-controls, |
|||
#menu-item-url-wrap, |
|||
#menu-item-name-wrap { |
|||
display: block; |
|||
} |
|||
|
|||
/* =Media Queries |
|||
-------------------------------------------------------------- */ |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
body.nav-menus-php { |
|||
min-width: 0 !important; |
|||
} |
|||
|
|||
#nav-menus-frame { |
|||
margin-right: 0; |
|||
float: none; |
|||
width: 100%; |
|||
} |
|||
|
|||
#wpbody-content #menu-settings-column { |
|||
display: block; |
|||
width: 100%; |
|||
float: none; |
|||
margin-right: 0; |
|||
} |
|||
|
|||
#side-sortables .add-menu-item-tabs { |
|||
margin: 15px 0 14px; |
|||
} |
|||
|
|||
ul.add-menu-item-tabs li.tabs { |
|||
padding: 13px 15px 14px; |
|||
} |
|||
|
|||
.nav-menus-php .item-controls .item-type { |
|||
margin-top: 2px; |
|||
} |
|||
|
|||
.nav-menus-php .customlinkdiv .howto input { |
|||
width: 65%; |
|||
} |
|||
|
|||
.nav-menus-php .quick-search { |
|||
width: 85%; |
|||
} |
|||
|
|||
#menu-management-liquid { |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.nav-menus-php .menu-name-label.howto span { |
|||
margin-top: 13px |
|||
} |
|||
|
|||
.menu-name-label #menu-name { |
|||
margin-top: 4px; |
|||
} |
|||
|
|||
.nav-menus-php .major-publishing-actions .publishing-action { |
|||
margin-top: 6px; |
|||
} |
|||
|
|||
.nav-menus-php .delete-action { |
|||
font-size: 14px; |
|||
line-height: 50px; |
|||
margin-top: 12px; |
|||
} |
|||
|
|||
.menu-item-bar .menu-item-handle, |
|||
.menu-item-settings, |
|||
.description-wide { |
|||
width: auto; |
|||
} |
|||
|
|||
.menu-item-settings { |
|||
padding: 10px; |
|||
} |
|||
|
|||
.menu-item-settings .description-thin, |
|||
.menu-item-settings .description-wide { |
|||
width: 100%; |
|||
height: auto; |
|||
} |
|||
|
|||
.menu-item-settings input { |
|||
width: 100%; |
|||
} |
|||
|
|||
.menu-settings dl { |
|||
padding-right: 0; |
|||
} |
|||
|
|||
.menu-settings dd { |
|||
float: none; |
|||
width: 100%; |
|||
margin-bottom: 15px; |
|||
} |
|||
|
|||
.menu-settings dt { |
|||
float: none; |
|||
width: auto; |
|||
margin-right: 0; |
|||
margin-bottom: 15px; |
|||
} |
|||
} |
|||
|
|||
@media only screen and (max-width: 768px) { |
|||
/* menu locations */ |
|||
#menu-locations-wrap .widefat { |
|||
width: 100%; |
|||
} |
|||
} |
|||
@ -0,0 +1,853 @@ |
|||
/* nav-menu */ |
|||
|
|||
/* @todo: determine if this is truly for nav menus only */ |
|||
.no-js #message { |
|||
display: block; |
|||
} |
|||
|
|||
ul.add-menu-item-tabs li { |
|||
padding: 3px 5px 3px 8px; |
|||
} |
|||
|
|||
.accordion-section ul.category-tabs, |
|||
.accordion-section ul.add-menu-item-tabs, |
|||
.accordion-section ul.wp-tab-bar { |
|||
margin: 0; |
|||
} |
|||
|
|||
.accordion-section .categorychecklist { |
|||
margin: 13px 0; |
|||
} |
|||
|
|||
#nav-menu-meta .accordion-section-content { |
|||
padding: 18px 13px; |
|||
} |
|||
|
|||
#nav-menu-meta .button-controls { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
#nav-menus-frame { |
|||
margin-left: 300px; |
|||
margin-top: 23px; |
|||
} |
|||
|
|||
#wpbody-content #menu-settings-column { |
|||
display:inline; |
|||
width:281px; |
|||
margin-left: -300px; |
|||
clear: both; |
|||
float: left; |
|||
padding-top: 0; |
|||
} |
|||
|
|||
#menu-settings-column .inside { |
|||
clear: both; |
|||
margin: 10px 0 0; |
|||
} |
|||
|
|||
.metabox-holder-disabled .postbox, |
|||
.metabox-holder-disabled .accordion-section-content, |
|||
.metabox-holder-disabled .accordion-section-title { |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
.metabox-holder-disabled .button-controls .select-all { |
|||
display: none; |
|||
} |
|||
|
|||
#wpbody { |
|||
position: relative; |
|||
} |
|||
|
|||
.blank-slate .menu-name { |
|||
height: 2em; |
|||
} |
|||
|
|||
.blank-slate .menu-settings { |
|||
border: none; |
|||
margin-top: 0; |
|||
padding-top: 0; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.is-submenu { |
|||
color: #999; |
|||
font-style: italic; |
|||
font-weight: normal; |
|||
margin-left: 4px; |
|||
} |
|||
|
|||
.manage-menus { |
|||
margin-top: 23px; |
|||
padding: 10px; |
|||
overflow: hidden; |
|||
background: #fbfbfb; |
|||
} |
|||
|
|||
.manage-menus select { |
|||
float: left; |
|||
margin-right: 6px; |
|||
} |
|||
|
|||
.manage-menus .selected-menu { |
|||
float: left; |
|||
margin: 5px 6px 0 0; |
|||
} |
|||
|
|||
.manage-menus .submit-btn { |
|||
float: left; |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.menu-edit p { |
|||
margin: .3em 0 .6em; |
|||
} |
|||
|
|||
.menu-edit #post-body-content h3 { |
|||
margin: 1em 0 10px; |
|||
} |
|||
|
|||
.menu-settings { |
|||
border-top: 1px solid #eee; |
|||
margin-top: 2em; |
|||
} |
|||
|
|||
.menu-settings dl { |
|||
margin: 0 0 10px; |
|||
overflow: hidden; |
|||
padding-left: 18%; |
|||
} |
|||
|
|||
.menu-settings dd { |
|||
float: left; |
|||
margin: 0; |
|||
width: 100%; |
|||
} |
|||
|
|||
.menu-settings dt { |
|||
float: left; |
|||
clear: both; |
|||
width: 21.951%; |
|||
padding: 3px 0 0; |
|||
margin-left: -21.951%; |
|||
} |
|||
|
|||
.menu-settings label { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
.menu-edit .checkbox-input { |
|||
margin-top: 4px; |
|||
} |
|||
|
|||
.theme-location-set { |
|||
color: #999; |
|||
font-size: 11px; |
|||
} |
|||
|
|||
/* Menu Container */ |
|||
#menu-management-liquid { |
|||
float: left; |
|||
min-width: 100%; |
|||
margin-top: 3px; |
|||
} |
|||
|
|||
#menu-management { |
|||
position: relative; |
|||
margin-right: 20px; |
|||
margin-top: -3px; |
|||
width: 100%; |
|||
background: #f5f5f5; |
|||
} |
|||
|
|||
#menu-management .menu-edit { |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.nav-menus-php #post-body { |
|||
padding: 0 10px 10px; |
|||
border-top: 1px solid #fff; |
|||
border-bottom: 1px solid #dfdfdf; |
|||
background: #fff; |
|||
} |
|||
|
|||
#nav-menu-header, |
|||
#nav-menu-footer { |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
#nav-menu-header { |
|||
border-bottom: 1px solid #dfdfdf; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
#nav-menu-header .menu-name-label { |
|||
margin-top: 4px; |
|||
} |
|||
|
|||
.nav-menus-php #post-body div.updated, |
|||
.nav-menus-php #post-body div.error { |
|||
margin: 0; |
|||
} |
|||
|
|||
.nav-menus-php #post-body-content { |
|||
position: relative; |
|||
float: none; |
|||
} |
|||
|
|||
#menu-management .menu-add-new abbr { |
|||
font-weight:600; |
|||
} |
|||
|
|||
#select-nav-menu-container { |
|||
text-align: right; |
|||
padding: 0 10px 3px 10px; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
#select-nav-menu { |
|||
width: 100px; |
|||
display: inline; |
|||
} |
|||
|
|||
#menu-name-label { |
|||
margin-top: -2px; |
|||
} |
|||
|
|||
.widefat td.menu-location-menus { |
|||
padding-bottom: 5px; |
|||
} |
|||
|
|||
.menu-location-menus select { |
|||
float: left; |
|||
} |
|||
|
|||
#locations-nav-menu-wrapper { |
|||
padding: 5px 0; |
|||
} |
|||
|
|||
.locations-nav-menu-select select { |
|||
float: left; |
|||
width: 160px; |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
.locations-row-links { |
|||
float: left; |
|||
margin: 6px 0 0 6px; |
|||
} |
|||
|
|||
.locations-edit-menu-link, |
|||
.locations-add-menu-link { |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
.locations-edit-menu-link { |
|||
padding-right: 3px; |
|||
border-right: 1px solid #ccc; |
|||
} |
|||
|
|||
#wpbody .open-label { |
|||
display: block; |
|||
float:left; |
|||
} |
|||
|
|||
#wpbody .open-label span { |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.js .input-with-default-title { |
|||
color: #aaa; |
|||
font-style: italic; |
|||
} |
|||
|
|||
#menu-management .inside { |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
/* Add Menu Item Boxes */ |
|||
.postbox .howto input, |
|||
.accordion-container .howto input { |
|||
width: 180px; |
|||
float: right; |
|||
} |
|||
|
|||
.accordion-container .outer-border { |
|||
margin: 0; |
|||
} |
|||
|
|||
.customlinkdiv .howto input { |
|||
width: 180px; |
|||
} |
|||
|
|||
.customlinkdiv p { |
|||
margin-top: 0 |
|||
} |
|||
|
|||
#nav-menu-theme-locations .howto select { |
|||
width: 100%; |
|||
} |
|||
|
|||
#nav-menu-theme-locations .button-controls { |
|||
text-align: right; |
|||
} |
|||
|
|||
.add-menu-item-view-all { |
|||
height: 400px; |
|||
} |
|||
|
|||
/* Button Primary Actions */ |
|||
#menu-container .submit { |
|||
margin: 0 0 10px; |
|||
padding: 0; |
|||
} |
|||
|
|||
.nav-menus-php .add-new-menu-action { |
|||
float: left; |
|||
margin: 6px 0 0 6px; |
|||
line-height: 15px; |
|||
} |
|||
|
|||
.nav-menus-php .meta-sep, |
|||
.nav-menus-php .submitdelete, |
|||
.nav-menus-php .submitcancel { |
|||
display: block; |
|||
float: left; |
|||
margin: 6px 0; |
|||
line-height: 15px; |
|||
} |
|||
|
|||
.meta-sep { |
|||
padding: 0 2px; |
|||
} |
|||
|
|||
/* @todo: is this actually used? */ |
|||
#cancel-save { |
|||
text-decoration: underline; |
|||
font-size: 12px; |
|||
margin-left: 20px; |
|||
margin-top: 5px; |
|||
} |
|||
|
|||
.button.right, .button-secondary.right, .button-primary.right { |
|||
float: right; |
|||
} |
|||
|
|||
/* Button Secondary Actions */ |
|||
.list-controls { |
|||
float: left; |
|||
margin-top: 5px; |
|||
} |
|||
|
|||
.add-to-menu { |
|||
float: right; |
|||
} |
|||
|
|||
.postbox .spinner { |
|||
display: none; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.button-controls { |
|||
clear:both; |
|||
margin: 10px 0; |
|||
} |
|||
|
|||
.show-all, |
|||
.hide-all { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.hide-all { |
|||
display: none; |
|||
} |
|||
|
|||
/* Create Menu */ |
|||
#menu-name { |
|||
width: 270px; |
|||
} |
|||
|
|||
#manage-menu .inside { |
|||
padding: 0px 0px; |
|||
} |
|||
|
|||
/* Custom Links */ |
|||
#available-links dt { |
|||
display: block; |
|||
} |
|||
|
|||
#add-custom-link .howto { |
|||
font-size: 12px; |
|||
} |
|||
|
|||
#add-custom-link label span { |
|||
display: block; |
|||
float: left; |
|||
margin-top: 5px; |
|||
padding-right: 5px; |
|||
} |
|||
|
|||
.menu-item-textbox { |
|||
width: 180px; |
|||
} |
|||
|
|||
.nav-menus-php .howto span { |
|||
margin-top: 6px; |
|||
display: block; |
|||
float: left; |
|||
} |
|||
|
|||
/* Menu item types */ |
|||
.quick-search { |
|||
width: 190px; |
|||
} |
|||
|
|||
.nav-menus-php .list-wrap { |
|||
display: none; |
|||
clear: both; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.nav-menus-php .postbox p.submit { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
/* Listings */ |
|||
.nav-menus-php .list li { |
|||
display: none; |
|||
margin: 0; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
.nav-menus-php .list li .menu-item-title { |
|||
cursor: pointer; |
|||
display: block; |
|||
} |
|||
|
|||
.nav-menus-php .list li .menu-item-title input { |
|||
margin-right: 3px; |
|||
margin-top: -3px; |
|||
} |
|||
|
|||
.menu-item-title input[type=checkbox] { |
|||
display: inline-block; |
|||
margin-top: -4px; |
|||
} |
|||
|
|||
/* Nav Menu */ |
|||
#menu-container .inside { |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
.menu { |
|||
padding-top:1em; |
|||
} |
|||
|
|||
#menu-to-edit { |
|||
margin: 0; |
|||
padding: 0.1em 0; |
|||
} |
|||
|
|||
.menu ul { |
|||
width: 100%; |
|||
} |
|||
|
|||
.menu li { |
|||
margin-bottom: 0; |
|||
position:relative; |
|||
} |
|||
|
|||
.menu-item-bar { |
|||
clear:both; |
|||
line-height:1.5em; |
|||
position:relative; |
|||
margin: 9px 0 0; |
|||
} |
|||
|
|||
.menu-item-bar .menu-item-handle { |
|||
border: 1px solid #dfdfdf; |
|||
position: relative; |
|||
padding: 10px 15px; |
|||
height: auto; |
|||
width: 382px; |
|||
line-height: 30px; |
|||
overflow: hidden; |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
.menu-item-bar .menu-item-handle:hover { |
|||
border-color: #999; |
|||
} |
|||
|
|||
#menu-to-edit .menu-item-invalid .menu-item-handle { |
|||
background: #f6c9cc; |
|||
border-color: #f1acb1; |
|||
} |
|||
|
|||
.no-js .menu-item-edit-active .item-edit { |
|||
display: none; |
|||
} |
|||
|
|||
.js .menu-item-handle { |
|||
cursor: move; |
|||
} |
|||
|
|||
.menu li.deleting .menu-item-handle { |
|||
background-image: none; |
|||
background-color: #f66; |
|||
} |
|||
|
|||
.menu-item-handle .item-title { |
|||
font-size: 13px; |
|||
font-weight: 600; |
|||
line-height: 20px; |
|||
display: block; |
|||
margin-right: 13em; |
|||
} |
|||
|
|||
/* Sortables */ |
|||
li.menu-item.ui-sortable-helper dl { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
li.menu-item.ui-sortable-helper .menu-item-transport dl { |
|||
margin-top: 13px; |
|||
} |
|||
|
|||
.menu .sortable-placeholder { |
|||
height: 35px; |
|||
width: 410px; |
|||
margin-top: 13px; |
|||
} |
|||
|
|||
/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */ |
|||
.menu-item-depth-0 { margin-left: 0px; } |
|||
.menu-item-depth-1 { margin-left: 30px; } |
|||
.menu-item-depth-2 { margin-left: 60px; } |
|||
.menu-item-depth-3 { margin-left: 90px; } |
|||
.menu-item-depth-4 { margin-left: 120px; } |
|||
.menu-item-depth-5 { margin-left: 150px; } |
|||
.menu-item-depth-6 { margin-left: 180px; } |
|||
.menu-item-depth-7 { margin-left: 210px; } |
|||
.menu-item-depth-8 { margin-left: 240px; } |
|||
.menu-item-depth-9 { margin-left: 270px; } |
|||
.menu-item-depth-10 { margin-left: 300px; } |
|||
.menu-item-depth-11 { margin-left: 330px; } |
|||
|
|||
.menu-item-depth-0 .menu-item-transport { margin-left: 0px; } |
|||
.menu-item-depth-1 .menu-item-transport { margin-left: -30px; } |
|||
.menu-item-depth-2 .menu-item-transport { margin-left: -60px; } |
|||
.menu-item-depth-3 .menu-item-transport { margin-left: -90px; } |
|||
.menu-item-depth-4 .menu-item-transport { margin-left: -120px; } |
|||
.menu-item-depth-5 .menu-item-transport { margin-left: -150px; } |
|||
.menu-item-depth-6 .menu-item-transport { margin-left: -180px; } |
|||
.menu-item-depth-7 .menu-item-transport { margin-left: -210px; } |
|||
.menu-item-depth-8 .menu-item-transport { margin-left: -240px; } |
|||
.menu-item-depth-9 .menu-item-transport { margin-left: -270px; } |
|||
.menu-item-depth-10 .menu-item-transport { margin-left: -300px; } |
|||
.menu-item-depth-11 .menu-item-transport { margin-left: -330px; } |
|||
|
|||
body.menu-max-depth-0 { min-width: 950px !important; } |
|||
body.menu-max-depth-1 { min-width: 980px !important; } |
|||
body.menu-max-depth-2 { min-width: 1010px !important; } |
|||
body.menu-max-depth-3 { min-width: 1040px !important; } |
|||
body.menu-max-depth-4 { min-width: 1070px !important; } |
|||
body.menu-max-depth-5 { min-width: 1100px !important; } |
|||
body.menu-max-depth-6 { min-width: 1130px !important; } |
|||
body.menu-max-depth-7 { min-width: 1160px !important; } |
|||
body.menu-max-depth-8 { min-width: 1190px !important; } |
|||
body.menu-max-depth-9 { min-width: 1220px !important; } |
|||
body.menu-max-depth-10 { min-width: 1250px !important; } |
|||
body.menu-max-depth-11 { min-width: 1280px !important; } |
|||
|
|||
/* Menu item controls */ |
|||
.item-type { |
|||
color: #777; |
|||
font-size: 12px; |
|||
padding: 12px 10px; |
|||
line-height: 18px; |
|||
display: block; |
|||
} |
|||
|
|||
.item-controls { |
|||
font-size: 12px; |
|||
position: absolute; |
|||
right: 20px; |
|||
top: -1px; |
|||
} |
|||
|
|||
.item-controls a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.item-controls a:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.item-controls .item-order { |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.nav-menus-php .item-edit { |
|||
position: absolute; |
|||
right: -20px; |
|||
top: 0; |
|||
display: block; |
|||
width: 30px; |
|||
height: 40px; |
|||
margin-right: 0 !important; |
|||
text-indent: 100%; |
|||
outline: none; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
/* Menu editing */ |
|||
.menu-instructions-inactive { |
|||
display: none; |
|||
} |
|||
|
|||
.menu-item-settings { |
|||
display: block; |
|||
width: 402px; |
|||
padding: 10px 0 10px 10px; |
|||
position: relative; |
|||
z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ |
|||
border: 1px solid #e5e5e5; |
|||
border-top: none; |
|||
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
|||
box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
|||
} |
|||
|
|||
.menu-item-settings .field-move a { |
|||
display: none; |
|||
margin: 0 2px; |
|||
} |
|||
|
|||
.menu-item-edit-active .menu-item-settings { |
|||
display: block; |
|||
} |
|||
|
|||
.menu-item-edit-inactive .menu-item-settings { |
|||
display: none; |
|||
} |
|||
|
|||
.add-menu-item-pagelinks { |
|||
margin: .5em auto; |
|||
text-align: center; |
|||
} |
|||
|
|||
.link-to-original { |
|||
display: block; |
|||
margin: 0 0 10px; |
|||
padding: 3px 5px 5px; |
|||
border: 1px solid #dfdfdf; |
|||
color: #777; |
|||
font-size: 12px; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.link-to-original a { |
|||
padding-left: 4px; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.hidden-field { |
|||
display: none; |
|||
} |
|||
|
|||
.menu-item-settings .description-thin, |
|||
.menu-item-settings .description-wide { |
|||
margin-right: 10px; |
|||
float: left; |
|||
} |
|||
|
|||
.description-thin { |
|||
width: 190px; |
|||
height: 40px; |
|||
} |
|||
|
|||
.description-wide { |
|||
width: 390px; |
|||
} |
|||
|
|||
.menu-item-actions { |
|||
padding-top: 15px; |
|||
} |
|||
|
|||
#cancel-save { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
/* Major/minor publishing actions (classes) */ |
|||
.nav-menus-php .major-publishing-actions { |
|||
clear: both; |
|||
padding: 3px 0 6px; |
|||
} |
|||
|
|||
.nav-menus-php .major-publishing-actions .publishing-action { |
|||
text-align: right; |
|||
float: right; |
|||
line-height: 23px; |
|||
margin: 4px 0 1px; |
|||
} |
|||
|
|||
.nav-menus-php .blank-slate .menu-settings { |
|||
display: none; |
|||
} |
|||
|
|||
.nav-menus-php .delete-action { |
|||
float: left; |
|||
margin-top: 2px; |
|||
} |
|||
|
|||
.nav-menus-php .submitbox .submitcancel { |
|||
border-bottom: 1px solid #0074a2; |
|||
padding: 1px 2px; |
|||
color: #0074a2; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.nav-menus-php .submitbox .submitcancel:hover { |
|||
background: #0074a2; |
|||
color: #fff; |
|||
} |
|||
|
|||
.nav-menus-php .major-publishing-actions .form-invalid { |
|||
padding-left: 4px; |
|||
margin-left: -4px; |
|||
} |
|||
|
|||
/* Clearfix */ |
|||
#menu-item-name-wrap:after, |
|||
#menu-item-url-wrap:after, |
|||
#menu-name-label:after, |
|||
#menu-settings-column .inside:after, |
|||
#nav-menus-frame:after, |
|||
.nav-menus-php #post-body-content:after, |
|||
.nav-menus-php .button-controls:after, |
|||
.nav-menus-php .major-publishing-actions:after, |
|||
.nav-menus-php .menu-item-settings:after { |
|||
clear: both; |
|||
content: "."; |
|||
display: block; |
|||
height: 0; |
|||
visibility: hidden; |
|||
} |
|||
|
|||
#nav-menus-frame, |
|||
.button-controls, |
|||
#menu-item-url-wrap, |
|||
#menu-item-name-wrap { |
|||
display: block; |
|||
} |
|||
|
|||
/* =Media Queries |
|||
-------------------------------------------------------------- */ |
|||
|
|||
@media screen and ( max-width: 782px ) { |
|||
body.nav-menus-php { |
|||
min-width: 0 !important; |
|||
} |
|||
|
|||
#nav-menus-frame { |
|||
margin-left: 0; |
|||
float: none; |
|||
width: 100%; |
|||
} |
|||
|
|||
#wpbody-content #menu-settings-column { |
|||
display: block; |
|||
width: 100%; |
|||
float: none; |
|||
margin-left: 0; |
|||
} |
|||
|
|||
#side-sortables .add-menu-item-tabs { |
|||
margin: 15px 0 14px; |
|||
} |
|||
|
|||
ul.add-menu-item-tabs li.tabs { |
|||
padding: 13px 15px 14px; |
|||
} |
|||
|
|||
.nav-menus-php .item-controls .item-type { |
|||
margin-top: 2px; |
|||
} |
|||
|
|||
.nav-menus-php .customlinkdiv .howto input { |
|||
width: 65%; |
|||
} |
|||
|
|||
.nav-menus-php .quick-search { |
|||
width: 85%; |
|||
} |
|||
|
|||
#menu-management-liquid { |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.nav-menus-php .menu-name-label.howto span { |
|||
margin-top: 13px |
|||
} |
|||
|
|||
.menu-name-label #menu-name { |
|||
margin-top: 4px; |
|||
} |
|||
|
|||
.nav-menus-php .major-publishing-actions .publishing-action { |
|||
margin-top: 6px; |
|||
} |
|||
|
|||
.nav-menus-php .delete-action { |
|||
font-size: 14px; |
|||
line-height: 50px; |
|||
margin-top: 12px; |
|||
} |
|||
|
|||
.menu-item-bar .menu-item-handle, |
|||
.menu-item-settings, |
|||
.description-wide { |
|||
width: auto; |
|||
} |
|||
|
|||
.menu-item-settings { |
|||
padding: 10px; |
|||
} |
|||
|
|||
.menu-item-settings .description-thin, |
|||
.menu-item-settings .description-wide { |
|||
width: 100%; |
|||
height: auto; |
|||
} |
|||
|
|||
.menu-item-settings input { |
|||
width: 100%; |
|||
} |
|||
|
|||
.menu-settings dl { |
|||
padding-left: 0; |
|||
} |
|||
|
|||
.menu-settings dd { |
|||
float: none; |
|||
width: 100%; |
|||
margin-bottom: 15px; |
|||
} |
|||
|
|||
.menu-settings dt { |
|||
float: none; |
|||
width: auto; |
|||
margin-left: 0; |
|||
margin-bottom: 15px; |
|||
} |
|||
} |
|||
|
|||
@media only screen and (max-width: 768px) { |
|||
/* menu locations */ |
|||
#menu-locations-wrap .widefat { |
|||
width: 100%; |
|||
} |
|||
} |
|||
Some files were not shown because too many files changed in this diff
Write
Preview
Loading…
Cancel
Save
Reference in new issue