|
|
| Line 210: |
Line 210: |
| | | | |
| | | | |
| − | /* MODAL TEST */
| |
| | | | |
| − |
| |
| − | button{
| |
| − | border:none !important;
| |
| − | background: #ddd !important;
| |
| − | padding: 10px !important;
| |
| − | display: block !important;
| |
| − | margin: 50px auto !important;
| |
| − | cursor: pointer !important;
| |
| − | }
| |
| − |
| |
| − | .modal{
| |
| − | h1{font-size: 20px; !important}
| |
| − | button{margin: 0px auto;margin-top: 20px; !important}
| |
| − | }
| |
| − |
| |
| − | .modal{
| |
| − | position: fixed !important;
| |
| − | top: 0px !important;
| |
| − | pointer-events: none !important;
| |
| − | left: 0px !important;
| |
| − | background: fade(#333, 90) !important;
| |
| − | width: 100vw !important;
| |
| − | height: 100vh !important;
| |
| − | z-index: 100 !important;
| |
| − | opacity: 0 !important;
| |
| − | transition: 0.3s !important;
| |
| − | &.active{
| |
| − | opacity: 1 !important;
| |
| − | pointer-events: auto !important;
| |
| − | .box{top: 50%; !important}
| |
| − | }
| |
| − | &#success{h1{font-size: 1.5em; !important}}
| |
| − | .close{
| |
| − | position: absolute !important;
| |
| − | top: -20px !important;
| |
| − | right: -20px !important;
| |
| − | cursor: pointer !important;
| |
| − | color: #ddd !important;
| |
| − | }
| |
| − | .box{
| |
| − | background: #fff !important;
| |
| − | display: block !important;
| |
| − | box-sizing: border-box !important;
| |
| − | border-radius: 5px !important;
| |
| − | text-align: center !important;
| |
| − | padding: 20px !important;
| |
| − | position: absolute !important;
| |
| − | top: 70% !important;
| |
| − | left: 50% !important;
| |
| − | transform: translate(-50%,-50%) !important;
| |
| − | transition: 0.3s !important;
| |
| − | }
| |
| − | }
| |
| | | | |
| | | | |
