ie8.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. /*
  2. Theme Name: Twenty Seventeen
  3. Description: IE8 specific style.
  4. */
  5. body {
  6. font-size: 16px;
  7. }
  8. h1 {
  9. font-size: 30px;
  10. font-size: 1.875rem;
  11. }
  12. h2,
  13. .page .panel-content .recent-posts .entry-title {
  14. font-size: 26px;
  15. font-size: 1.625rem;
  16. }
  17. h3 {
  18. font-size: 22px;
  19. font-size: 1.375rem;
  20. }
  21. h4 {
  22. font-size: 18px;
  23. font-size: 1.125rem;
  24. }
  25. h5 {
  26. font-size: 13px;
  27. font-size: 0.8125rem;
  28. }
  29. h6 {
  30. font-size: 16px;
  31. font-size: 1rem;
  32. }
  33. img {
  34. width: inherit; /* Make images fill their parent's space. */
  35. }
  36. /* Fixes linked images */
  37. .entry-content a img,
  38. .widget a img {
  39. filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ffffff);
  40. }
  41. /* Layout */
  42. .site-content {
  43. padding: 6.5em 0 0;
  44. }
  45. /* Site Branding */
  46. .custom-header {
  47. overflow: hidden;
  48. }
  49. .has-header-image.twentyseventeen-front-page .custom-header,
  50. .has-header-image.home.blog .custom-header {
  51. display: block;
  52. }
  53. .custom-header-media {
  54. background-position: bottom center;
  55. }
  56. .site-branding {
  57. padding: 45px 0;
  58. }
  59. .has-header-image.twentyseventeen-front-page .site-branding,
  60. .has-header-image.home.blog .site-branding {
  61. bottom: 0;
  62. display: block;
  63. left: 0;
  64. height: auto;
  65. padding-top: 0;
  66. position: absolute;
  67. width: 100%;
  68. }
  69. .has-header-image .custom-header-media img {
  70. left: 0;
  71. top: 0;
  72. }
  73. .site-title {
  74. font-size: 36px;
  75. font-weight: 700;
  76. }
  77. .site-description {
  78. font-size: 16px;
  79. }
  80. /* Main Navigation */
  81. .navigation-top {
  82. background: #fff;
  83. position: relative;
  84. z-index: 10;
  85. }
  86. .menu-toggle {
  87. width: 150px;
  88. }
  89. .main-navigation ul#top-menu {
  90. margin-bottom: -1px;
  91. padding: 0;
  92. }
  93. .no-svg .dropdown-toggle {
  94. padding: 0.25em 0 0;
  95. }
  96. .no-svg .dropdown-toggle.toggled-on {
  97. padding: 0.75em 0 0;
  98. }
  99. .dropdown-toggle .svg-fallback.icon-angle-down {
  100. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";
  101. }
  102. .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
  103. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
  104. }
  105. /* Front Page */
  106. .twentyseventeen-front-page.has-header-image .custom-header,
  107. .blog.home.has-header-image .custom-header,
  108. .panel-image {
  109. height: 800px;
  110. max-height: 800px;
  111. padding-top: 0;
  112. }
  113. .twentyseventeen-front-page .custom-header-media,
  114. .blog.home .custom-header-media {
  115. background-position: center center;
  116. }
  117. .twentyseventeen-front-page.has-header-image .site-branding,
  118. .home.blog.has-header-image .site-branding {
  119. bottom: 20px;
  120. position: absolute;
  121. width: 100%;
  122. }
  123. .page .panel-content .entry-title,
  124. .page-title,
  125. .page .entry-title {
  126. font-size: 14px;
  127. font-size: 0.875rem;
  128. font-weight: 700;
  129. letter-spacing: 0.14em;
  130. text-transform: uppercase;
  131. }
  132. /* Posts */
  133. .blog .site-main > article,
  134. .archive .site-main > article,
  135. .search .site-main > article {
  136. padding-bottom: 4em;
  137. }
  138. time.updated {
  139. display: none;
  140. }
  141. time.published {
  142. display: inline-block;
  143. }
  144. .blog .entry-title {
  145. padding-top: 0;
  146. }
  147. .single-post .entry-title,
  148. .page .entry-title,
  149. .entry-meta + .entry-title {
  150. font-size: 26px;
  151. font-weight: 400;
  152. letter-spacing: normal;
  153. padding-top: 0;
  154. text-transform: none;
  155. }
  156. .entry-footer .cat-links,
  157. .entry-footer .tags-links {
  158. padding-left: 0;
  159. }
  160. .comment-author .avatar {
  161. z-index: -1;
  162. }
  163. ol.children .children {
  164. padding-left: 2em;
  165. }
  166. /* RTL Styles */
  167. .rtl .has-header-image.twentyseventeen-front-page .site-branding,
  168. .rtl .has-header-image.home.blog .site-branding {
  169. left: auto;
  170. right: 0;
  171. }
  172. .rtl .entry-footer .cat-links,
  173. .rtl .entry-footer .tags-links {
  174. padding-right: 0;
  175. }
  176. .rtl ol.children .children {
  177. padding-left: 0;
  178. padding-right: 2em;
  179. }