WordPress.org
Get WordPress

Making WordPress.org

Changeset 3346


Ignore:
Timestamp:
06/14/2016 08:36:02 AM (7 years ago)
Author:
obenland
Message:

Plugin Directory: Second pass at upload form styles.

This time, let's be less intrusive on other styles.

See #1573, [3345].

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins
Files:
1 added
1 deleted
9 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

    r3345 r3346  
    500500  1.0 - Button Layouts
    501501---------------------------------------------------------------------------- */
    502 .button, .plugin-upload-form .button-primary,
     502.button,
    503503.button-primary,
    504 .plugin-upload-form .button-primary,
    505 .button-secondary {
     504.button-secondary,
     505.plugin-upload-form .button-primary {
    506506  -webkit-appearance: none;
    507507  border: 1px solid;
    … …  
    528528}
    529529
    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 {
     530.button.button-large,
     531.button-group.button-large .button {
    534532  height: 1.953125rem;
    535533  line-height: 1;
    … …  
    537535}
    538536
    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 {
     537.button.button-small,
     538.button-group.button-small .button {
    543539  font-size: 10.24px;
    544540  font-size: 0.64rem;
    … …  
    548544}
    549545
    550 a.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,
     546a.button, .single .type-plugin .entry-content .button.section-toggle,
    551547a.button-primary,
    552548.single .type-plugin .entry-content .button-primary.section-toggle,
    553 .plugin-upload-form a.button-primary,
    554549a.button-secondary,
    555550.single .type-plugin .entry-content .button-secondary.section-toggle {
    … …  
    557552}
    558553
    559 a.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,
     554a.button.button-large, .single .type-plugin .entry-content .button.button-large.section-toggle,
    560555.button-group.button-large a.button,
    561556.button-group.button-large .single .type-plugin .entry-content .button.section-toggle, .single .type-plugin .entry-content
    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 {
     557.button-group.button-large .button.section-toggle {
    569558  line-height: 1.953125rem;
    570559}
    571560
    572 a.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,
     561a.button.button-small, .single .type-plugin .entry-content .button.button-small.section-toggle,
    573562.button-group.button-small a.button,
    574563.button-group.button-small .single .type-plugin .entry-content .button.section-toggle, .single .type-plugin .entry-content
    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 {
     564.button-group.button-small .button.section-toggle {
    582565  line-height: 1.25rem;
    583566}
    584567
    585 .button:active, .plugin-upload-form .button-primary:active,
    586 .button:focus,
    587 .plugin-upload-form .button-primary:focus {
     568.button:active,
     569.button:focus {
    588570  outline: none;
    589571}
    590572
    591 .button.hidden, .plugin-upload-form .hidden.button-primary {
     573.button.hidden {
    592574  display: none;
    593575}
    … …  
    608590  2.0 - Default Button Style
    609591---------------------------------------------------------------------------- */
    610 .button, .plugin-upload-form .button-primary,
     592.button,
    611593.button:visited,
    612 .plugin-upload-form .button-primary:visited,
    613594.button-secondary {
    614595  background: #f7f7f7;
    … …  
    619600}
    620601
    621 p .button, p .plugin-upload-form .button-primary, .plugin-upload-form p .button-primary {
     602p .button {
    622603  vertical-align: baseline;
    623604}
    624605
    625 .button.hover, .plugin-upload-form .hover.button-primary,
     606.button.hover,
    626607.button:hover,
    627 .plugin-upload-form .button-primary:hover,
    628608.button-secondary:hover,
    629609.button.focus,
    630 .plugin-upload-form .focus.button-primary,
    631610.button:focus,
    632 .plugin-upload-form .button-primary:focus,
    633611.button-secondary:focus {
    634612  background: #fafafa;
    … …  
    637615}
    638616
    639 .button.focus, .plugin-upload-form .focus.button-primary,
     617.button.focus,
    640618.button:focus,
    641 .plugin-upload-form .button-primary:focus,
    642619.button-secondary:focus,
    643620.button-link:focus {
    … …  
    646623}
    647624
    648 .button.active, .plugin-upload-form .active.button-primary,
     625.button.active,
    649626.button.active:hover,
    650 .plugin-upload-form .active.button-primary:hover,
    651627.button:active,
    652 .plugin-upload-form .button-primary:active,
    653628.button-secondary:active {
    654629  background: #eee;
    … …  
    658633}
    659634
    660 .button.active:focus, .plugin-upload-form .active.button-primary:focus {
     635.button.active:focus {
    661636  border-color: #5b9dd9;
    662637  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    663638}
    664639
    665 .button[disabled], .plugin-upload-form [disabled].button-primary,
     640.button[disabled],
    666641.button:disabled,
    667 .plugin-upload-form .button-primary:disabled,
    668642.button.disabled,
    669 .plugin-upload-form .disabled.button-primary,
    670643.button-secondary[disabled],
    671644.button-secondary:disabled,
    … …  
    700673  3.0 - Primary Button Style
    701674---------------------------------------------------------------------------- */
    702 .button-primary, .plugin-upload-form .button-primary,
    703 .download-button {
     675.button-primary,
     676.download-button,
     677.plugin-upload-form .button-primary {
    704678  background: #0085ba;
    705679  border-color: #0073aa #006799 #006799;
    … …  
    710684}
    711685
    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,
     686.button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus,
    713687.download-button.hover,
    714688.download-button:hover,
    715689.download-button.focus,
    716 .download-button:focus {
     690.download-button:focus,
     691.plugin-upload-form .button-primary.hover,
     692.plugin-upload-form .button-primary:hover,
     693.plugin-upload-form .button-primary.focus,
     694.plugin-upload-form .button-primary:focus {
    717695  background: #008ec2;
    718696  border-color: #006799;
    … …  
    721699}
    722700
    723 .button-primary.focus, .button-primary:focus, .plugin-upload-form .button-primary:focus,
     701.button-primary.focus, .button-primary:focus,
    724702.download-button.focus,
    725 .download-button:focus {
     703.download-button:focus,
     704.plugin-upload-form .button-primary.focus,
     705.plugin-upload-form .button-primary:focus {
    726706  box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    727707}
    … …  
    731711.download-button.active:hover,
    732712.download-button.active:focus,
    733 .download-button:active {
     713.download-button:active,
     714.plugin-upload-form .button-primary.active,
     715.plugin-upload-form .button-primary.active:hover,
     716.plugin-upload-form .button-primary.active:focus,
     717.plugin-upload-form .button-primary:active {
    734718  background: #0073aa;
    735719  border-color: #006799;
    … …  
    741725.download-button[disabled],
    742726.download-button:disabled,
    743 .download-button.disabled {
     727.download-button.disabled,
     728.plugin-upload-form .button-primary[disabled],
     729.plugin-upload-form .button-primary:disabled,
     730.plugin-upload-form .button-primary.disabled {
    744731  background: #008ec2 !important;
    745732  border-color: #007cb2 !important;
    … …  
    750737}
    751738
    752 .button-primary.button.button-hero, .plugin-upload-form .button-hero.button-primary,
     739.button-primary.button.button-hero,
    753740.download-button.button.button-hero,
    754 .plugin-upload-form .download-button.button-hero.button-primary {
     741.plugin-upload-form .button-primary.button.button-hero {
    755742  box-shadow: 0 2px 0 #006799;
    756743}
    757744
    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,
     745.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,
    759746.download-button.button.button-hero.active,
    760 .plugin-upload-form .download-button.button-hero.active.button-primary,
    761747.download-button.button.button-hero.active:hover,
    762 .plugin-upload-form .download-button.button-hero.active.button-primary:hover,
    763748.download-button.button.button-hero.active:focus,
    764 .plugin-upload-form .download-button.button-hero.active.button-primary:focus,
    765749.download-button.button.button-hero:active,
    766 .plugin-upload-form .download-button.button-hero.button-primary:active {
     750.plugin-upload-form .button-primary.button.button-hero.active,
     751.plugin-upload-form .button-primary.button.button-hero.active:hover,
     752.plugin-upload-form .button-primary.button.button-hero.active:focus,
     753.plugin-upload-form .button-primary.button.button-hero:active {
    767754  box-shadow: inset 0 3px 0 #006799;
    768755}
    … …  
    788775}
    789776
    790 .button-group > .button, .plugin-upload-form .button-group > .button-primary {
     777.button-group > .button {
    791778  display: inline-block;
    792779  border-radius: 0;
    … …  
    795782}
    796783
    797 .button-group > .button-primary, .plugin-upload-form .button-group > .button-primary {
     784.button-group > .button-primary {
    798785  z-index: 100;
    799786}
    800787
    801 .button-group > .button:hover, .plugin-upload-form .button-group > .button-primary:hover {
     788.button-group > .button:hover {
    802789  z-index: 20;
    803790}
    804791
    805 .button-group > .button:first-child, .plugin-upload-form .button-group > .button-primary:first-child {
     792.button-group > .button:first-child {
    806793  border-radius: 3px 0 0 3px;
    807794}
    808795
    809 .button-group > .button:last-child, .plugin-upload-form .button-group > .button-primary:last-child {
     796.button-group > .button:last-child {
    810797  border-radius: 0 3px 3px 0;
    811798}
    812799
    813 .button-group > .button:focus, .plugin-upload-form .button-group > .button-primary:focus {
     800.button-group > .button:focus {
    814801  position: relative;
    815802  z-index: 1;
    … …  
    820807---------------------------------------------------------------------------- */
    821808@media screen and (max-width: 48em) {
    822   .button, .plugin-upload-form .button-primary,
     809  .button,
    823810  .button.button-large,
    824   .plugin-upload-form .button-large.button-primary,
    825   .button.button-smallw,
    826   .plugin-upload-form .button-smallw.button-primary {
     811  .button.button-small,
     812  .plugin-upload-form .button-primary {
    827813    font-size: 14px;
    828814    height: auto;
    … …  
    863849textarea {
    864850  -webkit-appearance: none;
     851  background-color: #fff;
    865852  border: 1px solid #ddd;
    866853  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    867854  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    868   background-color: #fff;
    869855  color: #32373c;
    870856  -webkit-transition: 0.05s border-color ease-in-out;
    … …  
    942928input[type="checkbox"],
    943929input[type="radio"] {
     930  background: #fff;
    944931  border: 1px solid #b4b9be;
    945   background: #fff;
     932  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     933  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     934  clear: none;
    946935  color: #555;
    947   clear: none;
    948936  cursor: pointer;
    949937  display: inline-block;
     938  height: 25px;
    950939  line-height: 0;
    951940  margin: -4px 4px 0 0;
     941  min-width: 16px;
    952942  padding: 0 !important;
    953943  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);
    958944  -webkit-transition: .05s border-color ease-in-out;
    959945  transition: .05s border-color ease-in-out;
    960   height: 25px;
     946  vertical-align: middle;
    961947  width: 25px;
    962948}
    … …  
    969955  -webkit-border-radius: 50%;
    970956  border-radius: 50%;
     957  line-height: 10px;
    971958  margin-right: 4px;
    972   line-height: 10px;
    973959}
    974960
    975961input[type="checkbox"]:checked:before,
    976962input[type="radio"]:checked:before {
     963  display: inline-block;
    977964  float: left;
    978   display: inline-block;
     965  font: normal 21px/1 dashicons;
     966  -moz-osx-font-smoothing: grayscale;
     967  -webkit-font-smoothing: antialiased;
     968  speak: none;
    979969  vertical-align: middle;
    980970  width: 16px;
    981   font: normal 21px/1 dashicons;
    982   speak: none;
    983   -webkit-font-smoothing: antialiased;
    984   -moz-osx-font-smoothing: grayscale;
    985971}
    986972
    987973input[type="checkbox"]:checked:before {
     974  color: #1e8cbe;
    988975  content: "\f147";
    989   color: #1e8cbe;
    990976  font: normal 30px/1 dashicons;
    991977  margin: -3px -5px;
    … …  
    993979
    994980input[type="radio"]:checked:before {
    995   content: "\2022";
    996   text-indent: -9999px;
     981  background-color: #1e8cbe;
    997982  -webkit-border-radius: 50px;
    998983  border-radius: 50px;
     984  content: "\2022";
    999985  font-size: 24px;
     986  height: 9px;
     987  line-height: 16px;
     988  margin: 7px;
     989  text-indent: -9999px;
     990  vertical-align: middle;
    1000991  width: 9px;
    1001   height: 9px;
    1002   margin: 7px;
    1003   line-height: 16px;
    1004   background-color: #1e8cbe;
    1005   vertical-align: middle;
    1006992}
    1007993
    … …  
    10391025input,
    10401026select {
     1027  -webkit-border-radius: 0;
     1028  border-radius: 0;
    10411029  font-size: 16px;
    10421030  padding: 3px 5px;
    1043   -webkit-border-radius: 0;
    1044   border-radius: 0;
    10451031  /* Reset mobile webkit's default element styling */
    10461032}
    10471033
    10481034textarea {
     1035  line-height: 1.4;
    10491036  overflow: auto;
    10501037  padding: 2px 6px;
    1051   line-height: 1.4;
    10521038  resize: vertical;
    10531039}
    … …  
    11481134}
    11491135
     1136.plugin-upload-form fieldset {
     1137  border: none;
     1138  margin: 0;
     1139  padding: 0;
     1140}
     1141
     1142.plugin-upload-form legend {
     1143  margin: 1rem 0;
     1144}
     1145
     1146.plugin-upload-form .category-checklist {
     1147  list-style-type: none;
     1148  margin: 0 0 2rem;
     1149}
     1150
     1151.plugin-upload-form .category-checklist li {
     1152  float: left;
     1153  padding: 0.5rem 0;
     1154  width: 50%;
     1155}
     1156
     1157@media screen and (min-width: 48em) {
     1158  .plugin-upload-form .category-checklist li {
     1159    padding: 0;
     1160  }
     1161  .plugin-upload-form .category-checklist label {
     1162    font-size: 12.8px;
     1163    font-size: 0.8rem;
     1164  }
     1165}
     1166
     1167@media screen and (min-width: 48em) {
     1168  .plugin-upload-form label.button {
     1169    line-height: 1.8;
     1170  }
     1171}
     1172
     1173.plugin-upload-form .plugin-file {
     1174  height: 0.1px;
     1175  opacity: 0;
     1176  overflow: hidden;
     1177  position: absolute;
     1178  width: 0.1px;
     1179  z-index: -1;
     1180}
     1181
    11501182/*--------------------------------------------------------------
    11511183# Navigation
    … …  
    11741206}
    11751207
    1176 p 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),
    1177 p a:not(.button):not(.plugin-upload-form .button-primary):hover,
    1178 p .single .type-plugin .entry-content .section-toggle:not(.button):not(.plugin-upload-form .button-primary):hover, .single .type-plugin .entry-content
    1179 p .section-toggle:not(.button):not(.plugin-upload-form .button-primary):hover {
     1208p a:not(.button), p .single .type-plugin .entry-content .section-toggle:not(.button), .single .type-plugin .entry-content p .section-toggle:not(.button),
     1209p a:not(.button):hover,
     1210p .single .type-plugin .entry-content .section-toggle:not(.button):hover, .single .type-plugin .entry-content
     1211p .section-toggle:not(.button):hover {
    11801212  border: none;
    11811213}
    … …  
    13861418# Clearings
    13871419--------------------------------------------------------------*/
    1388 .clear:before, .single .type-plugin:before, .single .type-plugin .plugin-header:before, .plugin-upload-form .category-checklist:before,
     1420.clear:before, .plugin-upload-form .category-checklist:before, .single .type-plugin:before, .single .type-plugin .plugin-header:before,
    13891421.clear:after,
     1422.plugin-upload-form .category-checklist:after,
    13901423.single .type-plugin:after,
    13911424.single .type-plugin .plugin-header:after,
    1392 .plugin-upload-form .category-checklist:after,
    13931425.entry-content:before,
    13941426.entry-content:after,
    … …  
    14061438}
    14071439
    1408 .clear:after, .single .type-plugin:after, .single .type-plugin .plugin-header:after, .plugin-upload-form .category-checklist:after,
     1440.clear:after, .plugin-upload-form .category-checklist:after, .single .type-plugin:after, .single .type-plugin .plugin-header:after,
    14091441.entry-content:after,
    14101442.comment-content:after,
    … …  
    15761608}
    15771609
    1578 #wporg-header .button, #wporg-header .plugin-upload-form .button-primary, .plugin-upload-form #wporg-header .button-primary {
     1610#wporg-header .button {
    15791611  box-shadow: none;
    15801612}
    … …  
    16161648  background-image: linear-gradient(to bottom, #21759b, #278ab7);
    16171649  border-color: #124560 #2382ae #2382ae #2382ae;
    1618   color: rgba(255, 255, 255, 0.95);
    16191650  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    16201651  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
     1652  color: rgba(255, 255, 255, 0.95);
    16211653  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    16221654  transform: none;
    … …  
    16801712
    16811713.site-header .search-form .search-field + .button-search {
     1714  border-left: none;
     1715  border-radius: 0 2px 2px 0;
    16821716  display: none;
    1683   border-radius: 0 2px 2px 0;
    16841717  height: 32px;
    16851718  margin-left: -6px;
    1686   position: relative;
    1687   top: 2px;
    1688   border-left: none;
     1719  vertical-align: bottom;
    16891720}
    16901721
    16911722.site-header .search-form .search-field + .button-search:active {
    1692   top: 0;
     1723  background: #006799;
    16931724  border-right: 1px solid #006799;
    16941725  box-shadow: none;
    1695   background: #006799;
    16961726}
    16971727
    … …  
    21492179}
    21502180
    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;
    2203 }
    2204 
    22052181/*--------------------------------------------------------------
    22062182## Comments

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_buttons.scss

    r3345 r3346  
    4545.button,
    4646.button-primary,
    47 .button-secondary {
     47.button-secondary,
     48.plugin-upload-form .button-primary {
    4849    -webkit-appearance: none;
    4950    border: 1px solid;
    … …  
    212213
    213214.button-primary,
    214 .download-button {
     215.download-button,
     216.plugin-upload-form .button-primary {
    215217    background: #0085ba;
    216218    border-color: #0073aa #006799 #006799;
    … …  
    327329    .button,
    328330    .button.button-large,
    329     .button.button-smallw {
     331    .button.button-small,
     332    .plugin-upload-form .button-primary {
    330333        font-size: 14px;
    331334        height: auto;

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_fields.scss

    r3345 r3346  
    3030textarea {
    3131    -webkit-appearance: none;
     32    background-color: #fff;
    3233    border: 1px solid $color__border-input;
    3334    -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
    3435    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
    35     background-color: #fff;
    3636    color: $color__text-input;
    3737    -webkit-transition: 0.05s border-color ease-in-out;
    … …  
    9090input[type="checkbox"],
    9191input[type="radio"] {
     92    background: #fff;
    9293    border: 1px solid #b4b9be;
    93     background: #fff;
     94    -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
     95    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
     96    clear: none;
    9497    color: #555;
    95     clear: none;
    9698    cursor: pointer;
    9799    display: inline-block;
     100    height: 25px;
    98101    line-height: 0;
    99102    margin: -4px 4px 0 0;
     103    min-width: 16px;
    100104    padding: 0 !important;
    101105    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 );
    106106    -webkit-transition: .05s border-color ease-in-out;
    107107    transition: .05s border-color ease-in-out;
    108     height: 25px;
     108    vertical-align: middle;
    109109    width: 25px;
    110110}
    … …  
    117117    -webkit-border-radius: 50%;
    118118    border-radius: 50%;
     119    line-height: 10px;
    119120    margin-right: 4px;
    120     line-height: 10px;
    121121}
    122122
    123123input[type="checkbox"]:checked:before,
    124124input[type="radio"]:checked:before {
     125    display: inline-block;
    125126    float: left;
    126     display: inline-block;
     127    font: normal 21px/1 dashicons;
     128    -moz-osx-font-smoothing: grayscale;
     129    -webkit-font-smoothing: antialiased;
     130    speak: none;
    127131    vertical-align: middle;
    128132    width: 16px;
    129     font: normal 21px/1 dashicons;
    130     speak: none;
    131     -webkit-font-smoothing: antialiased;
    132     -moz-osx-font-smoothing: grayscale;
    133133}
    134134
    135135input[type="checkbox"]:checked:before {
     136    color: #1e8cbe;
    136137    content: "\f147";
    137     color: #1e8cbe;
    138138    font: normal 30px/1 dashicons;
    139139    margin: -3px -5px;
    … …  
    141141
    142142input[type="radio"]:checked:before {
    143     content: "\2022";
    144     text-indent: -9999px;
     143    background-color: #1e8cbe;
    145144    -webkit-border-radius: 50px;
    146145    border-radius: 50px;
     146    content: "\2022";
    147147    font-size: 24px;
     148    height: 9px;
     149    line-height: 16px;
     150    margin: 7px;
     151    text-indent: -9999px;
     152    vertical-align: middle;
    148153    width: 9px;
    149     height: 9px;
    150     margin: 7px;
    151     line-height: 16px;
    152     background-color: #1e8cbe;
    153     vertical-align: middle;
    154154}
    155155
    … …  
    187187input,
    188188select {
     189    -webkit-border-radius: 0;
     190    border-radius: 0;
    189191    font-size: 16px;
    190     padding: 3px 5px;
    191     -webkit-border-radius: 0;
    192     border-radius: 0; /* Reset mobile webkit's default element styling */
     192    padding: 3px 5px; /* Reset mobile webkit's default element styling */
    193193}
    194194
    195195textarea {
     196    line-height: 1.4;
    196197    overflow: auto;
    197198    padding: 2px 6px;
    198     line-height: 1.4;
    199199    resize: vertical;
    200200}

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_forms.scss

    r3193 r3346  
    11@import "buttons";
    22@import "fields";
     3@import "upload";

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/navigation/_links.scss

    r3193 r3346  
     1@import "../variables-site/variables-site";
     2
    13a {
    24    color: $color__link;

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_header.scss

    r3261 r3346  
    5454            background-image: linear-gradient(to bottom, #21759b, #278ab7);
    5555            border-color: #124560 #2382ae #2382ae #2382ae;
    56             color: rgba(255,255,255,0.95);
    5756            -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    5857            box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
     58            color: rgba(255,255,255,0.95);
    5959            text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    6060            transform: none;
    … …  
    114114
    115115        .search-field + .button-search {
     116            border-left: none;
     117            border-radius: 0 2px 2px 0;
    116118            display: none;
    117             border-radius: 0 2px 2px 0;
    118119            height: 32px;
    119120            margin-left: -6px;
    120             position: relative;
    121             top: 2px;
    122             border-left: none;
     121            vertical-align: bottom;
    123122
    124123            &:active {
    125                 top: 0;
     124                background: #006799;
    126125                border-right: 1px solid #006799;
    127126                box-shadow: none;
    128                 background: #006799;
    129127            }
    130128

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_site.scss

    r3345 r3346  
    2525--------------------------------------------------------------*/
    2626@import "primary/page";
    27 @import "primary/upload-form";
    2827
    2928/*--------------------------------------------------------------

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/typography/_copy.scss

    r3336 r3346  
    2323    }
    2424}
    25 
    2625
    2726dfn, cite, em, i {

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/searchform.php

    r3251 r3346  
    33?>
    44<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    5     <label>
    6         <span class="screen-reader-text"><?php _ex( 'Search for:', 'label', 'wporg-plugins' ); ?></span>
    7         <input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Search plugins&hellip;', 'placeholder', 'wporg-plugins' ); ?>" value="<?php the_search_query(); ?>" name="s" />
    8         <button class="button button-primary button-search"><i class="dashicons dashicons-search"></i></button>
    9     </label>
     5    <label for="s" class="screen-reader-text"><?php _ex( 'Search for:', 'label', 'wporg-plugins' ); ?></label>
     6    <input type="search" id="s" class="search-field" placeholder="<?php echo esc_attr_x( 'Search plugins&hellip;', 'placeholder', 'wporg-plugins' ); ?>" value="<?php the_search_query(); ?>" name="s" />
     7    <button class="button button-primary button-search"><i class="dashicons dashicons-search"></i></button>
    108</form>
Note: See TracChangeset for help on using the changeset viewer.