balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

modals.css (2400B)

      1 .redux-templates-modal-overlay {
      2   position: absolute;
      3   top: 0;
      4   left: 0;
      5   right: 0;
      6   bottom: 0;
      7   background: rgba(255, 255, 255, 0.6);
      8   display: flex;
      9   align-items: center;
     10   justify-content: center;
     11   z-index: 600000; }
     12 
     13 .redux-templates-modal-wrapper {
     14   width: 550px;
     15   height: 400px;
     16   background: #fcfcfc;
     17   position: relative;
     18   display: flex;
     19   align-items: center;
     20   justify-content: center;
     21   pointer-events: none;
     22   flex-direction: column;
     23   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7); }
     24   .redux-templates-modal-wrapper div {
     25     width: 100%; }
     26   .redux-templates-modal-wrapper .redux-templates-modal-header {
     27     border-bottom: 1px solid #ddd;
     28     flex: 0 0 60px;
     29     padding: 10px 15px;
     30     display: flex;
     31     align-items: center;
     32     justify-content: space-between;
     33     box-sizing: border-box; }
     34     .redux-templates-modal-wrapper .redux-templates-modal-header h3 {
     35       margin: 0;
     36       font-size: 1.2rem; }
     37     .redux-templates-modal-wrapper .redux-templates-modal-header button {
     38       border: none;
     39       cursor: pointer; }
     40     .redux-templates-modal-wrapper .redux-templates-modal-header .redux-templates-modal-close {
     41       font-size: 20px;
     42       background: transparent;
     43       color: #9b9b9b; }
     44   .redux-templates-modal-wrapper .redux-templates-modal-body {
     45     flex: 1 1 auto;
     46     padding-left: 30px;
     47     padding-right: 30px;
     48     box-sizing: border-box;
     49     background: #fff; }
     50     .redux-templates-modal-wrapper .redux-templates-modal-body h5 {
     51       font-size: 1.1em;
     52       font-weight: 600; }
     53     .redux-templates-modal-wrapper .redux-templates-modal-body ul {
     54       list-style-position: inside;
     55       list-style-type: disc; }
     56     .redux-templates-modal-wrapper .redux-templates-modal-body .error {
     57       color: #f00; }
     58   .redux-templates-modal-wrapper .redux-templates-modal-footer {
     59     border-top: 1px solid #ddd;
     60     flex: 0 0 60px;
     61     align-items: center;
     62     display: flex;
     63     padding: 0 20px;
     64     box-sizing: border-box; }
     65     .redux-templates-modal-wrapper .redux-templates-modal-footer .button {
     66       margin-right: 20px;
     67       cursor: pointer; }
     68     .redux-templates-modal-wrapper .redux-templates-modal-footer i.fas {
     69       margin-right: 3px; }
     70   .redux-templates-modal-wrapper .redux-templates-modal-spinner-wrapper {
     71     flex: 1 1 auto;
     72     align-items: center;
     73     justify-content: center;
     74     display: flex; }
     75 
     76 /*# sourceMappingURL=modals.css.map */