sign.less 899 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @import "../ui/var";
  2. /*
  3. The register and sign-in page style
  4. */
  5. @signPanelBgColor: #FFF;
  6. #sign-wrapper {
  7. padding: 60px 0;
  8. }
  9. .sign-panel {
  10. background-color: @signPanelBgColor;
  11. }
  12. .sign-form.form-align {
  13. .field {
  14. margin: 1.2em 0 2em 0;
  15. }
  16. .ipt-large {
  17. width: 300px;
  18. }
  19. label,
  20. .form-label {
  21. width: 160px;
  22. }
  23. .chk-label {
  24. width: auto;
  25. text-align: left;
  26. margin-left: 176px;
  27. }
  28. .alert{
  29. margin:0 30px 24px 30px;
  30. }
  31. &:hover{
  32. box-shadow: 0 0 6px #CCC;
  33. }
  34. }
  35. .sign-form.container{
  36. padding: 0;
  37. width: 600px;
  38. margin-bottom: 80px;
  39. }
  40. // register form element
  41. #sign-up-form {
  42. .panel-content{
  43. margin-top: 1.2em;
  44. }
  45. h2 {
  46. margin: .5em 1em;
  47. }
  48. }
  49. #sign-social{
  50. position: relative;
  51. margin: 40px 0;
  52. .or{
  53. position: absolute;
  54. width: 30px;
  55. top: -52px;
  56. left: 50%;
  57. background-color: #FFF;
  58. margin-left: -15px;
  59. }
  60. }