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