minimized use of sibling selector, fixed d placement in change_password.mustache
This commit is contained in:
Родитель
1800c2c48a
Коммит
43406adf02
|
@ -1,6 +1,6 @@
|
|||
<header>
|
||||
<h1 class="fox-logo"><span>{{#t}}Firefox Accounts{{/t}}</span></h1>
|
||||
<h2 id="fxa-change-password-header">{{#t}}Change password{{/t}}</h2>
|
||||
<h1 id="fxa-change-password-header" class="fox-logo"><span>{{#t}}Firefox Accounts{{/t}}</span></h1>
|
||||
<h2>{{#t}}Change password{{/t}}</h2>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
|
|
|
@ -14,7 +14,6 @@ body {
|
|||
color: #424F59;
|
||||
font-family: "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
padding:0 0 0 0;
|
||||
}
|
||||
|
||||
a {
|
||||
|
@ -34,9 +33,9 @@ noscript {
|
|||
background:url(../images/fireFox.png);
|
||||
background-size:96px 102px;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
margin: 0 auto -50px auto;
|
||||
top: -50px;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
#fxa-signup-header.fox-logo {
|
||||
|
@ -445,41 +444,40 @@ ul.links li {
|
|||
background-color: #fff;
|
||||
}
|
||||
|
||||
.password-row>.password:hover {
|
||||
.password-row > .password:hover {
|
||||
border-color: #414E58;
|
||||
}
|
||||
|
||||
.password-row>.password+label:hover {
|
||||
.password-row .show-password-label:hover {
|
||||
background-color: #F3F5F6;
|
||||
color: #414E58;
|
||||
}
|
||||
|
||||
.password-row:hover > .password+label {
|
||||
.password-row:hover > .show-password-label {
|
||||
border-color: #414E58;
|
||||
}
|
||||
.password-row>.password:focus+label{
|
||||
border-left-color:#0095DD !important;
|
||||
}
|
||||
|
||||
/*this one is impossible to do w/o sibling selector
|
||||
we may need to add js for IE8*/
|
||||
|
||||
.password-row .password:focus + .show-password-label {
|
||||
border-color: #6F7A85;
|
||||
.password-row > .password:focus+.show-password-label{
|
||||
border-left-color:#0095DD;
|
||||
}
|
||||
|
||||
.password-row .show-password {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.password-row input[type="password"]+label:active {
|
||||
.show-password-label:active {
|
||||
background:#eaeaea;
|
||||
}
|
||||
|
||||
.password-row input[type="text"]+label {
|
||||
.password-row input[type="text"]+.show-password-label {
|
||||
background:#8A9BA8;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.password-row input[type="text"]+label:hover {
|
||||
.password-row input[type="text"]+.show-password-label:hover {
|
||||
background:#8A9BA8;
|
||||
color:#fff;
|
||||
}
|
||||
|
@ -552,10 +550,6 @@ ul.links li {
|
|||
font-size: 18px;
|
||||
}
|
||||
|
||||
option {
|
||||
|
||||
}
|
||||
|
||||
/* Responsiveness */
|
||||
|
||||
/* TODO: Confirm breakpoint sizes */
|
||||
|
|
Загрузка…
Ссылка в новой задаче