| @@ -1,86 +1,388 @@ | ||
| 1 | +body[class*="_page_logtivity"] #wpcontent, | |
| 2 | +body[class*="_page_lgtvy-logs"] #wpcontent { | |
| 3 | + background: #fff; | |
| 4 | + font-family: "IBM Plex Sans", sans-serif; | |
| 5 | +} | |
| 6 | + | |
| 7 | +body[class*="_page_logtivity"] #post-body-content .postbox, | |
| 8 | +body[class*="_page_lgtvy-logs"] #post-body-content .postbox { | |
| 9 | + border: none !important; | |
| 10 | +} | |
| 11 | + | |
| 12 | +body[class*="_page_logtivity"] #post-body-content .postbox .inside, | |
| 13 | +body[class*="_page_lgtvy-logs"] #post-body-content .postbox .inside { | |
| 14 | + padding: 0 !important; | |
| 15 | +} | |
| 16 | + | |
| 17 | +body[class*="_page_logtivity"] h1, | |
| 18 | +body[class*="_page_lgtvy-logs"] h1 { | |
| 19 | + color: #307bb9; | |
| 20 | + font-weight: 600; | |
| 21 | + margin-bottom: 20px; | |
| 22 | + font-size: 28px; | |
| 23 | +} | |
| 24 | + | |
| 25 | +body[class*="_page_logtivity"] .nav-pages-buttons, | |
| 26 | +body[class*="_page_lgtvy-logs"] .nav-pages-buttons { | |
| 27 | + text-align: center; | |
| 28 | + padding: 60px 20px 20px; | |
| 29 | +} | |
| 30 | + | |
| 31 | +body[class*="_page_logtivity"] .nav-pages-buttons button, | |
| 32 | +body[class*="_page_lgtvy-logs"] .nav-pages-buttons button { | |
| 33 | + background-color: #fff; | |
| 34 | + border: 1px solid #dee2e6; | |
| 35 | + color: #307bb9; | |
| 36 | + line-height: 1.25; | |
| 37 | + margin-left: -1px; | |
| 38 | + padding: .5rem .75rem; | |
| 39 | + position: relative; | |
| 40 | + border-radius: 0; | |
| 41 | + font-size: 16px; | |
| 42 | +} | |
| 43 | + | |
| 44 | +body[class*="_page_logtivity"] .nav-pages-buttons button:hover, | |
| 45 | +body[class*="_page_lgtvy-logs"] .nav-pages-buttons button:hover { | |
| 46 | + background-color: #e9ecef; | |
| 47 | + border-color: #dee2e6; | |
| 48 | + color: #20537c; | |
| 49 | +} | |
| 50 | + | |
| 51 | +body[class*="_page_logtivity"] .nav-pages-buttons .nav-pages-prev, | |
| 52 | +body[class*="_page_lgtvy-logs"] .nav-pages-buttons .nav-pages-prev { | |
| 53 | + border-bottom-left-radius: .25rem; | |
| 54 | + border-top-left-radius: .25rem; | |
| 55 | +} | |
| 56 | + | |
| 57 | +body[class*="_page_logtivity"] .nav-pages-buttons .nav-pages-next, | |
| 58 | +body[class*="_page_lgtvy-logs"] .nav-pages-buttons .nav-pages-next { | |
| 59 | + border-bottom-right-radius: .25rem; | |
| 60 | + border-top-right-radius: .25rem; | |
| 61 | + margin-left: -1px; | |
| 62 | +} | |
| 63 | + | |
| 64 | +body[class*="_page_logtivity"] .button, | |
| 65 | +body[class*="_page_lgtvy-logs"] .button { | |
| 66 | + font-size: 1rem; | |
| 67 | + background-color: #f5f5f5; | |
| 68 | + border-color: #f5f5f5; | |
| 69 | + color: #212529; | |
| 70 | + border-radius: 1.25rem; | |
| 71 | + line-height: 1.6; | |
| 72 | + padding: .375rem .75rem; | |
| 73 | +} | |
| 74 | + | |
| 75 | +body[class*="_page_logtivity"] .button:hover, | |
| 76 | +body[class*="_page_lgtvy-logs"] .button:hover { | |
| 77 | + background-color: #e2e2e2; | |
| 78 | + border-color: #dcdcdc; | |
| 79 | + color: #212529; | |
| 80 | +} | |
| 81 | + | |
| 82 | +body[class*="_page_logtivity"] .button-primary, | |
| 83 | +body[class*="_page_lgtvy-logs"] .button-primary { | |
| 84 | + background-color: #307bb9; | |
| 85 | + border-color: #307bb9; | |
| 86 | + color: #fff; | |
| 87 | +} | |
| 88 | + | |
| 89 | +body[class*="_page_logtivity"] .button-primary:hover, | |
| 90 | +body[class*="_page_lgtvy-logs"] .button-primary:hover { | |
| 91 | + background-color: #307bb9; | |
| 92 | + border-color: #256091; | |
| 93 | + color: #fff; | |
| 94 | +} | |
| 95 | + | |
| 96 | +body[class*="_page_logtivity"] #postbox-container-1 h2, | |
| 97 | +body[class*="_page_lgtvy-logs"] #postbox-container-1 h2 { | |
| 98 | + padding: 20px 20px 0; | |
| 99 | + font-size: 16px; | |
| 100 | +} | |
| 101 | + | |
| 102 | +body[class*="_page_logtivity"] #postbox-container-1 .inside, | |
| 103 | +body[class*="_page_lgtvy-logs"] #postbox-container-1 .inside { | |
| 104 | + padding: 0 20px 20px; | |
| 105 | +} | |
| 106 | + | |
| 107 | +body[class*="_page_logtivity"] #postbox-container-1 .inside p, | |
| 108 | +body[class*="_page_lgtvy-logs"] #postbox-container-1 .inside p, | |
| 109 | +body[class*="_page_logtivity"] #postbox-container-1 .inside ul, | |
| 110 | +body[class*="_page_lgtvy-logs"] #postbox-container-1 .inside ul { | |
| 111 | + font-size: 14px; | |
| 112 | +} | |
| 113 | + | |
| 114 | +.logtivity-button, | |
| 115 | +.logtivity-button:hover, | |
| 116 | +.logtivity-button:focus, | |
| 117 | +.logtivity-button:active { | |
| 118 | + padding: 8px 30px 8px 30px !important; | |
| 119 | + border-radius: 8px !important; | |
| 120 | + font-size: 14px !important; | |
| 121 | + font-weight: 500 !important; | |
| 122 | +} | |
| 123 | + | |
| 124 | +.logtivity-button-secondary, | |
| 125 | +.logtivity-button-secondary:hover, | |
| 126 | +.logtivity-button-secondary:focus, | |
| 127 | +.logtivity-button-secondary:active { | |
| 128 | + background-color: #307bb9 !important; | |
| 129 | + border-color: #307bb9 !important; | |
| 130 | + color: #fff !important; | |
| 131 | +} | |
| 132 | + | |
| 133 | +.logtivity-button-primary, | |
| 134 | +.logtivity-button-primary:hover, | |
| 135 | +.logtivity-button-primary:focus, | |
| 136 | +.logtivity-button-primary:active { | |
| 137 | + background-color: #f6993f !important; | |
| 138 | + border-color: #f6993f !important; | |
| 139 | + color: #13314a !important; | |
| 140 | +} | |
| 141 | + | |
| 142 | +.logtivity-button:hover, | |
| 143 | +.logtivity-button:focus, | |
| 144 | +.logtivity-button:active { | |
| 145 | + box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1) !important; | |
| 146 | +} | |
| 147 | + | |
| 148 | +.logtivity-notice { | |
| 149 | + padding: 0 !important; | |
| 150 | +} | |
| 151 | + | |
| 152 | +.logtivity-notice > div { | |
| 153 | + padding: 20px; | |
| 154 | +} | |
| 155 | + | |
| 156 | +.logtivity-notice > div > div > :first-child { | |
| 157 | + margin-top: 0; | |
| 158 | +} | |
| 159 | + | |
| 160 | +.logtivity-notice > div > div > :last-child { | |
| 161 | + margin-bottom: 0; | |
| 162 | +} | |
| 163 | + | |
| 164 | +.logtivity-notice p, | |
| 165 | +.logtivity-notice ol { | |
| 166 | + font-size: 14px; | |
| 167 | + line-height: 1.2 !important; | |
| 168 | +} | |
| 169 | + | |
| 170 | +.logtivity-notice-info *, | |
| 171 | +.logtivity-notice-warning *, | |
| 172 | +.logtivity-notice-danger * { | |
| 173 | + background-color: #e1effbff; | |
| 174 | +} | |
| 175 | + | |
| 176 | +.logtivity-notice-warning { | |
| 177 | + border-left: 4px solid #f6993f; | |
| 178 | +} | |
| 179 | + | |
| 180 | +.logtivity-notice-danger { | |
| 181 | + border-left: 4px solid #e3342f; | |
| 182 | +} | |
| 183 | + | |
| 184 | +.logtivity-settings { | |
| 185 | + padding-right: 20px; | |
| 186 | +} | |
| 187 | + | |
| 188 | +.logtivity-settings input[type="search"] { | |
| 189 | + background-clip: padding-box; | |
| 190 | + background-color: #fff; | |
| 191 | + border: 1px solid #ced4da; | |
| 192 | + border-radius: .25rem; | |
| 193 | + color: #495057; | |
| 194 | + display: block; | |
| 195 | + font-size: 1rem; | |
| 196 | + font-weight: 400; | |
| 197 | + height: calc(1.6em + .75rem + 2px); | |
| 198 | + line-height: 1.6; | |
| 199 | + padding: .375rem .75rem; | |
| 200 | + transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; | |
| 201 | + width: 100%; | |
| 202 | +} | |
| 203 | + | |
| 204 | +.logtivity-settings input[type="search"]:focus { | |
| 205 | + background-color: #fff; | |
| 206 | + border-color: #6cb2eb; | |
| 207 | + box-shadow: 0 0 0 .2rem rgba(48, 123, 185, .25); | |
| 208 | + color: #495057; | |
| 209 | + outline: 0; | |
| 210 | +} | |
| 211 | + | |
| 212 | +.logtivity-settings input[type="search"]::placeholder { | |
| 213 | + color: #dcdcdc; | |
| 214 | +} | |
| 215 | + | |
| 1 | 216 | .logtivity-settings .notice { |
| 2 | - display: none; | |
| 217 | + display: none; | |
| 3 | 218 | } |
| 219 | + | |
| 4 | 220 | .logtivity-row { |
| 5 | - display: flex; | |
| 221 | + display: flex; | |
| 6 | 222 | } |
| 7 | -@media screen and (min-width: 768px) { | |
| 8 | - .logtivity-col-md-4 { | |
| 9 | - width: 33.333333%; | |
| 10 | - padding-left: 10px; | |
| 11 | - padding-right: 10px; | |
| 12 | - } | |
| 223 | + | |
| 224 | +.logtivity-col-md-4 { | |
| 225 | + width: 33.333333%; | |
| 226 | + padding-left: 15px; | |
| 227 | + padding-right: 15px; | |
| 13 | 228 | } |
| 14 | -.logtivity-table tbody tr:nth-child(odd) { | |
| 15 | - background-color: #f6f7f7; | |
| 229 | + | |
| 230 | +.logtivity-col-md-4:first-of-type { | |
| 231 | + padding-left: 0; | |
| 16 | 232 | } |
| 233 | + | |
| 234 | +.logtivity-col-md-4:last-of-type { | |
| 235 | + padding-right: 0; | |
| 236 | +} | |
| 237 | + | |
| 238 | +.logtivity-table { | |
| 239 | + font-size: 16px; | |
| 240 | +} | |
| 241 | + | |
| 242 | +.logtivity-table tbody tr:hover { | |
| 243 | + background: #f5f5f5; | |
| 244 | +} | |
| 245 | + | |
| 17 | 246 | .logtivity-table th { |
| 18 | - margin-bottom: 9px; | |
| 19 | - padding: 15px 10px; | |
| 20 | - line-height: 1.3; | |
| 21 | - vertical-align: middle; | |
| 247 | + font-size: 1rem; | |
| 248 | + padding: 15px 10px; | |
| 249 | + line-height: 1.3; | |
| 250 | + vertical-align: middle; | |
| 251 | + color: #307bb9; | |
| 252 | + border-bottom: 1px solid #dee2e6; | |
| 22 | 253 | } |
| 254 | + | |
| 255 | +.logtivity-table td { | |
| 256 | + font-size: 1rem; | |
| 257 | + vertical-align: top; | |
| 258 | + border-top: 1px solid #dee2e6; | |
| 259 | +} | |
| 260 | + | |
| 261 | +.logtivity-table .break-long { | |
| 262 | + word-break: break-all; | |
| 263 | +} | |
| 264 | + | |
| 265 | +.logtivity-table small { | |
| 266 | + font-size: 80%; | |
| 267 | +} | |
| 268 | + | |
| 269 | +.logtivity-table .text-center { | |
| 270 | + text-align: center; | |
| 271 | +} | |
| 272 | + | |
| 23 | 273 | .logtivity-modal { |
| 24 | - position: fixed; | |
| 25 | - top: 0; | |
| 26 | - left: 0; | |
| 27 | - z-index: 9999999; | |
| 28 | - display: none; | |
| 29 | - width: 100%; | |
| 30 | - height: 100%; | |
| 31 | - overflow: hidden; | |
| 32 | - outline: 0; | |
| 33 | - background: rgba(0,0,0,.3); | |
| 274 | + font-family: "IBM Plex Sans", sans-serif; | |
| 275 | + position: fixed; | |
| 276 | + top: 0; | |
| 277 | + left: 0; | |
| 278 | + z-index: 9999999; | |
| 279 | + display: none; | |
| 280 | + width: 100%; | |
| 281 | + height: 100%; | |
| 282 | + overflow: hidden; | |
| 283 | + outline: 0; | |
| 284 | + background: rgba(0, 0, 0, .3); | |
| 285 | + font-size: 16px; | |
| 34 | 286 | } |
| 287 | + | |
| 35 | 288 | .logtivity-modal.active { |
| 36 | - overflow-x: hidden; | |
| 37 | - overflow-y: auto; | |
| 38 | - display: block; | |
| 289 | + overflow-x: hidden; | |
| 290 | + overflow-y: auto; | |
| 291 | + display: block; | |
| 39 | 292 | } |
| 293 | + | |
| 40 | 294 | .logtivity-modal-dialog { |
| 41 | - transform: none; | |
| 42 | - width: 800px; | |
| 43 | - max-width: 90%; | |
| 44 | - margin: 3rem auto; | |
| 45 | - position: relative; | |
| 46 | - pointer-events: none; | |
| 295 | + transform: none; | |
| 296 | + width: 800px; | |
| 297 | + max-width: 90%; | |
| 298 | + margin: 3rem auto; | |
| 299 | + position: relative; | |
| 300 | + pointer-events: none; | |
| 47 | 301 | } |
| 302 | + | |
| 48 | 303 | .logtivity-modal-content { |
| 49 | - position: relative; | |
| 50 | - display: flex; | |
| 51 | - flex-direction: column; | |
| 52 | - width: 100%; | |
| 53 | - pointer-events: auto; | |
| 54 | - background-color: #fff; | |
| 55 | - background-clip: padding-box; | |
| 56 | - border: 1px solid rgba(0, 0, 0, 0.2); | |
| 57 | - border-radius: 0.3rem; | |
| 58 | - outline: 0; | |
| 304 | + position: relative; | |
| 305 | + display: flex; | |
| 306 | + flex-direction: column; | |
| 307 | + width: 100%; | |
| 308 | + pointer-events: auto; | |
| 309 | + background-color: #fff; | |
| 310 | + background-clip: padding-box; | |
| 311 | + border: 1px solid rgba(0, 0, 0, 0.2); | |
| 312 | + border-radius: 0.3rem; | |
| 313 | + outline: 0; | |
| 314 | + overflow: hidden; | |
| 59 | 315 | } |
| 316 | + | |
| 60 | 317 | .logtivity-modal-strip { |
| 61 | - background: #0073AA; | |
| 62 | - padding-top: 20px; | |
| 63 | - padding-bottom: 20px; | |
| 318 | + background: #307bb9; | |
| 319 | + padding-top: 20px; | |
| 320 | + padding-bottom: 20px; | |
| 64 | 321 | } |
| 322 | + | |
| 65 | 323 | .logtivity-modal-strip.light { |
| 66 | - background: #00A0D2; | |
| 324 | + background: #6cb2eb; | |
| 67 | 325 | } |
| 326 | + | |
| 68 | 327 | .logtivity-modal-strip { |
| 69 | - padding-top: 10px; | |
| 70 | - padding-bottom: 10px; | |
| 328 | + padding-top: 10px; | |
| 329 | + padding-bottom: 10px; | |
| 71 | 330 | } |
| 331 | + | |
| 72 | 332 | .logtivity-modal-strip h2, .logtivity-modal-strip h3 { |
| 73 | - color: white; | |
| 333 | + color: white; | |
| 74 | 334 | } |
| 335 | + | |
| 75 | 336 | .logtivity-modal .notice-dismiss { |
| 76 | - height: 50px; | |
| 77 | - width: 40px; | |
| 337 | + height: 50px; | |
| 338 | + width: 40px; | |
| 78 | 339 | } |
| 340 | + | |
| 341 | +.logtivity-modal .title { | |
| 342 | + font-size: 1.25rem !important; | |
| 343 | + line-height: 1.6 !important; | |
| 344 | +} | |
| 345 | + | |
| 346 | +.logtivity-modal .logtivity-table th { | |
| 347 | + color: #212529; | |
| 348 | +} | |
| 349 | + | |
| 79 | 350 | .logtivity-modal .notice-dismiss:before { |
| 80 | - color: white; | |
| 351 | + color: white; | |
| 81 | 352 | } |
| 353 | + | |
| 82 | 354 | .logtivity-constant { |
| 83 | - margin-top: 8px; | |
| 84 | - font-size: .7rem; | |
| 85 | - font-style: italic; | |
| 86 | -} | |
| 355 | + margin-top: 8px; | |
| 356 | + font-size: .7rem; | |
| 357 | + font-style: italic; | |
| 358 | +} | |
| 359 | + | |
| 360 | +#logtivity-log-index-search-form label { | |
| 361 | + display: inline-block; | |
| 362 | + margin-bottom: .5rem; | |
| 363 | + font-size: 1rem; | |
| 364 | + line-height: 1.6; | |
| 365 | +} | |
| 366 | + | |
| 367 | +.logtivity-header { | |
| 368 | + background: #307bb9; | |
| 369 | + margin-left: -22px; | |
| 370 | + margin-right: -20px; | |
| 371 | + margin-top: -10px; | |
| 372 | + padding-left: 23px; | |
| 373 | + padding-top: 15px; | |
| 374 | + padding-bottom: 15px; | |
| 375 | +} | |
| 376 | + | |
| 377 | +.logtivity-header img { | |
| 378 | + display: block; | |
| 379 | + width: 140px; | |
| 380 | + height: auto; | |
| 381 | +} | |
| 382 | + | |
| 383 | +@media (min-width: 851px) { | |
| 384 | + body[class*="_page_logtivity"] .postbox-container .postbox:first-of-type, | |
| 385 | + body[class*="_page_lgtvy-logs"] .postbox-container .postbox:first-of-type { | |
| 386 | + margin-top: 109px; | |
| 387 | + } | |
| 388 | +} | |
