| @@ -51,9 +51,8 @@ | ||
| 51 | 51 | border: 1px solid #ddd; |
| 52 | 52 | background-color: #efefef; |
| 53 | 53 | box-shadow: 0 0 8px #ddd; |
| 54 | 54 | } |
| 55 | - | |
| 56 | 55 | .visualizer-chart-canvas { |
| 57 | 56 | position: relative; |
| 58 | 57 | width: 30%; |
| 59 | 58 | height: 18.75%; |
| @@ -106,10 +105,24 @@ | ||
| 106 | 105 | .visualizer-chart-export { |
| 107 | 106 | background-position: -46px -64px; |
| 108 | 107 | } |
| 109 | 108 | |
| 109 | +.visualizer-nochart-shortcode, | |
| 110 | +.visualizer-chart-shortcode { | |
| 111 | + background-position: -143px -126px; | |
| 112 | + float: left; | |
| 113 | +} | |
| 114 | + | |
| 115 | +.visualizer-nochart-image, | |
| 116 | +.visualizer-chart-image { | |
| 117 | + background-position: -206px -129px; | |
| 118 | +} | |
| 119 | + | |
| 110 | 120 | .visualizer-nochart-clone, |
| 111 | 121 | .visualizer-nochart-delete, |
| 122 | +.visualizer-nochart-shortcode, | |
| 123 | +.visualizer-nochart-export, | |
| 124 | +.visualizer-nochart-image, | |
| 112 | 125 | .visualizer-nochart-edit { |
| 113 | 126 | opacity: 0.5; |
| 114 | 127 | |
| 115 | 128 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; |
| @@ -150,15 +163,18 @@ | ||
| 150 | 163 | text-align: right; |
| 151 | 164 | } |
| 152 | 165 | |
| 153 | 166 | #visualizer-sidebar { |
| 154 | - display: table-cell; | |
| 155 | - width: 250px; | |
| 167 | + clear: both; | |
| 168 | + margin: 20px 0px; | |
| 169 | + width: 96%; | |
| 156 | 170 | } |
| 157 | 171 | |
| 158 | 172 | .visualizer-sidebar-box ul li { |
| 159 | 173 | margin: 4px 0; |
| 160 | 174 | color: #23282d; |
| 175 | + float: left; | |
| 176 | + width: 25%; | |
| 161 | 177 | } |
| 162 | 178 | |
| 163 | 179 | .visualizer-sidebar-box ul { |
| 164 | 180 | margin-left: 40px; |
| @@ -167,15 +183,12 @@ | ||
| 167 | 183 | } |
| 168 | 184 | |
| 169 | 185 | .visualizer-sidebar-box { |
| 170 | 186 | display: block; |
| 171 | - width: 95%; | |
| 172 | - margin: 0; | |
| 173 | - margin-top: 20px; | |
| 174 | - margin-left: 2.5%; | |
| 175 | 187 | padding-top: 10px; |
| 176 | 188 | padding-bottom: 15px; |
| 177 | 189 | border-top: 5px solid #0073aa; |
| 190 | + border-bottom: 5px solid #0073aa; | |
| 178 | 191 | color: #0073aa; |
| 179 | 192 | background: white; |
| 180 | 193 | text-align: center; |
| 181 | 194 | } |
| @@ -287,11 +300,49 @@ | ||
| 287 | 300 | font-weight: bold; |
| 288 | 301 | text-align: center; |
| 289 | 302 | } |
| 290 | 303 | |
| 304 | +div.visualizer-library-form .viz-filter { | |
| 305 | + vertical-align: middle; | |
| 306 | +} | |
| 307 | + | |
| 291 | 308 | button.media-modal-close { |
| 292 | 309 | display: none !important; |
| 293 | 310 | } |
| 294 | 311 | |
| 295 | -.dataTables_scrollBody { | |
| 296 | - overflow: hidden !important; | |
| 297 | -} | |
| 312 | +.dataTables_wrapper { | |
| 313 | + max-height: 300px; | |
| 314 | + overflow: hidden !important; | |
| 315 | +} | |
| 316 | + | |
| 317 | +/* datatables */ | |
| 318 | +.dt-button { | |
| 319 | + display: none !important; | |
| 320 | +} | |
| 321 | + | |
| 322 | +/* chartjs */ | |
| 323 | +#visualizer-library canvas.chartjs-render-monitor { | |
| 324 | + height: 100% !important; | |
| 325 | +} | |
| 326 | + | |
| 327 | +div#visualizer-types ul, div#visualizer-types form p { | |
| 328 | + vertical-align: middle; | |
| 329 | + margin: 0; | |
| 330 | +} | |
| 331 | + | |
| 332 | +.visualizer-chart-status { | |
| 333 | + padding: 3px 0; | |
| 334 | + color: #aaa; | |
| 335 | + text-shadow: 0 1px 0 #fff; | |
| 336 | +} | |
| 337 | + | |
| 338 | +.visualizer-chart-status span.visualizer-error { | |
| 339 | + float: right; | |
| 340 | +} | |
| 341 | + | |
| 342 | +.visualizer-error i { | |
| 343 | + color: green; | |
| 344 | +} | |
| 345 | +.visualizer-error i.error { | |
| 346 | + color: red; | |
| 347 | + cursor: pointer; | |
| 348 | +} | |
