modals.less 811 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. //
  2. // Modals
  3. // --------------------------------------------------
  4. // Background
  5. .modal-backdrop {
  6. background-color: @white;
  7. &.fade { opacity: 0; }
  8. }
  9. .modal-backdrop,
  10. .modal-backdrop.fade.in {
  11. .opacity(75);
  12. }
  13. .modal {
  14. border: 0;
  15. padding: 35px 40px;
  16. color: @black;
  17. .box-shadow(0 4px 16px rgba(0,0,0,0.2));
  18. .border-radius(0);
  19. }
  20. .modal-header {
  21. border: 0;
  22. padding: 0 0 30px;
  23. .close {
  24. margin-top: 0;
  25. position: absolute;
  26. right: 15px;
  27. top: 15px;
  28. }
  29. h3 {
  30. color: @graySemiLight;
  31. font-size: 24px;
  32. font-weight: 400;
  33. }
  34. }
  35. .modal-body {
  36. padding: 0;
  37. }
  38. .modal-footer {
  39. padding: 20px 0 0;
  40. background-color: @white;
  41. border: 0;
  42. .border-radius(0);
  43. .box-shadow(none);
  44. text-align: right;
  45. }
  46. //right: -20px;
  47. //top: -16px;