style.css (3411B)
1 .wp-full-overlay { 2 margin-left: 300px; } 3 4 @media screen and (min-width: 1667px) { 5 .wp-full-overlay { 6 margin-left: 18%; } } 7 button { 8 box-sizing: border-box; 9 pointer-events: all; } 10 11 .wp-full-overlay.hide { 12 display: none; } 13 14 .theme-screenshot-wrap { 15 overflow: hidden; 16 position: relative; 17 max-height: 300px; 18 margin: 15px 0; 19 border: 1px solid #ccc; } 20 21 .install-theme-info .theme-screenshot { 22 width: 100%; 23 border: none; 24 margin: 0; 25 display: block; } 26 27 .expanded .wp-full-overlay-footer { 28 height: 111px; 29 left: initial; } 30 .expanded .wp-full-overlay-footer .button-hero { 31 text-align: center; } 32 33 .wp-full-overlay .wp-full-overlay-sidebar-content { 34 bottom: 100px; } 35 .wp-full-overlay .wp-full-overlay-sidebar-content .redux-templates-dependencies-list { 36 border-top: 1px solid #eee; 37 color: #82878c; 38 font-size: 13px; 39 font-weight: 400; 40 margin: 30px 0 0 0; } 41 .wp-full-overlay .wp-full-overlay-sidebar-content .redux-templates-dependencies-list h4 { 42 color: #23282d; 43 font-size: 1.1em; 44 text-align: center; } 45 .wp-full-overlay .wp-full-overlay-sidebar-content .redux-templates-dependencies-list .redux-templates-dependency-blocks .redux-templates-dependency-name { 46 color: #444; 47 font-weight: 600; 48 margin-right: 5px; } 49 50 .footer-import-button-wrap { 51 padding: 10px 20px; 52 display: flex; 53 justify-content: center; } 54 55 .wp-full-overlay-footer .view-site, 56 .wp-full-overlay-footer .go-pro, 57 .wp-full-overlay-footer .redux-templates-import { 58 width: 100%; } 59 60 .redux-templates-button-download { 61 border: 1px solid #3dbfe8; 62 background: #3dbfe8; 63 box-shadow: 0 1px 0 #165cb4; 64 color: #fff; } 65 66 .wp-full-overlay-main { 67 left: 0; 68 right: 0; 69 top: 0; 70 bottom: 0; 71 height: 100%; } 72 73 .wp-full-overlay-main.loaded::before { 74 display: none; } 75 76 .theme-install-overlay iframe { 77 height: 100%; 78 width: 100%; 79 z-index: 20; 80 transition: opacity 0.3s; } 81 82 .redux-templates-dependency-blocks { 83 display: flex; } 84 .redux-templates-dependency-blocks .block-head { 85 text-align: center; 86 width: 60px; 87 margin-right: 10px; } 88 89 .requirements-list { 90 margin-top: 50px; } 91 .requirements-list a.missing { 92 display: inline-flex; } 93 .requirements-list .list-type ul { 94 padding-left: 25px; } 95 96 .redux-templates-modal-preview-box { 97 background: #f1f1f1; } 98 .redux-templates-modal-preview-box img { 99 position: absolute; 100 top: 50%; 101 left: 50%; 102 transform: translateX(-50%) translateY(-50%); 103 max-width: 100%; 104 max-height: 100%; } 105 106 .theme-hash { 107 text-align: center; 108 font-size: 14px; 109 position: relative; } 110 .theme-hash i { 111 cursor: pointer; 112 margin-right: 5px; 113 margin-left: 5px; } 114 .theme-hash .copied { 115 color: #656a6f; 116 position: absolute; 117 line-height: 75%; 118 margin-left: 10px; 119 opacity: 0.6; } 120 .theme-hash .the-copy { 121 border-bottom-right-radius: 0; 122 border-top-right-radius: 0; } 123 .theme-hash .the-hash { 124 border-bottom-left-radius: 0; 125 border-top-left-radius: 0; 126 border-left: 0; } 127 .theme-hash .hideMe { 128 -webkit-animation: cssAnimation 3s forwards; 129 animation: cssAnimation 3s forwards; } 130 @keyframes cssAnimation { 131 0% { 132 opacity: 1; } 133 90% { 134 opacity: 1; } 135 100% { 136 opacity: 0; } } 137 @-webkit-keyframes cssAnimation { 138 0% { 139 opacity: 1; } 140 90% { 141 opacity: 1; } 142 100% { 143 opacity: 0; } } 144 145 /*# sourceMappingURL=style.css.map */