Advertisement
Guest User

Untitled

a guest
Feb 11th, 2014
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.98 KB | None | 0 0
  1. /*
  2. Theme Name: Aquarius
  3. Theme URI: http://wplovin.com/aquarius
  4. Author: wplovin
  5. Author URI: http://wplovin.com/
  6. Description: Aquarius is a minimal theme with clean Georgia-based typography, built mainly for a personal bloggers. Let your users concentrate on reading, while you do the writing; wplovin.com 1/12.
  7. Version: 1.0.5
  8. License: GNU General Public License v2 or later
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Tags: blue, white, light, one-column, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, post-formats, sticky-post, translation-ready
  11. Text Domain: aquarius
  12.  
  13. Download it, use it, love it!
  14. Spread the word, wplovin.com
  15. */
  16.  
  17. /**
  18. * Table of Contents:
  19. *
  20. * 1 - Normalize
  21. * 2 - Some basic styles
  22. * 3 - CSS helpers
  23. * 4 - Header styling
  24. * 5 - Navigation styling
  25. * 6 - Content styling
  26. * 7 - Comments styling
  27. * 8 - Footer styling
  28. * 9 - Sidr styling
  29. * 10 - Widgets styling
  30. * 11 - WordPress classes
  31. * 12 - Responsive
  32. */
  33. /**
  34. * ---------------------
  35. * 1 - Normalize
  36. * ---------------------
  37. */
  38. * {
  39. -webkit-box-sizing: border-box;
  40. -moz-box-sizing: border-box;
  41. box-sizing: border-box;
  42. }
  43. article,
  44. aside,
  45. details,
  46. figcaption,
  47. figure,
  48. footer,
  49. header,
  50. nav,
  51. section,
  52. summary {
  53. display: block;
  54. }
  55. audio,
  56. canvas,
  57. video {
  58. display: inline-block;
  59. }
  60. audio:not([controls]) {
  61. display: none;
  62. height: 0;
  63. }
  64. [hidden] {
  65. display: none;
  66. }
  67. html {
  68. font-size: 100%;
  69. overflow-y: scroll;
  70. -webkit-text-size-adjust: 100%;
  71. -ms-text-size-adjust: 100%;
  72. }
  73. html,
  74. button,
  75. input,
  76. select,
  77. textarea {
  78. font-family: "Source Sans Pro", Helvetica, sans-serif;
  79. }
  80. body {
  81. color: #141412;
  82. line-height: 1.2;
  83. margin: 0;
  84. }
  85. a {
  86. color: #ca3c08;
  87. text-decoration: none;
  88. }
  89. a:visited {
  90. color: #ac0404;
  91. }
  92. a:focus {
  93. outline: thin dotted;
  94. }
  95. a:active,
  96. a:hover {
  97. color: #ea9629;
  98. outline: 0;
  99. }
  100. a:hover {
  101. text-decoration: underline;
  102. }
  103. h1,
  104. h2,
  105. h3,
  106. h4,
  107. h5,
  108. h6 {
  109. clear: both;
  110. font-family: Bitter, Georgia, serif;
  111. line-height: 1.3;
  112. }
  113. h1 {
  114. font-size: 48px;
  115. margin: 33px 0;
  116. }
  117. h2 {
  118. font-size: 30px;
  119. margin: 25px 0;
  120. }
  121. h3 {
  122. font-size: 22px;
  123. margin: 22px 0;
  124. }
  125. h4 {
  126. font-size: 20px;
  127. margin: 25px 0;
  128. }
  129. h5 {
  130. font-size: 18px;
  131. margin: 30px 0;
  132. }
  133. h6 {
  134. font-size: 16px;
  135. margin: 36px 0;
  136. }
  137. address {
  138. font-style: italic;
  139. margin: 0 0 24px;
  140. }
  141. abbr[title] {
  142. border-bottom: 1px dotted;
  143. }
  144. b,
  145. strong {
  146. font-weight: bold;
  147. }
  148. dfn {
  149. font-style: italic;
  150. }
  151. mark {
  152. background: #ff0;
  153. color: #000;
  154. }
  155. p {
  156. margin: 0 0 24px;
  157. }
  158. code,
  159. kbd,
  160. pre,
  161. samp {
  162. font-family: monospace, serif;
  163. font-size: 14px;
  164. -webkit-hyphens: none;
  165. -moz-hyphens: none;
  166. -ms-hyphens: none;
  167. hyphens: none;
  168. }
  169. pre {
  170. background: #f5f5f5;
  171. color: #666;
  172. font-family: monospace;
  173. font-size: 14px;
  174. margin: 20px 0;
  175. overflow: auto;
  176. padding: 20px;
  177. white-space: pre;
  178. white-space: pre-wrap;
  179. word-wrap: break-word;
  180. }
  181. blockquote,
  182. q {
  183. -webkit-hyphens: none;
  184. -moz-hyphens: none;
  185. -ms-hyphens: none;
  186. hyphens: none;
  187. quotes: none;
  188. }
  189. blockquote:before,
  190. blockquote:after,
  191. q:before,
  192. q:after {
  193. content: "";
  194. content: none;
  195. }
  196. blockquote {
  197. font-size: 18px;
  198. font-style: italic;
  199. font-weight: 300;
  200. margin: 24px 40px;
  201. }
  202. blockquote blockquote {
  203. margin-right: 0;
  204. }
  205. blockquote cite,
  206. blockquote small {
  207. font-size: 14px;
  208. font-weight: normal;
  209. text-transform: uppercase;
  210. }
  211. blockquote em,
  212. blockquote i {
  213. font-style: normal;
  214. font-weight: 300;
  215. }
  216. blockquote strong,
  217. blockquote b {
  218. font-weight: 400;
  219. }
  220. small {
  221. font-size: smaller;
  222. }
  223. sub,
  224. sup {
  225. font-size: 75%;
  226. line-height: 0;
  227. position: relative;
  228. vertical-align: baseline;
  229. }
  230. sup {
  231. top: -0.5em;
  232. }
  233. sub {
  234. bottom: -0.25em;
  235. }
  236. dl {
  237. margin: 0 20px;
  238. }
  239. dt {
  240. font-weight: bold;
  241. }
  242. dd {
  243. margin: 0 0 20px;
  244. }
  245. menu,
  246. ol,
  247. ul {
  248. margin: 16px 0;
  249. padding: 0 0 0 40px;
  250. }
  251. ul {
  252. list-style-type: square;
  253. }
  254. nav ul,
  255. nav ol {
  256. list-style: none;
  257. list-style-image: none;
  258. }
  259. li > ul,
  260. li > ol {
  261. margin: 0;
  262. }
  263. img {
  264. -ms-interpolation-mode: bicubic;
  265. border: 0;
  266. vertical-align: middle;
  267. }
  268. svg:not(:root) {
  269. overflow: hidden;
  270. }
  271. figure {
  272. margin: 0;
  273. }
  274. form {
  275. margin: 0;
  276. }
  277. fieldset {
  278. border: 1px solid #c0c0c0;
  279. margin: 0 2px;
  280. padding: 0.35em 0.625em 0.75em;
  281. }
  282. legend {
  283. border: 0;
  284. padding: 0;
  285. white-space: normal;
  286. }
  287. button,
  288. input,
  289. select,
  290. textarea {
  291. font-size: 100%;
  292. margin: 0;
  293. max-width: 100%;
  294. vertical-align: baseline;
  295. }
  296. button,
  297. input {
  298. line-height: normal;
  299. }
  300. button,
  301. html input[type="button"],
  302. input[type="reset"],
  303. input[type="submit"] {
  304. -webkit-appearance: button;
  305. cursor: pointer;
  306. }
  307. button[disabled],
  308. input[disabled] {
  309. cursor: default;
  310. }
  311. input[type="checkbox"],
  312. input[type="radio"] {
  313. padding: 0;
  314. }
  315. input[type="search"] {
  316. -webkit-appearance: textfield;
  317. padding-right: 2px;
  318. /* Don't cut off the webkit search cancel button */
  319. width: 270px;
  320. }
  321. input[type="search"]::-webkit-search-decoration {
  322. -webkit-appearance: none;
  323. }
  324. button::-moz-focus-inner,
  325. input::-moz-focus-inner {
  326. border: 0;
  327. padding: 0;
  328. }
  329. textarea {
  330. overflow: auto;
  331. vertical-align: top;
  332. }
  333. table {
  334. border-bottom: 1px solid #ededed;
  335. border-collapse: collapse;
  336. border-spacing: 0;
  337. font-size: 14px;
  338. line-height: 2;
  339. margin: 0 0 20px;
  340. width: 100%;
  341. }
  342. caption,
  343. th,
  344. td {
  345. font-weight: normal;
  346. text-align: left;
  347. }
  348. caption {
  349. font-size: 16px;
  350. margin: 20px 0;
  351. }
  352. th {
  353. font-weight: bold;
  354. text-transform: uppercase;
  355. }
  356. td {
  357. border-top: 1px solid #ededed;
  358. padding: 6px 10px 6px 0;
  359. }
  360. del {
  361. color: #333;
  362. }
  363. ins {
  364. background: #fff9c0;
  365. text-decoration: none;
  366. }
  367. hr {
  368. border-bottom: 1px dashed #c0bfbb;
  369. height: 1px;
  370. margin: 0 0 24px;
  371. }
  372. /**
  373. * ---------------------
  374. * 2 - Some basic styles
  375. * ---------------------
  376. */
  377. abbr,
  378. acronym {
  379. cursor: help;
  380. border-bottom: 1px dotted;
  381. }
  382. html,
  383. body {
  384. background: #3A3A3A;
  385. overflow-y: auto;
  386. }
  387. body {
  388. font-size: 16px;
  389. font-family: Georgia, serif;
  390. }
  391. h1,
  392. h2,
  393. h3,
  394. h4,
  395. h5,
  396. h6 {
  397. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  398. font-weight: bold;
  399. letter-spacing: -0.08em;
  400. line-height: 1em;
  401. margin: 0;
  402. }
  403. h1 {
  404. font-size: 4.854em;
  405. }
  406. h2 {
  407. font-size: 4.045em;
  408. }
  409. h3 {
  410. font-size: 3.236em;
  411. }
  412. h4 {
  413. font-size: 2.427em;
  414. }
  415. h5 {
  416. font-size: 1.618em;
  417. }
  418. h6 {
  419. font-size: 1.2135em;
  420. }
  421. a,
  422. a:visited {
  423. color: #1d9ab4;
  424. }
  425. a,
  426. a:hover,
  427. i {
  428. transition: all 0.5s;
  429. -webkit-transition: all 0.5s;
  430. /* Safari */
  431. }
  432. a:hover {
  433. color: #3dc4e0;
  434. }
  435. .admin-bar .sidr-inner {
  436. padding-top: 32px;
  437. }
  438. #wpadminbar {
  439. z-index: 9999;
  440. }
  441. input {
  442. border: none;
  443. border-bottom: 1px dashed #cbbbab;
  444. color: #695541;
  445. margin: 10px;
  446. padding: 10px;
  447. }
  448. textarea {
  449. color: #695541;
  450. margin: 10px;
  451. padding: 10px;
  452. }
  453. select {
  454. padding: 10px;
  455. }
  456. input[type="submit"] {
  457. transition: all 0.5s;
  458. -webkit-transition: all 0.5s;
  459. /* Safari */
  460. background: #20adca;
  461. border: none;
  462. border-radius: 500em;
  463. color: #f1f1f1;
  464. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  465. font-size: 0.625em;
  466. font-weight: bold;
  467. padding: 20px 60px;
  468. text-transform: uppercase;
  469. }
  470. input[type="submit"]:hover {
  471. background: #19879e;
  472. }
  473. /**
  474. * ---------------------
  475. * 3 - CSS helpers
  476. * ---------------------
  477. */
  478. .cf:before,
  479. .cf:after {
  480. content: " ";
  481. display: table;
  482. }
  483. .cf:after {
  484. clear: both;
  485. }
  486. .cf {
  487. *zoom: 1;
  488. }
  489. .inside {
  490. margin: 0 auto;
  491. width: 880px;
  492. }
  493. .half-padding {
  494. padding: 15px;
  495. }
  496. .half-padding-v {
  497. padding-top: 15px;
  498. padding-bottom: 15px;
  499. }
  500. .half-padding-h {
  501. padding-left: 15px;
  502. padding-right: 15px;
  503. }
  504. .full-padding {
  505. padding: 5px;
  506. }
  507. .full-padding-v {
  508. padding-top: 30px;
  509. padding-bottom: 30px;
  510. }
  511. .full-padding-h {
  512. padding-left: 30px;
  513. padding-right: 30px;
  514. }
  515. .double-padding {
  516. padding: 60px;
  517. }
  518. .double-padding-v {
  519. padding-top: 60px;
  520. padding-bottom: 60px;
  521. }
  522. .double-padding-h {
  523. padding-left: 60px;
  524. padding-right: 60px;
  525. }
  526. .one-half {
  527. float: left;
  528. width: 50%;
  529. }
  530. .one-third {
  531. float: left;
  532. width: 33.3%;
  533. }
  534. .two-thirds {
  535. float: left;
  536. width: 66.6%;
  537. }
  538. .one-forth {
  539. float: left;
  540. width: 25%;
  541. }
  542. /**
  543. * ---------------------
  544. * 4 - Header styling
  545. * ---------------------
  546. */
  547. #header-main {
  548. background: #f2eeea;
  549. }
  550. #header-main #logo {
  551. color: #b4b2ae;
  552. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  553. font-size: 4.045em;
  554. font-weight: bold;
  555. letter-spacing: -0.08em;
  556. text-decoration: none;
  557. }
  558. #header-main #logo i {
  559. color: #fc4349;
  560. margin: 0 5px;
  561. }
  562. /**
  563. * ---------------------
  564. * 5 - Navigation styling
  565. * ---------------------
  566. */
  567. #navigation-main {
  568. -webkit-backface-visibility: visible;
  569. background-repeat: repeat;
  570. background-position: center center;
  571. background-color: #20adca;
  572. position: relative;
  573. z-index: 9999;
  574. }
  575. #navigation-main.fixed-nav {
  576. left: 0;
  577. position: fixed;
  578. top: 0;
  579. width: 100%;
  580. }
  581. #navigation-main ul {
  582. -webkit-backface-visibility: visible;
  583. margin: 0 auto;
  584. padding-top: 15px;
  585. width: 880px;
  586. }
  587. #navigation-main ul li {
  588. -webkit-backface-visibility: visible;
  589. float: left;
  590. margin: 15px 30px 0 0;
  591. position: relative;
  592. }
  593. #navigation-main ul li ul {
  594. border-bottom: 1px dashed #e4dcd4;
  595. border-radius: 7px;
  596. display: none;
  597. float: left;
  598. max-width: 200px;
  599. min-width: 150px;
  600. padding-left: 0;
  601. padding-top: 10px;
  602. position: absolute;
  603. z-index: 9999;
  604. }
  605. #navigation-main ul li ul > li {
  606. background: #ffffff;
  607. border: 1px dashed #e4dcd4;
  608. border-bottom: none;
  609. display: block;
  610. margin: 0;
  611. width: 100%;
  612. }
  613. #navigation-main ul li ul > li a {
  614. border: none;
  615. color: #b4b2ae;
  616. display: block;
  617. font-size: 0.5em;
  618. padding: 10px;
  619. text-transform: none;
  620. }
  621. #navigation-main ul li ul > li a:hover {
  622. border: none;
  623. color: #838079;
  624. display: block;
  625. font-size: 0.5em;
  626. padding: 10px;
  627. text-transform: none;
  628. }
  629. #navigation-main ul li ul > li:hover {
  630. background: #fafafa;
  631. }
  632. #navigation-main ul li a {
  633. border: 1px dashed #d9d9d9;
  634. border-radius: 500em;
  635. color: #f2f2f2;
  636. display: inline-block;
  637. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  638. font-size: 0.545em;
  639. font-weight: bold;
  640. letter-spacing: 0.2em;
  641. padding: 10px 30px;
  642. text-transform: uppercase;
  643. }
  644. #navigation-main ul li a:hover {
  645. border: 1px dashed #ffffff;
  646. color: #ffffff;
  647. text-decoration: none;
  648. }
  649. #navigation-main ul li:hover > ul.sub-menu {
  650. display: block;
  651. }
  652. #navigation-main ul li > ul.sub-menu > li > ul.sub-menu {
  653. left: 100%;
  654. top: -1px;
  655. padding-top: 0;
  656. }
  657. #navigation-main ul li > ul.sub-menu > li > ul.sub-menu > li {
  658. background: #fafafa;
  659. }
  660. #navigation-main ul li > ul.sub-menu > li > ul.sub-menu > li:hover {
  661. background: #f2f2f2;
  662. }
  663. #navigation-main #sidebar-handler {
  664. font-size: 1.1326em;
  665. margin-top: -1.0517em;
  666. position: absolute;
  667. right: 30px;
  668. top: 50%;
  669. }
  670. #navigation-main #sidebar-handler i {
  671. background: #1d9ab4;
  672. border-radius: 7px;
  673. color: #ece6e1;
  674. padding: 15px;
  675. }
  676. #navigation-main #sidebar-handler i:hover {
  677. background: #19879e;
  678. cursor: pointer;
  679. }
  680. #navigation-main #responsive-menu-handler {
  681. display: none;
  682. font-size: 1.1326em;
  683. margin-top: -1.0517em;
  684. position: absolute;
  685. left: 30px;
  686. top: 50%;
  687. }
  688. #navigation-main #responsive-menu-handler i {
  689. background: #1d9ab4;
  690. border-radius: 7px;
  691. color: #ece6e1;
  692. padding: 15px;
  693. }
  694. #navigation-main #responsive-menu-handler i:hover {
  695. background: #19879e;
  696. cursor: pointer;
  697. }
  698. .admin-bar #navigation-main.fixed-nav {
  699. top: 32px;
  700. }
  701. #sidr-menu.sidr {
  702. padding-top: 30px;
  703. }
  704. #sidr-menu.sidr ul {
  705. border: none;
  706. }
  707. #sidr-menu.sidr ul li {
  708. border-bottom: none;
  709. border-top: none;
  710. margin: 0;
  711. padding: 0;
  712. }
  713. #sidr-menu.sidr ul li .sub-menu {
  714. border-top: none!important;
  715. }
  716. #sidr-menu.sidr ul li .sub-menu li a {
  717. font-size: 0.875em;
  718. padding-left: 45px;
  719. }
  720. /**
  721. * ---------------------
  722. * 6 - Content styling
  723. * ---------------------
  724. */
  725. .blog .post {
  726. border-bottom: 1px dashed #c0bfbb;
  727. }
  728. #content-main {
  729. position: relative;
  730. }
  731. #content-main .archive-header {
  732. background: #1fa5c1;
  733. color: #f7f7f7;
  734. font-size: 0.5em;
  735. }
  736. #content-main .archive-header h3 {
  737. font-family: Georgia, serif;
  738. font-style: italic;
  739. font-weight: normal;
  740. margin: 0 auto;
  741. padding: 30px;
  742. width: 880px;
  743. }
  744. #content-main .post,
  745. #content-main .page,
  746. #content-main .attachment {
  747. position: relative;
  748. z-index: 20;
  749. overflow: hidden;
  750. }
  751. #content-main .post .entry-header h1,
  752. #content-main .page .entry-header h1,
  753. #content-main .attachment .entry-header h1 {
  754. font-size: 30px;
  755. padding-bottom: 30px;
  756. padding-top: 30px;
  757. word-break: break-word;
  758. }
  759. #content-main .post .entry-header h1,
  760. #content-main .page .entry-header h1,
  761. #content-main .attachment .entry-header h1,
  762. #content-main .post .entry-header h1 a,
  763. #content-main .page .entry-header h1 a,
  764. #content-main .attachment .entry-header h1 a {
  765. color: #333333;
  766. }
  767. #content-main .post .entry-header h1 a:hover,
  768. #content-main .page .entry-header h1 a:hover,
  769. #content-main .attachment .entry-header h1 a:hover {
  770. text-decoration: none;
  771. }
  772. #content-main .post .entry-header .post-thumbnail,
  773. #content-main .page .entry-header .post-thumbnail,
  774. #content-main .attachment .entry-header .post-thumbnail {
  775. border: 1px dashed #e4dcd4;
  776. margin: 30px 0 15px 0;
  777. padding: 15px;
  778. }
  779. #content-main .post .entry-header .post-thumbnail a,
  780. #content-main .page .entry-header .post-thumbnail a,
  781. #content-main .attachment .entry-header .post-thumbnail a {
  782. display: block;
  783. }
  784. #content-main .post .entry-header .post-thumbnail a img,
  785. #content-main .page .entry-header .post-thumbnail a img,
  786. #content-main .attachment .entry-header .post-thumbnail a img {
  787. height: auto;
  788. max-width: 100%;
  789. width: 100%;
  790. }
  791. #content-main .post .entry-header .post-thumbnail img,
  792. #content-main .page .entry-header .post-thumbnail img,
  793. #content-main .attachment .entry-header .post-thumbnail img {
  794. height: auto;
  795. max-width: 100%;
  796. width: 100%;
  797. }
  798. #content-main .post .entry-meta,
  799. #content-main .page .entry-meta,
  800. #content-main .attachment .entry-meta {
  801. margin-bottom: 15px;
  802. padding: 15px 0;
  803. }
  804. #content-main .post .entry-meta span,
  805. #content-main .page .entry-meta span,
  806. #content-main .attachment .entry-meta span {
  807. color: #cdcbc8;
  808. display: block;
  809. font-family: Georgia, serif;
  810. }
  811. #content-main .post .entry-meta span a,
  812. #content-main .page .entry-meta span a,
  813. #content-main .attachment .entry-meta span a {
  814. color: #cdcbc8;
  815. display: none;
  816. font-size: 0.625em;
  817. }
  818. #content-main .post .entry-meta span a:hover,
  819. #content-main .page .entry-meta span a:hover,
  820. #content-main .attachment .entry-meta span a:hover {
  821. color: #b4b2ae;
  822. display: none;
  823. }
  824. #content-main .post .entry-meta span i,
  825. #content-main .page .entry-meta span i,
  826. #content-main .attachment .entry-meta span i {
  827. color: #e5e4e3;
  828. font-size: 0.875em;
  829. margin-right: 0.5em;
  830. text-align: center;
  831. width: 30px;
  832. }
  833. #content-main .post .entry-content h1,
  834. #content-main .page .entry-content h1,
  835. #content-main .attachment .entry-content h1,
  836. #content-main .post .entry-content h2,
  837. #content-main .page .entry-content h2,
  838. #content-main .attachment .entry-content h2,
  839. #content-main .post .entry-content h3,
  840. #content-main .page .entry-content h3,
  841. #content-main .attachment .entry-content h3,
  842. #content-main .post .entry-content h4,
  843. #content-main .page .entry-content h4,
  844. #content-main .attachment .entry-content h4,
  845. #content-main .post .entry-content h5,
  846. #content-main .page .entry-content h5,
  847. #content-main .attachment .entry-content h5,
  848. #content-main .post .entry-content h6,
  849. #content-main .page .entry-content h6,
  850. #content-main .attachment .entry-content h6 {
  851. color: #383838;
  852. margin: 45px auto;
  853. }
  854. #content-main .post .entry-content h1,
  855. #content-main .page .entry-content h1,
  856. #content-main .attachment .entry-content h1 {
  857. font-size: 3em;
  858. }
  859. #content-main .post .entry-content h2,
  860. #content-main .page .entry-content h2,
  861. #content-main .attachment .entry-content h2 {
  862. font-size: 2.5em;
  863. }
  864. #content-main .post .entry-content h3,
  865. #content-main .page .entry-content h3,
  866. #content-main .attachment .entry-content h3 {
  867. font-size: 2em;
  868. }
  869. #content-main .post .entry-content h4,
  870. #content-main .page .entry-content h4,
  871. #content-main .attachment .entry-content h4 {
  872. font-size: 1.5em;
  873. }
  874. #content-main .post .entry-content h5,
  875. #content-main .page .entry-content h5,
  876. #content-main .attachment .entry-content h5 {
  877. font-size: 1em;
  878. }
  879. #content-main .post .entry-content h6,
  880. #content-main .page .entry-content h6,
  881. #content-main .attachment .entry-content h6 {
  882. font-size: 0.75em;
  883. }
  884. #content-main .post .entry-content img,
  885. #content-main .page .entry-content img,
  886. #content-main .attachment .entry-content img,
  887. #content-main .post .entry-content .wp-caption,
  888. #content-main .page .entry-content .wp-caption,
  889. #content-main .attachment .entry-content .wp-caption {
  890. height: auto;
  891. max-width: 100%;
  892. }
  893. #content-main .post .entry-content img,
  894. #content-main .page .entry-content img,
  895. #content-main .attachment .entry-content img {
  896. margin-bottom: 10px;
  897. }
  898. #content-main .post .entry-content blockquote,
  899. #content-main .page .entry-content blockquote,
  900. #content-main .attachment .entry-content blockquote,
  901. #content-main .post .entry-content q,
  902. #content-main .page .entry-content q,
  903. #content-main .attachment .entry-content q {
  904. color: #b4b2ae;
  905. font-style: italic;
  906. }
  907. #content-main .post .entry-content blockquote cite,
  908. #content-main .page .entry-content blockquote cite,
  909. #content-main .attachment .entry-content blockquote cite,
  910. #content-main .post .entry-content q cite,
  911. #content-main .page .entry-content q cite,
  912. #content-main .attachment .entry-content q cite {
  913. display: block;
  914. }
  915. #content-main .post .entry-content cite,
  916. #content-main .page .entry-content cite,
  917. #content-main .attachment .entry-content cite {
  918. color: #838079;
  919. display: inline-block;
  920. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  921. font-size: 0.6em;
  922. font-style: normal;
  923. font-weight: bold;
  924. margin-top: 10px;
  925. }
  926. #content-main .post .entry-content dl,
  927. #content-main .page .entry-content dl,
  928. #content-main .attachment .entry-content dl {
  929. margin: 15px 0;
  930. overflow: hidden;
  931. }
  932. #content-main .post .entry-content dl dt,
  933. #content-main .page .entry-content dl dt,
  934. #content-main .attachment .entry-content dl dt,
  935. #content-main .post .entry-content dl dd,
  936. #content-main .page .entry-content dl dd,
  937. #content-main .attachment .entry-content dl dd {
  938. float: left;
  939. }
  940. #content-main .post .entry-content dl dt,
  941. #content-main .page .entry-content dl dt,
  942. #content-main .attachment .entry-content dl dt {
  943. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  944. font-size: 0.6em;
  945. line-height: 2.5em;
  946. width: 33%;
  947. padding-right: 3%;
  948. text-align: right;
  949. }
  950. #content-main .post .entry-content dl dd,
  951. #content-main .page .entry-content dl dd,
  952. #content-main .attachment .entry-content dl dd {
  953. border-left: 1px dashed #e4dcd4;
  954. color: #b4b2ae;
  955. margin-bottom: 30px;
  956. padding-left: 3%;
  957. width: 60%;
  958. }
  959. #content-main .post .entry-content code,
  960. #content-main .page .entry-content code,
  961. #content-main .attachment .entry-content code,
  962. #content-main .post .entry-content kbd,
  963. #content-main .page .entry-content kbd,
  964. #content-main .attachment .entry-content kbd,
  965. #content-main .post .entry-content tt,
  966. #content-main .page .entry-content tt,
  967. #content-main .attachment .entry-content tt {
  968. background: #f2eeea;
  969. padding: 5px;
  970. }
  971. #content-main .post .entry-content ins,
  972. #content-main .page .entry-content ins,
  973. #content-main .attachment .entry-content ins {
  974. padding: 5px;
  975. }
  976. #content-main .post .entry-content pre,
  977. #content-main .page .entry-content pre,
  978. #content-main .attachment .entry-content pre {
  979. background: transparent;
  980. border: 1px dashed #e4dcd4;
  981. }
  982. #content-main .post .entry-content table,
  983. #content-main .page .entry-content table,
  984. #content-main .attachment .entry-content table {
  985. border: 1px dashed #e4dcd4;
  986. }
  987. #content-main .post .entry-content table th,
  988. #content-main .page .entry-content table th,
  989. #content-main .attachment .entry-content table th {
  990. border: 1px solid #dfd5cb;
  991. text-align: center;
  992. }
  993. #content-main .post .entry-content table tr,
  994. #content-main .page .entry-content table tr,
  995. #content-main .attachment .entry-content table tr,
  996. #content-main .post .entry-content table td,
  997. #content-main .page .entry-content table td,
  998. #content-main .attachment .entry-content table td {
  999. border: 1px dashed #e4dcd4;
  1000. text-align: center;
  1001. }
  1002. #content-main .post .entry-content .gallery,
  1003. #content-main .page .entry-content .gallery,
  1004. #content-main .attachment .entry-content .gallery {
  1005. margin-bottom: 20px;
  1006. }
  1007. #content-main .post .entry-content .gallery dl,
  1008. #content-main .page .entry-content .gallery dl,
  1009. #content-main .attachment .entry-content .gallery dl {
  1010. margin: 0;
  1011. overflow: hidden;
  1012. }
  1013. #content-main .post .entry-content .gallery dl dt,
  1014. #content-main .page .entry-content .gallery dl dt,
  1015. #content-main .attachment .entry-content .gallery dl dt,
  1016. #content-main .post .entry-content .gallery dl dd,
  1017. #content-main .page .entry-content .gallery dl dd,
  1018. #content-main .attachment .entry-content .gallery dl dd {
  1019. float: none;
  1020. }
  1021. #content-main .post .entry-content .gallery dl dt,
  1022. #content-main .page .entry-content .gallery dl dt,
  1023. #content-main .attachment .entry-content .gallery dl dt {
  1024. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1025. font-size: 0.6em;
  1026. line-height: 2.5em;
  1027. width: auto;
  1028. padding-right: 0;
  1029. text-align: right;
  1030. }
  1031. #content-main .post .entry-content .gallery dl dd,
  1032. #content-main .page .entry-content .gallery dl dd,
  1033. #content-main .attachment .entry-content .gallery dl dd {
  1034. border-left: 1px dashed #e4dcd4;
  1035. color: #b4b2ae;
  1036. margin-bottom: 30px;
  1037. padding-left: 3%;
  1038. width: auto;
  1039. }
  1040. #content-main .post .entry-content .gallery .gallery-item,
  1041. #content-main .page .entry-content .gallery .gallery-item,
  1042. #content-main .attachment .entry-content .gallery .gallery-item {
  1043. float: left;
  1044. margin: 0 0;
  1045. overflow: hidden;
  1046. position: relative;
  1047. }
  1048. #content-main .post .entry-content .gallery .gallery-item a,
  1049. #content-main .page .entry-content .gallery .gallery-item a,
  1050. #content-main .attachment .entry-content .gallery .gallery-item a,
  1051. #content-main .post .entry-content .gallery .gallery-item img,
  1052. #content-main .page .entry-content .gallery .gallery-item img,
  1053. #content-main .attachment .entry-content .gallery .gallery-item img {
  1054. margin: 0;
  1055. padding: 0;
  1056. width: 100%;
  1057. height: auto;
  1058. }
  1059. #content-main .post .more-link,
  1060. #content-main .page .more-link,
  1061. #content-main .attachment .more-link {
  1062. border: 1px dashed #b4b2ae;
  1063. border-radius: 500em;
  1064. color: #b4b2ae;
  1065. display: inline-block;
  1066. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1067. font-size: 0.545em;
  1068. font-weight: bold;
  1069. margin: 30px 0 0 0;
  1070. letter-spacing: 0.2em;
  1071. padding: 10px 30px;
  1072. text-transform: uppercase;
  1073. }
  1074. #content-main .post .more-link:hover,
  1075. #content-main .page .more-link:hover,
  1076. #content-main .attachment .more-link:hover {
  1077. border: 1px dashed #20adca;
  1078. color: #20adca;
  1079. text-decoration: none;
  1080. }
  1081. #content-main .post.sticky,
  1082. #content-main .page.sticky,
  1083. #content-main .attachment.sticky {
  1084. background: #edfafc;
  1085. }
  1086. #content-main .post.sticky .entry-meta span,
  1087. #content-main .page.sticky .entry-meta span,
  1088. #content-main .attachment.sticky .entry-meta span {
  1089. color: #20adca;
  1090. }
  1091. #content-main .post.sticky .entry-meta span a,
  1092. #content-main .page.sticky .entry-meta span a,
  1093. #content-main .attachment.sticky .entry-meta span a {
  1094. color: #20adca;
  1095. display: none;
  1096. }
  1097. #content-main .post.sticky .entry-meta span a:hover,
  1098. #content-main .page.sticky .entry-meta span a:hover,
  1099. #content-main .attachment.sticky .entry-meta span a:hover {
  1100. color: #19879e;
  1101. display: none;
  1102. }
  1103. #content-main .post.sticky .entry-meta span i,
  1104. #content-main .page.sticky .entry-meta span i,
  1105. #content-main .attachment.sticky .entry-meta span i {
  1106. color: #20adca;
  1107. }
  1108. #content-main.archive-list article:last-of-type {
  1109. border-bottom: 1px solid #b4b2ae;
  1110. }
  1111. #content-main .paging-navigation {
  1112. background: #e5e4e3;
  1113. border-bottom: 1px solid #b4b2ae;
  1114. border-top: 1px solid #ffffff;
  1115. overflow: hidden;
  1116. }
  1117. #content-main .paging-navigation .pager-link {
  1118. overflow: hidden;
  1119. position: relative;
  1120. width: 50%;
  1121. z-index: 10;
  1122. }
  1123. #content-main .paging-navigation .pager-link a {
  1124. color: #f7f7f7;
  1125. display: block;
  1126. font-size: 2.250em;
  1127. font-style: italic;
  1128. padding: 30px 60px;
  1129. position: relative;
  1130. }
  1131. #content-main .paging-navigation .pager-link a:hover {
  1132. color: #94918c;
  1133. text-decoration: none;
  1134. }
  1135. #content-main .paging-navigation .pager-link.nav-next {
  1136. float: left;
  1137. text-align: right;
  1138. }
  1139. #content-main .paging-navigation .pager-link.nav-next i {
  1140. left: 3%;
  1141. top: -0.3em;
  1142. }
  1143. #content-main .paging-navigation .pager-link.nav-previous {
  1144. float: right;
  1145. text-align: left;
  1146. }
  1147. #content-main .paging-navigation .pager-link.nav-previous i {
  1148. right: 3%;
  1149. top: -0.3em;
  1150. }
  1151. #content-main .paging-navigation .pager-link i {
  1152. color: #ededed;
  1153. font-size: 16em;
  1154. position: absolute;
  1155. }
  1156. #content-main .paging-navigation .pager-link:hover i {
  1157. color: #cdcbc8;
  1158. }
  1159. #content-main .page-links {
  1160. border-top: 1px solid #b4b2ae;
  1161. border-bottom: 1px solid #ffffff;
  1162. margin-bottom: -2px;
  1163. position: relative;
  1164. }
  1165. #content-main .page-links .faux-top-border {
  1166. background: #e5e4e3;
  1167. border-bottom: 1px solid #b4b2ae;
  1168. border-top: 1px solid #ffffff;
  1169. color: #ffffff;
  1170. display: block;
  1171. font-size: 2.250em;
  1172. font-style: italic;
  1173. overflow: hidden;
  1174. padding: 30px 60px;
  1175. position: relative;
  1176. text-align: center;
  1177. }
  1178. #content-main .page-links .faux-top-border a {
  1179. color: #ffffff;
  1180. display: inline-block;
  1181. font-style: italic;
  1182. position: relative;
  1183. z-index: 20;
  1184. }
  1185. #content-main .page-links .faux-top-border a:hover {
  1186. color: #94918c;
  1187. text-decoration: none;
  1188. }
  1189. #content-main .page-links .faux-top-border i {
  1190. color: #ededed;
  1191. font-size: 9em;
  1192. position: absolute;
  1193. right: 10%;
  1194. top: -0.1em;
  1195. z-index: 10;
  1196. }
  1197. .gallery-columns-1 .gallery-item {
  1198. width: 100%;
  1199. max-width: 100%;
  1200. }
  1201. .gallery-columns-2 .gallery-item {
  1202. width: 50%;
  1203. max-width: 50%;
  1204. }
  1205. .gallery-columns-3 .gallery-item {
  1206. width: 33.3%;
  1207. max-width: 33.3%;
  1208. }
  1209. .gallery-columns-4 .gallery-item {
  1210. width: 25%;
  1211. max-width: 25%;
  1212. }
  1213. .gallery-columns-5 .gallery-item {
  1214. width: 20%;
  1215. max-width: 20%;
  1216. }
  1217. .gallery-columns-6 .gallery-item {
  1218. width: 16.6%;
  1219. max-width: 16.6%;
  1220. }
  1221. .gallery-columns-7 .gallery-item {
  1222. width: 14.2%;
  1223. max-width: 14.2%;
  1224. }
  1225. .gallery-columns-8 .gallery-item {
  1226. width: 12.5%;
  1227. max-width: 12.5%;
  1228. }
  1229. .gallery-columns-9 .gallery-item {
  1230. width: 11.1%;
  1231. max-width: 11.1%;
  1232. }
  1233. .gallery-caption {
  1234. display: none;
  1235. }
  1236. .gallery-item:hover {
  1237. opacity: 0.5;
  1238. }
  1239. .post-format-icon {
  1240. bottom: 0;
  1241. color: #fafafa;
  1242. font-size: 36em;
  1243. margin-bottom: -0.15em;
  1244. position: absolute;
  1245. right: 0;
  1246. left: 0;
  1247. text-align: center;
  1248. z-index: -1;
  1249. transform: rotate(-7deg);
  1250. -ms-transform: rotate(-7deg);
  1251. -webkit-transform: rotate(-7deg);
  1252. }
  1253. .icon-aside:before {
  1254. content: "\f045";
  1255. }
  1256. .icon-audio:before {
  1257. content: "\f001";
  1258. }
  1259. .icon-chat:before {
  1260. content: "\f0e6";
  1261. }
  1262. .icon-gallery:before {
  1263. content: "\f083";
  1264. }
  1265. .icon-image:before {
  1266. content: "\f03e";
  1267. }
  1268. .icon-link:before {
  1269. content: "\f0c1";
  1270. }
  1271. .icon-quote:before {
  1272. content: "\f10e";
  1273. }
  1274. .icon-status:before {
  1275. content: "\f080";
  1276. }
  1277. .icon-video:before {
  1278. content: "\f03d";
  1279. }
  1280. .icon-sticky:before {
  1281. content: "\f0eb";
  1282. }
  1283. /**
  1284. * ---------------------
  1285. * 7 - Comments styling
  1286. * ---------------------
  1287. */
  1288. #comments {
  1289. background: #f6f3f0;
  1290. border-bottom: 1px solid #c0bfbb;
  1291. border-top: 1px dashed #c0bfbb;
  1292. overflow-y: hidden;
  1293. position: relative;
  1294. z-index: 10;
  1295. }
  1296. #comments h2.comments-title {
  1297. color: #9b9994;
  1298. font-size: 1.618em;
  1299. margin: 0 auto;
  1300. padding: 30px;
  1301. padding-top: 60px;
  1302. width: 880px;
  1303. }
  1304. #comments ol {
  1305. list-style-type: none;
  1306. margin: 0;
  1307. padding: 0;
  1308. }
  1309. #comments .comment-list {
  1310. position: relative;
  1311. z-index: 20;
  1312. }
  1313. #comments .comment-list li.comment,
  1314. #comments .comment-list li.pingback {
  1315. background: #ffffff;
  1316. border-bottom: 1px solid #e4dcd4;
  1317. margin: 15px auto;
  1318. position: relative;
  1319. width: 880px;
  1320. }
  1321. #comments .comment-list li.comment #respond,
  1322. #comments .comment-list li.pingback #respond {
  1323. padding-top: 30px;
  1324. width: auto;
  1325. }
  1326. #comments .comment-list li.comment article.comment-body,
  1327. #comments .comment-list li.pingback article.comment-body {
  1328. color: #6e6b66;
  1329. font-size: 0.875em;
  1330. padding: 30px;
  1331. padding-bottom: 0;
  1332. }
  1333. #comments .comment-list li.comment article.comment-body h1,
  1334. #comments .comment-list li.pingback article.comment-body h1,
  1335. #comments .comment-list li.comment article.comment-body h2,
  1336. #comments .comment-list li.pingback article.comment-body h2,
  1337. #comments .comment-list li.comment article.comment-body h3,
  1338. #comments .comment-list li.pingback article.comment-body h3,
  1339. #comments .comment-list li.comment article.comment-body h4,
  1340. #comments .comment-list li.pingback article.comment-body h4,
  1341. #comments .comment-list li.comment article.comment-body h5,
  1342. #comments .comment-list li.pingback article.comment-body h5,
  1343. #comments .comment-list li.comment article.comment-body h6,
  1344. #comments .comment-list li.pingback article.comment-body h6 {
  1345. color: #6e6b66;
  1346. margin: 45px auto;
  1347. }
  1348. #comments .comment-list li.comment article.comment-body h1,
  1349. #comments .comment-list li.pingback article.comment-body h1 {
  1350. font-size: 3em;
  1351. }
  1352. #comments .comment-list li.comment article.comment-body h2,
  1353. #comments .comment-list li.pingback article.comment-body h2 {
  1354. font-size: 2.5em;
  1355. }
  1356. #comments .comment-list li.comment article.comment-body h3,
  1357. #comments .comment-list li.pingback article.comment-body h3 {
  1358. font-size: 2em;
  1359. }
  1360. #comments .comment-list li.comment article.comment-body h4,
  1361. #comments .comment-list li.pingback article.comment-body h4 {
  1362. font-size: 1.5em;
  1363. }
  1364. #comments .comment-list li.comment article.comment-body h5,
  1365. #comments .comment-list li.pingback article.comment-body h5 {
  1366. font-size: 1em;
  1367. }
  1368. #comments .comment-list li.comment article.comment-body h6,
  1369. #comments .comment-list li.pingback article.comment-body h6 {
  1370. font-size: 0.75em;
  1371. }
  1372. #comments .comment-list li.comment article.comment-body img,
  1373. #comments .comment-list li.pingback article.comment-body img,
  1374. #comments .comment-list li.comment article.comment-body .wp-caption,
  1375. #comments .comment-list li.pingback article.comment-body .wp-caption {
  1376. height: auto;
  1377. max-width: 100%;
  1378. }
  1379. #comments .comment-list li.comment article.comment-body blockquote,
  1380. #comments .comment-list li.pingback article.comment-body blockquote,
  1381. #comments .comment-list li.comment article.comment-body q,
  1382. #comments .comment-list li.pingback article.comment-body q {
  1383. color: #b4b2ae;
  1384. font-style: italic;
  1385. }
  1386. #comments .comment-list li.comment article.comment-body blockquote cite,
  1387. #comments .comment-list li.pingback article.comment-body blockquote cite,
  1388. #comments .comment-list li.comment article.comment-body q cite,
  1389. #comments .comment-list li.pingback article.comment-body q cite {
  1390. display: block;
  1391. }
  1392. #comments .comment-list li.comment article.comment-body cite,
  1393. #comments .comment-list li.pingback article.comment-body cite {
  1394. color: #838079;
  1395. display: inline-block;
  1396. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1397. font-size: 0.6em;
  1398. font-style: normal;
  1399. font-weight: bold;
  1400. margin-top: 10px;
  1401. }
  1402. #comments .comment-list li.comment article.comment-body dl,
  1403. #comments .comment-list li.pingback article.comment-body dl {
  1404. margin: 15px 0;
  1405. overflow: hidden;
  1406. }
  1407. #comments .comment-list li.comment article.comment-body dl dt,
  1408. #comments .comment-list li.pingback article.comment-body dl dt,
  1409. #comments .comment-list li.comment article.comment-body dl dd,
  1410. #comments .comment-list li.pingback article.comment-body dl dd {
  1411. float: left;
  1412. }
  1413. #comments .comment-list li.comment article.comment-body dl dt,
  1414. #comments .comment-list li.pingback article.comment-body dl dt {
  1415. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1416. font-size: 0.6em;
  1417. line-height: 2.5em;
  1418. width: 33%;
  1419. padding-right: 3%;
  1420. text-align: right;
  1421. }
  1422. #comments .comment-list li.comment article.comment-body dl dd,
  1423. #comments .comment-list li.pingback article.comment-body dl dd {
  1424. border-left: 1px dashed #e4dcd4;
  1425. color: #b4b2ae;
  1426. margin-bottom: 30px;
  1427. padding-left: 3%;
  1428. width: 60%;
  1429. }
  1430. #comments .comment-list li.comment article.comment-body code,
  1431. #comments .comment-list li.pingback article.comment-body code,
  1432. #comments .comment-list li.comment article.comment-body kbd,
  1433. #comments .comment-list li.pingback article.comment-body kbd,
  1434. #comments .comment-list li.comment article.comment-body tt,
  1435. #comments .comment-list li.pingback article.comment-body tt {
  1436. background: #f2eeea;
  1437. padding: 5px;
  1438. }
  1439. #comments .comment-list li.comment article.comment-body ins,
  1440. #comments .comment-list li.pingback article.comment-body ins {
  1441. padding: 5px;
  1442. }
  1443. #comments .comment-list li.comment article.comment-body pre,
  1444. #comments .comment-list li.pingback article.comment-body pre {
  1445. background: transparent;
  1446. border: 1px dashed #e4dcd4;
  1447. }
  1448. #comments .comment-list li.comment article.comment-body table,
  1449. #comments .comment-list li.pingback article.comment-body table {
  1450. border: 1px dashed #e4dcd4;
  1451. }
  1452. #comments .comment-list li.comment article.comment-body table th,
  1453. #comments .comment-list li.pingback article.comment-body table th {
  1454. border: 1px solid #dfd5cb;
  1455. text-align: center;
  1456. }
  1457. #comments .comment-list li.comment article.comment-body table tr,
  1458. #comments .comment-list li.pingback article.comment-body table tr,
  1459. #comments .comment-list li.comment article.comment-body table td,
  1460. #comments .comment-list li.pingback article.comment-body table td {
  1461. border: 1px dashed #e4dcd4;
  1462. text-align: center;
  1463. }
  1464. #comments .comment-list li.comment ol.children,
  1465. #comments .comment-list li.pingback ol.children {
  1466. padding-left: 60px;
  1467. }
  1468. #comments .comment-list li.comment ol.children li.comment,
  1469. #comments .comment-list li.pingback ol.children li.comment {
  1470. border: 1px solid #f7f7f7;
  1471. border-right: none;
  1472. margin-bottom: 15px;
  1473. margin-top: 0;
  1474. width: auto;
  1475. }
  1476. #comments .comment-list li.comment .comment-author.vcard,
  1477. #comments .comment-list li.pingback .comment-author.vcard {
  1478. background: #f7f7f7;
  1479. display: block;
  1480. margin: -30px -30px 15px -30px;
  1481. padding: 15px 30px;
  1482. }
  1483. #comments .comment-list li.comment .comment-author.vcard img,
  1484. #comments .comment-list li.pingback .comment-author.vcard img {
  1485. margin-right: 15px;
  1486. }
  1487. #comments .comment-list li.comment .comment-metadata,
  1488. #comments .comment-list li.pingback .comment-metadata {
  1489. background: #ffffff;
  1490. border-bottom: 1px solid #f0ebe7;
  1491. line-height: 1em;
  1492. margin-left: 30px;
  1493. padding: 3px 7px;
  1494. position: absolute;
  1495. right: 10px;
  1496. top: 10px;
  1497. }
  1498. #comments .comment-list li.comment .comment-metadata a,
  1499. #comments .comment-list li.pingback .comment-metadata a {
  1500. color: #929190;
  1501. font-size: 0.75em;
  1502. }
  1503. #comments .comment-list li.comment .comment-metadata a:hover,
  1504. #comments .comment-list li.pingback .comment-metadata a:hover {
  1505. color: #454544;
  1506. text-decoration: none;
  1507. }
  1508. #comments .comment-list li.comment .reply,
  1509. #comments .comment-list li.pingback .reply {
  1510. display: block;
  1511. position: absolute;
  1512. right: 10px;
  1513. top: 48px;
  1514. }
  1515. #comments .comment-list li.comment .reply a,
  1516. #comments .comment-list li.pingback .reply a {
  1517. background: #20adca;
  1518. color: #ffffff;
  1519. display: block;
  1520. font-size: 0.75em;
  1521. padding: 3px 7px;
  1522. }
  1523. #comments .comment-list .comment-author.vcard img {
  1524. border-radius: 500em;
  1525. }
  1526. #comments .comment-navigation,
  1527. #comments .no-comments {
  1528. margin-bottom: 0;
  1529. padding: 30px 0;
  1530. position: relative;
  1531. z-index: 20;
  1532. text-align: center;
  1533. }
  1534. #comments .comment-navigation div,
  1535. #comments .no-comments div {
  1536. display: inline-block;
  1537. margin: 0 15px;
  1538. }
  1539. #comments .no-comments {
  1540. color: #9b9994;
  1541. font-size: 1.618em;
  1542. font-style: italic;
  1543. }
  1544. #comments #respond {
  1545. color: #b4b2ae;
  1546.  
  1547. margin: 0 auto;
  1548. padding: 30px;
  1549. padding-top: 60px;
  1550. width: 880px;
  1551. position: relative;
  1552. z-index: 20;
  1553. }
  1554. #comments #respond #reply-title {
  1555. color: #9b9994;
  1556. font-size: 2.75em;
  1557. }
  1558. #comments #respond #reply-title small {
  1559. font-size: 0.75em;
  1560. }
  1561. #comments #respond #commentform {
  1562. overflow: hidden;
  1563. position: relative;
  1564. z-index: 20;
  1565. }
  1566. #comments #respond #commentform .logged-in-as,
  1567. #comments #respond #commentform .comment-notes {
  1568. display: block;
  1569. font-size: 0.75em;
  1570. margin-top: 10px;
  1571. }
  1572. #comments #respond #commentform .comment-form-author input,
  1573. #comments #respond #commentform .comment-form-email input,
  1574. #comments #respond #commentform .comment-form-url input,
  1575. #comments #respond #commentform .comment-form-comment input,
  1576. #comments #respond #commentform .comment-form-author label,
  1577. #comments #respond #commentform .comment-form-email label,
  1578. #comments #respond #commentform .comment-form-url label,
  1579. #comments #respond #commentform .comment-form-comment label,
  1580. #comments #respond #commentform .comment-form-author textarea,
  1581. #comments #respond #commentform .comment-form-email textarea,
  1582. #comments #respond #commentform .comment-form-url textarea,
  1583. #comments #respond #commentform .comment-form-comment textarea {
  1584. font-family: Georgia, serif;
  1585. width: 100%;
  1586. }
  1587. #comments #respond #commentform .comment-form-author input,
  1588. #comments #respond #commentform .comment-form-email input,
  1589. #comments #respond #commentform .comment-form-url input,
  1590. #comments #respond #commentform .comment-form-comment input {
  1591. background: #ffffff;
  1592. border: 1px solid #b4b2ae;
  1593. font-style: italic;
  1594. margin: 0;
  1595. }
  1596. #comments #respond #commentform .comment-form-author label,
  1597. #comments #respond #commentform .comment-form-email label,
  1598. #comments #respond #commentform .comment-form-url label,
  1599. #comments #respond #commentform .comment-form-comment label {
  1600. color: #838079;
  1601. display: inline-block;
  1602. font-size: 0.75em;
  1603. margin-bottom: 10px;
  1604. }
  1605. #comments #respond #commentform .comment-form-author textarea,
  1606. #comments #respond #commentform .comment-form-email textarea,
  1607. #comments #respond #commentform .comment-form-url textarea,
  1608. #comments #respond #commentform .comment-form-comment textarea {
  1609. background: #ffffff;
  1610. border: 1px solid #b4b2ae;
  1611. font-style: italic;
  1612. margin: 0;
  1613. }
  1614. #comments #respond #commentform .comment-form-author input:focus,
  1615. #comments #respond #commentform .comment-form-email input:focus,
  1616. #comments #respond #commentform .comment-form-url input:focus,
  1617. #comments #respond #commentform .comment-form-comment input:focus,
  1618. #comments #respond #commentform .comment-form-author textarea:focus,
  1619. #comments #respond #commentform .comment-form-email textarea:focus,
  1620. #comments #respond #commentform .comment-form-url textarea:focus,
  1621. #comments #respond #commentform .comment-form-comment textarea:focus {
  1622. background: #edfafc;
  1623. }
  1624. #comments #respond #commentform .form-allowed-tags {
  1625. font-size: 0.5em;
  1626. overflow: hidden;
  1627. }
  1628. #comments #respond #commentform .form-allowed-tags code {
  1629. border: 1px dashed #e4dcd4;
  1630. color: #bba792;
  1631. float: left;
  1632. font-size: 1em;
  1633. margin-top: 10px;
  1634. padding: 10px;
  1635. }
  1636. #comments #respond #commentform .form-submit {
  1637. margin: 60px 0 30px 0;
  1638. }
  1639. #comments #respond #commentform .form-submit input {
  1640. margin: 0;
  1641. }
  1642. #comments i {
  1643. bottom: 60px;
  1644. color: #ece6e1;
  1645. font-size: 42em;
  1646. position: absolute;
  1647. right: 10%;
  1648. z-index: 10;
  1649. }
  1650. #comments .bypostauthor {
  1651. background: #f7f7f7;
  1652. }
  1653. li.pingback {
  1654. font-size: 0.875em;
  1655. }
  1656. li.pingback .comment-body {
  1657. padding: 15px 30px;
  1658. }
  1659. li.pingback .comment-body .edit-link {
  1660. font-size: 0.875em;
  1661. font-weight: bold;
  1662. }
  1663. hr.faux-border {
  1664. background: #c0bfbb;
  1665. height: 1px;
  1666. margin: 0;
  1667. width: 100%;
  1668. }
  1669. /**
  1670. * ---------------------
  1671. * 8 - Footer styling
  1672. * ---------------------
  1673. */
  1674. #footer-main {
  1675. background: #f2eeea;
  1676. border-top: 1px solid #ffffff;
  1677. }
  1678. #footer-main #sidebar-footer .widget,
  1679. #footer-main #sidebar-footer aside {
  1680. color: #b4b2ae;
  1681. font-size: 0.75em;
  1682. line-height: 1.4em;
  1683. margin-top: 30px;
  1684. margin-bottom: 30px;
  1685. padding: 0 30px 0 0;
  1686. }
  1687. #footer-main #sidebar-footer .widget a,
  1688. #footer-main #sidebar-footer aside a {
  1689. color: #9b9994;
  1690. }
  1691. #footer-main #sidebar-footer .widget a:hover,
  1692. #footer-main #sidebar-footer aside a:hover {
  1693. color: #3dc4e0;
  1694. }
  1695. #footer-main #sidebar-footer .widget .widget-title,
  1696. #footer-main #sidebar-footer aside .widget-title {
  1697. color: #9b9994;
  1698. font-size: 1.2135em;
  1699. margin-bottom: 30px;
  1700. text-transform: uppercase;
  1701. }
  1702. #footer-main #sidebar-footer .widget ul,
  1703. #footer-main #sidebar-footer aside ul,
  1704. #footer-main #sidebar-footer .widget ol,
  1705. #footer-main #sidebar-footer aside ol {
  1706. background: transparent;
  1707. list-style-type: none;
  1708. margin: 0;
  1709. padding: 0;
  1710. }
  1711. #footer-main #sidebar-footer .widget ul li,
  1712. #footer-main #sidebar-footer aside ul li,
  1713. #footer-main #sidebar-footer .widget ol li,
  1714. #footer-main #sidebar-footer aside ol li {
  1715. background: transparent;
  1716. border: none;
  1717. line-height: 1.4em;
  1718. padding: 5px 0;
  1719. }
  1720. #footer-main #sidebar-footer .widget ul li a,
  1721. #footer-main #sidebar-footer aside ul li a,
  1722. #footer-main #sidebar-footer .widget ol li a,
  1723. #footer-main #sidebar-footer aside ol li a {
  1724. box-shadow: 0 0 0 #000;
  1725. line-height: 1.4em;
  1726. }
  1727. #footer-main #sidebar-footer .widget ul.children,
  1728. #footer-main #sidebar-footer aside ul.children,
  1729. #footer-main #sidebar-footer .widget ul.sub-menu,
  1730. #footer-main #sidebar-footer aside ul.sub-menu {
  1731. font-size: 0.75em;
  1732. padding-left: 15px;
  1733. }
  1734. #footer-main #sidebar-footer .widget ul.children li:last-child,
  1735. #footer-main #sidebar-footer aside ul.children li:last-child,
  1736. #footer-main #sidebar-footer .widget ul.sub-menu li:last-child,
  1737. #footer-main #sidebar-footer aside ul.sub-menu li:last-child {
  1738. padding-bottom: 0;
  1739. }
  1740. #footer-main #sidebar-footer .widget ul.children a,
  1741. #footer-main #sidebar-footer aside ul.children a,
  1742. #footer-main #sidebar-footer .widget ul.sub-menu a,
  1743. #footer-main #sidebar-footer aside ul.sub-menu a {
  1744. color: #a8a5a1;
  1745. }
  1746. #footer-main #sidebar-footer .widget ul.children a:hover,
  1747. #footer-main #sidebar-footer aside ul.children a:hover,
  1748. #footer-main #sidebar-footer .widget ul.sub-menu a:hover,
  1749. #footer-main #sidebar-footer aside ul.sub-menu a:hover {
  1750. color: #3dc4e0;
  1751. }
  1752. #footer-main #sidebar-footer .widget ul.children ul.children,
  1753. #footer-main #sidebar-footer aside ul.children ul.children,
  1754. #footer-main #sidebar-footer .widget ul.sub-menu ul.children,
  1755. #footer-main #sidebar-footer aside ul.sub-menu ul.children,
  1756. #footer-main #sidebar-footer .widget ul.children ul.sub-menu,
  1757. #footer-main #sidebar-footer aside ul.children ul.sub-menu,
  1758. #footer-main #sidebar-footer .widget ul.sub-menu ul.sub-menu,
  1759. #footer-main #sidebar-footer aside ul.sub-menu ul.sub-menu {
  1760. font-size: 1em;
  1761. }
  1762. #footer-main #sidebar-footer .widget .wp-caption,
  1763. #footer-main #sidebar-footer aside .wp-caption {
  1764. border: 1px dashed #b7a28c;
  1765. margin-bottom: 30px;
  1766. padding: 15px;
  1767. }
  1768. #footer-main #sidebar-footer .widget .wp-caption p.wp-caption-text,
  1769. #footer-main #sidebar-footer aside .wp-caption p.wp-caption-text {
  1770. font-size: 0.6em;
  1771. margin: 0;
  1772. margin-top: 15px;
  1773. }
  1774. #footer-main #sidebar-footer .widget .wp-caption img,
  1775. #footer-main #sidebar-footer aside .wp-caption img {
  1776. margin: 0;
  1777. }
  1778. #footer-main #sidebar-footer .widget img,
  1779. #footer-main #sidebar-footer aside img {
  1780. height: auto;
  1781. margin: 15px 0;
  1782. max-width: 100%;
  1783. }
  1784. #footer-main #sidebar-footer .widget table,
  1785. #footer-main #sidebar-footer aside table {
  1786. border: 1px dashed #a8a5a1;
  1787. }
  1788. #footer-main #sidebar-footer .widget table caption,
  1789. #footer-main #sidebar-footer aside table caption {
  1790. font-weight: bold;
  1791. margin-top: 0;
  1792. }
  1793. #footer-main #sidebar-footer .widget table th,
  1794. #footer-main #sidebar-footer aside table th {
  1795. background: #a8a5a1;
  1796. border: 1px solid #838079;
  1797. color: #ffffff;
  1798. text-align: center;
  1799. }
  1800. #footer-main #sidebar-footer .widget table tr,
  1801. #footer-main #sidebar-footer aside table tr,
  1802. #footer-main #sidebar-footer .widget table td,
  1803. #footer-main #sidebar-footer aside table td {
  1804. border: 1px dashed #a8a5a1;
  1805. padding: 0;
  1806. text-align: center;
  1807. }
  1808. #footer-main #sidebar-footer .widget table a,
  1809. #footer-main #sidebar-footer aside table a {
  1810. font-weight: bold;
  1811. }
  1812. #footer-main #sidebar-footer .widget input,
  1813. #footer-main #sidebar-footer aside input {
  1814. border: none;
  1815. font-size: 0.8em;
  1816. margin: 0;
  1817. }
  1818. #footer-main #sidebar-footer .widget input[type="submit"]:hover,
  1819. #footer-main #sidebar-footer aside input[type="submit"]:hover {
  1820. background: #b4b2ae;
  1821. color: #686661;
  1822. }
  1823. #footer-main #sidebar-footer .widget form,
  1824. #footer-main #sidebar-footer aside form {
  1825. margin: 0;
  1826. }
  1827. #footer-main #sidebar-footer .widget.widget_tag_cloud a,
  1828. #footer-main #sidebar-footer aside.widget_tag_cloud a {
  1829. border: 1px dashed #a8a5a1;
  1830. display: inline-block;
  1831. margin: 5px 10px 5px 0;
  1832. padding: 10px;
  1833. }
  1834. #footer-main #credits {
  1835. background: #e5e4e3;
  1836. color: #a6a6a6;
  1837. font-size: 0.725em;
  1838. padding: 30px;
  1839. text-align: center;
  1840. }
  1841. #footer-main #credits a {
  1842. color: #94918c;
  1843. }
  1844. #footer-main #credits a:hover {
  1845. color: #20adca;
  1846. }
  1847. #footer-main #credits i {
  1848. color: #cc0000;
  1849. margin-left: 5px;
  1850. }
  1851. /**
  1852. * ---------------------
  1853. * 9 - Sidr styling
  1854. * ---------------------
  1855. */
  1856. #sidebar-main {
  1857. display: none;
  1858. }
  1859. #sidr-main,
  1860. #sidr-main .widget,
  1861. #sidr-main .widget .widget-title,
  1862. #sidr-main .widget ul,
  1863. #sidr-main .widget ul li,
  1864. #sidr-main .widget ul li a,
  1865. #sidr-main .widget ul li:hover a,
  1866. #sidr-main .widget ul li:hover > a,
  1867. #sidr-main .widget ul li a:hover,
  1868. #sidr-menu,
  1869. #sidr-menu .widget,
  1870. #sidr-menu .widget .widget-title,
  1871. #sidr-menu .widget ul,
  1872. #sidr-menu .widget ul li,
  1873. #sidr-menu .widget ul li a,
  1874. #sidr-menu .widget ul li:hover a,
  1875. #sidr-menu .widget ul li:hover > a,
  1876. #sidr-menu .widget ul li a:hover {
  1877. background: none;
  1878. border: none;
  1879. box-shadow: 0 0 0 #000;
  1880. margin: 0;
  1881. padding: 0;
  1882. line-height: 1.4em;
  1883. }
  1884. #sidr-main {
  1885. background: #5f5e5d;
  1886. width: 300px;
  1887. overflow-y: hidden;
  1888. z-index: 20;
  1889. }
  1890. #sidr-main aside.widget {
  1891. font-size: 0.875em;
  1892. line-height: 1.4em;
  1893. margin-top: 30px;
  1894. margin-bottom: 30px;
  1895. padding: 0 30px;
  1896. }
  1897. #sidr-main aside.widget .widget-title {
  1898. background: transparent;
  1899. color: #e6e6e6;
  1900. font-size: 1.2135em;
  1901. font-weight: bold;
  1902. letter-spacing: -0.05em;
  1903. padding: 15px 0;
  1904. text-transform: uppercase;
  1905. }
  1906. #sidr-main aside.widget ul,
  1907. #sidr-main aside.widget ol {
  1908. background: transparent;
  1909. list-style-type: none;
  1910. margin: 0;
  1911. padding: 0;
  1912. }
  1913. #sidr-main aside.widget ul li,
  1914. #sidr-main aside.widget ol li {
  1915. background: transparent;
  1916. border: none;
  1917. line-height: 1.4em;
  1918. padding: 6px 0;
  1919. }
  1920. #sidr-main aside.widget ul li a,
  1921. #sidr-main aside.widget ol li a {
  1922. box-shadow: 0 0 0 #000;
  1923. display: inline-block;
  1924. line-height: 1.4em;
  1925. }
  1926. #sidr-main aside.widget ul li a:hover,
  1927. #sidr-main aside.widget ol li a:hover {
  1928. color: #20adca;
  1929. }
  1930. #sidr-main aside.widget ul.children,
  1931. #sidr-main aside.widget ul.sub-menu {
  1932. font-size: 0.75em;
  1933. padding-left: 15px;
  1934. }
  1935. #sidr-main aside.widget ul.children li:last-child,
  1936. #sidr-main aside.widget ul.sub-menu li:last-child {
  1937. padding-bottom: 0;
  1938. }
  1939. #sidr-main aside.widget ul.children a,
  1940. #sidr-main aside.widget ul.sub-menu a {
  1941. color: #d6d6d6;
  1942. }
  1943. #sidr-main aside.widget ul.children ul.children,
  1944. #sidr-main aside.widget ul.sub-menu ul.children,
  1945. #sidr-main aside.widget ul.children ul.sub-menu,
  1946. #sidr-main aside.widget ul.sub-menu ul.sub-menu {
  1947. font-size: 1em;
  1948. }
  1949. #sidr-main aside.widget .wp-caption {
  1950. border: 1px dashed #ababaa;
  1951. margin-bottom: 30px;
  1952. padding: 15px;
  1953. }
  1954. #sidr-main aside.widget .wp-caption p.wp-caption-text {
  1955. font-size: 0.6em;
  1956. margin: 0;
  1957. margin-top: 15px;
  1958. }
  1959. #sidr-main aside.widget .wp-caption img {
  1960. margin: 0;
  1961. }
  1962. #sidr-main aside.widget img {
  1963. height: auto;
  1964. margin: 15px 0;
  1965. max-width: 100%;
  1966. }
  1967. #sidr-main aside.widget table {
  1968. border: 1px dashed #ababaa;
  1969. }
  1970. #sidr-main aside.widget table caption {
  1971. font-weight: normal;
  1972. margin-top: 0;
  1973. }
  1974. #sidr-main aside.widget table th {
  1975. background: #ababaa;
  1976. border: 1px solid #b8b7b6;
  1977. color: #ffffff;
  1978. text-align: center;
  1979. }
  1980. #sidr-main aside.widget table tr,
  1981. #sidr-main aside.widget table td {
  1982. border: 1px dashed #ababaa;
  1983. padding: 0;
  1984. text-align: center;
  1985. }
  1986. #sidr-main aside.widget table a {
  1987. font-weight: bold;
  1988. }
  1989. #sidr-main aside.widget select {
  1990. padding: 10px;
  1991. }
  1992. #sidr-main aside.widget select option {
  1993. color: #5f5e5d;
  1994. }
  1995. #sidr-main aside.widget form {
  1996. margin: 0;
  1997. }
  1998. #sidr-main aside.widget.widget_tag_cloud a {
  1999. border: 1px dashed #ababaa;
  2000. color: #ababaa;
  2001. display: inline-block;
  2002. margin: 5px 10px 5px 0;
  2003. padding: 10px;
  2004. }
  2005. #sidr-main aside.widget.widget_tag_cloud a:hover {
  2006. color: #20adca;
  2007. }
  2008. #sidr-menu {
  2009. background: #5f5e5d;
  2010. width: 300px;
  2011. overflow-y: hidden;
  2012. z-index: 20;
  2013. }
  2014. #sidr-menu ul,
  2015. #sidr-menu ol {
  2016. background: transparent;
  2017. list-style-type: none;
  2018. margin: 0;
  2019. padding: 0;
  2020. }
  2021. #sidr-menu ul li,
  2022. #sidr-menu ol li {
  2023. background: transparent;
  2024. border: none;
  2025. line-height: 1.4em;
  2026. padding: 6px 0;
  2027. }
  2028. #sidr-menu ul li a,
  2029. #sidr-menu ol li a {
  2030. box-shadow: 0 0 0 #000;
  2031. background: transparent;
  2032. color: #e6e6e6;
  2033. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  2034. font-size: 1.0517em;
  2035. font-weight: bold;
  2036. letter-spacing: -0.03em;
  2037. padding: 10px 30px;
  2038. text-transform: uppercase;
  2039. }
  2040. #sidr-menu ul li a:hover,
  2041. #sidr-menu ol li a:hover {
  2042. color: #20adca;
  2043. }
  2044. #sidr-menu #responsive-menu-handler,
  2045. #sidr-menu #sidebar-handler {
  2046. display: none;
  2047. }
  2048. /**
  2049. * ---------------------
  2050. * 10 - Widgets styling
  2051. * ---------------------
  2052. */
  2053. .widget_recent_entries ul li:before,
  2054. .widget_meta ul li:before,
  2055. .widget_recent_comments ul li:before,
  2056. .widget_categories ul li:before,
  2057. .widget_nav_menu ul li:before,
  2058. .widget_archive ul li:before,
  2059. .widget_pages ul li:before {
  2060. font-size: 1em;
  2061. float: left;
  2062. margin-right: 10px;
  2063. font-family: FontAwesome;
  2064. font-weight: normal;
  2065. font-style: normal;
  2066. display: inline-block;
  2067. text-decoration: inherit;
  2068. }
  2069. .widget_recent_comments ul li:before {
  2070. content: "\f0e5";
  2071. }
  2072. .widget_meta ul li:before {
  2073. content: "\f0c1";
  2074. }
  2075. .widget_recent_entries ul li:before {
  2076. content: "\f016";
  2077. }
  2078. .widget_categories ul li:before {
  2079. content: "\f07c";
  2080. }
  2081. .widget_nav_menu ul li:before {
  2082. content: "\f101";
  2083. }
  2084. .widget_archive ul li:before {
  2085. content: "\f02e";
  2086. }
  2087. .widget_pages ul li:before {
  2088. content: "\f15b";
  2089. }
  2090. .widget_search form {
  2091. margin: 0;
  2092. }
  2093. .widget_search label span {
  2094. display: none;
  2095. }
  2096. .widget_search label input {
  2097. padding: 15px !important;
  2098. }
  2099. .widget_search input[type="submit"] {
  2100. background: #454544;
  2101. border: none;
  2102. border-radius: 0em;
  2103. color: #b4b2ae;
  2104. font-size: 1em;
  2105. margin: 0;
  2106. width: 100%;
  2107. }
  2108. /**
  2109. * ---------------------
  2110. * 11 - WordPress classes
  2111. * ---------------------
  2112. */
  2113. .wp-caption {
  2114. border: 1px dashed #e4dcd4;
  2115. margin-bottom: 30px;
  2116. padding: 15px;
  2117. }
  2118. .wp-caption p.wp-caption-text {
  2119. font-size: 0.6em;
  2120. margin: 0;
  2121. margin-top: 15px;
  2122. }
  2123. .alignright {
  2124. float: right;
  2125. margin-left: 30px;
  2126. }
  2127. .alignleft {
  2128. float: left;
  2129. margin-right: 30px;
  2130. }
  2131. .aligncenter {
  2132. margin-left: auto;
  2133. margin-right: auto;
  2134. }
  2135. /**
  2136. * ---------------------
  2137. * 12 - Responsive
  2138. * ---------------------
  2139. */
  2140. @-ms-viewport {
  2141. width: device-width;
  2142. }
  2143. @viewport {
  2144. width: device-width;
  2145. }
  2146. /* Smaller than standard 960 (devices and browsers) */
  2147. @media only screen and (max-width: 959px) {
  2148. #header-main #logo {
  2149. font-size: 4em;
  2150. line-height: 1em;
  2151. }
  2152. .inside,
  2153. #comments h2.comments-title,
  2154. #comments #respond,
  2155. #comments .comment-list li.comment,
  2156. #navigation-main ul {
  2157. width: 640px;
  2158. }
  2159. #comments .comment-list li.comment ol.children {
  2160. padding-left: 15px;
  2161. }
  2162. #content-main .paging-navigation .pager-link {
  2163. width: 100%;
  2164. }
  2165. #content-main .paging-navigation .pager-link.nav-next {
  2166. border-top: 1px solid #ffffff;
  2167. }
  2168. }
  2169. /* All Mobile Sizes (devices and browser) */
  2170. @media only screen and (max-width: 767px) {
  2171. #navigation-main #responsive-menu-handler {
  2172. display: block;
  2173. }
  2174. #navigation-main ul {
  2175. visibility: hidden;
  2176. opacity: 0;
  2177. width: 100%;
  2178. }
  2179. #header-main #logo {
  2180. font-size: 2em;
  2181. line-height: 1em;
  2182. }
  2183. .inside,
  2184. #comments h2.comments-title,
  2185. #comments #respond,
  2186. #comments .comment-list li.comment {
  2187. width: 480px;
  2188. overflow: hidden;
  2189. }
  2190. #comments .comment-list li.comment ol.children {
  2191. padding-left: 15px;
  2192. }
  2193. b.fn,
  2194. span.says {
  2195. font-size: 0.75em;
  2196. }
  2197. .comment-metadata {
  2198. display: none;
  2199. }
  2200. #content-main .paging-navigation .pager-link a {
  2201. font-size: 2em;
  2202. }
  2203. .one-half {
  2204. float: left;
  2205. width: 50%;
  2206. }
  2207. .one-third {
  2208. float: left;
  2209. width: 100%;
  2210. }
  2211. .two-thirds {
  2212. float: left;
  2213. width: 100%;
  2214. }
  2215. .one-forth {
  2216. float: left;
  2217. width: 50%;
  2218. }
  2219. #navigation-main ul,
  2220. #navigation-main ul li {
  2221. padding: 0;
  2222. margin: 0;
  2223. }
  2224. #navigation-main ul {
  2225. height: 90px;
  2226. overflow: hidden;
  2227. }
  2228. }
  2229. /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  2230. @media only screen and (max-width: 479px) {
  2231. #header-main #logo {
  2232. font-size: 2em;
  2233. line-height: 1em;
  2234. }
  2235. .inside,
  2236. #comments h2.comments-title,
  2237. #comments #respond,
  2238. #comments .comment-list li.comment {
  2239. width: 400px;
  2240. }
  2241. #comments .comment-list li.comment ol.children {
  2242. padding-left: 10px;
  2243. }
  2244. b.fn,
  2245. span.says {
  2246. display: block;
  2247. font-size: 0.75em;
  2248. }
  2249. #sidr-main,
  2250. #sidr-menu {
  2251. width: 250px;
  2252. }
  2253. #content-main .paging-navigation .pager-link a {
  2254. font-size: 1em;
  2255. }
  2256. .one-half {
  2257. float: left;
  2258. width: 100%;
  2259. }
  2260. .one-third {
  2261. float: left;
  2262. width: 100%;
  2263. }
  2264. .two-thirds {
  2265. float: left;
  2266. width: 100%;
  2267. }
  2268. .one-forth {
  2269. float: left;
  2270. width: 100%;
  2271. }
  2272. #navigation-main ul,
  2273. #navigation-main ul li {
  2274. padding: 0;
  2275. margin: 0;
  2276. }
  2277. #navigation-main ul {
  2278. height: 90px;
  2279. overflow: hidden;
  2280. }
  2281. }
  2282. /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  2283. @media only screen and (max-width: 380px) {
  2284. #header-main #logo {
  2285. font-size: 2em;
  2286. line-height: 1em;
  2287. }
  2288. .inside,
  2289. #comments h2.comments-title,
  2290. #comments #respond,
  2291. #comments .comment-list li.comment {
  2292. width: 280px;
  2293. }
  2294. #comments .comment-list li.comment ol.children {
  2295. padding-left: 10px;
  2296. }
  2297. #sidr-main,
  2298. #sidr-menu {
  2299. width: 200px;
  2300. }
  2301. #content-main .paging-navigation .pager-link a {
  2302. font-size: 1em;
  2303. }
  2304. .one-half {
  2305. float: left;
  2306. width: 100%;
  2307. }
  2308. .one-third {
  2309. float: left;
  2310. width: 100%;
  2311. }
  2312. .two-thirds {
  2313. float: left;
  2314. width: 100%;
  2315. }
  2316. .one-forth {
  2317. float: left;
  2318. width: 100%;
  2319. }
  2320. }
  2321. /* Fix responsive WP-Admin-Bar + Fixed Navigation issues */
  2322. @media screen and (max-width: 782px) {
  2323. .admin-bar #navigation-main.fixed-nav {
  2324. top: 46px;
  2325. }
  2326. }
  2327. @media screen and (max-width: 600px) {
  2328. .admin-bar #navigation-main.fixed-nav {
  2329. top: 0px;
  2330. }
  2331. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement