]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-admin/css/forms.css
WordPress 4.2
[autoinstalls/wordpress.git] / wp-admin / css / forms.css
index a5a19e4a221bb3be033c702936ce9cb76d5cf505..6b07e51500f3f68c7eb27ce35005a77d41ef8a89 100644 (file)
@@ -30,7 +30,7 @@ textarea {
        -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;
+       color: #32373c;
        outline: none;
        -webkit-transition: 0.05s border-color ease-in-out;
        transition: 0.05s border-color ease-in-out;
@@ -61,7 +61,7 @@ textarea:focus {
        box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
 }
 
-/* @noflip */
+/* rtl:ignore */
 input[type="email"],
 input[type="url"] {
        direction: ltr;
@@ -69,7 +69,7 @@ input[type="url"] {
 
 input[type="checkbox"],
 input[type="radio"] {
-       border: 1px solid #bbb;
+       border: 1px solid #b4b9be;
        background: #fff;
        color: #555;
        clear: none;
@@ -92,12 +92,12 @@ input[type="radio"] {
 }
 
 input[type="radio"]:checked + label:before {
-       color: #888;
+       color: #82878c;
 }
 
 .wp-core-ui input[type="reset"]:hover,
 .wp-core-ui input[type="reset"]:active {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 
 td > input[type="checkbox"],
@@ -483,20 +483,20 @@ p.search-box {
        margin: 0 4px 0 0;
 }
 
-input[type="text"].ui-autocomplete-loading {
-       background: transparent url(../images/loading.gif) no-repeat right center;
+input[type="text"].ui-autocomplete-loading,
+input[type="email"].ui-autocomplete-loading {
+       background-image: url(../images/loading.gif);
+       background-repeat: no-repeat;
+       background-position: right center;
        visibility: visible;
 }
 
-ul#add-to-blog-users {
-       margin: 0 0 0 14px;
+input.ui-autocomplete-input.open {
+       border-bottom-color: transparent;
 }
 
-.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;
+ul#add-to-blog-users {
+       margin: 0 0 0 14px;
 }
 
 .ui-autocomplete {
@@ -505,28 +505,20 @@ ul#add-to-blog-users {
        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;
+       border: 1px solid #5b9dd9;
+       -webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
+       box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
+       background-color: #fff;
 }
 
 .ui-autocomplete li {
        margin-bottom: 0;
+       padding: 4px 10px;
        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 {
+.ui-autocomplete li.ui-state-focus {
        background-color: #ddd;
        cursor: pointer;
 }
@@ -559,7 +551,7 @@ ul#add-to-blog-users {
 
 .form-table th,
 .form-wrap label {
-       color: #222;
+       color: #23282d;
        font-weight: normal;
        text-shadow: none;
        vertical-align: baseline;
@@ -682,18 +674,50 @@ table.form-table td .updated p {
        line-height: 24px;
 }
 
-.pressthis {
-       margin: 20px 0;
+/* Card styles */
+
+.card {
+       position: relative;
+       margin-top: 20px;
+       padding: 0.7em 2em 1em;
+       min-width: 255px;
+       max-width: 520px;
+       border: 1px solid #e5e5e5;
+       -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+       box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+       background: #fff;
+}
+
+/* Press this styles */
+
+.pressthis h4 {
+       margin: 2em 0 1em;
+}
+
+.pressthis textarea {
+       width: 100%;
+       font-size: 1em;
+}
+
+#pressthis-code-wrap {
+       overflow: auto;
+}
+
+.pressthis-bookmarklet-wrapper {
+       margin: 20px 0 8px;
+       vertical-align: top;
+       position: relative;
+       z-index: 1;
 }
 
-.pressthis a,
-.pressthis a:hover,
-.pressthis a:focus,
-.pressthis a:active {
+.pressthis-bookmarklet,
+.pressthis-bookmarklet:hover,
+.pressthis-bookmarklet:focus,
+.pressthis-bookmarklet:active {
        display: inline-block;
        position: relative;
        cursor: move;
-       color: #333;
+       color: #32373c;
        background: #e6e6e6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
@@ -704,11 +728,27 @@ table.form-table td .updated p {
        text-decoration: none;
 }
 
-.pressthis a:active {
+.pressthis-bookmarklet:active {
        outline: none;
 }
 
-.pressthis a:hover:after {
+.pressthis-bookmarklet: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);
+}
+
+.pressthis-bookmarklet:hover:after {
        -webkit-transform: skew(20deg) rotate(9deg);
        -ms-transform: skew(20deg) rotate(9deg);
        transform: skew(20deg) rotate(9deg);
@@ -716,13 +756,13 @@ table.form-table td .updated p {
        box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
 }
 
-.pressthis a span {
+.pressthis-bookmarklet span {
        display: inline-block;
        margin: 0px 0 0;
        padding: 0px 12px 8px 9px;
 }
 
-.pressthis a span:before {
+.pressthis-bookmarklet span:before {
        color: #777;
        font: normal 20px/1 'dashicons';
        content:'\f157';
@@ -732,20 +772,29 @@ table.form-table td .updated p {
        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);
+.pressthis-js-toggle {
+       margin-left: 10px;
+       padding: 0;
+       height: auto;
+       vertical-align: top;
+}
+
+.pressthis-js-toggle .dashicons {
+       margin: 5px 8px 6px 7px;
+       color: #777;
+}
+
+/* to override the button class being applied */
+.pressthis-js-toggle.button.button {
+       margin-left: 10px;
+       padding: 0;
+       height: auto;
+       vertical-align: top;
+}
+
+.pressthis-js-toggle .dashicons {
+       margin: 5px 8px 6px 7px;
+       color: #777;
 }
 
 /*------------------------------------------------------------------------------
@@ -762,9 +811,13 @@ table.form-table td .updated p {
        vertical-align: middle;
 }
 
+.options-general-php input.small-text {
+       width: 56px;
+}
+
 .options-general-php .spinner {
        float: none;
-       margin: -3px 3px;
+       margin: 0 3px;
 }
 
 .settings-php .language-install-spinner,
@@ -799,6 +852,74 @@ table.form-table td .updated p {
        margin-bottom: 5px;
 }
 
+/*------------------------------------------------------------------------------
+   Credentials check dialog for Install and Updates
+------------------------------------------------------------------------------*/
+
+.request-filesystem-credentials-dialog {
+       display: none;
+}
+
+.request-filesystem-credentials-dialog .notification-dialog {
+       top: 15%;
+}
+
+.request-filesystem-credentials-dialog-content {
+       margin: 25px;
+}
+
+.request-filesystem-credentials-form input[type="text"],
+.request-filesystem-credentials-form input[type="password"] {
+       display: block;
+}
+
+.request-filesystem-credentials-dialog input[type="text"],
+.request-filesystem-credentials-dialog input[type="password"] {
+       width: 100%;
+}
+
+.request-filesystem-credentials-form .field-title {
+       font-weight: 600;
+}
+
+.request-filesystem-credentials-dialog label[for="hostname"],
+.request-filesystem-credentials-dialog label[for="public_key"],
+.request-filesystem-credentials-dialog label[for="private_key"] {
+       display: block;
+       margin-bottom: 1em;
+}
+
+.request-filesystem-credentials-dialog .ftp-username,
+.request-filesystem-credentials-dialog .ftp-password {
+       float: left;
+       width: 48%;
+}
+
+.request-filesystem-credentials-dialog .ftp-password {
+       margin-left: 4%;
+}
+
+.request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons {
+       text-align: right;
+}
+
+.request-filesystem-credentials-dialog label[for="ftp"] {
+       margin-right: 10px;
+}
+
+#request-filesystem-credentials-dialog .button:not(:last-child) {
+       margin-right: 10px;
+}
+
+#request-filesystem-credentials-form .cancel-button {
+       display: none;
+}
+
+#request-filesystem-credentials-dialog .cancel-button {
+       display: inline;
+}
+
+
 /* =Media Queries
 -------------------------------------------------------------- */
 
@@ -1028,6 +1149,20 @@ table.form-table td .updated p {
                max-width: 400px;
                width: auto;
        }
+
+}
+
+@media only screen and (max-height: 480px) {
+       /*  Request Credentials */
+       .request-filesystem-credentials-dialog  .notification-dialog{
+               width: 100%;
+               height: 100%;
+               position: fixed;
+               top: 0;
+               margin: 0;
+               left: 0;
+               overflow-y: auto;
+       }
 }
 
 /* Smartphone */