WordPress.org

Making WordPress.org

Changeset 3345


Ignore:
Timestamp:
06/14/2016 06:58:07 AM (5 years ago)
Author:
obenland
Message:

Plugin Directory: Updated styles for upload form.

See #1573.

Location:
sites/trunk/wordpress.org/public_html/wp-content
Files:
2 added
1 deleted
7 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/shortcodes/class-upload.php

    r3335 r3345  
    4242            <?php endif; ?>
    4343
    44             <form id="upload_form" enctype="multipart/form-data" method="POST" action="">
     44            <form id="upload_form" class="plugin-upload-form" enctype="multipart/form-data" method="POST" action="">
    4545                <?php wp_nonce_field( 'wporg-plugins-upload' ); ?>
    4646                <input type="hidden" name="action" value="upload"/>
    4747                <fieldset>
    48                     <legend><?php _e( 'Plugin Categories (up to 3)', 'wporg-plugins' ); ?></legend>
    49                     <ul class="category-checklist form-no-clear">
     48                    <legend><?php _e( 'Select categories (up to 3)', 'wporg-plugins' ); ?></legend>
     49                    <ul class="category-checklist">
    5050                        <?php wp_terms_checklist( 0, array( 'taxonomy' => 'plugin_category' ) ); ?>
    5151                    </ul>
    5252                </fieldset>
    53                 <input type="file" id="zip_file" name="zip_file" size="25"/>
    54                 <input id="upload_button" class="button" type="submit" value="<?php esc_attr_e( 'Upload', 'wporg-plugins' ); ?>"/>
     53
     54                <input type="file" id="zip_file" class="plugin-file" name="zip_file" size="25" accept=".zip"/>
     55                <label class="button button-secondary" for="zip_file"><?php _e( 'Select File', 'wporg-plugins' ); ?></label>
     56
     57                <input id="upload_button" class="button button-primary" type="submit" value="<?php esc_attr_e( 'Upload', 'wporg-plugins' ); ?>"/>
    5558
    5659                <p>
     
    5861                </p>
    5962            </form>
     63            <script>
     64                ( function ( $ ) {
     65                    var $label    = $( 'label.button' ),
     66                        labelText = $label.text();
     67
     68                    $( '#zip_file' )
     69                        .on( 'change', function( event ) {
     70                            var fileName = event.target.value.split( '\\' ).pop();
     71
     72                            fileName ? $label.text( fileName ) : $label.text( labelText );
     73                        } )
     74                        .on( 'focus', function() { $label.addClass( 'focus' ); } )
     75                        .on( 'blur', function() { $label.removeClass( 'focus' ); } );
     76                } ( window.jQuery ) );
     77            </script>
    6078
    6179        <?php else : ?>
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

    r3337 r3345  
    239239}
    240240
    241 h1, h2, h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title, h4, h5, h6 {
     241h1, h2, h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title, .page h1, h4, h5, .page h2, h6 {
    242242  clear: both;
    243243  line-height: 1.5;
     
    266266}
    267267
    268 h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title {
     268h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title, .page h1 {
    269269  font-size: 25px;
    270270  font-size: 1.5625rem;
     
    281281}
    282282
    283 h5 {
     283h5, .page h2 {
    284284  font-size: 16px;
    285285  font-size: 1rem;
     
    397397  background-color: #eee;
    398398  border: 0;
    399   height: 1px;
    400   margin-bottom: 1.5em;
     399  height: 2px;
     400  margin: 5rem auto;
    401401}
    402402
     
    500500  1.0 - Button Layouts
    501501---------------------------------------------------------------------------- */
    502 .button,
     502.button, .plugin-upload-form .button-primary,
    503503.button-primary,
     504.plugin-upload-form .button-primary,
    504505.button-secondary {
    505506  -webkit-appearance: none;
     
    527528}
    528529
    529 .button.button-large,
    530 .button-group.button-large .button {
     530.button.button-large, .plugin-upload-form .button-large.button-primary,
     531.button-group.button-large .button,
     532.button-group.button-large .plugin-upload-form .button-primary, .plugin-upload-form
     533.button-group.button-large .button-primary {
    531534  height: 1.953125rem;
    532535  line-height: 1;
     
    534537}
    535538
    536 .button.button-small,
    537 .button-group.button-small .button {
     539.button.button-small, .plugin-upload-form .button-small.button-primary,
     540.button-group.button-small .button,
     541.button-group.button-small .plugin-upload-form .button-primary, .plugin-upload-form
     542.button-group.button-small .button-primary {
    538543  font-size: 10.24px;
    539544  font-size: 0.64rem;
     
    543548}
    544549
    545 a.button, .single .type-plugin .entry-content .button.section-toggle,
     550a.button, .single .type-plugin .entry-content .button.section-toggle, .single .type-plugin .entry-content .plugin-upload-form .section-toggle.button-primary, .plugin-upload-form .single .type-plugin .entry-content .section-toggle.button-primary, .plugin-upload-form a.button-primary,
    546551a.button-primary,
    547552.single .type-plugin .entry-content .button-primary.section-toggle,
     553.plugin-upload-form a.button-primary,
    548554a.button-secondary,
    549555.single .type-plugin .entry-content .button-secondary.section-toggle {
     
    551557}
    552558
    553 a.button.button-large, .single .type-plugin .entry-content .button.button-large.section-toggle,
     559a.button.button-large, .single .type-plugin .entry-content .button.button-large.section-toggle, .single .type-plugin .entry-content .plugin-upload-form .button-large.section-toggle.button-primary, .plugin-upload-form .single .type-plugin .entry-content .button-large.section-toggle.button-primary, .plugin-upload-form a.button-large.button-primary,
    554560.button-group.button-large a.button,
    555561.button-group.button-large .single .type-plugin .entry-content .button.section-toggle, .single .type-plugin .entry-content
    556 .button-group.button-large .button.section-toggle {
     562.button-group.button-large .button.section-toggle,
     563.button-group.button-large .single .type-plugin .entry-content .plugin-upload-form .section-toggle.button-primary, .single .type-plugin .entry-content .plugin-upload-form
     564.button-group.button-large .section-toggle.button-primary,
     565.button-group.button-large .plugin-upload-form .single .type-plugin .entry-content .section-toggle.button-primary, .plugin-upload-form .single .type-plugin .entry-content
     566.button-group.button-large .section-toggle.button-primary,
     567.button-group.button-large .plugin-upload-form a.button-primary, .plugin-upload-form
     568.button-group.button-large a.button-primary {
    557569  line-height: 1.953125rem;
    558570}
    559571
    560 a.button.button-small, .single .type-plugin .entry-content .button.button-small.section-toggle,
     572a.button.button-small, .single .type-plugin .entry-content .button.button-small.section-toggle, .single .type-plugin .entry-content .plugin-upload-form .button-small.section-toggle.button-primary, .plugin-upload-form .single .type-plugin .entry-content .button-small.section-toggle.button-primary, .plugin-upload-form a.button-small.button-primary,
    561573.button-group.button-small a.button,
    562574.button-group.button-small .single .type-plugin .entry-content .button.section-toggle, .single .type-plugin .entry-content
    563 .button-group.button-small .button.section-toggle {
     575.button-group.button-small .button.section-toggle,
     576.button-group.button-small .single .type-plugin .entry-content .plugin-upload-form .section-toggle.button-primary, .single .type-plugin .entry-content .plugin-upload-form
     577.button-group.button-small .section-toggle.button-primary,
     578.button-group.button-small .plugin-upload-form .single .type-plugin .entry-content .section-toggle.button-primary, .plugin-upload-form .single .type-plugin .entry-content
     579.button-group.button-small .section-toggle.button-primary,
     580.button-group.button-small .plugin-upload-form a.button-primary, .plugin-upload-form
     581.button-group.button-small a.button-primary {
    564582  line-height: 1.25rem;
    565583}
    566584
    567 .button:active,
    568 .button:focus {
     585.button:active, .plugin-upload-form .button-primary:active,
     586.button:focus,
     587.plugin-upload-form .button-primary:focus {
    569588  outline: none;
    570589}
    571590
    572 .button.hidden {
     591.button.hidden, .plugin-upload-form .hidden.button-primary {
    573592  display: none;
    574593}
     
    589608  2.0 - Default Button Style
    590609---------------------------------------------------------------------------- */
    591 .button,
     610.button, .plugin-upload-form .button-primary,
    592611.button:visited,
     612.plugin-upload-form .button-primary:visited,
    593613.button-secondary {
    594614  background: #f7f7f7;
     
    599619}
    600620
    601 p .button {
     621p .button, p .plugin-upload-form .button-primary, .plugin-upload-form p .button-primary {
    602622  vertical-align: baseline;
    603623}
    604624
    605 .button.hover,
     625.button.hover, .plugin-upload-form .hover.button-primary,
    606626.button:hover,
     627.plugin-upload-form .button-primary:hover,
    607628.button-secondary:hover,
    608629.button.focus,
     630.plugin-upload-form .focus.button-primary,
    609631.button:focus,
     632.plugin-upload-form .button-primary:focus,
    610633.button-secondary:focus {
    611634  background: #fafafa;
     
    614637}
    615638
    616 .button.focus,
     639.button.focus, .plugin-upload-form .focus.button-primary,
    617640.button:focus,
     641.plugin-upload-form .button-primary:focus,
    618642.button-secondary:focus,
    619643.button-link:focus {
     
    622646}
    623647
    624 .button.active,
     648.button.active, .plugin-upload-form .active.button-primary,
    625649.button.active:hover,
     650.plugin-upload-form .active.button-primary:hover,
    626651.button:active,
     652.plugin-upload-form .button-primary:active,
    627653.button-secondary:active {
    628654  background: #eee;
     
    632658}
    633659
    634 .button.active:focus {
     660.button.active:focus, .plugin-upload-form .active.button-primary:focus {
    635661  border-color: #5b9dd9;
    636662  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    637663}
    638664
    639 .button[disabled],
     665.button[disabled], .plugin-upload-form [disabled].button-primary,
    640666.button:disabled,
     667.plugin-upload-form .button-primary:disabled,
    641668.button.disabled,
     669.plugin-upload-form .disabled.button-primary,
    642670.button-secondary[disabled],
    643671.button-secondary:disabled,
     
    672700  3.0 - Primary Button Style
    673701---------------------------------------------------------------------------- */
    674 .button-primary,
     702.button-primary, .plugin-upload-form .button-primary,
    675703.download-button {
    676704  background: #0085ba;
     
    682710}
    683711
    684 .button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus,
     712.button-primary.hover, .button-primary:hover, .plugin-upload-form .button-primary:hover, .button-primary.focus, .button-primary:focus, .plugin-upload-form .button-primary:focus,
    685713.download-button.hover,
    686714.download-button:hover,
     
    693721}
    694722
    695 .button-primary.focus, .button-primary:focus,
     723.button-primary.focus, .button-primary:focus, .plugin-upload-form .button-primary:focus,
    696724.download-button.focus,
    697725.download-button:focus {
     
    722750}
    723751
    724 .button-primary.button.button-hero,
    725 .download-button.button.button-hero {
     752.button-primary.button.button-hero, .plugin-upload-form .button-hero.button-primary,
     753.download-button.button.button-hero,
     754.plugin-upload-form .download-button.button-hero.button-primary {
    726755  box-shadow: 0 2px 0 #006799;
    727756}
    728757
    729 .button-primary.button.button-hero.active, .button-primary.button.button-hero.active:hover, .button-primary.button.button-hero.active:focus, .button-primary.button.button-hero:active,
     758.button-primary.button.button-hero.active, .plugin-upload-form .button-hero.active.button-primary, .button-primary.button.button-hero.active:hover, .plugin-upload-form .button-hero.active.button-primary:hover, .button-primary.button.button-hero.active:focus, .plugin-upload-form .button-hero.active.button-primary:focus, .button-primary.button.button-hero:active, .plugin-upload-form .button-hero.button-primary:active,
    730759.download-button.button.button-hero.active,
     760.plugin-upload-form .download-button.button-hero.active.button-primary,
    731761.download-button.button.button-hero.active:hover,
     762.plugin-upload-form .download-button.button-hero.active.button-primary:hover,
    732763.download-button.button.button-hero.active:focus,
    733 .download-button.button.button-hero:active {
     764.plugin-upload-form .download-button.button-hero.active.button-primary:focus,
     765.download-button.button.button-hero:active,
     766.plugin-upload-form .download-button.button-hero.button-primary:active {
    734767  box-shadow: inset 0 3px 0 #006799;
    735768}
     
    755788}
    756789
    757 .button-group > .button {
     790.button-group > .button, .plugin-upload-form .button-group > .button-primary {
    758791  display: inline-block;
    759792  border-radius: 0;
     
    762795}
    763796
    764 .button-group > .button-primary {
     797.button-group > .button-primary, .plugin-upload-form .button-group > .button-primary {
    765798  z-index: 100;
    766799}
    767800
    768 .button-group > .button:hover {
     801.button-group > .button:hover, .plugin-upload-form .button-group > .button-primary:hover {
    769802  z-index: 20;
    770803}
    771804
    772 .button-group > .button:first-child {
     805.button-group > .button:first-child, .plugin-upload-form .button-group > .button-primary:first-child {
    773806  border-radius: 3px 0 0 3px;
    774807}
    775808
    776 .button-group > .button:last-child {
     809.button-group > .button:last-child, .plugin-upload-form .button-group > .button-primary:last-child {
    777810  border-radius: 0 3px 3px 0;
    778811}
    779812
    780 .button-group > .button:focus {
     813.button-group > .button:focus, .plugin-upload-form .button-group > .button-primary:focus {
    781814  position: relative;
    782815  z-index: 1;
     
    787820---------------------------------------------------------------------------- */
    788821@media screen and (max-width: 48em) {
    789   .button,
     822  .button, .plugin-upload-form .button-primary,
    790823  .button.button-large,
    791   .button.button-small,
    792   input#publish,
    793   input#save-post,
    794   a.preview,
    795   .single .type-plugin .entry-content .preview.section-toggle {
     824  .plugin-upload-form .button-large.button-primary,
     825  .button.button-smallw,
     826  .plugin-upload-form .button-smallw.button-primary {
    796827    font-size: 14px;
    797828    height: auto;
     
    801832    vertical-align: middle;
    802833  }
    803   #media-upload .button {
    804     font-size: 13px;
    805     line-height: 22px;
    806     padding: 0 10px 1px;
    807     height: 24px;
    808   }
    809   .media-frame.mode-grid .bulk-select .button {
    810     margin-bottom: 0;
    811   }
    812   /* Publish Metabox Options */
    813   .save-post-status.button {
    814     margin: 0 14px 0 10px;
    815     /* 14px right margin to match all other buttons */
    816     position: relative;
    817   }
    818   /* Reset responsive styles in Press This, Customizer */
    819   .wp-customizer .button {
    820     font-size: 13px;
    821     height: 28px;
    822     line-height: 26px;
    823     margin: 0;
    824     padding: 0 10px 1px;
    825     vertical-align: inherit;
    826   }
    827   /* Reset responsive styles on Log in button on iframed login form */
    828   .interim-login .button.button-large {
    829     height: 30px;
    830     line-height: 28px;
    831     padding: 0 12px 2px;
    832   }
     834}
     835
     836/* Include margin and padding in the width calculation of input and textarea. */
     837input,
     838textarea {
     839  -webkit-box-sizing: border-box;
     840  -moz-box-sizing: border-box;
     841  box-sizing: border-box;
     842}
     843
     844input[type="text"],
     845input[type="password"],
     846input[type="checkbox"],
     847input[type="color"],
     848input[type="date"],
     849input[type="datetime"],
     850input[type="datetime-local"],
     851input[type="email"],
     852input[type="month"],
     853input[type="number"],
     854input[type="password"],
     855input[type="search"],
     856input[type="radio"],
     857input[type="tel"],
     858input[type="text"],
     859input[type="time"],
     860input[type="url"],
     861input[type="week"],
     862select,
     863textarea {
     864  -webkit-appearance: none;
     865  border: 1px solid #ddd;
     866  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
     867  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
     868  background-color: #fff;
     869  color: #32373c;
     870  -webkit-transition: 0.05s border-color ease-in-out;
     871  transition: 0.05s border-color ease-in-out;
     872}
     873
     874input[type="text"]:focus,
     875input[type="password"]:focus,
     876input[type="checkbox"]:focus,
     877input[type="color"]:focus,
     878input[type="date"]:focus,
     879input[type="datetime"]:focus,
     880input[type="datetime-local"]:focus,
     881input[type="email"]:focus,
     882input[type="month"]:focus,
     883input[type="number"]:focus,
     884input[type="password"]:focus,
     885input[type="search"]:focus,
     886input[type="radio"]:focus,
     887input[type="tel"]:focus,
     888input[type="text"]:focus,
     889input[type="time"]:focus,
     890input[type="url"]:focus,
     891input[type="week"]:focus,
     892select:focus,
     893textarea:focus {
     894  color: #111;
     895}
     896
     897input[type="text"]:focus,
     898input[type="password"]:focus,
     899input[type="color"]:focus,
     900input[type="date"]:focus,
     901input[type="datetime"]:focus,
     902input[type="datetime-local"]:focus,
     903input[type="email"]:focus,
     904input[type="month"]:focus,
     905input[type="number"]:focus,
     906input[type="password"]:focus,
     907input[type="search"]:focus,
     908input[type="tel"]:focus,
     909input[type="text"]:focus,
     910input[type="time"]:focus,
     911input[type="url"]:focus,
     912input[type="week"]:focus,
     913input[type="checkbox"]:focus,
     914input[type="radio"]:focus,
     915select:focus,
     916textarea:focus {
     917  border-color: #5b9dd9;
     918  -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
     919  box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
     920}
     921
     922/* rtl:ignore */
     923input[type="email"],
     924input[type="url"] {
     925  direction: ltr;
    833926}
    834927
    835928input[type="text"],
    836929input[type="email"],
    837 input[type="url"],
     930input[type="search"],
    838931input[type="password"],
    839 input[type="search"],
    840 input[type="number"],
    841 input[type="tel"],
    842 input[type="range"],
    843 input[type="date"],
    844 input[type="month"],
    845 input[type="week"],
    846 input[type="time"],
    847 input[type="datetime"],
    848 input[type="datetime-local"],
    849 input[type="color"],
     932input[type="number"] {
     933  padding: 6px 10px;
     934}
     935
     936/* Vertically align the number selector with the input. */
     937input[type="number"] {
     938  height: 40px;
     939  line-height: inherit;
     940}
     941
     942input[type="checkbox"],
     943input[type="radio"] {
     944  border: 1px solid #b4b9be;
     945  background: #fff;
     946  color: #555;
     947  clear: none;
     948  cursor: pointer;
     949  display: inline-block;
     950  line-height: 0;
     951  margin: -4px 4px 0 0;
     952  padding: 0 !important;
     953  text-align: center;
     954  vertical-align: middle;
     955  min-width: 16px;
     956  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     957  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     958  -webkit-transition: .05s border-color ease-in-out;
     959  transition: .05s border-color ease-in-out;
     960  height: 25px;
     961  width: 25px;
     962}
     963
     964input[type="checkbox"] {
     965  padding: 10px;
     966}
     967
     968input[type="radio"] {
     969  -webkit-border-radius: 50%;
     970  border-radius: 50%;
     971  margin-right: 4px;
     972  line-height: 10px;
     973}
     974
     975input[type="checkbox"]:checked:before,
     976input[type="radio"]:checked:before {
     977  float: left;
     978  display: inline-block;
     979  vertical-align: middle;
     980  width: 16px;
     981  font: normal 21px/1 dashicons;
     982  speak: none;
     983  -webkit-font-smoothing: antialiased;
     984  -moz-osx-font-smoothing: grayscale;
     985}
     986
     987input[type="checkbox"]:checked:before {
     988  content: "\f147";
     989  color: #1e8cbe;
     990  font: normal 30px/1 dashicons;
     991  margin: -3px -5px;
     992}
     993
     994input[type="radio"]:checked:before {
     995  content: "\2022";
     996  text-indent: -9999px;
     997  -webkit-border-radius: 50px;
     998  border-radius: 50px;
     999  font-size: 24px;
     1000  width: 9px;
     1001  height: 9px;
     1002  margin: 7px;
     1003  line-height: 16px;
     1004  background-color: #1e8cbe;
     1005  vertical-align: middle;
     1006}
     1007
     1008@-moz-document url-prefix() {
     1009  input[type="checkbox"],
     1010  input[type="radio"],
     1011  .form-table input.tog {
     1012    margin-bottom: -1px;
     1013  }
     1014}
     1015
     1016/* Search */
     1017input[type="search"] {
     1018  -webkit-appearance: textfield;
     1019}
     1020
     1021input[type="search"]::-webkit-search-decoration {
     1022  display: none;
     1023}
     1024
     1025.ie8 input[type="password"] {
     1026  font-family: sans-serif;
     1027}
     1028
     1029textarea,
     1030input,
     1031select,
     1032button {
     1033  font-family: inherit;
     1034  font-size: inherit;
     1035  font-weight: inherit;
     1036}
     1037
     1038textarea,
     1039input,
     1040select {
     1041  font-size: 16px;
     1042  padding: 3px 5px;
     1043  -webkit-border-radius: 0;
     1044  border-radius: 0;
     1045  /* Reset mobile webkit's default element styling */
     1046}
     1047
    8501048textarea {
    851   color: #666;
    852   border: 1px solid #ccc;
    853 }
    854 
    855 input[type="text"]:focus,
    856 input[type="email"]:focus,
    857 input[type="url"]:focus,
    858 input[type="password"]:focus,
    859 input[type="search"]:focus,
    860 input[type="number"]:focus,
    861 input[type="tel"]:focus,
    862 input[type="range"]:focus,
    863 input[type="date"]:focus,
    864 input[type="month"]:focus,
    865 input[type="week"]:focus,
    866 input[type="time"]:focus,
    867 input[type="datetime"]:focus,
    868 input[type="datetime-local"]:focus,
    869 input[type="color"]:focus,
    870 textarea:focus {
    871   color: #111;
    872 }
    873 
    874 select {
    875   border: 1px solid #ccc;
    876 }
    877 
    878 input[type="text"],
    879 input[type="email"],
    880 input[type="url"],
    881 input[type="password"],
    882 input[type="search"],
    883 input[type="number"],
    884 input[type="tel"],
    885 input[type="range"],
    886 input[type="date"],
    887 input[type="month"],
    888 input[type="week"],
    889 input[type="time"],
    890 input[type="datetime"],
    891 input[type="datetime-local"],
    892 input[type="color"] {
    893   -webkit-appearance: none;
    894   padding: 3px;
    895 }
    896 
    897 textarea {
    898   padding-left: 3px;
    899   width: 100%;
     1049  overflow: auto;
     1050  padding: 2px 6px;
     1051  line-height: 1.4;
     1052  resize: vertical;
     1053}
     1054
     1055input[type="file"] {
     1056  padding: 3px 0;
     1057}
     1058
     1059label {
     1060  cursor: pointer;
     1061}
     1062
     1063input.readonly,
     1064input[readonly],
     1065textarea.readonly,
     1066textarea[readonly] {
     1067  background-color: #eee;
     1068}
     1069
     1070:-moz-placeholder {
     1071  color: #a9a9a9;
     1072}
     1073
     1074input:disabled,
     1075input.disabled,
     1076select:disabled,
     1077select.disabled,
     1078textarea:disabled,
     1079textarea.disabled {
     1080  background: rgba(255, 255, 255, 0.5);
     1081  border-color: rgba(222, 222, 222, 0.75);
     1082  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
     1083  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
     1084  color: rgba(51, 51, 51, 0.5);
     1085}
     1086
     1087input[type="file"]:disabled,
     1088input[type="file"].disabled,
     1089input[type="range"]:disabled,
     1090input[type="range"].disabled {
     1091  background: none;
     1092  -webkit-box-shadow: none;
     1093  box-shadow: none;
     1094}
     1095
     1096input[type="checkbox"]:disabled,
     1097input[type="checkbox"].disabled,
     1098input[type="radio"]:disabled,
     1099input[type="radio"].disabled,
     1100input[type="checkbox"]:disabled:checked:before,
     1101input[type="checkbox"].disabled:checked:before,
     1102input[type="radio"]:disabled:checked:before,
     1103input[type="radio"].disabled:checked:before {
     1104  opacity: 0.7;
     1105}
     1106
     1107label,
     1108fieldset label {
     1109  vertical-align: middle;
     1110}
     1111
     1112/* =Media Queries
     1113-------------------------------------------------------------- */
     1114@media screen and (min-width: 48em) {
     1115  /* Input Elements */
     1116  input[type="text"],
     1117  input[type="email"],
     1118  input[type="search"],
     1119  input[type="password"],
     1120  input[type="number"] {
     1121    padding: 0;
     1122  }
     1123  input[type="number"] {
     1124    height: 28px;
     1125  }
     1126  input[type="checkbox"] {
     1127    padding: 0;
     1128  }
     1129  input[type="checkbox"]:checked:before {
     1130    font: normal 21px/1 dashicons;
     1131    margin: -3px 0 0 -4px;
     1132  }
     1133  input[type="radio"],
     1134  input[type="checkbox"] {
     1135    height: 16px;
     1136    width: 16px;
     1137  }
     1138  input[type="radio"]:checked:before {
     1139    width: 6px;
     1140    height: 6px;
     1141    margin: 4px;
     1142  }
     1143  textarea,
     1144  input,
     1145  select {
     1146    font-size: 14px;
     1147  }
    9001148}
    9011149
     
    9261174}
    9271175
    928 p a:not(.button), p .single .type-plugin .entry-content .section-toggle:not(.button), .single .type-plugin .entry-content p .section-toggle:not(.button),
    929 p a:not(.button):hover,
    930 p .single .type-plugin .entry-content .section-toggle:not(.button):hover, .single .type-plugin .entry-content
    931 p .section-toggle:not(.button):hover {
     1176p a:not(.button):not(.plugin-upload-form .button-primary), p .single .type-plugin .entry-content .section-toggle:not(.button):not(.plugin-upload-form .button-primary), .single .type-plugin .entry-content p .section-toggle:not(.button):not(.plugin-upload-form .button-primary),
     1177p a:not(.button):not(.plugin-upload-form .button-primary):hover,
     1178p .single .type-plugin .entry-content .section-toggle:not(.button):not(.plugin-upload-form .button-primary):hover, .single .type-plugin .entry-content
     1179p .section-toggle:not(.button):not(.plugin-upload-form .button-primary):hover {
    9321180  border: none;
    9331181}
     
    11381386# Clearings
    11391387--------------------------------------------------------------*/
    1140 .clear:before, .single .type-plugin:before, .single .type-plugin .plugin-header:before,
     1388.clear:before, .single .type-plugin:before, .single .type-plugin .plugin-header:before, .plugin-upload-form .category-checklist:before,
    11411389.clear:after,
    11421390.single .type-plugin:after,
    11431391.single .type-plugin .plugin-header:after,
     1392.plugin-upload-form .category-checklist:after,
    11441393.entry-content:before,
    11451394.entry-content:after,
     
    11571406}
    11581407
    1159 .clear:after, .single .type-plugin:after, .single .type-plugin .plugin-header:after,
     1408.clear:after, .single .type-plugin:after, .single .type-plugin .plugin-header:after, .plugin-upload-form .category-checklist:after,
    11601409.entry-content:after,
    11611410.comment-content:after,
     
    13271576}
    13281577
    1329 #wporg-header .button {
     1578#wporg-header .button, #wporg-header .plugin-upload-form .button-primary, .plugin-upload-form #wporg-header .button-primary {
    13301579  box-shadow: none;
    13311580}
     
    18872136
    18882137/*--------------------------------------------------------------
    1889 ## Asides
     2138## Pages
    18902139--------------------------------------------------------------*/
    1891 .blog .format-aside .entry-title,
    1892 .archive .format-aside .entry-title {
    1893   display: none;
     2140.page .type-page {
     2141  margin: 0 auto;
     2142  max-width: 35.527136788rem;
     2143  padding: 0 2rem;
     2144}
     2145
     2146.page hr {
     2147  margin-left: -6.5rem;
     2148  margin-right: -6.5rem;
     2149}
     2150
     2151.plugin-upload-form fieldset {
     2152  border: none;
     2153  margin: 0;
     2154  padding: 0;
     2155}
     2156
     2157.plugin-upload-form legend {
     2158  margin: 1rem 0;
     2159}
     2160
     2161.plugin-upload-form .category-checklist {
     2162  list-style-type: none;
     2163  margin: 0 0 2rem;
     2164}
     2165
     2166.plugin-upload-form .category-checklist li {
     2167  float: left;
     2168  padding: 0.5rem 0;
     2169  width: 50%;
     2170}
     2171
     2172@media screen and (min-width: 48em) {
     2173  .plugin-upload-form .category-checklist li {
     2174    padding: 0;
     2175  }
     2176  .plugin-upload-form .category-checklist label {
     2177    font-size: 12.8px;
     2178    font-size: 0.8rem;
     2179  }
     2180}
     2181
     2182@media screen and (min-width: 48em) {
     2183  .plugin-upload-form label.button, .plugin-upload-form label.button-primary {
     2184    line-height: 1.8;
     2185  }
     2186  .plugin-upload-form .button-primary {
     2187    font-size: 14px;
     2188    height: auto;
     2189    line-height: normal;
     2190    margin-bottom: 4px;
     2191    padding: 6px 14px;
     2192    vertical-align: middle;
     2193  }
     2194}
     2195
     2196.plugin-upload-form .plugin-file {
     2197  width: 0.1px;
     2198  height: 0.1px;
     2199  opacity: 0;
     2200  overflow: hidden;
     2201  position: absolute;
     2202  z-index: -1;
    18942203}
    18952204
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/elements/_elements.scss

    r3230 r3345  
    2727    background-color: $color__background-hr;
    2828    border: 0;
    29     height: 1px;
    30     margin-bottom: 1.5em;
     29    height: 2px;
     30    margin: 5rem auto;
    3131}
    3232
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_buttons.scss

    r3261 r3345  
    327327    .button,
    328328    .button.button-large,
    329     .button.button-small,
    330     input#publish,
    331     input#save-post,
    332     a.preview {
     329    .button.button-smallw {
    333330        font-size: 14px;
    334331        height: auto;
     
    338335        vertical-align: middle;
    339336    }
    340 
    341     #media-upload .button {
    342         font-size: 13px;
    343         line-height: 22px;
    344         padding: 0 10px 1px;
    345         height: 24px;
    346     }
    347 
    348     .media-frame.mode-grid .bulk-select .button {
    349         margin-bottom: 0;
    350     }
    351 
    352     /* Publish Metabox Options */
    353     .save-post-status.button {
    354         margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */
    355         position: relative;
    356     }
    357 
    358     /* Reset responsive styles in Press This, Customizer */
    359 
    360     .wp-customizer .button {
    361         font-size: 13px;
    362         height: 28px;
    363         line-height: 26px;
    364         margin: 0;
    365         padding: 0 10px 1px;
    366         vertical-align: inherit;
    367     }
    368 
    369     /* Reset responsive styles on Log in button on iframed login form */
    370 
    371     .interim-login .button.button-large {
    372         height: 30px;
    373         line-height: 28px;
    374         padding: 0 12px 2px;
    375     }
    376 }
     337}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_fields.scss

    r3257 r3345  
    11@import "../variables-site/variables-site";
     2
     3/* Include margin and padding in the width calculation of input and textarea. */
     4input,
     5textarea {
     6    -webkit-box-sizing: border-box;
     7    -moz-box-sizing: border-box;
     8    box-sizing: border-box;
     9}
     10
     11input[type="text"],
     12input[type="password"],
     13input[type="checkbox"],
     14input[type="color"],
     15input[type="date"],
     16input[type="datetime"],
     17input[type="datetime-local"],
     18input[type="email"],
     19input[type="month"],
     20input[type="number"],
     21input[type="password"],
     22input[type="search"],
     23input[type="radio"],
     24input[type="tel"],
     25input[type="text"],
     26input[type="time"],
     27input[type="url"],
     28input[type="week"],
     29select,
     30textarea {
     31    -webkit-appearance: none;
     32    border: 1px solid $color__border-input;
     33    -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
     34    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
     35    background-color: #fff;
     36    color: $color__text-input;
     37    -webkit-transition: 0.05s border-color ease-in-out;
     38    transition: 0.05s border-color ease-in-out;
     39
     40    &:focus {
     41        color: $color__text-input-focus;
     42    }
     43}
     44
     45input[type="text"]:focus,
     46input[type="password"]:focus,
     47input[type="color"]:focus,
     48input[type="date"]:focus,
     49input[type="datetime"]:focus,
     50input[type="datetime-local"]:focus,
     51input[type="email"]:focus,
     52input[type="month"]:focus,
     53input[type="number"]:focus,
     54input[type="password"]:focus,
     55input[type="search"]:focus,
     56input[type="tel"]:focus,
     57input[type="text"]:focus,
     58input[type="time"]:focus,
     59input[type="url"]:focus,
     60input[type="week"]:focus,
     61input[type="checkbox"]:focus,
     62input[type="radio"]:focus,
     63select:focus,
     64textarea:focus {
     65    border-color: #5b9dd9;
     66    -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
     67    box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
     68}
     69
     70/* rtl:ignore */
     71input[type="email"],
     72input[type="url"] {
     73    direction: ltr;
     74}
    275
    376input[type="text"],
    477input[type="email"],
    5 input[type="url"],
     78input[type="search"],
    679input[type="password"],
    7 input[type="search"],
    8 input[type="number"],
    9 input[type="tel"],
    10 input[type="range"],
    11 input[type="date"],
    12 input[type="month"],
    13 input[type="week"],
    14 input[type="time"],
    15 input[type="datetime"],
    16 input[type="datetime-local"],
    17 input[type="color"],
     80input[type="number"] {
     81    padding: 6px 10px;
     82}
     83
     84/* Vertically align the number selector with the input. */
     85input[type="number"] {
     86    height: 40px;
     87    line-height: inherit;
     88}
     89
     90input[type="checkbox"],
     91input[type="radio"] {
     92    border: 1px solid #b4b9be;
     93    background: #fff;
     94    color: #555;
     95    clear: none;
     96    cursor: pointer;
     97    display: inline-block;
     98    line-height: 0;
     99    margin: -4px 4px 0 0;
     100    padding: 0 !important;
     101    text-align: center;
     102    vertical-align: middle;
     103    min-width: 16px;
     104    -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
     105    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
     106    -webkit-transition: .05s border-color ease-in-out;
     107    transition: .05s border-color ease-in-out;
     108    height: 25px;
     109    width: 25px;
     110}
     111
     112input[type="checkbox"] {
     113    padding: 10px;
     114}
     115
     116input[type="radio"] {
     117    -webkit-border-radius: 50%;
     118    border-radius: 50%;
     119    margin-right: 4px;
     120    line-height: 10px;
     121}
     122
     123input[type="checkbox"]:checked:before,
     124input[type="radio"]:checked:before {
     125    float: left;
     126    display: inline-block;
     127    vertical-align: middle;
     128    width: 16px;
     129    font: normal 21px/1 dashicons;
     130    speak: none;
     131    -webkit-font-smoothing: antialiased;
     132    -moz-osx-font-smoothing: grayscale;
     133}
     134
     135input[type="checkbox"]:checked:before {
     136    content: "\f147";
     137    color: #1e8cbe;
     138    font: normal 30px/1 dashicons;
     139    margin: -3px -5px;
     140}
     141
     142input[type="radio"]:checked:before {
     143    content: "\2022";
     144    text-indent: -9999px;
     145    -webkit-border-radius: 50px;
     146    border-radius: 50px;
     147    font-size: 24px;
     148    width: 9px;
     149    height: 9px;
     150    margin: 7px;
     151    line-height: 16px;
     152    background-color: #1e8cbe;
     153    vertical-align: middle;
     154}
     155
     156@-moz-document url-prefix() {
     157    input[type="checkbox"],
     158    input[type="radio"],
     159    .form-table input.tog {
     160        margin-bottom: -1px;
     161    }
     162}
     163
     164/* Search */
     165input[type="search"] {
     166    -webkit-appearance: textfield;
     167}
     168
     169input[type="search"]::-webkit-search-decoration {
     170    display: none;
     171}
     172
     173.ie8 input[type="password"] {
     174    font-family: sans-serif;
     175}
     176
     177textarea,
     178input,
     179select,
     180button {
     181    font-family: inherit;
     182    font-size: inherit;
     183    font-weight: inherit;
     184}
     185
     186textarea,
     187input,
     188select {
     189    font-size: 16px;
     190    padding: 3px 5px;
     191    -webkit-border-radius: 0;
     192    border-radius: 0; /* Reset mobile webkit's default element styling */
     193}
     194
    18195textarea {
    19     color: $color__text-input;
    20     border: 1px solid $color__border-input;
    21 
    22     &:focus {
    23         color: $color__text-input-focus;
    24     }
    25 }
    26 
    27 select {
    28     border: 1px solid $color__border-input;
    29 }
    30 
    31 input[type="text"],
    32 input[type="email"],
    33 input[type="url"],
    34 input[type="password"],
    35 input[type="search"],
    36 input[type="number"],
    37 input[type="tel"],
    38 input[type="range"],
    39 input[type="date"],
    40 input[type="month"],
    41 input[type="week"],
    42 input[type="time"],
    43 input[type="datetime"],
    44 input[type="datetime-local"],
    45 input[type="color"] {
    46     -webkit-appearance: none;
    47     padding: 3px;
    48 }
    49 
    50 textarea {
    51     padding-left: 3px;
    52     width: 100%;
    53 }
     196    overflow: auto;
     197    padding: 2px 6px;
     198    line-height: 1.4;
     199    resize: vertical;
     200}
     201
     202input[type="file"] {
     203    padding: 3px 0;
     204}
     205
     206label {
     207    cursor: pointer;
     208}
     209
     210input.readonly,
     211input[readonly],
     212textarea.readonly,
     213textarea[readonly] {
     214    background-color: #eee;
     215}
     216
     217:-moz-placeholder {
     218    color: #a9a9a9;
     219}
     220
     221input:disabled,
     222input.disabled,
     223select:disabled,
     224select.disabled,
     225textarea:disabled,
     226textarea.disabled {
     227    background: rgba( 255, 255, 255, 0.5 );
     228    border-color: rgba( 222, 222, 222, 0.75 );
     229    -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
     230    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
     231    color: rgba( 51, 51, 51, 0.5 );
     232}
     233
     234input[type="file"]:disabled,
     235input[type="file"].disabled,
     236input[type="range"]:disabled,
     237input[type="range"].disabled {
     238    background: none;
     239    -webkit-box-shadow: none;
     240    box-shadow: none;
     241}
     242
     243input[type="checkbox"]:disabled,
     244input[type="checkbox"].disabled,
     245input[type="radio"]:disabled,
     246input[type="radio"].disabled,
     247input[type="checkbox"]:disabled:checked:before,
     248input[type="checkbox"].disabled:checked:before,
     249input[type="radio"]:disabled:checked:before,
     250input[type="radio"].disabled:checked:before {
     251    opacity: 0.7;
     252}
     253
     254label,
     255fieldset label {
     256    vertical-align: middle;
     257}
     258
     259
     260/* =Media Queries
     261-------------------------------------------------------------- */
     262
     263@media screen and ( min-width: 48em ) {
     264    /* Input Elements */
     265    input[type="text"],
     266    input[type="email"],
     267    input[type="search"],
     268    input[type="password"],
     269    input[type="number"] {
     270        padding: 0;
     271    }
     272
     273    input[type="number"] {
     274        height: 28px;
     275    }
     276
     277    input[type="checkbox"] {
     278        padding: 0;
     279    }
     280
     281    input[type="checkbox"]:checked:before {
     282        font: normal 21px/1 dashicons;
     283        margin: -3px 0 0 -4px;
     284    }
     285
     286    input[type="radio"],
     287    input[type="checkbox"] {
     288        height: 16px;
     289        width: 16px;
     290    }
     291
     292    input[type="radio"]:checked:before {
     293        width: 6px;
     294        height: 6px;
     295        margin: 4px;
     296    }
     297
     298    textarea,
     299    input,
     300    select {
     301        font-size: 14px;
     302    }
     303}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_site.scss

    r3336 r3345  
    2222
    2323/*--------------------------------------------------------------
    24 ## Asides
     24## Pages
    2525--------------------------------------------------------------*/
    26 @import "primary/asides";
     26@import "primary/page";
     27@import "primary/upload-form";
    2728
    2829/*--------------------------------------------------------------
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/variables-site/_colors.scss

    r3336 r3345  
    77
    88$color__text-screen: #21759b;
    9 $color__text-input: #666;
     9$color__text-input: #32373c;
    1010$color__text-input-focus: #111;
    1111$color__link: #21759b;
     
    1717$color__border-button-hover: #ccc #bbb #aaa;
    1818$color__border-button-focus: #aaa #bbb #bbb;
    19 $color__border-input: #ccc;
     19$color__border-input: #ddd;
    2020$color__border-abbr: #666;
    2121
Note: See TracChangeset for help on using the changeset viewer.