| @@ -24,9 +24,9 @@ | ||
| 24 | 24 | } |
| 25 | 25 | |
| 26 | 26 | #wpadminbar .quicklinks .menupop ul li.wpo-cache-stats .ab-item span { |
| 27 | 27 | line-height: 1.5; |
| 28 | - font-size: 80%; | |
| 28 | + font-size: 10px; | |
| 29 | 29 | color: #989898; |
| 30 | 30 | } |
| 31 | 31 | |
| 32 | 32 | #wpadminbar .quicklinks .menupop ul li.wpo-cache-stats .ab-item h4 { |
| @@ -97,9 +97,8 @@ | ||
| 97 | 97 | } |
| 98 | 98 | |
| 99 | 99 | .wp_optimize_blink_animation { |
| 100 | 100 | margin: 8px; |
| 101 | - font-size: 120%; | |
| 102 | 101 | } |
| 103 | 102 | |
| 104 | 103 | .wp_optimize_blink_animation img { |
| 105 | 104 | animation-name: wpo_blink; |
| @@ -110,15 +109,46 @@ | ||
| 110 | 109 | padding-bottom: 10px; |
| 111 | 110 | } |
| 112 | 111 | |
| 113 | 112 | .wp_optimize_blink_animation-message_text--small { |
| 114 | - font-size: 100%; | |
| 113 | + font-size: 18px; | |
| 114 | + word-wrap: break-word; | |
| 115 | 115 | } |
| 116 | 116 | |
| 117 | 117 | .wp_optimize_blink_animation-message_text--medium { |
| 118 | - font-size: 120%; | |
| 118 | + font-size: 20px; | |
| 119 | 119 | line-height: normal; |
| 120 | 120 | } |
| 121 | 121 | |
| 122 | 122 | .wp_optimize_blink_animation-message_text--large { |
| 123 | - font-size: 140%; | |
| 123 | + font-size: 22px; | |
| 124 | +} | |
| 125 | + | |
| 126 | +@keyframes wpo_blink { | |
| 127 | + from { | |
| 128 | + opacity: 1; | |
| 129 | + transform: scale(1); | |
| 130 | + } | |
| 131 | + to { | |
| 132 | + opacity: 0.6; | |
| 133 | + transform: scale(0.85); | |
| 134 | + } | |
| 135 | +} | |
| 136 | +#wpo-404-detector-form .wpo-fieldgroup { | |
| 137 | + display: -ms-flexbox; | |
| 138 | + display: flex; | |
| 139 | + -ms-flex-align: center; | |
| 140 | + align-items: center; | |
| 141 | + -ms-flex-pack: justify; | |
| 142 | + justify-content: space-between; | |
| 143 | +} | |
| 144 | + | |
| 145 | +@media (max-width: 420px) { | |
| 146 | + #wpo-404-detector-form .wpo-fieldgroup { | |
| 147 | + display: block; | |
| 148 | + } | |
| 149 | + #wpo-404-clear-logs > a { | |
| 150 | + max-width: 120px; | |
| 151 | + margin: 10px auto; | |
| 152 | + text-align: center; | |
| 153 | + } | |
| 124 | 154 | } |