wp-admin/css/media-rtl.css

   1 /*------------------------------------------------------------------------------
   2   14.0 - Media Screen
   3 ------------------------------------------------------------------------------*/
   4
   5 .media-item .describe {
   6         border-collapse: collapse;
   7         width: 100%;
   8         border-top: 1px solid #dfdfdf;
   9         clear: both;
  10         cursor: default;
  11 }
  12
  13 .media-item.media-blank .describe {
  14         border: 0;
  15 }
  16
  17 .media-item .describe th {
  18         vertical-align: top;
  19         text-align: right;
  20         padding: 5px 10px 10px;
  21         width: 140px;
  22 }
  23
  24 .media-item .describe .align th {
  25         padding-top: 0;
  26 }
  27
  28 .media-item .media-item-info tr {
  29         background-color: transparent;
  30 }
  31
  32 .media-item .describe td {
  33         padding: 0 0 8px 8px;
  34         vertical-align: top;
  35 }
  36
  37 .media-item thead.media-item-info td {
  38         padding: 4px 10px 0;
  39 }
  40
  41 .media-item .media-item-info .A1B1 {
  42         padding: 0 10px 0 0;
  43 }
  44
  45 .media-item td.savesend {
  46         padding-bottom: 15px;
  47 }
  48
  49 .media-item .thumbnail {
  50         max-height: 128px;
  51         max-width: 128px;
  52 }
  53
  54 #wpbody-content #async-upload-wrap a {
  55         display: none;
  56 }
  57
  58 .media-upload-form {
  59         margin-top: 20px;
  60 }
  61
  62 .media-upload-form td label {
  63         margin-left: 6px;
  64         margin-right: 2px;
  65 }
  66
  67 .media-upload-form .align .field label {
  68         display: inline;
  69         padding: 0 23px 0 0;
  70         margin: 0 3px 0 1em;
  71         font-weight: 600;
  72 }
  73
  74 .media-upload-form tr.image-size label {
  75         margin: 0 5px 0 0;
  76         font-weight: 600;
  77 }
  78
  79 .media-upload-form th.label label {
  80         font-weight: 600;
  81         margin: 0.5em;
  82         font-size: 13px;
  83 }
  84
  85 .media-upload-form th.label label span {
  86         padding: 0 5px;
  87 }
  88
  89 .media-item .describe input[type="text"],
  90 .media-item .describe textarea {
  91         width: 460px;
  92 }
  93
  94 .media-item .describe p.help {
  95         margin: 0;
  96         padding: 0 5px 0 0;
  97 }
  98
  99 .media-item .edit-attachment,
 100 .describe-toggle-on,
 101 .describe-toggle-off {
 102         display: block;
 103         line-height: 36px;
 104         float: left;
 105 }
 106
 107 .media-item .describe-toggle-off,
 108 .media-item.open .describe-toggle-on {
 109         display: none;
 110 }
 111
 112 .media-item.open .describe-toggle-off {
 113         display: block;
 114 }
 115
 116 #media-items .media-item {
 117         border-bottom: 1px solid #dfdfdf;
 118         min-height: 36px;
 119         position: relative;
 120         width: 100%;
 121 }
 122
 123 #media-items {
 124         width: 623px;
 125 }
 126
 127 .media-new-php #media-items {
 128         margin: 1em 0;
 129 }
 130
 131 #media-items:empty {
 132         border: 0 none;
 133 }
 134
 135 .media-item .filename {
 136         line-height: 36px;
 137         overflow: hidden;
 138 }
 139
 140 .media-item .error-div {
 141         padding-right: 10px;
 142 }
 143
 144 .media-item .pinkynail {
 145         float: right;
 146         margin: 2px 0 0 10px;
 147         max-width: 40px;
 148         max-height: 32px;
 149 }
 150
 151 .media-item .startopen,
 152 .media-item .startclosed {
 153         display: none;
 154 }
 155
 156 .media-item .original {
 157         position: relative;
 158         height: 34px;
 159 }
 160
 161 .media-item .progress {
 162         float: left;
 163         height: 22px;
 164         margin: 7px 0 0;
 165         width: 200px;
 166         line-height: 2em;
 167         padding: 0;
 168         overflow: hidden;
 169         margin-bottom: 2px;
 170         -webkit-border-radius: 22px;
 171         border-radius: 22px;
 172         background: #ddd;
 173         -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
 174         box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
 175 }
 176
 177 .media-item .bar {
 178         z-index: 9;
 179         width: 0;
 180         height: 100%;
 181         margin-top: -22px;
 182         -webkit-border-radius: 22px;
 183         border-radius: 22px;
 184         background-color: #0074a2;
 185         -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
 186         box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
 187 }
 188
 189 .media-item .progress .percent {
 190         z-index: 10;
 191         position: relative;
 192         width: 200px;
 193         padding: 0;
 194         color: #fff;
 195         text-align: center;
 196         line-height: 22px;
 197         font-weight: 400;
 198         text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
 199 }
 200
 201 .upload-php .fixed .column-parent {
 202         width: 15%;
 203 }
 204
 205 .js .html-uploader #plupload-upload-ui {
 206         display: none;
 207 }
 208
 209 .js .html-uploader #html-upload-ui {
 210         display: block;
 211 }
 212
 213 .media-upload-form .media-item.error {
 214         margin: 0;
 215         padding: 0;
 216 }
 217
 218 .media-upload-form .media-item.error p,
 219 .media-item .error-div {
 220         line-height: 16px;
 221         margin: 5px 10px;
 222         padding: 0;
 223 }
 224
 225 .media-item .error-div a.dismiss {
 226         display: block;
 227         float: left;
 228         margin: 5px 15px 0 4px;
 229 }
 230
 231 /*------------------------------------------------------------------------------
 232   14.1 - Media Library
 233 ------------------------------------------------------------------------------*/
 234
 235 .find-box {
 236         background-color: #fff;
 237         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 238         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 239         width: 600px;
 240         overflow: hidden;
 241         margin-right: -300px;
 242         position: fixed;
 243         top: 30px;
 244         bottom: 30px;
 245         right: 50%;
 246         z-index: 100105;
 247 }
 248
 249 .find-box-head {
 250         background: #fcfcfc;
 251         border-bottom: 1px solid #dfdfdf;
 252         height: 36px;
 253         font-size: 18px;
 254         font-weight: 600;
 255         line-height: 36px;
 256         padding: 0 16px 0 36px;
 257         position: absolute;
 258         top: 0;
 259         right: 0;
 260         left: 0;
 261 }
 262
 263 .find-box-inside {
 264         overflow: auto;
 265         padding: 16px;
 266         background-color: #fff;
 267         position: absolute;
 268         top: 37px;
 269         bottom: 45px;
 270         overflow-y: scroll;
 271         width: 100%;
 272         -webkit-box-sizing: border-box;
 273         -moz-box-sizing: border-box;
 274         box-sizing: border-box;
 275 }
 276
 277 .find-box-search {
 278         padding-bottom: 16px;
 279 }
 280
 281 .find-box-search .spinner {
 282         float: none;
 283         right: 125px;
 284         position: absolute;
 285         top: 18px;
 286 }
 287
 288 #find-posts-input,
 289 #find-posts-search {
 290         float: right;
 291 }
 292
 293 #find-posts-input {
 294         width: 140px;
 295         height: 28px;
 296         margin: 0 0 0 4px;
 297 }
 298
 299 .widefat .found-radio {
 300         padding-left: 0;
 301         width: 16px;
 302 }
 303
 304 #find-posts-close {
 305         width: 36px;
 306         height: 36px;
 307         position: absolute;
 308         top: 0;
 309         left: 0;
 310         cursor: pointer;
 311         text-align: center;
 312         color: #666;
 313 }
 314
 315 #find-posts-close:hover {
 316         color: #2ea2cc;
 317 }
 318
 319 #find-posts-close:before {
 320         font: normal 20px/36px 'dashicons';
 321         vertical-align: top;
 322         speak: none;
 323         -webkit-font-smoothing: antialiased;
 324         -moz-osx-font-smoothing: grayscale;
 325         content: '\f158';
 326 }
 327
 328 .find-box-buttons {
 329         padding: 8px 16px;
 330         background: #fcfcfc;
 331         border-top: 1px solid #dfdfdf;
 332         position: absolute;
 333         bottom: 0;
 334         right: 0;
 335         left: 0;
 336 }
 337
 338 @media screen and ( max-width: 782px ) {
 339         .find-box-inside {
 340                 bottom: 57px;
 341         }
 342 }
 343
 344 @media screen and ( max-width: 660px ) {
 345
 346         .find-box {
 347                 top: 0;
 348                 bottom: 0;
 349                 right: 0;
 350                 left: 0;
 351                 margin: 0;
 352                 width: 100%;
 353         }
 354
 355 }
 356
 357 .ui-find-overlay {
 358         position: fixed;
 359         top: 0;
 360         right: 0;
 361         left: 0;
 362         bottom: 0;
 363         background: #000;
 364         opacity: 0.7;
 365         filter: alpha(opacity=70);
 366         z-index: 100100;
 367 }
 368
 369 ul#dismissed-updates {
 370         display: none;
 371 }
 372
 373 form.upgrade {
 374         margin-top: 8px;
 375 }
 376
 377 form.upgrade .hint {
 378         font-style: italic;
 379         font-size: 85%;
 380         margin: -0.5em 0 2em 0;
 381 }
 382
 383 #poststuff .inside .the-tagcloud {
 384         margin: 5px 0 10px;
 385         padding: 8px;
 386         border: 1px solid #ddd;
 387         line-height: 1.8em;
 388         word-spacing: 3px;
 389         -webkit-border-radius: 6px;
 390         border-radius: 6px;
 391 }
 392
 393 .drag-drop #drag-drop-area {
 394         border: 4px dashed #bbb;
 395         height: 200px;
 396 }
 397
 398 .drag-drop .drag-drop-inside {
 399         margin: 70px auto 0;
 400         width: 250px;
 401 }
 402
 403 .drag-drop-inside p {
 404         color: #aaa;
 405         font-size: 14px;
 406         margin: 5px 0;
 407         display: none;
 408 }
 409
 410 .drag-drop .drag-drop-inside p {
 411         text-align: center;
 412 }
 413
 414 .drag-drop-inside p.drag-drop-info {
 415         font-size: 20px;
 416 }
 417
 418 .drag-drop .drag-drop-inside p,
 419 .drag-drop-inside p.drag-drop-buttons {
 420         display: block;
 421 }
 422
 423 /*
 424 #drag-drop-area:-moz-drag-over {
 425         border-color: #83b4d8;
 426 }
 427 border color while dragging a file over the uploader drop area */
 428 .drag-drop.drag-over #drag-drop-area {
 429         border-color: #83b4d8;
 430 }
 431
 432 #plupload-upload-ui {
 433         position: relative;
 434 }
 435
 436
 437 /*------------------------------------------------------------------------------
 438   14.2 - Image Editor
 439 ------------------------------------------------------------------------------*/
 440
 441 .wp_attachment_details label[for="content"] {
 442         font-size: 13px;
 443         line-height: 1.5;
 444         margin: 1em 0;
 445 }
 446
 447 .wp_attachment_details #attachment_caption {
 448         height: 4em;
 449 }
 450
 451 .describe .image-editor {
 452         vertical-align: top;
 453 }
 454
 455 .imgedit-wrap {
 456         position: relative;
 457 }
 458
 459 .imgedit-settings p {
 460         margin: 8px 0 0;
 461 }
 462
 463 .describe .imgedit-wrap .imgedit-settings {
 464         padding: 0 5px;
 465 }
 466
 467 .wp_attachment_holder div.updated {
 468         margin-top: 0;
 469 }
 470
 471 .wp_attachment_holder .imgedit-wrap > div {
 472         height: auto;
 473         overflow: hidden;
 474 }
 475
 476 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
 477         padding-left: 16px;
 478         width: auto;
 479         overflow: hidden;
 480 }
 481
 482 .wp_attachment_holder .imgedit-wrap .imgedit-settings {
 483         float: left;
 484         width: 250px;
 485 }
 486
 487 .imgedit-settings input {
 488         margin-top: 0;
 489         vertical-align: middle;
 490 }
 491
 492 .imgedit-wait {
 493         position: absolute;
 494         top: 0;
 495         background: #fff url(../images/spinner.gif) no-repeat center;
 496         -webkit-background-size: 20px 20px;
 497         background-size: 20px 20px;
 498         opacity: 0.7;
 499         filter: alpha(opacity=70);
 500         width: 100%;
 501         height: 500px;
 502         display: none;
 503 }
 504
 505 .no-float {
 506         float: none;
 507 }
 508
 509 .media-disabled,
 510 .imgedit-settings .disabled  {
 511         color: grey;
 512 }
 513
 514 .wp_attachment_image,
 515 .A1B1 {
 516         overflow: hidden;
 517 }
 518
 519 .wp_attachment_image .button,
 520 .A1B1 .button {
 521         float: right;
 522 }
 523
 524 .no-js .wp_attachment_image .button {
 525         display: none;
 526 }
 527
 528 .wp_attachment_image .spinner,
 529 .A1B1 .spinner {
 530         float: right;
 531         padding: 0 0 4px 0;
 532         vertical-align: bottom;
 533 }
 534
 535 .imgedit-menu {
 536         margin: 0 0 12px;
 537         min-width: 300px;
 538 }
 539
 540 .imgedit-menu div {
 541         float: right;
 542         width: 32px;
 543         border: 1px solid #d5d5d5;
 544         background: #f1f1f1;
 545         margin: 0 0 0 8px;
 546         height: 32px;
 547         -webkit-font-smoothing: antialiased;
 548         -moz-osx-font-smoothing: grayscale;
 549         text-align: center;
 550         line-height: 28px;
 551         color: #777;
 552         cursor: pointer;
 553 }
 554
 555 .imgedit-menu div:before {
 556         font: normal 20px/1 'dashicons';
 557         speak: none;
 558         vertical-align: middle;
 559 }
 560
 561 .imgedit-menu div:hover {
 562         border-color: #c1c1c1;
 563         background-color: #eaeaea;
 564         color: #333;
 565 }
 566
 567 .imgedit-menu div.disabled {
 568         border-color: #ccc;
 569         background-color: #ddd;
 570         color: #777;
 571         filter: alpha(opacity=50);
 572         opacity: 0.5;
 573         cursor: default;
 574 }
 575
 576 .imgedit-crop:before {
 577         content:'\f165';
 578 }
 579
 580 .imgedit-rleft:before {
 581         content:'\f166';
 582 }
 583
 584 .imgedit-rright:before {
 585         content:'\f167';
 586 }
 587
 588 .imgedit-flipv:before {
 589         content:'\f168';
 590 }
 591
 592 .imgedit-fliph:before {
 593         content:'\f169';
 594 }
 595
 596 .imgedit-undo:before {
 597         content:'\f171';
 598 }
 599
 600 .imgedit-redo:before {
 601         content:'\f172';
 602 }
 603
 604 .imgedit-crop-wrap {
 605         position: relative;
 606 }
 607
 608 .imgedit-crop {
 609         margin: 0 0 0 8px;
 610 }
 611
 612 .imgedit-rleft {
 613         margin: 0 3px;
 614 }
 615
 616 .imgedit-rright {
 617         margin: 0 3px 0 8px;
 618 }
 619
 620 .imgedit-flipv {
 621         margin: 0 3px;
 622 }
 623
 624 .imgedit-fliph {
 625         margin: 0 3px 0 8px;
 626 }
 627
 628 .imgedit-undo {
 629         margin: 0 3px;
 630 }
 631
 632 .imgedit-redo {
 633         margin: 0 3px 0 8px;
 634 }
 635
 636 .imgedit-applyto img {
 637         margin: 0 0 0 8px;
 638 }
 639
 640 .imgedit-group-top {
 641         margin: 5px 0;
 642 }
 643
 644 #poststuff .imgedit-group-top h3 {
 645         padding: 0;
 646 }
 647
 648 .imgedit-group-top h3 a {
 649         text-decoration: none;
 650 }
 651
 652 .imgedit-applyto .imgedit-label {
 653         padding: 2px 0 0;
 654         display: block;
 655 }
 656
 657 .imgedit-help {
 658         display: none;
 659         font-style: italic;
 660 }
 661
 662 a.imgedit-help-toggle {
 663         text-decoration: none;
 664 }
 665
 666 .form-table td.imgedit-response {
 667         padding: 0;
 668 }
 669
 670 .imgedit-submit {
 671         margin: 8px 0;
 672 }
 673
 674 .imgedit-submit-btn {
 675         margin-right: 20px;
 676 }
 677
 678 .imgedit-wrap .nowrap {
 679         white-space: nowrap;
 680 }
 681
 682 span.imgedit-scale-warn {
 683         color: red;
 684         font-size: 20px;
 685         font-style: normal;
 686         visibility: hidden;
 687         vertical-align: middle;
 688 }
 689
 690 .imgedit-group {
 691         margin-bottom: 8px;
 692         padding: 2px 10px;
 693 }
 694
 695 audio, video {
 696         display: inline-block;
 697         max-width: 100%;
 698 }
 699
 700 .mejs-container {
 701         width: 100%;
 702 }
 703
 704 /* =Media Queries
 705 -------------------------------------------------------------- */
 706
 707 /**
 708  * HiDPI Displays
 709  */
 710 @media print,
 711   (-o-min-device-pixel-ratio: 5/4),
 712   (-webkit-min-device-pixel-ratio: 1.25),
 713   (min-resolution: 120dpi) {
 714         .imgedit-wait {
 715                 background-image: url(../images/spinner-2x.gif);
 716         }
 717 }
 718
 719 @media screen and ( max-width: 782px ) {
 720         .wp_attachment_details label[for="content"] {
 721                 font-size: 14px;
 722                 line-height: 1.5em;
 723         }
 724 }