WordPress.org
Get WordPress

Making WordPress.org

Changeset 3198


Ignore:
Timestamp:
05/20/2016 08:32:44 PM (10 years ago)
Author:
obenland
Message:

Plugin Directory: Continue to use old styles for download button in global header.

See #1719.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins
Files:
2 edited

Legend:

Unmodified
Added
Removed

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

    r3194 r3198  
    11001100}
    11011101
     1102#wporg-header .download-button {
     1103  background-color: #21759b;
     1104  background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
     1105  background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
     1106  background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
     1107  background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
     1108  background-image: -o-linear-gradient(top, #2a95c5, #21759b);
     1109  background-image: linear-gradient(to bottom, #2a95c5, #21759b);
     1110  border-color: #21759b;
     1111  border-bottom-color: #1e6a8d;
     1112  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
     1113}
     1114
     1115#wporg-header .download-button:hover, #wporg-header .download-button:focus {
     1116  background-color: #278ab7;
     1117  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
     1118  background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
     1119  background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
     1120  background-image: -ms-linear-gradient(top, #2e9fd2, #21759b);
     1121  background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
     1122  background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
     1123  border-color: #1b607f;
     1124  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
     1125  color: #fff;
     1126  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
     1127}
     1128
     1129#wporg-header .download-button:active {
     1130  background: #1b607f;
     1131  background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
     1132  background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
     1133  background-image: -moz-linear-gradient(top, #21759b, #278ab7);
     1134  background-image: -ms-linear-gradient(top, #21759b, #278ab7);
     1135  background-image: -o-linear-gradient(top, #21759b, #278ab7);
     1136  background-image: linear-gradient(to bottom, #21759b, #278ab7);
     1137  border-color: #124560 #2382ae #2382ae #2382ae;
     1138  color: rgba(255, 255, 255, 0.95);
     1139  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
     1140  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
     1141  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
     1142  transform: none;
     1143}
     1144
    11021145.site-header {
    11031146  padding: 1rem 0;

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

    r3193 r3198  
    1212    .button {
    1313        box-shadow: none;
     14    }
     15
     16    .download-button {
     17        background-color: #21759b;
     18        background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
     19        background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
     20        background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
     21        background-image:     -ms-linear-gradient(top, #2a95c5, #21759b);
     22        background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
     23        background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
     24        border-color: #21759b;
     25        border-bottom-color: #1e6a8d;
     26        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 );
     27
     28        &:hover,
     29        &:focus {
     30            background-color: #278ab7;
     31            background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
     32            background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
     33            background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
     34            background-image:     -ms-linear-gradient(top, #2e9fd2, #21759b);
     35            background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
     36            background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
     37            border-color: #1b607f;
     38            box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     39            color: #fff;
     40            text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.3 );
     41        }
     42
     43        &:active {
     44            background: #1b607f;
     45            background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
     46            background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
     47            background-image: -moz-linear-gradient(top, #21759b, #278ab7);
     48            background-image: -ms-linear-gradient(top, #21759b, #278ab7);
     49            background-image: -o-linear-gradient(top, #21759b, #278ab7);
     50            background-image: linear-gradient(to bottom, #21759b, #278ab7);
     51            border-color: #124560 #2382ae #2382ae #2382ae;
     52            color: rgba(255,255,255,0.95);
     53            -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
     54            box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
     55            text-shadow: 0 1px 0 rgba(0,0,0,0.1);
     56            transform: none;
     57        }
    1458    }
    1559}
Note: See TracChangeset for help on using the changeset viewer.