ie.css 13 KB

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