Commit c6c7198d6f7b9c505aca2e2feb235ab08ea2dc09
1 parent
5b7ae9477f
Exists in
master
Cambiado hoja de estilo de login.
Showing
1 changed file
with
12 additions
and
62 deletions
Show diff stats
src/sass/_login.scss
| 1 | .login { | 1 | .bg-gradient-login { |
| 2 | background: linear-gradient(0 ,#ffffff, #e6e6e6); | 2 | background: linear-gradient(0, #ffffff, #e6e6e6); |
| 3 | border: 1px solid #000000; | 3 | } |
| 4 | border-radius: 3px; | 4 | |
| 5 | height: calc(280px + 1em); | 5 | .login-small-text { |
| 6 | left: calc(50% - 130px); | 6 | font-size: 12px; |
| 7 | opacity: 0.7; | ||
| 8 | position: absolute; | ||
| 9 | text-align: center; | ||
| 10 | top: 190px; | ||
| 11 | width: 260px; | ||
| 12 | &-titulo { | ||
| 13 | border-bottom: 1px solid #ffffff; | ||
| 14 | padding: 5px 0; | ||
| 15 | } | ||
| 16 | &-campo { | ||
| 17 | label { | ||
| 18 | display: block; | ||
| 19 | font-size: 12px; | ||
| 20 | margin: 5px 0 0; | ||
| 21 | } | ||
| 22 | input { | ||
| 23 | -moz-border-radius: 10px; | ||
| 24 | -khtml-border-radius: 10px; | ||
| 25 | -webkit-border-radius: 10px; | ||
| 26 | -webkit-appearance: none; | ||
| 27 | padding-right: 5%; | ||
| 28 | padding-left: 5%; | ||
| 29 | border-radius: 10px; | ||
| 30 | outline: 0; | ||
| 31 | border-color: transparent; | ||
| 32 | text-transform: none !important; | ||
| 33 | &:focus { | ||
| 34 | border-color: #ff9900; | ||
| 35 | } | ||
| 36 | } | ||
| 37 | } | ||
| 38 | &-button { | ||
| 39 | width: 80%; | ||
| 40 | background-color: #cd9035; | ||
| 41 | color: white; | ||
| 42 | &:hover { | ||
| 43 | background-color: #a7743d; | ||
| 44 | color: white | ||
| 45 | } | ||
| 46 | &:focus { | ||
| 47 | color: white; | ||
| 48 | } | ||
| 49 | } | ||
| 50 | &-alerta-error { | ||
| 51 | width: 260px; | ||
| 52 | left: calc(50% - 130px); | ||
| 53 | top: calc(383px + 1.5em); | ||
| 54 | } | ||
| 55 | } | 7 | } |
| 56 | 8 | ||
| 57 | @media (min-width: 768px) { | 9 | @media (min-width: 768px) { |
| 58 | .img-login{ | 10 | .img-login { |
| 59 | height: 190px; | 11 | width: 211px; |
| 60 | width: 211px; | 12 | } |
| 61 | } | ||
| 62 | } | 13 | } |
| 63 | 14 | ||
| 64 | @media (max-width: 768px) { | 15 | @media (max-width: 768px) { |
| 65 | .img-login{ | 16 | .img-login { |
| 66 | height: 150px; | 17 | width: 158px; |
| 67 | width: 158px; | 18 | } |
| 68 | } | ||
| 69 | } | 19 | } |
| 70 | 20 |