123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- .example-modal {
- display: block;
- width: 100%;
- padding: 35px 15px;
- background-color: #f3f7f9; }
- .example-modal .modal {
- position: relative;
- top: auto;
- right: auto;
- bottom: auto;
- left: auto;
- z-index: 1;
- display: block; }
- .example-modal .modal .modal-dialog {
- width: auto;
- max-width: 600px;
- margin: 15px auto; }
- .example-modal-top .center {
- top: 0;
- -webkit-transform: translate(-50%, 0px);
- transform: translate(-50%, 0px); }
- .example-modal-bottom .center {
- top: auto;
- bottom: 0;
- -webkit-transform: translate(-50%, 0px);
- transform: translate(-50%, 0px); }
- .example-modal-sidebar .center {
- top: 0;
- right: 5px;
- left: auto;
- -webkit-transform: none;
- transform: none; }
- .example-buttons .modal-footer .btn {
- margin-right: 0;
- margin-bottom: 0; }
- .color-selector > li {
- margin-right: 20px;
- margin-bottom: 11px; }
- @media (max-width: 767.98px) {
- #examplePositionSidebar .modal-sidebar {
- min-width: 260px; } }
- .example-fill-in.example-well {
- position: relative;
- background-color: #fff;
- border: 1px solid #e4eaec; }
- .example-fill-in.example-well:after {
- content: "x";
- position: absolute;
- right: 10px;
- top: 10px; }
|