wp-content/themes/twentyfifteen/css/ie.css

   1 /*
   2 Theme Name: Twenty Fifteen
   3 Description: Global Styles for older IE versions (previous to IE9).
   4 */
   5
   6 body,
   7 button,
   8 input,
   9 select,
  10 textarea {
  11         font-size: 19px;
  12         line-height: 1.6842;
  13 }
  14
  15 button,
  16 input {
  17         line-height: normal;
  18 }
  19
  20 p,
  21 address,
  22 pre,
  23 hr,
  24 ul,
  25 ol,
  26 dl,
  27 dd,
  28 table {
  29         margin-bottom: 1.6842em;
  30 }
  31
  32 ul,
  33 ol {
  34         margin-left: 0;
  35 }
  36
  37 li > ul,
  38 li > ol,
  39 blockquote > ul,
  40 blockquote > ol {
  41         margin-left: 1.3333em;
  42 }
  43
  44 blockquote {
  45         border-color: inherit;
  46         border-style: solid;
  47         border-width: 0 0 0 4px;
  48         font-size: 22px;
  49         line-height: 1.8182;
  50         margin-bottom: 1.8182em;
  51         margin-left: -1.0909em;
  52         padding-left: 0.9091em;
  53 }
  54
  55 blockquote > blockquote {
  56         margin-left: 0;
  57 }
  58
  59 blockquote p {
  60         margin-bottom: 1.8182em;
  61 }
  62
  63 blockquote cite,
  64 blockquote small {
  65         font-size: 19px;
  66         line-height: 1.6842;
  67 }
  68
  69 pre {
  70         line-height: 1.2632;
  71 }
  72
  73 .entry-content img,
  74 .entry-summary img,
  75 .page-content img,
  76 .comment-content img,
  77 .widget img {
  78         max-width: 660px;
  79 }
  80
  81 img.size-full,
  82 img.size-large,
  83 img.header-image,
  84 img.wp-post-image,
  85 img[class*="align"],
  86 img[class*="wp-image-"],
  87 img[class*="attachment-"] {
  88         height: auto;
  89         width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
  90 }
  91
  92 button,
  93 input[type="button"],
  94 input[type="reset"],
  95 input[type="submit"],
  96 .post-password-form input[type="submit"],
  97 .widecolumn #submit,
  98 .widecolumn .mu_register input[type="submit"] {
  99         font-size: 16px;
 100         padding: 0.8125em 1.625em;
 101 }
 102
 103 input[type="text"],
 104 input[type="email"],
 105 input[type="url"],
 106 input[type="password"],
 107 input[type="search"],
 108 textarea {
 109         padding: 0.5278em;
 110 }
 111
 112 .main-navigation {
 113         font-size: 16px;
 114         line-height: 1.5;
 115         margin: 9.0909%;
 116 }
 117
 118 .main-navigation ul ul {
 119         border-bottom: 0;
 120         border-top: 0;
 121         margin-left: 1em;
 122 }
 123
 124 .main-navigation a {
 125         padding: 0.75em 0;
 126 }
 127
 128 .main-navigation .menu-item-has-children > a {
 129         padding-right: 48px;
 130 }
 131
 132 .main-navigation .menu-item-description {
 133         font-size: 13px;
 134         line-height: 1.8462;
 135         margin-top: 0;
 136 }
 137
 138 .social-navigation {
 139         margin: 9.0909%;
 140         max-width: 660px;
 141         padding-top: 0;
 142 }
 143
 144 .social-navigation ul {
 145         margin-bottom: -1.2632em;
 146 }
 147
 148 .social-navigation a {
 149         width: 2.5263em;
 150         height: 2.5263em;
 151 }
 152
 153 .secondary-toggle {
 154         margin-top: -32px;
 155         right: 7.6897%;
 156         width: 64px;
 157         height: 64px;
 158 }
 159
 160 .secondary-toggle:before {
 161         line-height: 64px;
 162 }
 163
 164 .post-password-form label,
 165 .post-navigation .meta-nav,
 166 .comment-navigation,
 167 .image-navigation,
 168 .author-heading,
 169 .author-bio,
 170 .entry-footer,
 171 .page-links a,
 172 .page-links span,
 173 .comment-metadata,
 174 .pingback .edit-link,
 175 .comment-list .reply,
 176 .comment-notes,
 177 .comment-awaiting-moderation,
 178 .logged-in-as,
 179 .comment-form label,
 180 .form-allowed-tags,
 181 .site-info,
 182 .wp-caption-text,
 183 .gallery-caption,
 184 .entry-caption,
 185 .widecolumn label,
 186 .widecolumn .mu_register label {
 187         font-size: 16px;
 188 }
 189
 190 .post-navigation .post-title {
 191         font-size: 24px;
 192         line-height: 1.1667;
 193 }
 194
 195 .pagination .nav-links {
 196         min-height: 3.3684em;
 197 }
 198
 199 .pagination .page-numbers {
 200         line-height: 3.3684em;
 201         padding: 0 0.8421em;
 202 }
 203
 204 .pagination .prev,
 205 .pagination .next {
 206         padding: 0;
 207         width: 64px;
 208         height: 64px;
 209 }
 210
 211 .pagination .prev:before,
 212 .pagination .next:before {
 213         line-height: 64px;
 214         width: 64px;
 215         height: 64px;
 216 }
 217
 218 .image-navigation a {
 219         display: block;
 220         margin-bottom: 2em;
 221 }
 222
 223 .image-navigation .nav-previous,
 224 .comment-navigation .nav-previous {
 225         float: left;
 226         width: 50%;
 227 }
 228 .image-navigation .nav-next,
 229 .comment-navigation .nav-next {
 230         float: right;
 231         text-align: right;
 232         width: 50%;
 233 }
 234
 235 .image-navigation .nav-previous a:before,
 236 .image-navigation .nav-next a:after,
 237 .comment-navigation .nav-previous a:before,
 238 .comment-navigation .nav-next a:after {
 239         font-size: 24px;
 240         top: -1px;
 241 }
 242
 243 blockquote.alignleft,
 244 .wp-caption.alignleft,
 245 img.alignleft {
 246         margin: 0.4211em 1.6842em 1.6842em 0;
 247 }
 248
 249 blockquote.alignright,
 250 .wp-caption.alignright,
 251 img.alignright {
 252         margin: 0.4211em 0 1.6842em 1.6842em;
 253 }
 254
 255 blockquote.aligncenter,
 256 .wp-caption.aligncenter,
 257 img.aligncenter {
 258         margin-top: 0.4211em;
 259         margin-bottom: 1.6842em;
 260 }
 261
 262 .site-header {
 263         border-top: 1px solid transparent;
 264         border-bottom: 1px solid transparent;
 265         padding: 0;
 266 }
 267
 268 .secondary {
 269         background-color: #fff;
 270         margin: 0 auto;
 271         max-width: 807px;
 272         padding: 0;
 273 }
 274
 275 .site-main {
 276         padding: 7.6923% 0;
 277 }
 278
 279 .site-content {
 280         margin: 0 auto;
 281         max-width: 954px;
 282 }
 283
 284 .site-branding {
 285         background-color: inherit;
 286         margin: 0 auto;
 287         max-width: 954px;
 288         padding: 0;
 289 }
 290
 291 .site-title {
 292         font-size: 32px;
 293         line-height: 1.25;
 294         margin: 7.6897% 7.6897% 0;
 295 }
 296
 297 .site-description {
 298         background-color: inherit;
 299         display: block;
 300         filter: alpha(opacity=70);
 301         font-size: 16px;
 302         margin: 0.5em 7.6897% 7.6897%;
 303 }
 304
 305 .sidebar {
 306         position: static !important;
 307 }
 308
 309 .widget-area {
 310         clear: both;
 311         margin: 9.0909% 9.0909% 0;
 312         max-width: 660px;
 313 }
 314
 315 .widget {
 316         font-size: 16px;
 317         margin: 0 0 11.1111%;
 318 }
 319
 320 .widget p,
 321 .widget address,
 322 .widget hr,
 323 .widget ul,
 324 .widget ol,
 325 .widget dl,
 326 .widget dd,
 327 .widget table,
 328 .widget pre {
 329         margin-bottom: 1.5em;
 330 }
 331
 332 .widget li > ul,
 333 .widget li > ol {
 334         margin-bottom: 0;
 335 }
 336
 337 .widget blockquote {
 338         font-size: 19px;
 339         line-height: 1.6842;
 340         margin-bottom: 1.6842em;
 341         margin-left: -1.2632em;
 342         padding-left: 1.0526em;
 343 }
 344
 345 .widget blockquote > blockquote {
 346         margin-left: 0;
 347 }
 348
 349 .widget blockquote p {
 350         margin-bottom: 1.6842em;
 351 }
 352
 353 .widget blockquote cite,
 354 .widget blockquote small {
 355         font-size: 16px;
 356         line-height: 1.5;
 357 }
 358
 359 .widget pre {
 360         line-height: 1.5;
 361         padding: 0.75em;
 362 }
 363
 364 .widget button,
 365 .widget input,
 366 .widget select,
 367 .widget textarea {
 368         line-height: 1.5;
 369 }
 370
 371 .widget button,
 372 .widget input {
 373         line-height: normal;
 374 }
 375
 376 .widget button,
 377 .widget input[type="button"],
 378 .widget input[type="reset"],
 379 .widget input[type="submit"] {
 380         font-size: 16px;
 381         padding: 0.8125em 1.625em;
 382 }
 383
 384 .widget input[type="text"],
 385 .widget input[type="email"],
 386 .widget input[type="url"],
 387 .widget input[type="password"],
 388 .widget input[type="search"],
 389 .widget textarea {
 390         padding: 0.75em;
 391 }
 392
 393 .widget-title {
 394         margin: 0 0 1.5em;
 395 }
 396
 397 .widget_calendar td,
 398 .widget_calendar th {
 399         line-height: 2.9375;
 400 }
 401
 402 .widget_calendar caption {
 403         margin: 0 0 1.5em;
 404 }
 405
 406 .widget_archive li,
 407 .widget_categories li,
 408 .widget_links li,
 409 .widget_meta li,
 410 .widget_nav_menu li,
 411 .widget_pages li,
 412 .widget_recent_comments li,
 413 .widget_recent_entries li {
 414         padding: 0.7188em 0;
 415 }
 416
 417 .widget_categories .children,
 418 .widget_nav_menu .sub-menu,
 419 .widget_pages .children {
 420         margin: 0.7188em 0 0 1em;
 421         padding-top: 0.7188em;
 422 }
 423
 424 .widget_rss li {
 425         margin-bottom: 1.5em;
 426 }
 427
 428 .widget_rss .rss-date,
 429 .widget_rss cite {
 430         font-size: 13px;
 431         line-height: 1.8462;
 432 }
 433
 434 .widget .wp-caption-text,
 435 .widget .gallery-caption {
 436         line-height: 1.5;
 437         padding: 0.5em 0;
 438 }
 439
 440 .hentry,
 441 .page-header,
 442 .page-content {
 443         margin: 0 7.6923%;
 444 }
 445
 446 .hentry + .hentry,
 447 .page-header + .hentry,
 448 .page-header + .page-content {
 449         margin-top: 7.6923%;
 450 }
 451
 452 .post-thumbnail {
 453         margin-bottom: 2.9474em;
 454 }
 455
 456 .entry-header {
 457         padding: 0 9.0909%;
 458 }
 459
 460 .entry-title,
 461 .widecolumn h2 {
 462         font-size: 39px;
 463         line-height: 1.2308;
 464         margin-bottom: 1.2308em;
 465 }
 466
 467 .entry-content,
 468 .entry-summary {
 469         padding: 0 9.0909% 9.0909%;
 470 }
 471
 472 .entry-content h1,
 473 .entry-summary h1,
 474 .page-content h1,
 475 .comment-content h1 {
 476         font-size: 39px;
 477         line-height: 1.2308;
 478         margin-top: 1.641em;
 479         margin-bottom: 0.8205em;
 480 }
 481
 482 .entry-content h2,
 483 .entry-summary h2,
 484 .page-content h2,
 485 .comment-content h2 {
 486         font-size: 32px;
 487         line-height: 1.25;
 488         margin-top: 2em;
 489         margin-bottom: 1em;
 490 }
 491
 492 .entry-content h3,
 493 .entry-summary h3,
 494 .page-content h3,
 495 .comment-content h3 {
 496         font-size: 27px;
 497         line-height: 1.1852;
 498         margin-top: 2.3704em;
 499         margin-bottom: 1.1852em;
 500 }
 501
 502 .entry-content h4,
 503 .entry-summary h4,
 504 .page-content h4,
 505 .comment-content h4 {
 506         font-size: 22px;
 507         line-height: 1.4545;
 508         margin-top: 2.9091em;
 509         margin-bottom: 1.4545em;
 510 }
 511
 512 .entry-content h5,
 513 .entry-content h6,
 514 .entry-summary h5,
 515 .entry-summary h6,
 516 .page-content h5,
 517 .page-content h6,
 518 .comment-content h5,
 519 .comment-content h6 {
 520         font-size: 19px;
 521         line-height: 1.2632;
 522         margin-top: 3.3684em;
 523         margin-bottom: 1.6842em;
 524 }
 525
 526 .entry-content .more-link:after {
 527         font-size: 24px;
 528         top: 3px;
 529 }
 530
 531 .author-info {
 532         margin: 0 9.0909%;
 533         padding: 9.0909% 0;
 534 }
 535
 536 .author-info .avatar {
 537         margin: 0 1.6842em 1.6842em 0;
 538         width: 56px;
 539         height: 56px;
 540 }
 541
 542 .author-link:after {
 543         font-size: 24px;
 544         top: 0;
 545 }
 546
 547 .entry-footer {
 548         padding: 4.5454% 9.0909%;
 549 }
 550
 551 .posted-on:before,
 552 .byline:before,
 553 .cat-links:before,
 554 .tags-links:before,
 555 .comments-link:before,
 556 .entry-format:before,
 557 .edit-link:before,
 558 .full-size-link:before {
 559         top: 4px;
 560 }
 561
 562 .updated {
 563         display: none;
 564 }
 565
 566 .updated.published {
 567         display: inline;
 568 }
 569
 570 .page-header {
 571         border-color: inherit;
 572         border-style: solid;
 573         border-width: 0 0 0 7px;
 574         padding: 3.8461% 7.6923%;
 575 }
 576
 577 .page-title,
 578 .taxonomy-description {
 579         margin-left: -7px;
 580 }
 581
 582 .taxonomy-description {
 583         padding-top: 0.4211em;
 584 }
 585
 586 .page-title,
 587 .comments-title,
 588 .comment-reply-title,
 589 .post-navigation .post-title {
 590         font-size: 27px;
 591         line-height: 1.1852;
 592 }
 593
 594 .page-content {
 595         padding: 7.6923%;
 596 }
 597
 598 .page-links {
 599         margin-bottom: 1.4736em;
 600 }
 601
 602 .page-links a,
 603 .page-links > span {
 604         margin: 0 0.25em 0.25em 0;
 605 }
 606
 607 .format-aside .entry-title,
 608 .format-image .entry-title,
 609 .format-video .entry-title,
 610 .format-quote .entry-title,
 611 .format-gallery .entry-title,
 612 .format-status .entry-title,
 613 .format-link .entry-title,
 614 .format-audio .entry-title,
 615 .format-chat .entry-title {
 616         font-size: 22px;
 617         line-height: 1.4545;
 618         margin-bottom: 32px;
 619 }
 620
 621 .format-link .entry-title a:after {
 622         top: 0.125em;
 623 }
 624
 625 .comments-title {
 626         margin-bottom: 1.4545em;
 627 }
 628
 629 .comment-list article,
 630 .comment-list .pingback,
 631 .comment-list .trackback {
 632         padding: 1.6842em 0;
 633 }
 634
 635 .comment-list + .comment-respond,
 636 .comment-navigation + .comment-respond {
 637         padding-top: 1.6842em;
 638 }
 639
 640 .comment-list .children > li {
 641         padding-left: 1.4737em;
 642 }
 643
 644 .comment-meta {
 645         position: relative;
 646 }
 647
 648 .comment-author {
 649         margin-bottom: 0;
 650         padding-left: 4.6315em;
 651 }
 652
 653 .comment-author .avatar {
 654         margin: 0;
 655         position: absolute;
 656         top: 3px;
 657         left: 0;
 658         width: 56px;
 659         height: 56px;
 660 }
 661
 662 .comment-metadata {
 663         line-height: 2;
 664         padding-left: 5.5em;
 665 }
 666
 667 .comment-metadata .edit-link:before,
 668 .pingback .edit-link:before {
 669         top: 8px;
 670 }
 671
 672 .bypostauthor > article .fn:after {
 673         top: 8px;
 674         left: 6px;
 675 }
 676
 677 .comment-content ul,
 678 .comment-content ol {
 679         margin: 0 0 1.6842em 0;
 680 }
 681
 682 .comment-content li > ul,
 683 .comment-content li > ol,
 684 .comment-content blockquote > ul,
 685 .comment-content blockquote > ol {
 686         margin-left: 1.3333em;
 687 }
 688
 689 .comment-list .reply a {
 690         padding: 0.4375em 0.875em;
 691 }
 692
 693 .comment-form,
 694 .no-comments {
 695         padding-top: 1.6842em;
 696 }
 697
 698 .comment-reply-title small a:before {
 699         top: -1px;
 700 }
 701
 702 .comment-list .reply {
 703         margin-top: 0;
 704 }
 705
 706 .site-footer {
 707         border-top: 1px solid transparent;
 708         border-bottom: 1px solid transparent;
 709         margin: 0 auto;
 710         max-width: 806px;
 711         padding: 0;
 712 }
 713
 714 .site-info {
 715         margin: 4.5454% 9.0909%;
 716 }
 717
 718 .post-navigation {
 719         border-top: 0;
 720         margin: 7.6923% 7.6923% 0;
 721 }
 722
 723 .post-navigation a {
 724         padding: 4.5454% 9.0909%;
 725 }
 726
 727 .pagination {
 728         border-top: 0;
 729         margin: 7.6923% 7.6923% 0;
 730         padding: 0;
 731 }
 732
 733 .pagination .page-numbers {
 734         display: inline-block;
 735 }
 736
 737 .pagination .meta-nav {
 738         display: none;
 739 }
 740
 741 .image-navigation {
 742         padding: 0 9.0909%;
 743 }
 744
 745 .comments-area {
 746         border-top: 0;
 747         margin: 7.6923% 7.6923% 0;
 748 }
 749
 750 embed,
 751 iframe,
 752 object,
 753 video {
 754         margin-bottom: 1.6842em;
 755 }
 756
 757 .wp-audio-shortcode,
 758 .wp-video,
 759 .wp-playlist.wp-audio-playlist {
 760         font-size: 19px;
 761         margin-bottom: 1.6842em;
 762 }
 763
 764 .wp-caption,
 765 .gallery {
 766         margin-bottom: 1.6842em;
 767 }
 768
 769 .wp-caption-text,
 770 .gallery-caption {
 771         padding: 0.5em 0;
 772 }
 773
 774 .widecolumn {
 775         margin: 7.6923%;
 776 }
 777
 778 .widecolumn .mu_alert {
 779         margin-bottom: 1.6842em;
 780 }
 781
 782 .widecolumn p {
 783         margin: 1.6842em 0;
 784 }
 785
 786 .widecolumn p + h2 {
 787         margin-top: 1.641em;
 788 }
 789
 790 .widecolumn #key,
 791 .widecolumn .mu_register #blog_title,
 792 .widecolumn .mu_register #user_email,
 793 .widecolumn .mu_register #blogname,
 794 .widecolumn .mu_register #user_name {
 795         font-size: 19px;
 796 }
 797
 798 .widecolumn .mu_register #blog_title,
 799 .widecolumn .mu_register #user_email,
 800 .widecolumn .mu_register #user_name {
 801         margin: 0 0 0.421em;
 802 }
 803
 804
 805 /**
 806  * RTL
 807  */
 808
 809 .rtl ul,
 810 .rtl ol {
 811         margin-right: 0;
 812         margin-left: auto;
 813 }
 814
 815 .rtl li > ul,
 816 .rtl li > ol,
 817 .rtl blockquote > ul,
 818 .rtl blockquote > ol {
 819         margin-right: 1.3333em;
 820         margin-left: auto;
 821 }
 822
 823 .rtl blockquote {
 824         border-width: 0 4px 0 0;
 825         margin-right: -1.0909em;
 826         margin-left: auto;
 827         padding-right: 0.9091em;
 828         padding-left: 0;
 829 }
 830
 831 .rtl blockquote > blockquote {
 832         margin-right: 0;
 833         margin-left: auto;
 834 }
 835
 836 .rtl .main-navigation ul ul {
 837         margin-right: 1em;
 838         margin-left: auto;
 839 }
 840
 841 .rtl .main-navigation .menu-item-has-children > a {
 842         padding-right: 0;
 843         padding-left: 48px;
 844 }
 845
 846 .rtl .secondary-toggle {
 847         right: auto;
 848         left: 7.6897%;
 849 }
 850
 851 .rtl .image-navigation .nav-previous,
 852 .rtl .comment-navigation .nav-previous {
 853         float: right;
 854 }
 855
 856 .rtl .image-navigation .nav-next,
 857 .rtl .comment-navigation .nav-next {
 858         float: left;
 859         text-align: left;
 860 }
 861
 862 .rtl blockquote.alignright,
 863 .rtl .wp-caption.alignright
 864 .rtl img.alignright {
 865         margin: 0.4211em 0 1.6842em 1.6842em;
 866 }
 867
 868 .rtl blockquote.alignleft,
 869 .rtl .wp-caption.alignleft,
 870 .rtl img.alignleft {
 871         margin: 0.4211em 1.6842em 1.6842em 0;
 872 }
 873
 874 .rtl .widget blockquote {
 875         margin-right: -1.2632em;
 876         margin-left: auto;
 877         padding-right: 1.0526em;
 878         padding-left: 0;
 879 }
 880
 881 .rtl .widget blockquote > blockquote {
 882         margin-right: 0;
 883         margin-left: auto;
 884 }
 885
 886 .rtl .widget_categories .children,
 887 .rtl .widget_nav_menu .sub-menu,
 888 .rtl .widget_pages .children {
 889         margin: 0.7188em 1em 0 0;
 890 }
 891
 892 .rtl .page-links a,
 893 .rtl .page-links > span {
 894         margin: 0 0 0.25em 0.25em;
 895 }
 896
 897 .rtl .author-info .avatar {
 898         margin: 0 0 1.6842em 1.6842em;
 899 }
 900
 901 .rtl .page-header {
 902         border-width: 0 7px 0 0;
 903 }
 904
 905 .rtl .page-title,
 906 .rtl .taxonomy-description {
 907         margin-right: -7px;
 908         margin-left: auto;
 909 }
 910
 911 .rtl .comment-list .children > li {
 912         padding-right: 1.4737em;
 913         padding-left: 0;
 914 }
 915
 916 .rtl .comment-author {
 917         padding-right: 4.6315em;
 918         padding-left: 0;
 919 }
 920
 921 .rtl .comment-author .avatar {
 922         right: 0;
 923         left: auto;
 924 }
 925
 926 .rtl .comment-content ul,
 927 .rtl .comment-content ol {
 928         margin-right: 0;
 929         margin-left: auto;
 930 }
 931
 932 .rtl .comment-content li > ul,
 933 .rtl .comment-content li > ol,
 934 .rtl .comment-content blockquote > ul,
 935 .rtl .comment-content blockquote > ol {
 936         margin-right: 1.3333em;
 937         margin-left: auto;
 938 }
 939
 940 .rtl .comment-metadata {
 941         padding-right: 5.5em;
 942         padding-left: 0;
 943 }
 944
 945 .rtl .bypostauthor > article .fn:after {
 946         right: 6px;
 947         left: auto;
 948 }