Advertisement
Guest User

Custom style

a guest
Jul 23rd, 2018
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.04 KB | None | 0 0
  1. /* Login page / Reset password / Create account */
  2. body.login {
  3.     background-color: #ffffff;
  4.     color: #5e7676;
  5.     padding-top: 50px;
  6. }
  7. body.login form a {
  8.     color: #5e7676;
  9.     font-size: 13px !important;
  10. }
  11. body.login form a:hover {
  12.     color: #45a9c9;
  13.     font-size: 13px !important;
  14. }
  15. body.login .logo {
  16.     margin-bottom: 50px;
  17. }
  18. body.login .logo img {
  19.     width: 100px;
  20. }
  21. body.login h2 {
  22.     font-weight: 400;
  23.     font-size: 16px;
  24.     text-transform: uppercase;
  25.     color: #5e7676;
  26.     letter-spacing: 0;
  27. }
  28. body.login form input[type=email], body.login form input[type=password], body.login form input[type=text] {
  29.     background-color: #ffffff;
  30.     color: #5e7676;
  31.     border: 1px solid #dfdfdf;
  32. }
  33. body.login form .input-group .input-group-btn button.btn {
  34.     background-color: #f2f4f6;
  35.     border: 1px solid #dfdfdf;
  36. }
  37. body.login .divider>span {
  38.     background: #eaa938;
  39.     padding: 10px 8px;
  40.     border-radius: 50%;
  41.     color: #fff;
  42. }
  43. body.login .divider {
  44.     border-bottom: 2px solid #eaa938;
  45. }
  46. .input-group-btn .btn {
  47.     color: #5e7676;
  48. }
  49. .form-group.focus .input-group-btn .btn, .input-group.focus .input-group-btn .btn {
  50.     border-color: #eaa938;
  51.     color: #eaa938;
  52. }
  53. .btn-embossed {
  54.     box-shadow: none;
  55. }
  56. .btn-primary {
  57.     color: #fff;
  58.     background-color: #45a9c9;
  59. }
  60. .btn {
  61.     font-size: 13px;
  62.     transition: none !important;
  63. }
  64. .btn-primary.active, .btn-primary.hover, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
  65.     color: #fff;
  66.     background-color: #40a0bf;
  67.     border-color: #40a0bf;
  68. }
  69. .btn-inverse {
  70.     color: #fff;
  71.     background-color: #eaa938;
  72. }
  73. .btn-inverse.active, .btn-inverse.hover, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse {
  74.     background-color: #e0a133;
  75.     border-color: #e0a133;
  76. }
  77. hr.dashed.light {
  78.     display: none;
  79. }
  80. span.fui-arrow-left {
  81.     font-size: 9px;
  82.     margin-right: 5px;
  83.     vertical-align: text-bottom;
  84. }
  85. .select2-arrow {
  86.     border-width: 5px 4px;
  87.     border-color: #828282 transparent;
  88. }
  89. .select2-drop {
  90.     background-color: #fff;
  91.     margin-top: -2px;
  92.     font-size: 13px;
  93. }
  94. .select2-drop .select2-result-selectable .select2-result-label:hover {
  95.     background-color: #f2f4f6;
  96.     color: #5e7676;
  97.     border-left: 3px solid #eaa938;
  98. }
  99. .select2-drop .select2-highlighted>.select2-result-label {
  100.     background: #f2f4f6;
  101.     color: #5e7676;
  102. }
  103. .select2-drop .select2-result-selectable .select2-result-label {
  104.     color: #5e7676;
  105.     border-bottom: 1px solid #dfdfdf;
  106. }
  107. .select2-drop .select2-result-label {
  108.     padding: 10px 16px;
  109.     transition: none !important;
  110. }
  111. .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child, .input-group .select2-search input[type=text]:first-child {
  112.     border-bottom-right-radius: 3px;
  113.     border-top-right-radius: 3px;
  114. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement