modals.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .example-modal {
  2. display: block;
  3. width: 100%;
  4. padding: 35px 15px;
  5. background-color: #f3f7f9; }
  6. .example-modal .modal {
  7. position: relative;
  8. top: auto;
  9. right: auto;
  10. bottom: auto;
  11. left: auto;
  12. z-index: 1;
  13. display: block; }
  14. .example-modal .modal .modal-dialog {
  15. width: auto;
  16. max-width: 600px;
  17. margin: 15px auto; }
  18. .example-modal-top .center {
  19. top: 0;
  20. -webkit-transform: translate(-50%, 0px);
  21. transform: translate(-50%, 0px); }
  22. .example-modal-bottom .center {
  23. top: auto;
  24. bottom: 0;
  25. -webkit-transform: translate(-50%, 0px);
  26. transform: translate(-50%, 0px); }
  27. .example-modal-sidebar .center {
  28. top: 0;
  29. right: 5px;
  30. left: auto;
  31. -webkit-transform: none;
  32. transform: none; }
  33. .example-buttons .modal-footer .btn {
  34. margin-right: 0;
  35. margin-bottom: 0; }
  36. .color-selector > li {
  37. margin-right: 20px;
  38. margin-bottom: 11px; }
  39. @media (max-width: 767.98px) {
  40. #examplePositionSidebar .modal-sidebar {
  41. min-width: 260px; } }
  42. .example-fill-in.example-well {
  43. position: relative;
  44. background-color: #fff;
  45. border: 1px solid #e4eaec; }
  46. .example-fill-in.example-well:after {
  47. content: "x";
  48. position: absolute;
  49. right: 10px;
  50. top: 10px; }