ie8.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. /*
  2. Theme Name: Twenty Sixteen
  3. Description: IE8 specific style.
  4. */
  5. code {
  6. background-color: transparent;
  7. padding: 0;
  8. }
  9. .entry-content a,
  10. .entry-summary a,
  11. .taxonomy-description a,
  12. .logged-in-as a,
  13. .comment-content a,
  14. .pingback .comment-body > a,
  15. .textwidget a,
  16. .entry-footer a:hover,
  17. .site-info a:hover {
  18. text-decoration: underline;
  19. }
  20. .entry-content a:hover,
  21. .entry-content a:focus,
  22. .entry-summary a:hover,
  23. .entry-summary a:focus,
  24. .taxonomy-description a:hover,
  25. .taxonomy-description a:focus,
  26. .logged-in-as a:hover,
  27. .logged-in-as a:focus,
  28. .comment-content a:hover,
  29. .comment-content a:focus,
  30. .pingback .comment-body > a:hover,
  31. .pingback .comment-body > a:focus,
  32. .textwidget a:hover,
  33. .textwidget a:focus,
  34. .entry-content .wp-audio-shortcode a,
  35. .entry-content .wp-playlist a,
  36. .page-links a {
  37. text-decoration: none;
  38. }
  39. .site {
  40. margin: 21px;
  41. }
  42. .site-inner {
  43. max-width: 710px;
  44. }
  45. .site-header {
  46. padding-top: 3.9375em;
  47. padding-bottom: 3.9375em;
  48. }
  49. .site-branding {
  50. float: left;
  51. margin-top: 1.3125em;
  52. margin-bottom: 1.3125em;
  53. }
  54. .site-title {
  55. font-size: 28px;
  56. line-height: 1.25;
  57. }
  58. .site-description {
  59. display: block;
  60. }
  61. .menu-toggle {
  62. float: right;
  63. font-size: 16px;
  64. margin: 1.3125em 0;
  65. padding: 0.8125em 0.875em 0.6875em;
  66. }
  67. .site-header-menu {
  68. clear: both;
  69. margin: 0;
  70. padding: 1.3125em 0;
  71. }
  72. .site-header .main-navigation + .social-navigation {
  73. margin-top: 2.625em;
  74. }
  75. .header-image {
  76. margin: 1.3125em 0;
  77. }
  78. .site-main {
  79. margin-bottom: 5.25em;
  80. }
  81. .post-navigation {
  82. margin-bottom: 5.25em;
  83. }
  84. .post-navigation .post-title {
  85. font-size: 28px;
  86. line-height: 1.25;
  87. }
  88. .pagination {
  89. margin: 0 7.6923% 4.421052632em;
  90. }
  91. .pagination .nav-links:before,
  92. .pagination .nav-links:after {
  93. display: none;
  94. }
  95. /* restore screen-reader-text */
  96. .pagination .current .screen-reader-text {
  97. position: absolute !important;
  98. }
  99. .pagination .page-numbers {
  100. display: inline-block;
  101. font-weight: 400;
  102. }
  103. .image-navigation .nav-previous,
  104. .image-navigation .nav-next,
  105. .comment-navigation .nav-previous,
  106. .comment-navigation .nav-next {
  107. display: inline-block;
  108. }
  109. .image-navigation .nav-previous + .nav-next:before,
  110. .comment-navigation .nav-previous + .nav-next:before {
  111. content: "\002f";
  112. display: inline-block;
  113. opacity: 0.7;
  114. padding: 0 0.538461538em;
  115. }
  116. .site-main > article {
  117. margin-bottom: 5.25em;
  118. }
  119. .entry-title {
  120. font-size: 33px;
  121. line-height: 1.2727272727;
  122. margin-bottom: 0.8484848485em;
  123. }
  124. .entry-content blockquote.alignleft,
  125. .entry-content blockquote.alignright {
  126. border-width: 4px 0 0 0;
  127. padding: 0.9473684211em 0 0;
  128. width: 50%;
  129. }
  130. .entry-footer > span:before {
  131. content: "\002f";
  132. display: inline-block;
  133. opacity: 0.7;
  134. padding: 0 0.538461538em;
  135. }
  136. .entry-footer > span:first-child:before {
  137. display: none;
  138. }
  139. .updated {
  140. display: none;
  141. }
  142. .updated.published {
  143. display: inline;
  144. }
  145. .comment-author {
  146. margin-bottom: 0;
  147. }
  148. .comment-author .avatar {
  149. height: 42px;
  150. position: relative;
  151. top: 0.25em;
  152. width: 42px;
  153. }
  154. .comment-list .children > li {
  155. padding-left: 1.75em;
  156. }
  157. .comment-list + .comment-respond,
  158. .comment-navigation + .comment-respond {
  159. padding-top: 3.5em;
  160. }
  161. .comment-reply-link {
  162. margin-top: 0;
  163. }
  164. .comments-area,
  165. .widget,
  166. .content-bottom-widgets .widget-area {
  167. margin-bottom: 5.25em;
  168. }
  169. .sidebar,
  170. .widecolumn {
  171. margin-bottom: 5.25em;
  172. }
  173. .site-footer .main-navigation,
  174. .site-footer .social-navigation {
  175. display: none;
  176. }
  177. .rtl .site-branding {
  178. float: right;
  179. }
  180. .rtl .menu-toggle {
  181. float: left;
  182. }
  183. .rtl .comment-list .children > li {
  184. padding-right: 1.75em;
  185. padding-left: 0;
  186. }