logger.css
193 lines
| 1 | .wbcr_factory_logger_container |
| 2 | { |
| 3 | padding-right: 40px; |
| 4 | } |
| 5 | |
| 6 | .wbcr_factory_logger_page_title |
| 7 | { |
| 8 | text-align: center; |
| 9 | padding: 10px 0; |
| 10 | } |
| 11 | |
| 12 | .wbcr-log-viewer |
| 13 | { |
| 14 | width: 100%; |
| 15 | min-height: 50vh; |
| 16 | max-height: 600px; |
| 17 | font-family: "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace; |
| 18 | font-size: 12px; |
| 19 | word-break: break-all; |
| 20 | word-wrap: break-word; |
| 21 | overflow: auto; |
| 22 | -ms-overflow-style: scrollbar; |
| 23 | background-color: #ffffff; |
| 24 | padding: 8px; |
| 25 | margin: 10px 0; |
| 26 | border: 1px solid #cfcfcf; |
| 27 | } |
| 28 | |
| 29 | .wbcr-log-viewer-loader |
| 30 | { |
| 31 | overflow: hidden; |
| 32 | } |
| 33 | |
| 34 | .wbcr-log-viewer-loader:before |
| 35 | { |
| 36 | content: ' '; |
| 37 | position: absolute; |
| 38 | background: rgba(255, 255, 255, 0.5) url('../img/loader.gif') no-repeat center center; |
| 39 | background-size: 64px; |
| 40 | width: 82%; |
| 41 | height: 600px; |
| 42 | left: auto; |
| 43 | top: auto; |
| 44 | /*right: auto; |
| 45 | bottom: auto;*/ |
| 46 | z-index: 9999; |
| 47 | |
| 48 | } |
| 49 | |
| 50 | .wbcr-log-row |
| 51 | { |
| 52 | padding: 3px 5px 3px 25px; |
| 53 | line-height: 1.5; |
| 54 | text-align: justify; |
| 55 | text-indent: -20px; |
| 56 | /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1)*/ |
| 57 | } |
| 58 | |
| 59 | .wbcr-log-row:hover |
| 60 | { |
| 61 | background-color: #e9e9e9; |
| 62 | } |
| 63 | |
| 64 | .wbcr_logger_level |
| 65 | { |
| 66 | cursor: pointer; |
| 67 | } |
| 68 | |
| 69 | .wbcr_logger_level_info .wbcr_logger_level, |
| 70 | .wbcr_logger_level_error .wbcr_logger_level, |
| 71 | .wbcr_logger_level_warning .wbcr_logger_level, |
| 72 | .wbcr_logger_level_debug .wbcr_logger_level |
| 73 | { |
| 74 | text-align: center; |
| 75 | color: #fff; |
| 76 | border-radius: 3px; |
| 77 | padding: 1px 4px; |
| 78 | margin: 0 4px; |
| 79 | display: inline-block; |
| 80 | width: 70px; |
| 81 | text-indent: 0; |
| 82 | } |
| 83 | |
| 84 | .wbcr_logger_level_info .wbcr_logger_level |
| 85 | { |
| 86 | background-color: #52d130; |
| 87 | } |
| 88 | |
| 89 | .wbcr_logger_level_error .wbcr_logger_level |
| 90 | { |
| 91 | background-color: #ff5e5e; |
| 92 | } |
| 93 | |
| 94 | .wbcr_logger_level_warning .wbcr_logger_level |
| 95 | { |
| 96 | background-color: #ef910a; |
| 97 | } |
| 98 | |
| 99 | .wbcr_logger_level_debug .wbcr_logger_level |
| 100 | { |
| 101 | background-color: #8f8d8b; |
| 102 | } |
| 103 | |
| 104 | .wbcr_factory_logger_buttons |
| 105 | { |
| 106 | padding: 10px 0; |
| 107 | } |
| 108 | |
| 109 | /* Error Log Support Banner */ |
| 110 | #WBCR .wrio-errorlog-support-banner { |
| 111 | background: #E3F2FD; |
| 112 | border: 1px solid #90CAF9; |
| 113 | border-left: 3px solid #2196F3; |
| 114 | border-radius: 4px; |
| 115 | padding: 14px 16px; |
| 116 | margin: 0 0 20px 0; |
| 117 | display: flex; |
| 118 | align-items: center; |
| 119 | gap: 14px; |
| 120 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); |
| 121 | } |
| 122 | |
| 123 | #WBCR .wrio-errorlog-support-icon { |
| 124 | flex-shrink: 0; |
| 125 | display: flex; |
| 126 | align-items: center; |
| 127 | justify-content: center; |
| 128 | background: #BBDEFB; |
| 129 | border-radius: 50%; |
| 130 | width: 36px; |
| 131 | height: 36px; |
| 132 | } |
| 133 | |
| 134 | #WBCR .wrio-errorlog-support-content { |
| 135 | flex: 1; |
| 136 | } |
| 137 | |
| 138 | #WBCR .wrio-errorlog-support-title { |
| 139 | margin: 0 0 2px 0; |
| 140 | font-size: 14px; |
| 141 | font-weight: 600; |
| 142 | color: #1565C0; |
| 143 | } |
| 144 | |
| 145 | #WBCR .wrio-errorlog-support-subtitle { |
| 146 | margin: 0; |
| 147 | font-size: 12px; |
| 148 | color: #1976D2; |
| 149 | } |
| 150 | |
| 151 | #WBCR .wrio-errorlog-support-button { |
| 152 | background: #2271b1; |
| 153 | color: #fff; |
| 154 | text-decoration: none; |
| 155 | padding: 6px 14px; |
| 156 | border-radius: 3px; |
| 157 | font-weight: 400; |
| 158 | font-size: 13px; |
| 159 | line-height: 1.6; |
| 160 | transition: background 0.3s ease; |
| 161 | white-space: nowrap; |
| 162 | border: 1px solid #2271b1; |
| 163 | cursor: pointer; |
| 164 | display: inline-block; |
| 165 | box-shadow: 0 1px 0 #2271b1; |
| 166 | vertical-align: top; |
| 167 | } |
| 168 | |
| 169 | #WBCR .wrio-errorlog-support-button:hover { |
| 170 | background: #135e96; |
| 171 | border-color: #135e96; |
| 172 | color: #fff; |
| 173 | } |
| 174 | |
| 175 | @media (max-width: 768px) { |
| 176 | #WBCR .wrio-errorlog-support-banner { |
| 177 | flex-wrap: wrap; |
| 178 | gap: 12px; |
| 179 | } |
| 180 | |
| 181 | #WBCR .wrio-errorlog-support-button { |
| 182 | width: 100%; |
| 183 | text-align: center; |
| 184 | } |
| 185 | } |
| 186 | |
| 187 | /* Hide custom folder sidebar tabs */ |
| 188 | #WBCR #io_folders_statistic-wbcr_clearfy-tab, |
| 189 | #WBCR #io_nextgen_gallery_statistic-wbcr_clearfy-tab, |
| 190 | #WBCR #io_folders_statistic-robin-image-optimizer-tab, |
| 191 | #WBCR #io_nextgen_gallery_statistic-robin-image-optimizer-tab { |
| 192 | display: none !important; |
| 193 | } |