customize-widgets-rtl.css (12602B)
1 /*! This file is auto-generated */ 2 .wp-full-overlay-sidebar { 3 overflow: visible; 4 } 5 6 /** 7 * Hide all sidebar sections by default, only show them (via JS) once the 8 * preview loads and we know whether the sidebars are used in the template. 9 */ 10 11 .control-section.control-section-sidebar, 12 .customize-control-sidebar_widgets label, 13 .customize-control-sidebar_widgets .hide-if-js { 14 /* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */ 15 display: none; 16 } 17 18 .control-section.control-section-sidebar .accordion-section-content.ui-sortable { 19 overflow: visible; 20 } 21 22 /* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */ 23 .customize-control-widget_form .widget-top { 24 background: #fff; 25 transition: opacity 0.5s; 26 } 27 28 .customize-control .widget-action { 29 color: #787c82; 30 } 31 32 .customize-control .widget-top:hover .widget-action, 33 .customize-control .widget-action:focus { 34 color: #1d2327; 35 } 36 37 .customize-control-widget_form:not(.widget-rendered) .widget-top { 38 opacity: 0.5; 39 } 40 41 .customize-control-widget_form .widget-control-save { 42 display: none; 43 } 44 45 .customize-control-widget_form .spinner { 46 visibility: hidden; 47 margin-top: 0; 48 } 49 50 .customize-control-widget_form.previewer-loading .spinner { 51 visibility: visible; 52 } 53 54 .customize-control-widget_form.widget-form-disabled .widget-content { 55 opacity: 0.7; 56 pointer-events: none; 57 -webkit-user-select: none; 58 user-select: none; 59 } 60 61 .customize-control-widget_form .widget { 62 margin-bottom: 0; 63 } 64 65 .customize-control-widget_form.wide-widget-control .widget-inside { 66 position: fixed; 67 right: 299px; 68 top: 25%; 69 border: 1px solid #dcdcde; 70 overflow: auto; 71 } 72 .customize-control-widget_form.wide-widget-control .widget-inside > .form { 73 padding: 20px; 74 } 75 76 .customize-control-widget_form.wide-widget-control .widget-top { 77 transition: background-color 0.4s; 78 } 79 .customize-control-widget_form.wide-widget-control.expanding .widget-top, 80 .customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top { 81 background-color: #dcdcde; 82 } 83 84 .widget-inside { 85 padding: 1px 10px 10px 10px; 86 border-top: none; 87 line-height: 1.23076923; 88 } 89 90 .customize-control-widget_form.expanded .widget-action .toggle-indicator:before { 91 content: "\f142"; 92 } 93 94 .customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before { 95 content: "\f141"; 96 } 97 98 .customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before { 99 content: "\f139"; 100 } 101 102 .widget-title-action { 103 cursor: pointer; 104 } 105 106 .widget-top, 107 .customize-control-widget_form .widget .customize-control-title { 108 cursor: move; 109 } 110 111 .control-section.accordion-section.highlighted > .accordion-section-title, 112 .customize-control-widget_form.highlighted { 113 outline: none; 114 box-shadow: 0 0 2px rgba(79, 148, 212, 0.8); 115 position: relative; 116 z-index: 1; 117 } 118 119 #widget-customizer-control-templates { 120 display: none; 121 } 122 123 /** 124 * Widget reordering styles 125 */ 126 127 #customize-theme-controls .widget-reorder-nav { 128 display: none; 129 float: left; 130 background-color: #f6f7f7; 131 } 132 133 .move-widget:before { 134 content: "\f504"; 135 } 136 137 #customize-theme-controls .move-widget-area { 138 display: none; 139 background: #fff; 140 border: 1px solid #c3c4c7; 141 border-top: none; 142 cursor: auto; 143 } 144 145 #customize-theme-controls .reordering .move-widget-area.active { 146 display: block; 147 } 148 149 #customize-theme-controls .move-widget-area .description { 150 margin: 0; 151 padding: 15px 20px; 152 font-weight: 400; 153 } 154 155 #customize-theme-controls .widget-area-select { 156 margin: 0; 157 padding: 0; 158 list-style: none; 159 } 160 161 #customize-theme-controls .widget-area-select li { 162 position: relative; 163 margin: 0; 164 padding: 13px 42px 15px 15px; 165 color: #50575e; 166 border-top: 1px solid #c3c4c7; 167 cursor: pointer; 168 -webkit-user-select: none; 169 user-select: none; 170 } 171 172 #customize-theme-controls .widget-area-select li:before { 173 display: none; 174 content: "\f147"; 175 position: absolute; 176 top: 12px; 177 right: 10px; 178 font: normal 20px/1 dashicons; 179 -webkit-font-smoothing: antialiased; 180 -moz-osx-font-smoothing: grayscale; 181 } 182 183 #customize-theme-controls .widget-area-select li:last-child { 184 border-bottom: 1px solid #c3c4c7; 185 } 186 187 #customize-theme-controls .widget-area-select .selected { 188 color: #fff; 189 background: #2271b1; 190 } 191 192 #customize-theme-controls .widget-area-select .selected:before { 193 display: block; 194 } 195 196 #customize-theme-controls .move-widget-actions { 197 text-align: left; 198 padding: 12px; 199 } 200 201 #customize-theme-controls .reordering .widget-title-action { 202 display: none; 203 } 204 205 #customize-theme-controls .reordering .widget-reorder-nav { 206 display: block; 207 } 208 209 /* Text Widget */ 210 .wp-customizer div.mce-inline-toolbar-grp, 211 .wp-customizer div.mce-tooltip { 212 z-index: 500100 !important; 213 } 214 .wp-customizer .ui-autocomplete.wplink-autocomplete { 215 z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */ 216 } 217 .wp-customizer #wp-link-backdrop { 218 z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */ 219 } 220 .wp-customizer #wp-link-wrap { 221 z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */ 222 } 223 224 /** 225 * Styles for new widget addition panel 226 */ 227 228 /* override widgets admin page rules in wp-admin/css/widgets.css */ 229 #widgets-left #available-widgets .widget { 230 float: none !important; 231 width: auto !important; 232 } 233 234 /* Keep rule that is no longer necessary on widgets.php. */ 235 #available-widgets .widget-action { 236 display: none; 237 } 238 239 .ios #available-widgets { 240 transition: right 0s; 241 } 242 243 #available-widgets .widget-tpl:hover, 244 #available-widgets .widget-tpl.selected { 245 background: #f6f7f7; 246 border-bottom-color: #c3c4c7; 247 color: #2271b1; 248 border-right: 4px solid #2271b1; 249 } 250 251 #customize-controls .widget-title h3 { 252 font-size: 1em; 253 } 254 255 #available-widgets .widget-title h3 { 256 padding: 0 0 5px; 257 font-size: 14px; 258 } 259 260 #available-widgets .widget .widget-description { 261 padding: 0; 262 color: #646970; 263 } 264 265 #customize-preview { 266 transition: all 0.2s; 267 } 268 269 body.adding-widget #available-widgets { 270 right: 0; 271 visibility: visible; 272 } 273 274 body.adding-widget .wp-full-overlay-main { 275 right: 300px; 276 } 277 278 body.adding-widget #customize-preview { 279 opacity: 0.4; 280 } 281 282 283 /** 284 * Widget Icon styling 285 * No plurals in naming. 286 * Ordered from lowest to highest specificity. 287 */ 288 289 #available-widgets .widget-title { 290 position: relative; 291 } 292 293 #available-widgets .widget-title:before { 294 content: "\f132"; 295 position: absolute; 296 top: -3px; 297 left: 100%; 298 margin-left: 20px; 299 width: 20px; 300 height: 20px; 301 color: #2c3338; 302 font: normal 20px/1 dashicons; 303 text-align: center; 304 box-sizing: border-box; 305 -webkit-font-smoothing: antialiased; 306 -moz-osx-font-smoothing: grayscale; 307 } 308 309 /* dashicons-smiley */ 310 #available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; } 311 312 /* dashicons-star-filled */ 313 #available-widgets [class*="super"] .widget-title:before, 314 #available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; } 315 316 /* dashicons-wordpress */ 317 #available-widgets [class*="meta"] .widget-title:before { content: "\f120"; } 318 319 /* dashicons-archive */ 320 #available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; } 321 322 /* dashicons-category */ 323 #available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; } 324 325 /* dashicons-admin-comments */ 326 #available-widgets [class*="comment"] .widget-title:before, 327 #available-widgets [class*="testimonial"] .widget-title:before, 328 #available-widgets [class*="chat"] .widget-title:before { content: "\f101"; } 329 330 /* dashicons-admin-post */ 331 #available-widgets [class*="post"] .widget-title:before { content: "\f109"; } 332 333 /* dashicons-admin-page */ 334 #available-widgets [class*="page"] .widget-title:before { content: "\f105"; } 335 336 /* dashicons-text */ 337 #available-widgets [class*="text"] .widget-title:before { content: "\f478"; } 338 339 /* dashicons-admin-links */ 340 #available-widgets [class*="link"] .widget-title:before { content: "\f103"; } 341 342 /* dashicons-search */ 343 #available-widgets [class*="search"] .widget-title:before { content: "\f179"; } 344 345 /* dashicons-menu */ 346 #available-widgets [class*="menu"] .widget-title:before, 347 #available-widgets [class*="nav"] .widget-title:before { content: "\f333"; } 348 349 /* dashicons-tagcloud */ 350 #available-widgets [class*="tag"] .widget-title:before { content: "\f479"; } 351 352 /* dashicons-rss */ 353 #available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; } 354 355 /* dashicons-calendar */ 356 #available-widgets [class*="event"] .widget-title:before, 357 #available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;} 358 359 /* dashicons-format-image */ 360 #available-widgets [class*="image"] .widget-title:before, 361 #available-widgets [class*="photo"] .widget-title:before, 362 #available-widgets [class*="slide"] .widget-title:before, 363 #available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; } 364 365 /* dashicons-format-gallery */ 366 #available-widgets [class*="album"] .widget-title:before, 367 #available-widgets [class*="galler"] .widget-title:before { content: "\f161"; } 368 369 /* dashicons-format-video */ 370 #available-widgets [class*="video"] .widget-title:before, 371 #available-widgets [class*="tube"] .widget-title:before { content: "\f126"; } 372 373 /* dashicons-format-audio */ 374 #available-widgets [class*="music"] .widget-title:before, 375 #available-widgets [class*="radio"] .widget-title:before, 376 #available-widgets [class*="audio"] .widget-title:before { content: "\f127"; } 377 378 /* dashicons-admin-users */ 379 #available-widgets [class*="login"] .widget-title:before, 380 #available-widgets [class*="user"] .widget-title:before, 381 #available-widgets [class*="member"] .widget-title:before, 382 #available-widgets [class*="avatar"] .widget-title:before, 383 #available-widgets [class*="subscriber"] .widget-title:before, 384 #available-widgets [class*="profile"] .widget-title:before, 385 #available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; } 386 387 /* dashicons-cart */ 388 #available-widgets [class*="commerce"] .widget-title:before, 389 #available-widgets [class*="shop"] .widget-title:before, 390 #available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; } 391 392 /* dashicons-shield */ 393 #available-widgets [class*="secur"] .widget-title:before, 394 #available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; } 395 396 /* dashicons-chart-bar */ 397 #available-widgets [class*="analytic"] .widget-title:before, 398 #available-widgets [class*="stat"] .widget-title:before, 399 #available-widgets [class*="poll"] .widget-title:before { content: "\f185"; } 400 401 /* dashicons-feedback */ 402 #available-widgets [class*="form"] .widget-title:before { content: "\f175"; } 403 404 /* dashicons-email-alt */ 405 #available-widgets [class*="subscribe"] .widget-title:before, 406 #available-widgets [class*="news"] .widget-title:before, 407 #available-widgets [class*="contact"] .widget-title:before, 408 #available-widgets [class*="mail"] .widget-title:before { content: "\f466"; } 409 410 /* dashicons-share */ 411 #available-widgets [class*="share"] .widget-title:before, 412 #available-widgets [class*="socia"] .widget-title:before { content: "\f237"; } 413 414 /* dashicons-translation */ 415 #available-widgets [class*="lang"] .widget-title:before, 416 #available-widgets [class*="translat"] .widget-title:before { content: "\f326"; } 417 418 /* dashicons-location-alt */ 419 #available-widgets [class*="locat"] .widget-title:before, 420 #available-widgets [class*="map"] .widget-title:before { content: "\f231"; } 421 422 /* dashicons-download */ 423 #available-widgets [class*="download"] .widget-title:before { content: "\f316"; } 424 425 /* dashicons-cloud */ 426 #available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;} 427 428 /* dashicons-facebook */ 429 #available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; } 430 431 /* dashicons-twitter */ 432 #available-widgets [class*="tweet"] .widget-title:before, 433 #available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; } 434 435 @media screen and (max-height: 700px) and (min-width: 981px) { 436 /* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */ 437 .customize-control-widget_form { 438 margin-bottom: 0; 439 } 440 441 .widget-top { 442 box-shadow: none; 443 margin-top: -1px; 444 } 445 446 .widget-top:hover { 447 position: relative; 448 z-index: 1; 449 } 450 451 .last-widget { 452 margin-bottom: 15px; 453 } 454 455 .widget-title h3 { 456 padding: 13px 15px; 457 } 458 459 .widget-top .widget-action { 460 padding: 8px 10px; 461 } 462 463 .widget-reorder-nav span { 464 height: 39px; 465 } 466 467 .widget-reorder-nav span:before { 468 line-height: 39px; 469 } 470 471 /* Compact the move widget areas. */ 472 #customize-theme-controls .widget-area-select li { 473 padding: 9px 42px 11px 15px; 474 } 475 476 #customize-theme-controls .widget-area-select li:before { 477 top: 8px; 478 } 479 }