admin.css (5920B)
1 [class*="ugb-"] form[class*="-link"], 2 form[class*="ugb-"][class*="-link"], 3 [class*="ugb-"] + form[class*="-link"] { 4 display: flex; 5 justify-content: center; 6 align-items: center; } 7 8 .redux-templates-options-section { 9 padding: 30px; 10 background-repeat: no-repeat; 11 background-position: 100% 100%; } 12 13 .redux-templates-options-section-header { 14 /*border-bottom: 1px solid #EBEBF1;*/ 15 margin: -30px -30px 30px; 16 padding: 20px 30px; 17 display: -webkit-box; 18 display: -ms-flexbox; 19 display: flex; 20 -webkit-box-pack: justify; 21 -ms-flex-pack: justify; 22 justify-content: space-between; 23 -webkit-box-align: center; 24 -ms-flex-align: center; 25 align-items: center; } 26 .redux-templates-options-section-header .redux-templates-header-left { 27 background-repeat: no-repeat; 28 background-position: center left; 29 padding-left: 55px; 30 background-size: 40px 40px; 31 min-height: 40px; } 32 33 .redux-templates-options-section-header h2, 34 .redux-templates-options-section-header h3 { 35 margin: 0; 36 line-height: 1; } 37 38 .redux-templates-options-section-header h2 { 39 font-size: 24px; 40 color: #232323; 41 margin-bottom: 10px; } 42 43 .redux-templates-options-section-header h3 { 44 font-size: 18px; 45 font-weight: 300; 46 color: #232323; } 47 48 @media (min-width: 992px) { 49 .redux-templates-options-section { 50 padding: 60px; } 51 52 .redux-templates-options-section-header h2 { 53 font-size: 35px; 54 margin-bottom: 20px; } 55 56 .redux-templates-options-section-header h3 { 57 font-size: 25px; } 58 59 .redux-templates-options-section-header { 60 margin: -60px -60px 30px; 61 padding: 30px 60px; } } 62 h2.redux-templates-options-section-title, 63 h3.redux-templates-options-section-title { 64 line-height: 1; 65 display: -webkit-box; 66 display: -ms-flexbox; 67 display: flex; 68 -webkit-box-align: center; 69 -ms-flex-align: center; 70 align-items: center; } 71 72 h2.redux-templates-options-section-title { 73 font-size: 28px; 74 line-height: 40px; 75 color: #7557ff; 76 margin: 0; } 77 78 h3.redux-templates-options-section-title { 79 font-size: 21px; 80 color: #232323; 81 margin: 0 0 20px; } 82 83 .redux-templates-options-section-title img { 84 margin-left: 15px; } 85 86 .redux-templates-options-features { 87 list-style: none; 88 padding: 0; 89 margin: 0 0 30px; } 90 91 .redux-templates-options-features::after { 92 display: block; 93 clear: both; 94 content: " "; } 95 96 .redux-templates-options-features > li { 97 font-size: 14px; 98 line-height: 1.8; 99 display: block; 100 color: #838383; 101 width: 50%; 102 float: left; } 103 104 .redux-templates-options-features > li > i { 105 font-style: normal; 106 color: #60da4f; 107 margin-right: 10px; } 108 109 .redux-templates-embed-responsive { 110 position: relative; 111 display: block; 112 width: 100%; 113 padding: 0; 114 overflow: hidden; } 115 116 .redux-templates-embed-responsive::before { 117 content: " "; 118 display: block; 119 padding-top: 56.25%; } 120 121 .redux-templates-embed-responsive .redux-templates-embed-responsive-item { 122 position: absolute; 123 top: 0; 124 bottom: 0; 125 left: 0; 126 width: 100%; 127 height: 100%; 128 border: 0; } 129 130 .redux-templates-mb-0 { 131 margin-bottom: 0; } 132 133 .redux-templates-mb-30 { 134 margin-bottom: 30px; } 135 136 .redux-templates-mt-20 { 137 margin-top: 20px; } 138 139 .redux-templates-row { 140 display: -ms-flexbox; 141 display: flex; 142 -ms-flex-wrap: wrap; 143 flex-wrap: wrap; 144 margin-right: -15px; 145 margin-left: -15px; 146 box-sizing: border-box; } 147 148 .redux-templates-row > div { 149 position: relative; 150 width: 100%; 151 padding-right: 15px; 152 padding-left: 15px; 153 box-sizing: border-box; } 154 155 @media (min-width: 992px) { 156 .redux-templates-row.redux-templates-columns-2 > div { 157 -ms-flex: 0 0 50%; 158 flex: 0 0 50%; 159 max-width: 50%; } } 160 #adminmenu .toplevel_page_redux-templates-settings .wp-menu-image > img { 161 width: 19px !important; 162 margin: 7.5px 9px; 163 display: block; 164 padding: 0; } 165 166 .redux-templates-options-section-body-container { 167 display: grid; 168 grid-template-columns: 1fr 350px; 169 grid-gap: 30px; 170 padding-top: 0; } 171 .redux-templates-options-section-body-container .section-box { 172 box-shadow: 0 5px 5px 0 rgba(18, 63, 82, 0.035), 0 0 0 1px rgba(176, 181, 193, 0.2); 173 background-color: #fff; 174 border-radius: 12px; 175 overflow: hidden; 176 padding: 40px 35px; 177 margin-bottom: 30px; 178 transition: all 0.3s ease; } 179 @media screen and (max-width: 782px) { 180 .redux-templates-options-section-body-container .section-box { 181 padding: 26.66667px 23.33333px; } } 182 @media screen and (max-width: 600px) { 183 .redux-templates-options-section-body-container .section-box { 184 padding: 35px 17.5px; } } 185 .redux-templates-options-section-body-container .section-box h3 { 186 font-size: 1.5em; 187 line-height: 1.1em; 188 margin-top: 0px; } 189 .redux-templates-options-section-body-container .section-box p { 190 font-size: calc(13px + 0.2vw); } 191 .redux-templates-options-section-body-container .section-box ul { 192 list-style-type: disc; 193 list-style-position: inside; } 194 .redux-templates-options-section-body-container .section-box.grid { 195 display: grid; 196 grid-template-columns: 0.8fr 1fr; 197 grid-gap: 35px; 198 justify-content: center; } 199 .redux-templates-options-section-body-container .section-box .components-button { 200 border: none; 201 border-radius: 35px; 202 box-shadow: none !important; 203 cursor: pointer; 204 opacity: 1; 205 background: #8c33da; 206 background: linear-gradient(90deg, #7557ff -30%, #c751ff 130%); 207 transition: opacity 0.2s ease-in-out; 208 box-shadow: none !important; 209 color: #fff; 210 text-decoration: none; 211 padding: 0.75em 1.25em; 212 display: block; 213 margin: 0 auto; 214 max-width: 200px; 215 text-align: center; 216 font-size: calc(13px + 0.1vw); } 217 .redux-templates-options-section-body-container .section-box .components-button:hover { 218 opacity: 0.85; 219 box-shadow: none !important; } 220 221 .text-center { 222 text-align: center; } 223 224 /*# sourceMappingURL=admin.css.map */