Changeset 31534 for trunk/src/wp-admin/css/press-this.css
- Timestamp:
- 02/25/2015 01:49:26 AM (9 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-admin/css/press-this.css
r31422 r31534 1 .press-this #message { 2 border-left: 4px solid #7ad03a; 3 padding: 1px 12px; 4 background-color: #fff; 5 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); 6 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); 7 } 8 9 .press-this #side-sortables .category-tabs li { 10 display: inline; 11 line-height: 1.35em; 12 } 13 14 body.press-this ul.category-tabs li.tabs a { 15 color: #32373c; 16 } 17 18 .press-this #content-resize-handle { 19 bottom: 2px; 20 } 21 22 body.press-this { 23 color: #32373c; 1 /* 2 Press This styles :) 3 */ 4 5 6 /** 7 * Normalize 8 * 9 * normalize.css v3.0.0 | MIT License | git.io/normalize 10 */ 11 html { 12 font-family: sans-serif; 13 -ms-text-size-adjust: 100%; 14 -webkit-text-size-adjust: 100%; 15 } 16 17 body { 24 18 margin: 0; 25 padding: 0; 26 min-width: 708px; 27 min-height: 400px; 28 } 29 30 .press-this #titlediv #title { 31 font-size: 1.4em; 32 } 33 34 .press-this #site-heading:before { 35 top: 3px; 36 position: relative; 37 display: inline-block; 38 font: normal 18px/1 'dashicons'; 39 speak: none; 40 color: #727272; 41 content: '\f120'; 42 -webkit-font-smoothing: antialiased; 43 -moz-osx-font-smoothing: grayscale; 44 } 45 46 .press-this #wphead { 47 height: 32px; 48 margin-left: 0; 49 margin-right: 0; 50 margin-bottom: 5px; 51 } 52 53 .press-this #header-logo { 54 float: left; 55 margin: 7px 7px 0; 56 -webkit-user-select: none; 57 -moz-user-select: none; 58 -ms-user-select: none; 59 user-select: none; 60 } 61 62 .press-this #wphead h1 { 63 font-weight: normal; 64 font-size: 16px; 65 line-height: 32px; 66 margin: 0; 67 float: left; 68 } 69 70 .press-this #wphead h1 a { 71 text-decoration: none; 72 } 73 74 .press-this #wphead h1 a:hover { 75 text-decoration: underline; 76 } 77 78 .press-this #message { 79 margin: 10px 0; 80 } 81 82 .press-this .posting { 83 margin-right: 250px; 84 } 85 86 .press-this-sidebar { 87 float: right; 88 width: 240px; 89 padding-top: 10px; 90 } 91 92 .press-this #title { 93 margin-left: 0; 94 margin-right: 0; 19 } 20 21 *, 22 *:before, 23 *:after { 95 24 -webkit-box-sizing: border-box; 96 25 -moz-box-sizing: border-box; 97 26 box-sizing: border-box; 98 27 } 99 100 .press-this .tagchecklist { 101 margin-top: 8px; 102 } 103 104 .press-this #titlediv { 28 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { 29 *, 30 *:before, 31 *:after { 32 -webkit-font-smoothing: antialiased; 33 } 34 } 35 36 article, 37 aside, 38 details, 39 figcaption, 40 figure, 41 footer, 42 header, 43 hgroup, 44 main, 45 nav, 46 section, 47 summary { 48 display: block; 49 } 50 51 audio, 52 canvas, 53 progress, 54 video { 55 display: inline-block; 56 vertical-align: baseline; 57 } 58 59 audio:not([controls]) { 60 display: none; 61 height: 0; 62 } 63 64 [hidden], 65 template { 66 display: none; 67 } 68 69 a { 70 background: transparent; 71 } 72 73 a:active, 74 a:hover { 75 outline: 0; 76 } 77 78 abbr[title] { 79 border-bottom: 1px dotted; 80 } 81 82 b, 83 strong { 84 font-weight: bold; 85 } 86 87 dfn { 88 font-style: italic; 89 } 90 91 h1 { 92 font-size: 2em; 93 margin: 0.67em 0; 94 } 95 96 mark { 97 background: #ff0; 98 color: #000; 99 } 100 101 small { 102 font-size: 80%; 103 } 104 105 sub, 106 sup { 107 font-size: 75%; 108 line-height: 0; 109 position: relative; 110 vertical-align: baseline; 111 } 112 113 sup { 114 top: -0.5em; 115 } 116 117 sub { 118 bottom: -0.25em; 119 } 120 121 img { 122 border: 0; 123 } 124 125 svg:not(:root) { 126 overflow: hidden; 127 } 128 129 figure { 130 margin: 1em 40px; 131 } 132 133 hr { 134 -webkit-box-sizing: content-box; 135 -moz-box-sizing: content-box; 136 box-sizing: content-box; 137 height: 0; 138 } 139 140 pre { 141 overflow: auto; 142 } 143 144 code, 145 kbd, 146 pre, 147 samp { 148 font-family: monospace, monospace; 149 font-size: 1em; 150 } 151 152 button, 153 input, 154 optgroup, 155 select, 156 textarea { 157 color: inherit; 158 font: inherit; 105 159 margin: 0; 106 160 } 107 161 108 .press-this #wp-content-wrap #wp-content-editor-tools { 162 button { 163 overflow: visible; 164 } 165 166 button, 167 select { 168 text-transform: none; 169 } 170 171 button, 172 html input[type="button"], 173 input[type="reset"], 174 input[type="submit"] { 175 -webkit-appearance: button; 176 cursor: pointer; 177 } 178 179 button[disabled], 180 html input[disabled] { 181 cursor: default; 182 } 183 184 button::-moz-focus-inner, 185 input::-moz-focus-inner { 186 border: 0; 109 187 padding: 0; 110 top: 3px; 188 } 189 190 input { 191 line-height: normal; 192 } 193 194 input[type="checkbox"], 195 input[type="radio"] { 196 -webkit-box-sizing: border-box; 197 -moz-box-sizing: border-box; 198 box-sizing: border-box; 199 padding: 0; 200 } 201 202 input[type="number"]::-webkit-inner-spin-button, 203 input[type="number"]::-webkit-outer-spin-button { 204 height: auto; 205 } 206 207 input[type="search"] { 208 -webkit-appearance: textfield; 209 -webkit-box-sizing: content-box; 210 -moz-box-sizing: content-box; 211 box-sizing: content-box; 212 } 213 214 input[type="search"]::-webkit-search-cancel-button, 215 input[type="search"]::-webkit-search-decoration { 216 -webkit-appearance: none; 217 } 218 219 fieldset { 220 border: 1px solid #c0c0c0; 221 margin: 0 2px; 222 padding: 0.35em 0.625em 0.75em; 223 } 224 225 legend { 226 border: 0; 227 padding: 0; 228 } 229 230 textarea { 231 overflow: auto; 232 } 233 234 optgroup { 235 font-weight: bold; 236 } 237 238 table { 239 border-collapse: collapse; 240 border-spacing: 0; 241 } 242 243 td, 244 th { 245 padding: 0; 246 } 247 248 .clearfix:before, 249 .clearfix:after { 250 content: ""; 251 display: table; 252 } 253 .clearfix:after { 254 clear: both; 255 } 256 257 .hide-if-js { 258 display: none; 259 } 260 261 .screen-reader-text, 262 .taghint { 263 position: absolute; 264 margin: -1px; 265 padding: 0; 266 height: 1px; 267 width: 1px; 111 268 overflow: hidden; 112 } 113 114 .press-this .wp-media-buttons { 269 clip: rect(0 0 0 0); 270 border: 0; 271 } 272 273 274 /** 275 * Typography 276 * 277 * Base element typographic styles. 278 */ 279 body, 280 button, 281 input, 282 select, 283 textarea { 284 color: #404040; 285 font-family: "Open Sans", Helvetica, Arial, sans-serif; 286 font-size: 20px; 287 font-weight: 400; 288 line-height: 1.6; 289 } 290 291 h1, 292 h2, 293 h3, 294 h4, 295 h5, 296 h6 { 297 clear: both; 298 } 299 300 p { 301 margin-bottom: 1.5em; 302 } 303 304 b, 305 strong { 306 font-weight: 700; 307 } 308 309 310 /** 311 * Buttons 312 * 313 * Pushing buttons is what I do. 314 */ 315 .button-primary, 316 .button-subtle, 317 .scan-submit { 318 display: inline-block; 319 margin: 0; 320 padding: 0 10px 1px; 321 border-width: 1px; 322 border-style: solid; 323 -webkit-border-radius: 3px; 324 border-radius: 3px; 325 font-size: 13px; 326 line-height: 2; 327 text-decoration: none; 328 white-space: nowrap; 329 cursor: pointer; 330 -webkit-appearance: none; 331 } 332 333 .button-primary { 334 background: #2ea2cc; 335 border-color: #2581a2; 336 color: #fff; 337 } 338 339 .button-primary:hover, 340 .button-primary:focus { 341 background: #2991b7; 342 border-color: #20708e; 343 color: #fff; 344 outline: 0; 345 } 346 347 .button-primary:active { 348 background: #2581a2; 349 border-color: #20708e; 350 color: #fff; 351 } 352 353 .button-primary[disabled], 354 .button-primary:disabled { 355 color: #c7ced1 !important; 356 background: #2688ab !important; 357 border-color: #20708e !important; 358 } 359 360 .button-primary:visited { 361 color: #fff; 362 } 363 364 .button-subtle { 365 background: none; 366 border: 0; 367 color: #0074a2; 368 } 369 370 .button-subtle:visited { 371 color: #0074a2; 372 } 373 374 .button-subtle:focus, 375 .button-subtle:hover, 376 .button-subtle:active { 377 color: #2ea2cc; 378 } 379 380 .button-subtle:focus, 381 .button-subtle:active { 382 outline: 0; 383 text-decoration: underline; 384 } 385 386 .button-reset { 387 margin: 0; 388 padding: 0; 389 border: 0; 390 background: none; 391 cursor: pointer; 392 -webkit-appearance: none; 393 } 394 395 .button-reset:focus { 396 outline: 0; 397 } 398 399 400 /** 401 * Forms 402 * 403 * So many input types. 404 */ 405 button, 406 input, 407 select, 408 textarea { 409 font-size: 100%; 410 margin: 0; 411 vertical-align: baseline; 412 *vertical-align: middle; 413 } 414 415 [type="checkbox"], 416 [type="radio"] { 417 padding: 0; 418 } 419 420 [type="search"] { 421 -webkit-appearance: textfield; 422 -webkit-box-sizing: content-box; 423 -moz-box-sizing: content-box; 424 box-sizing: content-box; 425 } 426 427 [type="search"]::-webkit-search-decoration { 428 -webkit-appearance: none; 429 } 430 431 button::-moz-focus-inner, 432 input::-moz-focus-inner { 433 border: 0; 434 padding: 0; 435 } 436 437 [type="text"], 438 [type="email"], 439 [type="url"], 440 [type="password"], 441 [type="search"], 442 textarea { 443 padding: 0.4em 0.75em; 444 color: #333; 445 border: 1px solid #ccc; 446 } 447 448 [type="text"]:focus, 449 [type="email"]:focus, 450 [type="url"]:focus, 451 [type="password"]:focus, 452 [type="search"]:focus, 453 textarea:focus { 454 color: #333; 455 outline: 0; 456 } 457 458 textarea { 459 overflow: auto; 460 padding-left: 3px; 461 vertical-align: top; 462 } 463 464 465 /** 466 * Links 467 */ 468 a { 469 color: #0074a2; 470 } 471 472 a:visited { 473 color: #0074a2; 474 } 475 476 a:hover, 477 a:focus, 478 a:active { 479 color: #2ea2cc; 480 } 481 482 483 /** 484 * Lists 485 */ 486 ul, 487 ol { 488 margin: 0 0 1.5em 3em; 489 } 490 491 ul { 492 list-style: disc; 493 } 494 495 ol { 496 list-style: decimal; 497 } 498 499 li > ul, 500 li > ol { 501 margin-bottom: 0; 502 margin-left: 1.5em; 503 } 504 505 dt { 506 font-weight: 700; 507 } 508 509 dd { 510 margin: 0 1.5em 1.5em; 511 } 512 513 514 /** 515 * Post formats 516 * 517 * Complete styles for post formats UI 518 */ 519 /* TODO if we remove the <br> during merge, this can go. */ 520 #post-formats-select br { 521 display: none; 522 } 523 524 /* TODO Needed after merge? */ 525 .post-format { 526 width: 0; 527 height: 0; 528 position: absolute; 529 top: -9999px; 530 } 531 532 .lt-ie9 .post-format { 533 margin: 17px 12px 0 13px; 534 width: auto; 535 height: auto; 536 position: static; 537 top: auto; 538 float: left; 539 width: 16px; 540 height: 16px; 541 } 542 543 .post-format-icon { 544 position: relative; 545 display: block; 546 padding: 13px 2px 14px 13px; 547 cursor: pointer; 548 } 549 550 .post-format-icon:before, 551 .post-format-icon:after { 552 content: ""; 553 display: inline-block; 554 width: 20px; 555 height: 20px; 556 margin-right: 10px; 557 font-size: 20px; 558 line-height: 1; 559 font-family: dashicons; 560 text-decoration: inherit; 561 color: #9ea7af; 562 font-weight: 400; 563 font-style: normal; 564 vertical-align: top; 565 text-align: center; 566 -webkit-transition: color .1s ease-in 0; 567 transition: color .1s ease-in 0; 568 -webkit-font-smoothing: antialiased; 569 -moz-osx-font-smoothing: grayscale; 570 } 571 572 .post-format-icon:before { 573 content: "\f109"; 574 } 575 576 .post-format-icon:after { 577 display: none; 578 content: "\f147"; 579 float: right; 580 } 581 582 .post-format:checked + .post-format-icon { 583 -webkit-box-shadow: inset 6px 0 0 #2ea2cc; 584 box-shadow: inset 6px 0 0 #2ea2cc; 585 background: rgba(46, 162, 204, 0.1); 586 } 587 588 .post-format:checked + .post-format-icon:before, 589 .post-format:checked + .post-format-icon:after { 590 color: #333; 591 } 592 593 .post-format:focus + .post-format-icon { 594 background: #2ea2cc; 595 color: #fff; 596 } 597 598 .post-format:focus + .post-format-icon:before, 599 .post-format:focus + .post-format-icon:after { 600 color: #fff; 601 } 602 603 .post-format:checked + .post-format-icon:after { 604 display: block; 605 } 606 607 .lt-ie9 .post-format-icon { 608 margin-left: 16px; 609 } 610 611 .post-format-aside:before { 612 content: "\f123"; 613 } 614 615 .post-format-image:before { 616 content: "\f128"; 617 } 618 619 .post-format-video:before { 620 content: "\f126"; 621 } 622 623 .post-format-audio:before { 624 content: "\f127"; 625 } 626 627 .post-format-quote:before { 628 content: "\f122"; 629 } 630 631 .post-format-link:before { 632 content: "\f103"; 633 } 634 635 .post-format-gallery:before { 636 content: "\f161"; 637 } 638 639 640 /** 641 * Tags 642 * 643 * Complete styles for tags UI 644 */ 645 .tagsdiv p { 646 margin: 0; 647 } 648 649 .tagsdiv .ajaxtag { 650 position: relative; 651 } 652 653 .tagsdiv .newtag { 654 display: block; 655 position: relative; 656 padding: 11px 58px 11px 16px; 657 width: 100%; 658 border: 0; 659 border-bottom: 1px solid #e5e5e5; 660 font-size: 16px; 661 } 662 663 .tagsdiv .tagadd { 664 position: absolute; 665 top: 0; 666 right: 0; 667 bottom: 1px; 668 border: 0; 669 -webkit-border-radius: 0; 670 border-radius: 0; 671 padding: 0 16px; 672 background: #f7f7f7; 673 border-left: 1px solid #f1f1f1; 674 } 675 676 .tagsdiv .tagadd:hover, 677 .tagsdiv .tagadd:active, 678 .tagsdiv .tagadd:focus { 679 outline: 0; 680 background: #2991b7; 681 border-color: #20708e; 682 color: #fff; 683 } 684 685 .tagsdiv .howto { 686 color: #727272; 687 font-style: italic; 688 margin: 10px 0 6px 16px; 689 } 690 691 692 /* Tag hint TODO needed? */ 693 /* Tag suggestions */ 694 .ac_results { 695 padding: 0; 696 margin: -1px 0 0 -1px; 697 list-style: none; 698 position: absolute; 699 z-index: 10000; 700 display: none; 701 border: 1px solid #d8d8d8; 702 background-color: #fff; 703 font-size: 14px; 704 } 705 706 .ac_results li { 707 padding: 6px 16px; 708 white-space: nowrap; 709 color: #101010; 710 text-align: left; 711 } 712 713 .ac_results .ac_over { 714 background-color: #e5e5e5; 715 background-color: #2ea2cc; 716 color: #fff; 717 cursor: pointer; 718 } 719 720 .ac_match { 721 text-decoration: underline; 722 } 723 724 /* Tags */ 725 .tagchecklist { 726 padding: 16px 28px 5px; 727 } 728 729 .tagchecklist:before, 730 .tagchecklist:after { 731 content: ""; 732 display: table; 733 } 734 735 .tagchecklist:after { 736 clear: both; 737 } 738 739 .tagchecklist span { 740 display: block; 741 margin-right: 25px; 742 float: left; 743 font-size: 13px; 744 line-height: 1.8; 745 white-space: nowrap; 115 746 cursor: default; 116 padding: 8px 8px 6px; 117 } 118 119 .press-this #wp-content-wrap #wp-content-media-buttons a { 120 padding: 0; 121 line-height: normal; 122 height: auto; 123 font-size: 16px; 124 } 125 126 .press-this #wp-content-wrap .mce-toolbar .mce-btn-group .mce-btn { 127 margin: 0 1px; 128 } 129 130 .press-this #wp-content-wrap .mce-toolbar .mce-btn button { 131 padding: 2px 3px; 132 } 133 134 .press-this #wp-content-wrap div.mce-toolbar-grp, 135 .press-this #wp-content-wrap .quicktags-toolbar { 136 padding-right: 3px; 137 } 138 139 .press-this .howto { 140 margin-top: 2px; 141 margin-bottom: 3px; 142 font-size: 12px; 143 font-style: italic; 144 display: block; 145 } 146 147 .press-this #wp-content-editor-container { 148 clear: none; 149 } 150 151 .press-this #poststuff .inside { 152 margin-top: 18px; 153 } 154 155 .press-this .category-tabs { 156 margin-bottom: 3px; 157 } 158 159 /* Editor/Main Column */ 160 .press-this #poststuff { 161 margin: 0 8px; 162 padding: 0; 163 } 164 165 .press-this #photo-add-url-div input[type="text"] { 166 width: 220px; 167 } 168 169 #poststuff #editor-toolbar { 170 height: 30px; 171 } 172 173 .posting { 174 margin-right: 212px; 175 position: relative; 176 } 177 178 .press-this .inner-sidebar { 179 width: 200px; 180 } 181 182 .press-this .inner-sidebar .sleeve { 183 padding-top: 5px; 184 } 185 186 .press-this #submitdiv p { 187 margin: 0; 188 padding: 6px; 189 } 190 191 .press-this #submitdiv #publishing-actions { 192 border-bottom: 1px solid #dfdfdf; 193 } 194 195 .press-this #publish { 196 float: right; 197 } 198 199 .press-this #poststuff h2, 200 .press-this #poststuff h3 { 201 font-size: 14px; 202 line-height: 1; 203 } 204 205 .press-this #tagsdiv-post_tag h3, 206 .press-this #categorydiv h3 { 747 } 748 749 @media (max-width: 600px) { 750 .tagchecklist span { 751 margin-bottom: 15px; 752 font-size: 16px; 753 line-height: 1.3; 754 } 755 } 756 757 .tagchecklist .ntdelbutton { 758 margin: 1px 0 0 -17px; 207 759 cursor: pointer; 208 } 209 210 .press-this #submitdiv h3 { 211 cursor: default; 212 } 213 214 h3.tb { 215 font-weight: 600; 216 font-size: 12px; 217 margin-left: 5px; 218 } 219 220 .press-this .postbox, 221 .press-this .stuffbox { 222 margin-bottom: 10px; 223 min-width: 0; 224 } 225 226 .press-this #submitdiv:hover .handlediv { 227 background: none; 228 } 229 230 .tbtitle { 231 font-size: 1.7em; 232 outline: none; 233 padding: 3px 4px; 234 border: 1px solid #dfdfdf; 235 } 236 237 .press-this .actions { 238 float: right; 239 margin: -19px 0 0; 240 } 241 242 .press-this #extra-fields .actions { 243 margin: -32px -7px 0 0; 244 } 245 246 .press-this .actions li { 247 float: left; 248 list-style: none; 249 margin-right: 10px; 250 } 251 252 #extra-fields .button { 253 margin-right: 5px; 254 } 255 256 /* Photo Styles */ 257 #photo_saving { 258 margin: 0 8px 8px; 259 vertical-align: middle; 260 } 261 262 #img_container_container { 263 overflow: auto; 264 } 265 266 #extra-fields { 267 margin-top: 10px; 268 position: relative; 269 } 270 271 #extra-fields h2 { 272 margin: 12px; 273 } 274 275 #waiting { 276 margin-top: 10px; 277 overflow: hidden; 278 } 279 280 #waiting span { 281 float: right; 282 margin: 0 0 0 5px; 283 } 284 285 #waiting .spinner { 286 display: block; 287 } 288 289 #extra-fields .postbox { 290 margin-bottom: 5px; 291 } 292 293 #extra-fields .titlewrap { 294 padding: 0; 295 overflow: auto; 296 height: 120px; 297 } 298 299 #img_container a { 760 width: 20px; 761 height: 20px; 300 762 display: block; 301 763 float: left; 764 text-indent: 0; 302 765 overflow: hidden; 303 } 304 305 #img_container img, 306 #img_container a { 307 width: 68px; 308 height: 68px; 309 } 310 311 #img_container img { 766 position: absolute; 767 outline: 0; 768 } 769 770 .tagchecklist .ntdelbutton:before { 771 content: '\f153'; 772 display: block; 773 margin: 2px 0; 774 height: 20px; 775 width: 20px; 776 background: 0 0; 777 color: #9ea7af; 778 font: 400 16px/1 dashicons; 779 text-align: center; 780 speak: none; 781 -webkit-font-smoothing: antialiased; 782 } 783 784 .tagchecklist .ntdelbutton:focus:before { 785 color: #2ea2cc; 786 } 787 788 789 /* THE TAG CLOUD. */ 790 .tagsdiv + p { 791 margin: 0; 792 } 793 794 .tagcloud-link { 795 display: block; 796 padding: 0 16px; 797 text-decoration: none; 798 outline: 0; 799 } 800 801 .tagcloud-link:focus { 802 text-decoration: underline; 803 } 804 805 .popular-tags { 312 806 border: none; 313 background-color: #f4f4f4; 807 line-height: 2em; 808 padding: 8px 12px 12px; 809 text-align: justify; 810 } 811 812 .popular-tags a { 813 padding: 0 3px; 814 } 815 816 .the-tagcloud { 817 margin: 0; 818 padding: 16px; 819 } 820 821 .the-tagcloud a { 822 text-decoration: none; 823 outline: 0; 824 } 825 826 .the-tagcloud a:focus { 827 text-decoration: underline; 828 } 829 830 .tagcloud h3 { 831 margin: 2px 0 12px; 832 } 833 834 835 /** 836 * Categories 837 * 838 * Complete styles for post categories UI 839 */ 840 input[type="search"].categories-search, 841 .add-category-name { 842 display: block; 843 width: 100%; 844 padding: 0.85714em 1.07143em; 845 border: 0; 846 -webkit-border-radius: 0; 847 border-radius: 0; 848 border-bottom: 1px solid #e5e5e5; 849 font-size: 14px; 850 -webkit-appearance: none; 851 appearance: none; 852 } 853 854 @media (max-width: 600px) { 855 input[type="search"].categories-search, 856 .add-category-name { 857 /* Needs to be 16px to prevent zooming on iOS. Guh. */ 858 font-size: 16px; 859 } 860 } 861 862 .add-cat-toggle { 863 float: right; 864 margin-top: -33px; 865 } 866 867 .add-cat-toggle:focus { 868 text-decoration: none; 869 color: #2ea2cc; 870 } 871 872 .add-cat-toggle.is-toggled { 873 margin-top: -36px; 874 } 875 876 .add-cat-toggle.is-toggled .dashicons:before { 877 content: "\f179"; 878 } 879 880 .add-category { 881 position: relative; 882 border-bottom: 1px solid #e5e5e5; 883 } 884 885 .add-category.is-hidden { 886 display: none; 887 } 888 889 .add-category .add-cat-submit { 890 position: absolute; 891 top: 0; 892 right: 0; 893 border: 0; 894 -webkit-border-radius: 0; 895 border-radius: 0; 896 padding: 12px 16px; 897 background: #f7f7f7; 898 border-left: 1px solid #f1f1f1; 899 } 900 901 .add-category .add-cat-submit:hover, 902 .add-category .add-cat-submit:active, 903 .add-category .add-cat-submit:focus { 904 outline: 0; 905 background: #2991b7; 906 border-color: #20708e; 907 color: #fff; 908 } 909 910 /* Parent category select */ 911 .postform-wrapper { 912 padding: 12px; 913 } 914 915 .postform { 916 display: block; 917 margin: 0; 918 width: 100%; 919 height: 34px; 920 border: 0; 921 -webkit-border-radius: 0; 922 border-radius: 0; 923 border: 1px solid #e5e5e5; 924 background: #fff; 925 -webkit-background-size: 20px 20px; 926 background-size: 20px 20px; 927 overflow: hidden; 928 line-height: 21px; 929 text-overflow: ellipsis; 930 text-decoration: none; 931 vertical-align: top; 932 white-space: nowrap; 314 933 cursor: pointer; 315 } 316 317 #img_container a, 318 #img_container a:link, 319 #img_container a:visited { 320 border: 1px solid #ccc; 934 outline: 0; 935 } 936 937 .postform:focus { 938 border-color: #0074a2; 939 -webkit-box-shadow: 0 0 0 3px #2ea2cc; 940 box-shadow: 0 0 0 3px #2ea2cc; 941 outline: 0; 942 -moz-outline: none; 943 -moz-user-focus: ignore; 944 } 945 946 .postform::-ms-expand { 947 display: none; 948 } 949 950 .postform::-ms-value { 951 background: none; 952 color: #727272; 953 } 954 955 .postform:-moz-focusring { 956 color: transparent; 957 text-shadow: 0 0 0 #727272; 958 } 959 960 /* Category list */ 961 .categories-select { 962 margin: 0; 963 padding: 0; 964 list-style: none; 965 } 966 967 .categories-select ul { 968 margin: 0; 969 padding: 0; 970 list-style: none; 971 } 972 973 .categories-select input { 974 clear: none; 975 position: absolute; 976 top: 0; 977 left: 0; 321 978 display: block; 979 line-height: 0; 980 width: 100%; 981 height: 100%; 982 outline: 0; 983 padding: 0; 984 border: 0; 985 -webkit-border-radius: 0; 986 border-radius: 0; 987 text-align: center; 988 vertical-align: middle; 989 -webkit-appearance: none; 990 appearance: none; 991 cursor: pointer; 992 } 993 994 .categories-select input:checked { 995 -webkit-box-shadow: inset 6px 0 0 #2ea2cc; 996 box-shadow: inset 6px 0 0 #2ea2cc; 997 background: rgba(46, 162, 204, 0.1); 998 } 999 1000 .categories-select input:checked:after { 1001 display: inline-block; 1002 content: "\f147"; 1003 position: absolute; 1004 top: 13px; 1005 right: 0; 1006 width: 20px; 1007 height: 20px; 1008 margin-right: 10px; 1009 font-size: 20px; 1010 line-height: 1; 1011 font-family: dashicons; 1012 text-decoration: inherit; 1013 color: #222; 1014 font-weight: 400; 1015 font-style: normal; 1016 vertical-align: top; 1017 text-align: center; 1018 -webkit-transition: color .1s ease-in 0; 1019 transition: color .1s ease-in 0; 1020 -webkit-font-smoothing: antialiased; 1021 -moz-osx-font-smoothing: grayscale; 1022 } 1023 1024 .categories-select input:focus { 1025 -webkit-box-shadow: inset 6px 0 0 #2ea2cc; 1026 box-shadow: inset 6px 0 0 #2ea2cc; 1027 background: rgba(46, 162, 204, 0.05); 1028 } 1029 1030 .categories-select label { 322 1031 position: relative; 323 } 324 325 #img_container a:hover, 326 #img_container a:active { 327 border-color: #000; 328 z-index: 1000; 329 border-width: 1px; 330 } 331 332 /* Video */ 333 #embed-code { 1032 display: block; 1033 padding: 13px 16px 14px 16px; 1034 cursor: pointer; 1035 background: #fff; 1036 } 1037 1038 .categories-select ul label { 1039 padding-left: 24px; 1040 } 1041 1042 .categories-select ul ul label { 1043 padding-left: 32px; 1044 } 1045 1046 .categories-select ul ul ul label { 1047 padding-left: 40px; 1048 } 1049 1050 .categories-select ul ul ul ul label { 1051 padding-left: 48px; 1052 } 1053 1054 .categories-select ul ul ul ul ul label { 1055 padding-left: 56px; 1056 } 1057 1058 .categories-select ul ul ul ul ul ul label { 1059 padding-left: 64px; 1060 } 1061 1062 .categories-select .is-hidden { 1063 display: none; 1064 } 1065 1066 .categories-select .is-hidden.searched-parent { 1067 display: block; 1068 } 1069 1070 .lt-ie9 .categories-select input { 1071 top: 50%; 1072 right: 10px; 1073 left: auto; 1074 margin-top: -8px; 1075 width: 16px; 1076 height: 16px; 1077 } 1078 1079 /* TODO Reformats checkbox on Firefox until we remove checkbox in merge */ 1080 @-moz-document url-prefix() { 1081 .categories-select input { 1082 top: 50%; 1083 right: 10px; 1084 left: auto; 1085 margin-top: -8px; 1086 width: 16px; 1087 height: 16px; 1088 } 1089 } 1090 1091 /* Category search */ 1092 .categories-search-wrapper { 1093 position: relative; 1094 } 1095 1096 .categories-search-wrapper.is-hidden { 1097 display: none; 1098 } 1099 1100 .categories-search-wrapper label { 1101 position: absolute; 1102 top: 50%; 1103 right: 10px; 1104 margin-top: -10px; 1105 color: #9ea7af; 1106 } 1107 1108 1109 /** 1110 * Main 1111 */ 1112 html, 1113 body { 1114 overflow-x: hidden; 1115 } 1116 1117 @media (min-width: 901px) { 1118 html, 1119 body { 1120 height: 100%; 1121 } 1122 } 1123 1124 html { 1125 background: #fff; 1126 -webkit-box-shadow: -10px 0 0 rgba(0, 0, 0, 0.3); 1127 box-shadow: -10px 0 0 rgba(0, 0, 0, 0.3); 1128 } 1129 1130 @media (max-width: 900px) { 1131 body { 1132 font-size: 16px; 1133 } 1134 } 1135 1136 @media (max-width: 320px) { 1137 body { 1138 font-size: 14px; 1139 } 1140 } 1141 1142 .lt-ie9 { 1143 overflow: visible; 1144 } 1145 1146 .adminbar { 1147 position: relative; 334 1148 width: 100%; 335 height: 98px; 336 } 337 338 /* Categories */ 339 .press-this .categorydiv div.tabs-panel { 340 height: 100px; 341 } 342 343 /* Tags */ 344 .press-this .tagsdiv .newtag { 345 width: 120px; 346 } 347 348 .press-this #content { 349 margin: 5px 0; 350 padding: 0 5px; 351 border: 0 none; 352 height: 340px; 353 font-family: Consolas, Monaco, monospace; 1149 padding: 0 0.8em; 1150 min-height: 3.2em; 1151 background: #222; 1152 color: #fff; 1153 z-index: 9999; 1154 } 1155 1156 .adminbar:before, 1157 .adminbar:after { 1158 content: ""; 1159 display: table; 1160 } 1161 1162 .adminbar:after { 1163 clear: both; 1164 } 1165 1166 .adminbar .dashicons { 1167 color: #999; 1168 } 1169 1170 .adminbar button { 1171 position: absolute; 1172 top: 50%; 1173 right: 6px; 1174 margin-top: -13px; 1175 } 1176 1177 @media (max-width: 320px) { 1178 .adminbar { 1179 min-height: 45px; 1180 } 1181 } 1182 1183 .current-site { 1184 margin-top: 0.5625em; 1185 font-size: 16px; 1186 line-height: 44px; 1187 font-weight: 400; 1188 overflow: hidden; 1189 white-space: nowrap; 1190 text-overflow: ellipsis; 1191 } 1192 1193 @media (max-width: 600px) { 1194 .current-site { 1195 margin: 3px 0 0; 1196 } 1197 } 1198 1199 @media (max-width: 320px) { 1200 .current-site { 1201 margin: 0; 1202 font-size: 14px; 1203 } 1204 } 1205 1206 .current-site span:nth-child(2) { 1207 color: #ededed; 1208 } 1209 1210 @media (max-width: 320px) { 1211 .current-site span:nth-child(2) { 1212 font-weight: 600; 1213 } 1214 } 1215 1216 .current-site .dashicons-wordpress { 1217 position: relative; 1218 top: -1px; 1219 margin-right: 10px; 1220 vertical-align: middle; 1221 } 1222 1223 .options-open, 1224 .options-close { 1225 display: none; 1226 } 1227 1228 @media (max-width: 900px) { 1229 .options-open, 1230 .options-close { 1231 display: block; 1232 } 1233 } 1234 1235 .options-open.is-hidden, 1236 .options-close.is-hidden { 1237 display: none; 1238 } 1239 1240 .options-open:focus .dashicons { 1241 color: #fff; 1242 text-decoration: none; 1243 } 1244 1245 .options-open .dashicons { 1246 margin-top: 3px; 1247 } 1248 1249 .options-close { 1250 color: #2ea2cc; 1251 } 1252 1253 .alert { 1254 position: relative; 1255 margin: 0; 1256 padding: 16px 50px; 1257 border-bottom: 1px solid #e5e5e5; 1258 font-size: 14px; 1259 } 1260 1261 .alert:before { 1262 content: ''; 1263 position: absolute; 1264 top: 50%; 1265 left: 30px; 1266 width: 8px; 1267 height: 8px; 1268 margin-top: -4px; 1269 -webkit-border-radius: 50%; 1270 border-radius: 50%; 1271 background: #2ea2cc; 1272 } 1273 1274 @media (max-width: 600px) { 1275 .alert { 1276 padding: 16px 35px; 1277 } 1278 .alert:before { 1279 left: 15px; 1280 } 1281 } 1282 1283 .alert.is-hidden { 1284 display: none; 1285 } 1286 .alert.is-error:before { 1287 background: red; 1288 } 1289 1290 .scan { 1291 position: relative; 1292 border-bottom: 1px solid #e5e5e5; 1293 } 1294 1295 @media (max-width: 900px) { 1296 .scan form { 1297 -webkit-transition: opacity .3s ease-in-out; 1298 transition: opacity .3s ease-in-out; 1299 } 1300 .scan.is-hidden form { 1301 opacity: .2; 1302 pointer-events: none; 1303 } 1304 } 1305 1306 .scan-url { 1307 display: block; 1308 border: 0; 1309 padding: 0.85714em 1.07143em; 1310 font-size: 14px; 1311 width: 100%; 1312 } 1313 1314 @media (max-width: 600px) { 1315 .scan-url { 1316 font-size: 16px; 1317 } 1318 } 1319 1320 .scan-submit { 1321 position: absolute; 1322 top: 0; 1323 right: 0; 1324 bottom: 0; 1325 padding: 0.85714em 1.07143em; 1326 background: #f7f7f7; 1327 border-color: #dedede; 1328 border-bottom: 0; 1329 border-left: 1px solid #f1f1f1; 1330 -webkit-border-radius: 0; 1331 border-radius: 0; 1332 color: #555; 1333 font-size: 14px; 1334 line-height: 1.6; 1335 } 1336 1337 .scan-submit:hover, 1338 .scan-submit:focus { 1339 background: #2991b7; 1340 border-color: #20708e; 1341 color: #fff; 1342 outline: 0; 1343 } 1344 1345 .scan-submit:active { 1346 background: #2581a2; 1347 border-color: #20708e; 1348 color: #fff; 1349 } 1350 1351 .scan-submit:visited { 1352 color: #555; 1353 } 1354 1355 .wrapper { 1356 position: relative; 1357 margin-bottom: 60px; 1358 margin-right: 320px; 1359 } 1360 1361 .wrapper:before, 1362 .wrapper:after { 1363 content: ""; 1364 display: table; 1365 } 1366 1367 .wrapper:after { 1368 clear: both; 1369 } 1370 1371 @media (max-width: 900px) { 1372 .wrapper { 1373 margin: 0; 1374 width: 100%; 1375 } 1376 } 1377 1378 .editor-wrapper { 1379 overflow: auto; 1380 float: left; 1381 width: 100%; 1382 } 1383 1384 .editor-wrapper:before, 1385 .editor-wrapper:after { 1386 content: ""; 1387 display: table; 1388 } 1389 1390 .editor-wrapper:after { 1391 clear: both; 1392 } 1393 1394 .editor { 1395 padding: 0 1.5em 4.75em; 1396 max-width: 700px; 1397 margin: 0 auto; 1398 } 1399 1400 @media (min-width: 901px) { 1401 .editor { 1402 max-width: 760px; 1403 } 1404 } 1405 1406 @media (max-width: 320px) { 1407 .editor { 1408 padding: 0; 1409 } 1410 } 1411 1412 .post-title, 1413 .post-title-placeholder { 1414 margin: 0; 1415 padding: .83em 0; 1416 width: 100%; 1417 border-bottom: 1px solid #e5e5e5; 1418 font-size: 32px; 1419 line-height: 1.4; 1420 font-weight: 700; 1421 } 1422 1423 .post-title:active, 1424 .post-title:focus, 1425 .post-title-placeholder:active, 1426 .post-title-placeholder:focus { 1427 outline: 0; 1428 -webkit-box-shadow: inset 0px -3px 0 #2ea2cc; 1429 box-shadow: inset 0px -3px 0 #2ea2cc; 1430 border-color: #2ea2cc; 1431 } 1432 1433 @media (max-width: 900px) { 1434 .post-title, 1435 .post-title-placeholder { 1436 font-size: 24px; 1437 } 1438 } 1439 1440 @media (max-height: 400px) { 1441 .post-title, 1442 .post-title-placeholder { 1443 padding: 15px 0; 1444 font-size: 16px; 1445 } 1446 } 1447 1448 @media (max-width: 320px) { 1449 .post-title, 1450 .post-title-placeholder { 1451 font-size: 16px; 1452 font-weight: 600; 1453 padding: 1.14286em 1.42857em; 1454 } 1455 } 1456 1457 .post-title { 1458 /* IE8 fallback */ 1459 background: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==); 1460 background: none, none; 1461 } 1462 1463 .post-title:before { 1464 /* Keeps empty container from collapsing */ 1465 content: '\a0'; 1466 display: inline-block; 1467 width: 0; 1468 speak: none; 1469 } 1470 1471 .post-title-placeholder { 1472 position: absolute; 1473 border: 0; 1474 color: #9ea7af; 1475 z-index: -1; 1476 } 1477 1478 .post-title-placeholder.is-hidden { 1479 display: none; 1480 } 1481 1482 /* Suggested images */ 1483 .featured-container { 1484 position: relative; 1485 padding: 2px 0; 1486 border-bottom: 1px solid #e5e5e5; 1487 } 1488 1489 .all-media { 1490 display: none; 1491 overflow: auto; 1492 max-height: 150px; 1493 max-height: 40vw; 1494 } 1495 1496 .all-media:before, .all-media:after { 1497 content: ""; 1498 display: table; 1499 } 1500 1501 .all-media:after { 1502 clear: both; 1503 } 1504 1505 @media (min-width: 321px) { 1506 .all-media { 1507 max-height: 250px; 1508 max-height: 40vw; 1509 } 1510 } 1511 1512 @media (min-width: 601px) { 1513 .all-media { 1514 max-height: 200px; 1515 max-height: 18.75vw; 1516 } 1517 } 1518 1519 .wppt-all-media-list { 1520 list-style: none; 1521 margin: 0; 1522 padding: 0; 1523 } 1524 1525 .suggested-media-thumbnail:focus, 1526 .suggested-media-embed:focus { 1527 outline: 0; 1528 -webkit-box-shadow: inset 0 0 0 3px #2ea2cc; 1529 box-shadow: inset 0 0 0 3px #2ea2cc; 1530 } 1531 1532 .suggested-media-thumbnail { 1533 position: relative; 1534 display: block; 1535 float: left; 1536 width: 16.66%; 1537 padding: 16.66% 0 0 16.66%; 1538 background-position: center; 1539 background-repeat: no-repeat; 1540 -webkit-background-size: cover; 1541 background-size: cover; 1542 background-color: #d8d8d8; 1543 color: #fff; 1544 color: rgba(255, 255, 255, 0.6); 1545 cursor: pointer; 1546 } 1547 1548 .suggested-media-thumbnail:hover, 1549 .suggested-media-thumbnail:active, 1550 .suggested-media-thumbnail:focus { 1551 color: #fff; 1552 } 1553 1554 .suggested-media-thumbnail:before, 1555 .suggested-media-thumbnail:after { 1556 display: inline-block; 1557 position: absolute; 1558 font-size: 20px; 1559 line-height: 1; 1560 font-family: dashicons; 1561 text-decoration: inherit; 1562 font-weight: 400; 1563 font-style: normal; 1564 -webkit-transition: color .1s ease-in 0; 1565 transition: color .1s ease-in 0; 1566 -webkit-font-smoothing: antialiased; 1567 -moz-osx-font-smoothing: grayscale; 1568 } 1569 1570 .suggested-media-thumbnail:before { 1571 left: 50%; 1572 top: 50%; 1573 margin: -20px 0 0 -20px; 1574 font-size: 40px; 1575 } 1576 1577 .suggested-media-thumbnail:after { 1578 content: "\f132"; 1579 right: 3%; 1580 bottom: 2%; 1581 } 1582 1583 @media (min-width: 601px) { 1584 .suggested-media-thumbnail { 1585 width: 12.5%; 1586 padding: 12.5% 0 0 12.5%; 1587 } 1588 } 1589 1590 .suggested-media-embed:before { 1591 content: "\f104"; 1592 color: #fff; 1593 color: rgba(255, 255, 255, 0.9); 1594 } 1595 1596 .suggested-media-embed.is-audio:hover:before, 1597 .suggested-media-embed.is-audio:active:before, 1598 .suggested-media-embed.is-audio:focus:before, 1599 .suggested-media-embed.is-tweet:hover:before, 1600 .suggested-media-embed.is-tweet:active:before, 1601 .suggested-media-embed.is-tweet:focus:before { 1602 color: #fff; 1603 } 1604 1605 .suggested-media-embed.is-video { 1606 background-color: #222; 1607 } 1608 1609 .suggested-media-embed.is-video:hover:before, 1610 .suggested-media-embed.is-video:active:before, 1611 .suggested-media-embed.is-video:focus:before { 1612 color: rgba(255, 255, 255, 0.2); 1613 } 1614 1615 .suggested-media-embed.is-video:before { 1616 content: "\f236"; 1617 } 1618 1619 .suggested-media-embed.is-audio { 1620 background-color: #ff7d44; 1621 } 1622 1623 .suggested-media-embed.is-audio:before { 1624 content: "\f127"; 1625 } 1626 1627 .suggested-media-embed.is-tweet { 1628 background-color: #55acee; 1629 } 1630 1631 .suggested-media-embed.is-tweet:before { 1632 content: "\f301"; 1633 } 1634 1635 .all-media-visible .all-media { 1636 display: block; 1637 } 1638 1639 .no-media { 1640 margin: 0; 1641 padding: 0; 1642 border: 0; 1643 } 1644 1645 /* Actions bar */ 1646 .press-this-actions { 1647 position: fixed; 1648 bottom: 0; 1649 left: 0; 1650 width: 100%; 1651 background: #f1f1f1; 1652 background: rgba(241, 241, 241, 0.9); 1653 border-top: 1px solid #e5e5e5; 1654 } 1655 1656 @media (max-width: 900px) { 1657 .press-this-actions { 1658 -webkit-transform: translateY(0); 1659 -ms-transform: translateY(0); 1660 transform: translateY(0); 1661 -webkit-transition: -webkit-transform .3s ease-in-out; 1662 transition: transform .3s ease-in-out; 1663 } 1664 .press-this-actions.is-hidden { 1665 -webkit-transform: translateY(100%); 1666 -ms-transform: translateY(100%); 1667 transform: translateY(100%); 1668 } 1669 } 1670 1671 .add-media { 1672 float: left; 1673 margin: 14px 0 14px 30px; 1674 font-size: 0; 1675 } 1676 1677 @media (max-width: 320px) { 1678 .add-media { 1679 margin: 10px 0 10px 10px; 1680 } 1681 } 1682 1683 .insert-media { 1684 color: #9ea7af; 1685 float: left; 1686 margin: 0; 1687 padding: 0; 1688 border: 0; 1689 border-right: 1px solid #e5e5e5; 1690 -webkit-border-radius: 0; 1691 border-radius: 0; 1692 background: none; 1693 -webkit-box-shadow: none; 1694 box-shadow: none; 1695 overflow: hidden; 1696 } 1697 1698 .insert-media:hover, 1699 .insert-media:focus, 1700 .insert-media:active { 1701 margin: 0; 1702 background: none; 1703 border-color: #e5e5e5; 1704 color: #222; 1705 } 1706 1707 .insert-media:focus, 1708 .insert-media:active { 1709 outline: 0; 1710 color: #2ea2cc; 1711 text-decoration: none; 1712 } 1713 1714 .insert-media .dashicons { 1715 padding: 11px; 1716 width: 63px; 1717 height: 58px; 1718 font-size: 40px; 1719 } 1720 1721 @media (max-width: 320px) { 1722 .insert-media .dashicons { 1723 width: 55px; 1724 height: 49px; 1725 padding: 14px; 1726 font-size: 20px; 1727 } 1728 } 1729 1730 .post-actions { 1731 float: right; 1732 margin: 14px 30px 14px 0; 1733 font-size: 0; 1734 } 1735 1736 @media (max-width: 320px) { 1737 .post-actions { 1738 margin: 10px 10px 10px 0; 1739 } 1740 } 1741 1742 /* TinyMCE styles */ 1743 .editor .wp-media-buttons { 1744 float: none; 1745 } 1746 1747 .editor div.mce-toolbar-grp { 1748 padding: 0.71429em 0; 1749 background: none; 1750 border: 0; 1751 } 1752 1753 @media (max-height: 400px), (max-width: 320px) { 1754 .editor div.mce-toolbar-grp { 1755 padding: 0; 1756 } 1757 } 1758 1759 .mce-stack-layout:before, 1760 .mce-stack-layout:after { 1761 content: ""; 1762 display: table; 1763 } 1764 1765 .mce-stack-layout:after { 1766 clear: both; 1767 } 1768 1769 .mce-container.mce-toolbar { 1770 float: left; 1771 } 1772 1773 .mce-container.mce-toolbar:nth-child(2) { 1774 float: right; 1775 } 1776 1777 @media (max-width: 600px) { 1778 #mceu_11, 1779 #mceu_12 { 1780 position: absolute; 1781 margin: -1px; 1782 padding: 0; 1783 height: 1px; 1784 width: 1px; 1785 overflow: hidden; 1786 clip: rect(0 0 0 0); 1787 border: 0; 1788 } 1789 1790 #mceu_11:focus, 1791 #mceu_12:focus { 1792 position: static; 1793 margin: 1px; 1794 padding: inherit; 1795 height: auto; 1796 width: auto; 1797 overflow: visible; 1798 clip: auto; 1799 border: 1px solid #999; 1800 } 1801 } 1802 1803 #wp-link-wrap.search-panel-visible { 354 1804 font-size: 13px; 355 line-height: 19px; 356 background: transparent; 357 } 358 359 /* Submit */ 360 .press-this #publishing-actions .spinner { 361 display: inline; 362 vertical-align: middle; 363 } 364 365 /* =Media Queries 366 -------------------------------------------------------------- */ 367 368 /* Reset responsive styles in Press This */ 369 @media screen and ( max-width: 782px ) { 370 .press-this ul.category-tabs li.tabs { 371 padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */ 372 } 373 374 .press-this a.wp-switch-editor { 375 font: 13px/19px "Open Sans", sans-serif; 376 margin: 5px 0 0 5px; 377 padding: 3px 8px 4px; 378 } 379 380 .press-this #wp-content-media-buttons a { 381 padding: 0; 382 line-height: normal; 383 height: auto; 384 } 385 386 .press-this #wp-content-editor-tools { 387 padding: 0; 388 top: 3px; 389 } 390 391 .press-this .category-tabs { 392 margin-top: 0; 393 } 394 395 .press-this .tagsdiv .newtag { 396 width: 120px; 397 padding: 3px 5px; 398 margin-bottom: 0; 399 } 400 401 .press-this .tagchecklist { 402 padding: 0; 403 margin-bottom: 0; 404 } 405 406 .press-this .wp_themeSkin a.mceButton { 407 width: 20px; 408 height: 20px; 409 } 410 411 .press-this .wp_themeSkin .mceButton .mceIcon { 412 margin: 0; 413 } 414 415 .press-this #poststuff h3, 416 .press-this .metabox-holder h3 { 417 padding: 7px 12px; 418 } 419 420 .press-this input[type=checkbox], 421 .press-this input[type=radio] { 422 height: 16px; 423 width: 16px; 424 } 425 426 .press-this input[type=checkbox]:checked:before { 427 width: 16px; 428 font: normal 21px/1 'dashicons'; 429 margin: -3px 0 0 -4px; 430 } 431 432 .press-this input[type=radio]:checked:before { 433 font: normal 21px/1 'dashicons'; 434 width: 6px; 435 height: 6px; 436 margin: 4px; 437 } 438 439 .press-this ul.categorychecklist ul, 440 .press-this ul.categorychecklist li { 441 margin-top: 0; 442 margin-bottom: 0; 443 } 444 445 .press-this div.quicktags-toolbar input { 446 padding: 2px 4px; 447 } 448 449 .press-this textarea, 450 .press-this input { 451 font-size: 14px; 452 } 453 454 .press-this .tagchecklist span { 455 font-size: 13px; 456 line-height: 1.8em; 457 } 458 } 1805 } 1806 1807 /* Options panel (sidebar) */ 1808 .options-panel { 1809 position: relative; 1810 float: right; 1811 margin-right: -320px; 1812 width: 320px; 1813 border-left: 1px solid #e5e5e5; 1814 font-size: 14px; 1815 /* Keeps background the full height of the screen */ 1816 -webkit-box-shadow: 5001px 5000px 0 5000px #fff, 5000px 5000px 0 5000px #e5e5e5; 1817 box-shadow: 5001px 5000px 0 5000px #fff, 5000px 5000px 0 5000px #e5e5e5; 1818 } 1819 1820 @media (max-width: 900px) { 1821 .options-panel { 1822 background: #fff; 1823 -webkit-transform: translateX(-100%); 1824 -ms-transform: translateX(-100%); 1825 transform: translateX(-100%); 1826 -webkit-transition: -webkit-transform .3s ease-in-out; 1827 transition: transform .3s ease-in-out; 1828 } 1829 1830 .options-panel.is-hidden { 1831 visibility: hidden; 1832 } 1833 1834 .options-panel.is-off-screen { 1835 -webkit-transform: translateX(0); 1836 -ms-transform: translateX(0); 1837 transform: translateX(0); 1838 } 1839 } 1840 1841 @media (max-width: 320px) { 1842 .options-panel { 1843 margin-right: -100%; 1844 width: 100%; 1845 border: 0; 1846 -webkit-box-shadow: 5001px 5000px 0 5000px #fff; 1847 box-shadow: 5001px 5000px 0 5000px #fff; 1848 } 1849 } 1850 1851 .post-options { 1852 background: #fff; 1853 position: absolute; 1854 right: 0; 1855 width: 100%; 1856 overflow-x: hidden; 1857 } 1858 1859 .post-options .post-option-contents { 1860 margin-left: 3px; 1861 color: #333; 1862 } 1863 1864 .post-options .dashicons-arrow-right-alt2 { 1865 position: absolute; 1866 top: 50%; 1867 right: 8px; 1868 margin-top: -10px; 1869 } 1870 1871 .lt-ie9 .options-panel, 1872 .lt-ie9 .post-options { 1873 border-left: 1px solid #e5e5e5; 1874 } 1875 1876 .lt-ie9 .post-options.is-off-screen { 1877 border: 0; 1878 } 1879 1880 .post-option { 1881 position: relative; 1882 } 1883 1884 .post-options .post-option { 1885 display: block; 1886 width: 100%; 1887 padding: 13px 37px 13px 14px; 1888 border-bottom: 1px solid #e5e5e5; 1889 text-decoration: none; 1890 text-align: left; 1891 color: #9ea7af; 1892 text-overflow: ellipsis; 1893 white-space: nowrap; 1894 overflow: hidden; 1895 -webkit-transition: -webkit-transform .3s ease-in-out; 1896 transition: transform .3s ease-in-out; 1897 } 1898 1899 .post-options .post-option:focus { 1900 outline: 0; 1901 -webkit-box-shadow: inset 5px 0 0 #2ea2cc; 1902 box-shadow: inset 5px 0 0 #2ea2cc; 1903 } 1904 1905 .is-off-screen > .post-option { 1906 right: 100%; 1907 } 1908 1909 .is-hidden > .post-option { 1910 visibility: hidden; 1911 } 1912 1913 @media (min-width: 1px) { 1914 .is-off-screen > .post-option { 1915 right: auto; 1916 -webkit-transform: translateX(-100%); 1917 -ms-transform: translateX(-100%); 1918 transform: translateX(-100%); 1919 } 1920 } 1921 1922 .post-option-title { 1923 display: inline-block; 1924 margin: 0 0 0 8px; 1925 font-size: 14px; 1926 font-weight: normal; 1927 } 1928 1929 .setting-modal { 1930 position: relative; 1931 top: 0; 1932 left: 0; 1933 width: 100%; 1934 overflow: hidden; 1935 -webkit-transition: -webkit-transform .3s ease-in-out; 1936 transition: transform .3s ease-in-out; 1937 } 1938 1939 .setting-modal.is-hidden { 1940 visibility: hidden; 1941 height: 0; 1942 } 1943 1944 .setting-modal.is-off-screen { 1945 left: 100%; 1946 } 1947 1948 @media (min-width: 1px) { 1949 .setting-modal.is-off-screen { 1950 left: 0; 1951 -webkit-transform: translateX(100%); 1952 -ms-transform: translateX(100%); 1953 transform: translateX(100%); 1954 } 1955 } 1956 1957 .modal-close { 1958 display: block; 1959 width: 100%; 1960 padding: 13px 14px; 1961 border-bottom: 1px solid #e5e5e5; 1962 color: #2ea2cc; 1963 text-decoration: none; 1964 text-align: left; 1965 } 1966 1967 .modal-close:focus { 1968 outline: 0; 1969 -webkit-box-shadow: inset 5px 0 0 #2ea2cc; 1970 box-shadow: inset 5px 0 0 #2ea2cc; 1971 } 1972 1973 .setting-title { 1974 position: relative; 1975 top: -1px; 1976 margin-left: 11px; 1977 }
Note: See TracChangeset
for help on using the changeset viewer.