mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-01 08:19:38 +01:00
76f590b99b
Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources. Also includes CSS auto-prefixing added via `grunt precommit:css`. For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Previously [38813] but reverted in [39140]. Fixes #37661, #34843, #38666. Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia. Built from https://develop.svn.wordpress.org/trunk@41648 git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
452 lines
6.9 KiB
CSS
452 lines
6.9 KiB
CSS
html {
|
|
background: #f1f1f1;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
body {
|
|
background: #fff;
|
|
color: #444;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
margin: 140px auto 25px;
|
|
padding: 20px 20px 10px 20px;
|
|
max-width: 700px;
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
|
|
}
|
|
|
|
a {
|
|
color: #0073aa;
|
|
}
|
|
|
|
a:hover,
|
|
a:active {
|
|
color: #00a0d2;
|
|
}
|
|
|
|
a:focus {
|
|
color: #124964;
|
|
box-shadow:
|
|
0 0 0 1px #5b9dd9,
|
|
0 0 2px 1px rgba(30, 140, 190, .8);
|
|
}
|
|
|
|
.ie8 a:focus {
|
|
outline: #5b9dd9 solid 1px;
|
|
}
|
|
|
|
h1, h2 {
|
|
border-bottom: 1px solid #ddd;
|
|
clear: both;
|
|
color: #666;
|
|
font-size: 24px;
|
|
padding: 0;
|
|
padding-bottom: 7px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
h3 {
|
|
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;
|
|
}
|
|
|
|
fieldset {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#logo {
|
|
margin: 6px 0 14px 0;
|
|
padding: 0 0 7px 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);
|
|
background-size: 84px;
|
|
background-position: center top;
|
|
background-repeat: no-repeat;
|
|
color: #444; /* same as login.css */
|
|
height: 84px;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.3em;
|
|
margin: -130px auto 25px;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
width: 84px;
|
|
text-indent: -9999px;
|
|
outline: none;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
#logo a:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.step {
|
|
margin: 20px 0 15px;
|
|
}
|
|
.step, th {
|
|
text-align: right;
|
|
padding: 0;
|
|
}
|
|
.language-chooser.wp-core-ui .step .button.button-large {
|
|
height: 36px;
|
|
font-size: 14px;
|
|
line-height: 33px;
|
|
vertical-align: middle;
|
|
}
|
|
textarea {
|
|
border: 1px solid #ddd;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
width: 100%;
|
|
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;
|
|
font-size: 14px;
|
|
vertical-align: top
|
|
}
|
|
|
|
.form-table th {
|
|
font-size: 14px;
|
|
text-align: right;
|
|
padding: 10px 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;
|
|
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
|
|
}
|
|
|
|
input,
|
|
submit {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
.form-table input[type=text],
|
|
.form-table input[type=email],
|
|
.form-table input[type=url],
|
|
.form-table input[type=password] {
|
|
width: 206px;
|
|
}
|
|
|
|
.form-table th p {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.form-table.install-success th,
|
|
.form-table.install-success td {
|
|
vertical-align: middle;
|
|
padding: 16px 0 16px 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;
|
|
}
|
|
|
|
.wp-hide-pw > .dashicons {
|
|
line-height: inherit;
|
|
}
|
|
|
|
#pass-strength-result {
|
|
background-color: #eee;
|
|
border: 1px solid #ddd;
|
|
color: #23282d;
|
|
margin: -2px 0px 5px 5px;
|
|
padding: 3px 5px;
|
|
text-align: center;
|
|
width: 218px;
|
|
box-sizing: border-box;
|
|
opacity: 0;
|
|
}
|
|
|
|
#pass-strength-result.short {
|
|
background-color: #f1adad;
|
|
border-color: #e35b5b;
|
|
opacity: 1;
|
|
}
|
|
|
|
#pass-strength-result.bad {
|
|
background-color: #fbc5a9;
|
|
border-color: #f78b53;
|
|
opacity: 1;
|
|
}
|
|
|
|
#pass-strength-result.good {
|
|
background-color: #ffe399;
|
|
border-color: #ffc733;
|
|
opacity: 1;
|
|
}
|
|
|
|
#pass-strength-result.strong {
|
|
background-color: #c1e1b9;
|
|
border-color: #83c373;
|
|
opacity: 1;
|
|
}
|
|
|
|
#pass1.short, #pass1-text.short {
|
|
border-color: #e35b5b;
|
|
}
|
|
|
|
#pass1.bad, #pass1-text.bad {
|
|
border-color: #f78b53;
|
|
}
|
|
|
|
#pass1.good, #pass1-text.good {
|
|
border-color: #ffc733;
|
|
}
|
|
|
|
#pass1.strong, #pass1-text.strong {
|
|
border-color: #83c373;
|
|
}
|
|
|
|
.pw-weak {
|
|
display: none;
|
|
}
|
|
|
|
.message {
|
|
border-right: 4px solid #dc3232;
|
|
padding: .7em .6em;
|
|
background-color: #fbeaea;
|
|
}
|
|
|
|
/* rtl:ignore */
|
|
#dbname,
|
|
#uname,
|
|
#pwd,
|
|
#dbhost,
|
|
#prefix,
|
|
#user_login,
|
|
#admin_email,
|
|
#pass1,
|
|
#pass2 {
|
|
direction: ltr;
|
|
}
|
|
|
|
#pass1-text,
|
|
.show-password #pass1 {
|
|
display: none;
|
|
}
|
|
|
|
.show-password #pass1-text
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
.form-table span.description.important {
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
/* 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="email"],
|
|
.form-table td input[type="url"],
|
|
.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;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
}
|
|
|
|
body.language-chooser {
|
|
max-width: 300px;
|
|
}
|
|
|
|
.language-chooser select {
|
|
padding: 8px;
|
|
width: 100%;
|
|
display: block;
|
|
border: 1px solid #ddd;
|
|
background-color: #fff;
|
|
color: #32373c;
|
|
font-size: 16px;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.language-chooser p {
|
|
text-align: left;
|
|
}
|
|
|
|
.screen-reader-input,
|
|
.screen-reader-text {
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
word-wrap: normal !important;
|
|
}
|
|
|
|
.spinner {
|
|
background: url(../images/spinner.gif) no-repeat;
|
|
background-size: 20px 20px;
|
|
visibility: hidden;
|
|
opacity: 0.7;
|
|
filter: alpha(opacity=70);
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 2px 5px 0;
|
|
}
|
|
|
|
.step .spinner {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.button.hide-if-no-js,
|
|
.hide-if-no-js {
|
|
display: none;
|
|
}
|
|
|
|
/**
|
|
* HiDPI Displays
|
|
*/
|
|
@media print,
|
|
(-webkit-min-device-pixel-ratio: 1.25),
|
|
(min-resolution: 120dpi) {
|
|
|
|
.spinner {
|
|
background-image: url(../images/spinner-2x.gif);
|
|
}
|
|
|
|
}
|