Making WordPress.org

Ticket #1524: login-css.diff

File login-css.diff, 11.7 KB (added by mapk, 9 years ago)

The patch file for the additional CSS changes.

  • partials/checkemail.php

     
    1 <p><?php _e( 'Check your email for the confirmation link.', 'wporg-login' ); ?></p>
     1<p class="center"><?php _e( 'Check your email for the confirmation link.', 'wporg-login' ); ?></p>
    22
    33<p class="nav">
    44        <a href="/"><?php _e( '&larr; Back to login', 'wporg-login' ); ?></a>
  • partials/loggedout.php

     
    1 <p><?php _e( 'You are now logged out.', 'wporg-login' ); ?></p>
     1<p class="center"><?php _e( 'You are now logged out.', 'wporg-login' ); ?></p>
    22
    33<p class="nav">
    44        <a href="/"><?php _e( '&larr; Back to login', 'wporg-login' ); ?></a>
  • stylesheets/login.css

     
    11@import url(../stylesheets/l10n.css);
    22@import url(../stylesheets/dashicons.css);
    3 /* line 5, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
     3
     4
     5/**
     6* #.# Compass Reset
     7*
     8* A quick way to reset some of the HTML elements across browsers
     9*/
     10
    411html, body, div, span, applet, object, iframe,
    512h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    613a, abbr, acronym, address, big, cite, code,
     
    2229  vertical-align: baseline;
    2330}
    2431
    25 /* line 22, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
    2632html {
    2733  line-height: 1;
    2834}
    2935
    30 /* line 24, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
    3136ol, ul {
    3237  list-style: none;
    3338}
    3439
    35 /* line 26, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
    3640table {
    3741  border-collapse: collapse;
    3842  border-spacing: 0;
    3943}
    4044
    41 /* line 28, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
    4245caption, th, td {
    4346  text-align: left;
    4447  font-weight: normal;
     
    4548  vertical-align: middle;
    4649}
    4750
    48 /* line 30, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
    4951q, blockquote {
    5052  quotes: none;
    5153}
    52 /* line 103, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
     54
    5355q:before, q:after, blockquote:before, blockquote:after {
    5456  content: "";
    5557  content: none;
    5658}
    5759
    58 /* line 32, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
    5960a img {
    6061  border: none;
    6162}
    6263
    63 /* line 116, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
    6464article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    6565  display: block;
    6666}
    6767
    68 /* line 5, ../sass/oauth.scss */
     68
     69
     70/**
     71* #.# wp-login CSS overwrites
     72*
     73* These selectors overwrite the core css on the wp-login page
     74*/
     75
     76button, input, optgroup, select, textarea {
     77    color: inherit;
     78    font: inherit;
     79    margin: 0;
     80}
     81
     82body.login {
     83  padding-top:8%;
     84}
     85
     86.login-action-lostpassword.login .message, .login-action-rp.login .message, .login-action-login.login .message, .login .message.reset-pass {
     87  border-left:none;
     88  background-color:transparent;
     89  color:#F5F5F5 !important;
     90  padding:0;
     91  -webkit-box-shadow:none;
     92  box-shadow:none;
     93}
     94
     95.wp-core-ui.login .button-primary {
     96  width: 100%;
     97  height: 40px;
     98  background: #00A0D2;
     99  color: #FFF;
     100  border: none;
     101  -webkit-border-radius: 2px;
     102  -moz-border-radius: 2px;
     103  border-radius: 2px;
     104  outline: none;
     105  position: relative;
     106  text-shadow:none;
     107  font-size:16px;
     108  -webkit-box-shadow:none;
     109  box-shadow:none;
     110}
     111.wp-core-ui.login .button-primary:hover {
     112  background: #008db9;
     113  -webkit-transition: background .2s ease;
     114  transition: background .2s ease;
     115}
     116.wp-core-ui.login .button-primary:active {
     117  -webkit-box-shadow:none;
     118  box-shadow:none;
     119  top:0px;
     120}
     121
     122#backtoblog { display:none; }
     123
     124.login #nav, .container #nav {
     125  font-size: .8em;
     126  padding: 0;
     127  margin: 24px 0;
     128  text-align: center;
     129}
     130
     131#pass-strength-result {
     132  background:#23282D;
     133}
     134#pass-strength-result.strong {
     135  color:#46B450;  /* Green */
     136  -webkit-box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #46B450, inset 100px 0 #46B450;
     137  box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #46B450, inset 100px 0 #46B450;
     138}
     139#pass-strength-result.good {
     140  color:#FFB900; /* Orange */
     141  -webkit-box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #FFB900, inset 100px 0 #FFB900;
     142  box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #FFB900, inset 100px 0 #FFB900;
     143}
     144#pass-strength-result.bad, #pass-strength-result.short {
     145  color:#DC3232; /* Red */
     146  -webkit-box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #DC3232, inset 100px 0 #DC3232;
     147  box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #DC3232, inset 100px 0 #DC3232;
     148}
     149
     150
     151
     152/**
     153* #.# Basic CSS
     154*
     155* The rest of the CSS is for all login pages.
     156*/
     157
    69158html, body {
    70159  height: 100%;
    71160}
    72161
    73 /* line 6, ../sass/oauth.scss */
    74162html {
    75163  background: #23282D;
     164  margin: 0;
     165  padding: 0;
    76166}
    77167
    78 /* line 7, ../sass/oauth.scss */
    79168body {
    80169  color: #F5F5F5;
    81170  font-family: "Open Sans", sans-serif;
     
    84173  line-height: 1.4;
    85174}
    86175
    87 /* line 8, ../sass/oauth.scss */
    88176* {
     177  -webkit-box-sizing: border-box;
     178  -moz-box-sizing: border-box;
    89179  box-sizing: border-box;
    90180}
    91181
    92 /* line 10, ../sass/oauth.scss */
    93182a {
    94183  color: #009FD4;
    95184  text-decoration: none;
     
    102191  transition-timing-function: ease-in-out;
    103192  outline: 0;
    104193}
    105 /* line 22, ../sass/oauth.scss */
    106194a:hover, a:active {
    107195  text-decoration: underline;
    108196}
    109197
    110 /* line 25, ../sass/oauth.scss */
    111198h2 {
    112199  font-size: 1.5em;
    113200}
    114201
    115 /* line 26, ../sass/oauth.scss */
    116202p {
    117203  line-height: 1.5;
    118204  margin-bottom: 1em;
    119205}
    120206
    121 /* line 27, ../sass/oauth.scss */
    122207strong {
    123208  font-weight: bolder;
    124209}
    125210
    126 /* line 28, ../sass/oauth.scss */
    127211.subtle {
    128212  color: #B4B9BE;
    129213  font-size: .8em;
     
    130214  font-weight: normal;
    131215}
    132216
    133 /* line 29, ../sass/oauth.scss */
    134217.small {
    135218  font-size: .8em;
    136219  font-weight: normal;
    137220}
    138221
    139 /* line 31, ../sass/oauth.scss */
     222.center { text-align: center; }
     223
    140224.btn {
    141225  width: 100%;
    142226  height: 40px;
     
    149233  outline: none;
    150234  position: relative;
    151235}
    152 /* line 32, ../sass/oauth.scss */
    153236.btn:hover {
    154237  background: #99a0a6;
     238  -webkit-transition: background .2s ease;
    155239  transition: background .2s ease;
    156240}
    157 /* line 33, ../sass/oauth.scss */
    158 .btn:focus {
     241.btn:active {
    159242  top: 1px;
    160243}
    161 /* line 35, ../sass/oauth.scss */
    162244.btn.btn-primary {
    163245  background: #00A0D2;
    164246  color: #FFF;
    165247}
    166 /* line 36, ../sass/oauth.scss */
    167248.btn.btn-primary:hover {
    168249  background: #008db9;
    169250}
    170251
    171 /* line 40, ../sass/oauth.scss */
    172252.button-primary {
    173253  width: 100%;
    174254  height: 40px;
     
    181261  outline: none;
    182262  position: relative;
    183263}
    184 /* line 43, ../sass/oauth.scss */
    185264.button-primary:hover {
    186265  background: #008db9;
     266  -webkit-transition: background .2s ease;
    187267  transition: background .2s ease;
    188268}
    189 /* line 44, ../sass/oauth.scss */
    190 .button-primary:focus {
     269.button-primary:active {
    191270  top: 1px;
    192271}
    193272
    194 /* line 48, ../sass/oauth.scss */
    195273.side-by-side .btn {
    196274  display: inline-block;
    197275  max-width: 144px;
    198276  margin-right: 11px;
    199277}
    200 /* line 49, ../sass/oauth.scss */
    201278.side-by-side .btn:last-child {
    202279  margin-right: 0;
    203280}
    204281
    205 /* line 54, ../sass/oauth.scss */
    206282.login, .container {
    207283  width: 304px;
    208284  padding: 0;
    209285  margin: auto;
    210286}
    211 /* line 55, ../sass/oauth.scss */
    212287.login h1, .container h1 {
    213288  text-align: center;
    214289  margin-bottom: 56px;
    215290}
    216 /* line 56, ../sass/oauth.scss */
    217291.login h1 a, .container h1 a {
    218292  background-image: url(../images/wporg-logotype-standard.png);
    219293  background-image: none, url(../images/wporg-logotype-standard.svg);
     
    231305  overflow: hidden;
    232306  display: block;
    233307}
    234 /* line 75, ../sass/oauth.scss */
    235308.login .message,
    236309.login #login_error, .container .message,
    237310.container #login_error {
     
    243316  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    244317  color: #000 !important;
    245318}
    246 /* line 81, ../sass/oauth.scss */
    247319.login #login_error, .container #login_error {
    248320  border-left-color: #dc3232;
    249321}
    250 /* line 83, ../sass/oauth.scss */
    251322.login .nav, .container .nav {
    252323  font-size: .8em;
    253324  padding: 0;
     
    255326  text-align: center;
    256327}
    257328
    258 /* line 85, ../sass/oauth.scss */
    259329.container {
    260330  padding: 0 0 64px;
    261331  margin-top: 24px;
    262332}
    263333
    264 /* line 87, ../sass/oauth.scss */
    265334form {
    266335  margin-top: 24px;
    267336}
    268 /* line 88, ../sass/oauth.scss */
    269337form p {
    270338  margin-bottom: 0;
    271339}
    272 /* line 89, ../sass/oauth.scss */
    273 form .forgetmenot {
     340form .forgetmenot, form .login-remember {
    274341  font-weight: normal;
    275342  margin-bottom: 16px;
    276343}
    277 /* line 90, ../sass/oauth.scss */
    278 form .forgetmenot label {
     344form .forgetmenot label, form .login-remember label {
    279345  font-size: .8em;
    280346  line-height: 1;
    281347  cursor: pointer;
    282348}
    283 /* line 92, ../sass/oauth.scss */
    284349form .submit {
    285350  margin: 8px 0 0 0;
    286351  padding: 0;
    287352}
    288 /* line 94, ../sass/oauth.scss */
    289353form input[type="text"],
    290354form input[type="password"] {
    291355  width: 100%;
     
    294358  height: 40px;
    295359  outline: none;
    296360  color: #23282D;
     361  font-weight:400;
    297362}
    298 /* line 97, ../sass/oauth.scss */
    299363form input[type="text"],
    300364form input[type="password"],
    301365form input[type="checkbox"],
     
    303367  background: #fbfbfb;
    304368  border: none;
    305369}
    306 /* line 102, ../sass/oauth.scss */
    307370form input[type="checkbox"], form input[type="radio"] {
    308371  cursor: pointer;
    309372  display: inline-block;
     
    317380  vertical-align: middle;
    318381  -webkit-appearance: none;
    319382}
    320 /* line 115, ../sass/oauth.scss */
    321383form input[type="checkbox"]:checked:before, form input[type="checkbox"]:checked:before, form input[type="radio"]:checked:before, form input[type="radio"]:checked:before {
    322384  float: left;
    323385  display: inline-block;
     
    328390  -webkit-font-smoothing: antialiased;
    329391  -moz-osx-font-smoothing: grayscale;
    330392}
    331 /* line 127, ../sass/oauth.scss */
    332393form input[type="checkbox"]:checked:before {
    333394  content: "\f147";
    334395  margin: -3px 0 0 -4px;
    335396  color: #1e8cbe;
    336397}
    337 /* line 129, ../sass/oauth.scss */
    338398form#authorize {
    339399  margin-bottom: 24px;
    340400}
    341401
    342 /* line 132, ../sass/oauth.scss */
    343402label {
    344403  color: #A0A5AA;
    345404}
    346405
    347 /* line 135, ../sass/oauth.scss */
    348406#loginform p.submit,
    349407.login-action-lostpassword p.submit {
    350408  border: none;
    351409}
    352410
    353 /* line 140, ../sass/oauth.scss */
    354411.login #pass-strength-result {
    355412  font-weight: 600;
    356413  margin: -1px 5px 16px 0;
     
    359416  width: 100%;
    360417}
    361418
    362 /* line 148, ../sass/oauth.scss */
    363419.wrapper {
    364420  padding: 8% 0 80px;
    365421  min-height: 100%;
     
    366422  position: relative;
    367423}
    368424
    369 /* line 149, ../sass/oauth.scss */
    370425.loginfooter {
    371426  position: absolute;
    372427  bottom: 0;
     
    379434}
    380435
    381436@media (max-height: 499px) {
    382   /* line 151, ../sass/oauth.scss */
    383437  .loginfooter {
    384438    position: relative;
    385439    bottom: inherit;
    386440  }
    387441}
    388 /* line 158, ../sass/oauth.scss */
    389442.oauth {
    390443  width: 100%;
    391444  background: #32373C;
     
    393446  overflow: hidden;
    394447  margin-top: -24px;
    395448  -webkit-transition: all .3s ease;
    396   -moz-transition: all .3s ease;
    397449  transition: all .3s ease;
    398450}
    399 /* line 159, ../sass/oauth.scss */
    400451.oauth > div {
    401452  text-align: center;
    402453  margin: 0 auto;
     
    403454  padding: 48px 16px;
    404455  max-width: 1024px;
    405456}
    406 /* line 160, ../sass/oauth.scss */
    407457.oauth > div .partner-logo {
    408458  margin-bottom: 24px;
    409459}