style.scss (2405B)
1 /*multiple box*/ 2 .redux-templates-multiple-template-box { 3 4 margin-bottom: 25px; 5 position: relative; 6 transition: all 0.05s ease-in-out; 7 8 img { 9 transition: all 0.05s ease-in-out; 10 } 11 .redux-templates-box-shadow { 12 transition: all 0.05s ease-in-out; 13 box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); 14 } 15 .redux-templates-default-template-image { 16 .imageloader-loaded { 17 overflow: hidden; 18 } 19 } 20 21 .multiple-template-view { 22 background: #fff; 23 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 10px 0 -5px #fff, 0 10px 1px -4px rgba(0, 0, 0, 0.08), 0 20px 0 -10px #fff, 0 20px 1px -9px rgba(0, 0, 0, 0.08); 24 cursor: pointer; 25 min-height: 100px; 26 } 27 28 .redux-templates-import-button-group { 29 margin-top: 15%; 30 } 31 32 .redux-templates-tmpl-info { 33 padding: 10px 12px; 34 position: absolute; 35 bottom: 0; 36 width: 100%; 37 background: rgba(255, 255, 255, 0.95); 38 border-top: 1px solid #f2f4f7; 39 transition: all 0.2s ease-in-out; 40 41 h5 { 42 margin: 0; 43 font-size: 14px; 44 color: #23282d; 45 line-height: 19px; 46 47 span { 48 font-size: 13px; 49 color: #cdcfd1; 50 line-height: 18px; 51 } 52 } 53 } 54 55 .redux-templates-button-overlay { 56 width: 100%; 57 height: 100%; 58 position: absolute; 59 top: 0; 60 left: 0; 61 border-radius: 0px; 62 opacity: 0; 63 -webkit-transition: opacity 0.2s ease-in-out; 64 transition: opacity 0.2s ease-in-out; 65 box-sizing: border-box; 66 67 } 68 69 &::before { 70 z-index: 2; 71 } 72 73 &::after { 74 z-index: 1; 75 } 76 .redux-templates-button-overlay { 77 background: rgba(0, 0, 0, 0.5); 78 position: absolute; 79 height: 100%; 80 width: 100%; 81 opacity: 0; 82 } 83 84 &:hover { 85 .redux-templates-box-shadow { 86 box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); 87 } 88 89 .multiple-template-view { 90 border-color: transparent; 91 } 92 .redux-templates-tmpl-info { 93 border-top-color: transparent; 94 background: #fff; 95 } 96 .redux-templates-button-overlay { 97 opacity: 1; 98 } 99 img { 100 filter: blur(2px); 101 } 102 } 103 }