fonts
4 years ago
images
4 years ago
admin-fix.css
4 years ago
admin-fix.min.css
4 years ago
editor-rtl.css
4 years ago
editor.css
4 years ago
editor.min-rtl.css
4 years ago
editor.min.css
4 years ago
gutenberg-jalali-calendar.build.css
4 years ago
jalalidatepicker.css
4 years ago
jalalidatepicker.min.css
4 years ago
jquery-ui.css
4 years ago
settings.css
4 years ago
settings.min.css
4 years ago
timepicki.css
4 years ago
timepicki.min.css
4 years ago
vazir-font.css
4 years ago
vazir-font.min.css
4 years ago
settings.css
214 lines
| 1 | body { |
| 2 | background: #fff |
| 3 | } |
| 4 | |
| 5 | .notice, |
| 6 | div.error, |
| 7 | div.updated { |
| 8 | position: relative; |
| 9 | border-radius: 5px; |
| 10 | box-shadow: 0 0 5px 0 #5a5a5a57; |
| 11 | border-right-width: 42px |
| 12 | } |
| 13 | |
| 14 | .notice:before, |
| 15 | div.error:before, |
| 16 | div.updated:before, |
| 17 | .nav-tab-wrapper > a.nav-tab-active:after, |
| 18 | .wpp-settings-wrap div.updated:after { |
| 19 | font-family: dashicons; |
| 20 | line-height: 1; |
| 21 | font-weight: 400; |
| 22 | font-style: normal; |
| 23 | text-transform: none; |
| 24 | text-rendering: auto; |
| 25 | font-size: 30px; |
| 26 | text-align: center; |
| 27 | position: absolute; |
| 28 | right: -37px; |
| 29 | color: #fff; |
| 30 | top: 4px |
| 31 | } |
| 32 | |
| 33 | div.updated:before { |
| 34 | content: "\f12a" |
| 35 | } |
| 36 | |
| 37 | div.update-nag:before { |
| 38 | content: "\f534" |
| 39 | } |
| 40 | |
| 41 | .wpp-settings-wrap { |
| 42 | background: #fff; |
| 43 | border-radius: 8px; |
| 44 | box-shadow: 0 0 5px 0 #808080b3; |
| 45 | border: 1px solid #adaaaa; |
| 46 | overflow: hidden; |
| 47 | display: flex; |
| 48 | flex-flow: row wrap |
| 49 | } |
| 50 | |
| 51 | .wpp-settings-wrap .notice, |
| 52 | .wpp-settings-wrap div.error, |
| 53 | .wpp-settings-wrap div.updated { |
| 54 | position: fixed; |
| 55 | z-index: 2; |
| 56 | left: 20px; |
| 57 | transform: translateY(-150%); |
| 58 | border-radius: 5px; |
| 59 | box-shadow: 0 0 5px 0 #8080808a |
| 60 | } |
| 61 | |
| 62 | .wpp-settings-wrap div.updated:after { |
| 63 | content: '\f153'; |
| 64 | left: 0; |
| 65 | right: auto; |
| 66 | color: #d63638; |
| 67 | top: -19px; |
| 68 | background: #fff; |
| 69 | border-radius: 50%; |
| 70 | cursor: pointer; |
| 71 | border: 1px solid |
| 72 | } |
| 73 | |
| 74 | .wpp-settings-wrap h2:first-child { |
| 75 | flex: 1 100%; |
| 76 | padding: 10px 20px; |
| 77 | background: #1d23270d; |
| 78 | color: #181818; |
| 79 | text-align: center; |
| 80 | border-bottom: 1px solid #adaaaa; |
| 81 | box-shadow: inset 0px -5px 5px 0 #8080802b |
| 82 | } |
| 83 | |
| 84 | .nav-tab-wrapper { |
| 85 | flex: 1 120px; |
| 86 | border-width: 0 0 0 1px; |
| 87 | border-style: solid; |
| 88 | border-color: #c3c4c7; |
| 89 | background: #1d23270d; |
| 90 | padding: 0 !important; |
| 91 | overflow: hidden |
| 92 | } |
| 93 | |
| 94 | .nav-tab-wrapper > a { |
| 95 | display: block; |
| 96 | width: 100%; |
| 97 | margin: 0; |
| 98 | padding: 15px; |
| 99 | transition: all ease-in-out .3s; |
| 100 | border: 0; |
| 101 | border-bottom: 1px solid #8080804a; |
| 102 | position: relative |
| 103 | } |
| 104 | |
| 105 | .nav-tab-wrapper > a.nav-tab-active:after { |
| 106 | content: '\f341'; |
| 107 | position: absolute; |
| 108 | left: 40px; |
| 109 | right: auto; |
| 110 | top: 12px; |
| 111 | color: #797979 |
| 112 | } |
| 113 | |
| 114 | #tab_container { |
| 115 | flex: 5; |
| 116 | padding: 0 15px |
| 117 | } |
| 118 | |
| 119 | |
| 120 | input[type=checkbox] { |
| 121 | opacity: 0; |
| 122 | position: absolute |
| 123 | } |
| 124 | |
| 125 | label.wpp-checkbox-label { |
| 126 | position: relative; |
| 127 | display: block; |
| 128 | background: #f8f8f8; |
| 129 | border: 1px solid #f0f0f0; |
| 130 | border-radius: 2em; |
| 131 | padding: 0.5em 1em 0.5em 5em; |
| 132 | box-shadow: 0 1px 2px rgba(100, 100, 100, 0.5) inset, 0 0 10px rgba(100, 100, 100, 0.1) inset; |
| 133 | cursor: pointer; |
| 134 | text-shadow: 0 2px 2px #fff |
| 135 | } |
| 136 | |
| 137 | label.wpp-checkbox-label.empty-label { |
| 138 | display: inline-block; |
| 139 | background: #fff0; |
| 140 | border: none; |
| 141 | padding: 0.5em 0 0.5em 5em; |
| 142 | box-shadow: none |
| 143 | } |
| 144 | |
| 145 | label.wpp-checkbox-label:before { |
| 146 | content: ""; |
| 147 | position: absolute; |
| 148 | top: 50%; |
| 149 | left: 0.7em; |
| 150 | width: 3em; |
| 151 | height: 1.2em; |
| 152 | border-radius: 0.6em; |
| 153 | background: #eee; |
| 154 | transform: translateY(-50%); |
| 155 | box-shadow: 0 1px 3px rgba(100, 100, 100, 0.5) inset, 0 0 10px rgba(100, 100, 100, 0.2) inset |
| 156 | } |
| 157 | |
| 158 | label.wpp-checkbox-label:after { |
| 159 | content: ""; |
| 160 | position: absolute; |
| 161 | top: 50%; |
| 162 | left: 0.5em; |
| 163 | width: 1.4em; |
| 164 | height: 1.4em; |
| 165 | border: 0.25em solid #fafafa; |
| 166 | border-radius: 50%; |
| 167 | box-sizing: border-box; |
| 168 | background-color: #ddd; |
| 169 | background-image: linear-gradient(to top, #fff 0%, #fff 40%, transparent 100%); |
| 170 | transform: translateY(-50%); |
| 171 | box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5) |
| 172 | } |
| 173 | |
| 174 | label.wpp-checkbox-label, |
| 175 | label.wpp-checkbox-label:before, |
| 176 | label.wpp-checkbox-label:after { |
| 177 | transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) |
| 178 | } |
| 179 | |
| 180 | label.wpp-checkbox-label:hover, |
| 181 | input.wpp-checkbox-label:focus + label { |
| 182 | color: black |
| 183 | } |
| 184 | |
| 185 | label.wpp-checkbox-label:hover::after, |
| 186 | input.wpp-checkbox-label:focus + label::after { |
| 187 | background-color: #ccc; |
| 188 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) |
| 189 | } |
| 190 | |
| 191 | input[type=checkbox]:checked { |
| 192 | counter-increment: total |
| 193 | } |
| 194 | |
| 195 | input[type=checkbox]:checked + label.wpp-checkbox-label:before { |
| 196 | background: #2271B1 |
| 197 | } |
| 198 | |
| 199 | input[type=checkbox]:checked + label.wpp-checkbox-label:after { |
| 200 | transform: translateX(2em) translateY(-50%) |
| 201 | } |
| 202 | |
| 203 | p.submit { |
| 204 | text-align: left; |
| 205 | padding: 15px !important; |
| 206 | margin: 0 -15px 0; |
| 207 | max-width: none; |
| 208 | background: #f3f3f4; |
| 209 | box-shadow: inset 0px 3px 5px 0 #80808040 |
| 210 | } |
| 211 | |
| 212 | #submit { |
| 213 | padding: 10px 15px |
| 214 | } |