Advertisement
Guest User

Untitled

a guest
Jun 18th, 2013
170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.06 KB | None | 0 0
  1. body, html, div, blockquote, img, label, p, a, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, fieldset, input, th, td, figure {
  2. border: 0;
  3. margin: 0;
  4. padding: 0
  5. }
  6. h1, h2, h3, h4, h5, h6 {
  7. font - size: 100 %
  8. }
  9. img {
  10. display: block;
  11. height: auto;
  12. max - width: 100 % ;
  13. width: auto
  14. }
  15. video {
  16. height: auto;
  17. max - width: 100 %
  18. }
  19. a, : focus {
  20. outline: 0
  21. }
  22. table {
  23. border - collapse: separate;
  24. border - spacing: 0
  25. }
  26. caption,
  27. th,
  28. td {
  29. font - weight: normal;
  30. text - align: left
  31. }
  32. blockquote: before,
  33. blockquote: after,
  34. q: before,
  35. q: after {
  36. content: ""
  37. }
  38. blockquote,
  39. q {
  40. quotes: ""
  41. ""
  42. }::-moz - selection {
  43. background: #ff0
  44. }::selection {
  45. background: #ff0
  46. }
  47. html {
  48. background - color: #f8f8f8
  49. }
  50. body {
  51. background - color: #fff
  52. }.center - column,
  53. .left - column {
  54. max - width: 36.25em;
  55. padding: 2.188em 0.875em 1em;
  56. position: relative
  57. }.center - column {
  58. margin: 0 auto
  59. }.blog.center - column,
  60. .archive.center - column,
  61. .search.center - column {
  62. border - bottom: 1px solid# ddd
  63. }.search.center - column.search - success {
  64. border - bottom - width: 0.563em
  65. }.search.search - no - results.center - column {
  66. border - bottom: none
  67. }
  68. a {
  69. border - bottom: 1px dotted;
  70. font - weight: 700;
  71. text - decoration: none; - moz - transition: all 0.25s ease - in -out 0s; - ms - transition: all 0.25s ease - in -out 0s; - o - transition: all 0.25s ease - in -out 0s; - webkit - transition: all 0.25s ease - in -out 0s;
  72. transition: all 0.25s ease - in -out 0s
  73. }
  74. a,
  75. a: visited {
  76. border - bottom - color: #222;color:# 222
  77. }
  78. a: hover,
  79. a: active {
  80. border - bottom - color: #aeaeae;
  81. color: #aeaeae
  82. }.clear: after {
  83. clear: both;
  84. content: "";
  85. display: block;
  86. height: 0;
  87. visibility: hidden
  88. }@
  89. font - face {
  90. font - family: 'WAP8-Icons';
  91. src: url('http://www.erikford.me/wp-content/themes/trabajo/fonts/icons/WAP8-Icons.eot');
  92. src: url('http://www.erikford.me/wp-content/themes/trabajo/fonts/icons/WAP8-Icons.eot?#iefix') format('embedded-opentype'),
  93. url('http://www.erikford.me/wp-content/themes/trabajo/fonts/icons/WAP8-Icons.svg#WAP8-Icons') format('svg'),
  94. url('http://www.erikford.me/wp-content/themes/trabajo/fonts/icons/WAP8-Icons.woff') format('woff'),
  95. url('http://www.erikford.me/wp-content/themes/trabajo/fonts/icons/WAP8-Icons.ttf') format('truetype');
  96. font - weight: normal;
  97. font - style: normal
  98. }.wap8 - icon[data - icon]: before {
  99. content: attr(data - icon);
  100. font - family: 'WAP8-Icons';
  101. font - style: normal;
  102. font - weight: 400;
  103. line - height: 1;
  104. speak: none
  105. }
  106. body {
  107. color: #555;font-family:'pragmatica-web','Helvetica Neue',Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{color:# 222;
  108. font - weight: 700
  109. }
  110. h1 {
  111. font - size: 1.75em;
  112. letter - spacing: -0.036em;
  113. line - height: 1.25;
  114. margin - bottom: 1.25em
  115. }
  116. h2 {
  117. font - size: 1.5em;
  118. letter - spacing: -0.042em;
  119. line - height: 1.25;
  120. margin - bottom: 1.25em
  121. }
  122. h3 {
  123. font - size: 1.25em;
  124. letter - spacing: -0.050em;
  125. line - height: 1.2;
  126. margin - bottom: 1.2em
  127. }
  128. h4 {
  129. font - size: 1em;
  130. line - height: 1.5;
  131. margin - bottom: 1.5em;
  132. margin - top: 1.5em
  133. }
  134. h5 {
  135. font - size: 0.875em;
  136. line - height: 1.5;
  137. margin - bottom: 1.5em;
  138. margin - top: 1.5em
  139. }
  140. h6 {
  141. font - size: 0.75em;
  142. line - height: 1.5;
  143. margin - bottom: 1.5em;
  144. margin - top: 1.5em
  145. }
  146. p,
  147. address {
  148. font - size: 0.875em;
  149. line - height: 1.5;
  150. margin - bottom: 1.5em
  151. }
  152. p {
  153. -moz - hyphens: auto; - webkit - hyphens: auto;
  154. hyphens: auto
  155. }
  156. p a {
  157. -moz - hyphens: none; - webkit - hyphens: none;
  158. hyphens: none
  159. }
  160. p + h1 {
  161. margin - top: 1.25em
  162. }
  163. p + h2 {
  164. margin - top: 1.25em
  165. }
  166. p + h3 {
  167. margin - top: 1.2em
  168. }
  169. p + p {
  170. margin - top: -1.5em;
  171. text - indent: 1.5em
  172. }
  173. blockquote {
  174. background - color: #f8f8f8;
  175. border - left: 0.375em solid #222;border-right:0.375em solid # 222;
  176. margin - bottom: 1.313em;
  177. padding: 1.313em 1.75em 0.063em
  178. }
  179. blockquote p {
  180. color: #222;quotes:'\201c' '\201d';text-indent:-0.357em}blockquote p:before, q:before, q q:before{content:open-quote}blockquote p:after, q:after, q q:after{content:close-quote}q{quotes:'\201c' '\201d' '\2018' '\2019'}strong,b{color:# 222;
  181. font - weight: 700
  182. }
  183. em,
  184. i,
  185. cite {
  186. font - style: italic
  187. }
  188. small {
  189. font - size: 0.857em;
  190. line - height: 1.5
  191. }
  192. mark {
  193. background - color: #ff0
  194. }
  195. strike,
  196. del {
  197. text - decoration: line - through
  198. }
  199. abbr,
  200. acronym,
  201. ins {
  202. border - bottom: 1px dotted
  203. }
  204. abbr,
  205. acronym {
  206. cursor: help;
  207. text - transform: uppercase
  208. }
  209. ins {
  210. text - decoration: none
  211. }
  212. sup,
  213. sub {
  214. font - size: 0.714em;
  215. line - height: 1;
  216. position: relative;
  217. vertical - align: baseline
  218. }
  219. sup {
  220. top: -0.6em
  221. }
  222. sub {
  223. bottom: -0.3em
  224. }
  225. address {
  226. font - style: normal
  227. }
  228. ul,
  229. ol,
  230. dl {
  231. font - size: 0.875em;
  232. line - height: 1.5;
  233. margin - bottom: 1.5em
  234. }
  235. ul {
  236. padding - left: 1em
  237. }
  238. ol {
  239. padding - left: 1.5em
  240. }
  241. ul {
  242. list - style: disc
  243. }
  244. ul ul,
  245. ol ul {
  246. list - style: circle
  247. }
  248. ol,
  249. ul ol,
  250. ol ol ol {
  251. list - style: decimal
  252. }
  253. ol ol {
  254. list - style: lower - alpha
  255. }
  256. ul ul,
  257. ol ul,
  258. ul ol,
  259. ol ol {
  260. font - size: inherit;
  261. margin: 0.5em 0
  262. }
  263. dt {
  264. color: #222;font-weight:700}dd{margin-bottom:1.5em}ul+h1,ol+h1,dl+h1{margin-top:1.25em}ul+h2,ol+h2,dl+h2{margin-top:1.25em}ul+h3,ol+h3,dl+h3{margin-top:1.2em}table{font-size:0.875em;line-height:1.5;margin-bottom:1.5em;margin-top:1.5em;width:100%}caption{color:# 222;
  265. font - size: 1.143em;
  266. font - weight: 700;
  267. line - height: 1.5;
  268. margin - bottom: 1.5em;
  269. text - align: center
  270. }
  271. th {
  272. color: #222;font-weight:700}th,td{border-bottom:1px solid # ddd;
  273. padding: 0.643em 0.5em 0.571em 0;
  274. text - align: center;
  275. vertical - align: top
  276. }
  277. table + h1 {
  278. margin - top: 1.25em
  279. }
  280. table + h2 {
  281. margin - top: 1.25em
  282. }
  283. table + h3 {
  284. margin - top: 1.2em
  285. }
  286. code {
  287. color: #00aed7;font:1em Courier,Monaco,monospace}pre{background-color:# f4f4f4;
  288. margin - bottom: 1.714em;
  289. overflow: auto;
  290. overflow - y: hidden;
  291. padding: 0 0 1.429em 1.429em
  292. }
  293. pre code {
  294. color: #222;font-size:14px}pre+h1{margin-top:1.25em}pre+h2{margin-top:1.25em}pre+h3{margin-top:1.2em}form{overflow:hidden;position:relative}label{color:# 222;
  295. font - size: 0.75em;
  296. font - weight: 700;
  297. line - height: 1.5;
  298. margin - bottom: 0.5em
  299. }
  300. input[type = text],
  301. input[type = email],
  302. input[type = url],
  303. input[type = password],
  304. input[type = search],
  305. input[type = submit],
  306. textarea {
  307. font - family: 'pragmatica-web',
  308. 'Helvetica Neue',
  309. Helvetica,
  310. Arial,
  311. sans - serif; - moz - appearance: none; - o - appearance: none; - webkit - appearance: none
  312. }
  313. input[type = text],
  314. input[type = email],
  315. input[type = url],
  316. input[type = password],
  317. input[type = search],
  318. textarea {
  319. background - color: #f3f3f3;
  320. color: #555;font-size:0.875em;padding:0.643em;width:100%;-moz-border-radius:0.214em;-webkit-border-radius:0.214em;border-radius:0.214em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s}input[type= text]: focus,
  321. input[type = email]: focus,
  322. input[type = url]: focus,
  323. input[type = password]: focus,
  324. input[type = search]: focus,
  325. textarea: focus {
  326. background - color: #222;color:# f3f3f3; - moz - border - radius: 0; - webkit - border - radius: 0;
  327. border - radius: 0
  328. }
  329. textarea {
  330. border: none;
  331. height: 12.5em;
  332. line - height: 1.5;
  333. resize: none;
  334. overflow: auto
  335. }
  336. input[type = submit] {
  337. background - color: #00aed7;color:# fff;
  338. font - size: 0.875em;
  339. font - weight: 700;
  340. padding: 0.714em 1.429em; - moz - border - radius: 0.214em; - webkit - border - radius: 0.214em;
  341. border - radius: 0.214em; - moz - transition: all 0.5s ease - in -out 0s; - ms - transition: all 0.5s ease - in -out 0s; - o - transition: all 0.5s ease - in -out 0s; - webkit - transition: all 0.5s ease - in -out 0s;
  342. transition: all 0.5s ease - in -out 0s
  343. }
  344. input[type = submit]: hover {
  345. cursor: pointer;
  346. background - color: #0085a3}.content-header{background-color:rgba(248,248,248,0.95);position:relative}a.logo{background-color:# 151515;
  347. border - bottom: none;
  348. color: #fff;
  349. display: block;
  350. font - size: 1.75em;
  351. line - height: 2.57143em;
  352. padding: 0 0.643em 0 0.536em;
  353. width: 1em
  354. }
  355. a.logo span {
  356. left: -9999em;
  357. position: absolute;
  358. top: -9999em
  359. }
  360. a.logo: hover {
  361. background - color: #00aed7}.main-nav{position:relative}.has-js .main-nav{display:none}.main-nav ul{font-size:0.875em;line-height:3.5em;list-style:none;margin-bottom:0;padding-left:0;text-align:center}.main-nav li{border-bottom:1px solid # 444;
  362. border - right: 1px solid #444;float:left;width:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.main-nav li:nth-child(even){border-right:none}.main-nav li:nth-child(3), .main-nav li:nth-child(4){border-bottom:none}.main-nav li a{background-color:# 151515;
  363. border - bottom: none;
  364. color: #bbb;
  365. display: block
  366. }.main - nav li a: hover {
  367. color: #fff
  368. }.mobile - nav - toggle {
  369. font - size: 0.875em;
  370. line - height: 5.143em;
  371. position: absolute;
  372. right: 0;
  373. top: 0
  374. }.mobile - nav - toggle a {
  375. border: none;
  376. display: block;
  377. padding: 0 1.071em
  378. }
  379. article header h1 a {
  380. border - bottom: none
  381. }.post - date {
  382. display: block;
  383. font - size: 0.75em;
  384. letter - spacing: 0.083em;
  385. line - height: 1.5em;
  386. margin - bottom: 0.75em;
  387. text - transform: uppercase
  388. }
  389. p + p.post - meta,
  390. p.fancy - intro + p,
  391. p + p.post - teaser {
  392. margin - top: 0;
  393. text - indent: 0
  394. }
  395. p.fancy - intro {
  396. font - size: 1.25em;
  397. line - height: 1.45;
  398. margin - bottom: 1.05em;
  399. word - spacing: -0.05em
  400. }.lead - in {
  401. color: #222;font-size:0.85em;font-weight:700;letter-spacing:0.0588235em;line-height:1;text-transform:uppercase;word-spacing:normal}.post-anchor{position:relative;text-align:center}.post-anchor p{font-size:1.14285714em;line-height:1.5;margin-bottom:1.5em}.post-anchor a{border-bottom:none;display:inline-block;font-weight:400;padding:0.5em}.post-anchor span{left:-9999em;position:absolute;top:-9999em}.quote-format{background-color:transparent;border:none;padding:0 0 0 0.75em}.single-format-quote .quote-format{margin-bottom:3.9375em}.quote-format .quote-author{color:# 222;
  402. font - size: 0.75em;
  403. font - weight: 700;
  404. letter - spacing: 0.083em;
  405. line - height: 1.5;
  406. margin - bottom: 0;
  407. text - transform: uppercase
  408. }.quote - format p + p {
  409. margin - top: 0;
  410. text - indent: 0
  411. }.quote - format.large - quote {
  412. font - size: 1.75em;
  413. font - style: italic;
  414. font - weight: 200;
  415. line - height: 1.25;
  416. margin - bottom: 0.321em;
  417. text - indent: -0.429em; - moz - hyphens: none; - webkit - hyphens: none;
  418. hyphens: none
  419. }.quote - format.quote - author: before {
  420. content: no - open - quote
  421. }.quote - format.quote - author: after {
  422. content: no - close - quote
  423. }
  424. p.interview - question {
  425. color: #222;font-size:1.25em;font-weight:700;line-height:1.2;margin-bottom:1.05em}p.interview-question+p,p+p.interview-question{margin-top:0;text-indent:0}.fluid-width-video-wrapper{margin-bottom:1.313em}img.alignnone{margin-bottom:1.313em}img.aligncenter{margin:0 auto 1.313em}figure.alignnone{margin-bottom:1.313em}figure.aligncenter{display:block;margin:0 auto 1.313em}.wp-caption-text{font-size:0.75em;font-style:italic;line-height:1.5;margin-bottom:1.5em;margin-top:0.75em;text-align:center}.gallery,.gallery-row{position:relative}.gallery-item{float:left;padding-left:1%;padding-right:1%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.gallery-icon a{border:none}.gallery-icon img{height:auto;width:100%}.tidy-gallery-col-1 .gallery-item{padding-right:0;width:100%}.tidy-gallery-col-2 .gallery-item{width:50%}.tidy-gallery-col-3 .gallery-item{width:33.3333%}.tidy-gallery-col-4 .gallery-item{width:25%}.tidy-gallery-col-5 .gallery-item{width:20%}.tidy-gallery-col-6 .gallery-item{width:16.6667%}.tidy-gallery-col-7 .gallery-item{width:14.2856%}.tidy-gallery-col-8 .gallery-item{width:12.5%}.tidy-gallery-col-9 .gallery-item{width:11.1111%}.tracks-div{margin-bottom:1.563em;padding:0;position:relative;padding-top:100%;width:100%}.tracks-iframe{height:100%;left:0;position:absolute;top:0;width:100%}.pagination{padding:1.313em 0;position:relative}.page-numbers{color:# 222;
  426. font - weight: 700;
  427. list - style: none;
  428. margin: 0 auto;
  429. padding - left: 0;
  430. text - align: center
  431. }.page - numbers li {
  432. display: inline - block;
  433. margin: 0 0.429em
  434. }.page - numbers li a {
  435. color: #aeaeae;
  436. border - bottom: none
  437. }.page - numbers li a: hover {
  438. color: #222}# comments {
  439. border - top: 1px solid# ddd;
  440. padding - top: 1.5em;
  441. position: relative
  442. }#
  443. comments p + p {
  444. margin - top: 0;
  445. text - indent: 0
  446. }.commentlist {
  447. border - top: 1px solid# ddd;
  448. font - size: 100 % ;
  449. list - style: none;
  450. padding - left: 0
  451. }.commentlist li {
  452. border - bottom: 1px solid# ddd
  453. }.commentlist li div {
  454. margin - left: 3.063em;
  455. padding: 1.313em 0 0.063em;
  456. position: relative
  457. }.commentlist.avatar {
  458. left: -3.063em;
  459. position: absolute;
  460. top: 1.313em; - moz - border - radius: 12.5em; - webkit - border - radius: 12.5em;
  461. border - radius: 12.5em
  462. }.commentlist.bypostauthor > div img.avatar {
  463. border - color: #32323a}.commentlist .children{list-style:none;margin:0;padding-left:0}.commentlist .children li{border-bottom:none;border-top:1px solid # dcdcd9
  464. }.commentlist.comment - author {
  465. color: #222;font-weight:700;margin-bottom:0}.commentlist .post-date{margin-bottom:1.75em}.commentlist .reply{font-size:0.875em;line-height:1.5;margin-bottom:1.667em}# respond {
  466. position: relative
  467. }#
  468. commentform {
  469. margin - bottom: 1.313em
  470. }#
  471. commentform input[type = submit] {
  472. float: right
  473. }#
  474. respond# cancel - comment - reply - link {
  475. font - size: 0.817em;
  476. letter - spacing: normal;
  477. right: 0;
  478. position: absolute;
  479. top: 1.714em
  480. }.search - form {
  481. margin - bottom: 1.5em
  482. }.search - form label {
  483. font - size: 0.875em;
  484. font - weight: 400;
  485. left: 0.071em;
  486. line - height: 1.5;
  487. margin - bottom: 0;
  488. position: absolute;
  489. top: 0.643em
  490. }.search - form label span {
  491. left: -9999em;
  492. position: relative;
  493. top: -9999em
  494. }.search - form input[type = search] {
  495. background - color: transparent;
  496. border - bottom: 1px solid# ddd;
  497. padding - left: 1.429em;
  498. padding - right: 0; - moz - border - radius: 0; - webkit - border - radius: 0;
  499. border - radius: 0
  500. }.search - form input[type = search]: focus {
  501. background - color: transparent;
  502. border - bottom - color: #222;color:# 222
  503. }.portfolio - grid {
  504. background - color: #eee;
  505. padding: 2.188em 0.875em 0.875em;
  506. position: relative
  507. }.quarter - grid {
  508. display: block;
  509. margin - bottom: 1.313em;
  510. position: relative
  511. }.quarter - grid a {
  512. border - bottom: none;
  513. display: block
  514. }.portfolio - button {
  515. font - size: 0.875em;
  516. line - height: 2.5;
  517. position: relative
  518. }.portfolio - button a {
  519. background - color: #fff;
  520. padding: 0 0.643em
  521. }.portfolio - button i {
  522. position: absolute;
  523. right: 0.643em
  524. }.portfolio - gallery,
  525. .portfolio - nav {
  526. padding: 0 0.875em 1em;
  527. position: relative
  528. }.portfolio - gallery ul {
  529. list - style: none;
  530. margin - bottom: 0;
  531. padding - left: 0
  532. }.portfolio - gallery img {
  533. margin - bottom: 1.313em;
  534. width: 100 %
  535. }.portfolio - nav {
  536. margin: 0 auto;
  537. max - width: 36.25em
  538. }.portfolio - nav ul {
  539. border - bottom: 1px solid# ddd;
  540. border - top: 1px solid# ddd;
  541. list - style: none;
  542. padding - left: 0;
  543. text - align: center
  544. }.portfolio - nav li {
  545. border - left: 1px solid# ddd;
  546. border - right: 1px solid# ddd;
  547. float: left;
  548. width: 33.333 % ; - moz - box - sizing: border - box; - webkit - box - sizing: border - box;
  549. box - sizing: border - box
  550. }.portfolio - nav.prev -
  551. case,
  552. .portfolio - nav.next -
  553. case {
  554. border: none
  555. }.portfolio - nav span {
  556. left: -9999em;
  557. position: absolute;
  558. top: -9999em
  559. }.portfolio - nav a {
  560. border: none;
  561. display: block;
  562. padding: 0.857em 0
  563. }.content - footer {
  564. background - color: #f8f8f8;
  565. padding: 1.313em 1.313em;
  566. position: relative;
  567. text - align: center
  568. }.content - footer div {
  569. margin: 0 auto;
  570. max - width: 36.25em
  571. }.content - footer ul {
  572. font - size: 1em;
  573. line - height: 1.5;
  574. list - style: none;
  575. margin: 0 auto 1.5em;
  576. padding - left: 0
  577. }.content - footer li {
  578. display: inline - block;
  579. margin: 0 0.1875em
  580. }.content - footer li a {
  581. border - bottom: none;
  582. display: block;
  583. padding: 0.5em
  584. }.content - footer li span {
  585. left: -9999em;
  586. position: absolute;
  587. top: -9999em
  588. }.content - footer p {
  589. margin - bottom: 0
  590. }@
  591. media only screen and(min - width: 28.125em) {
  592. a.logo {
  593. float: left;
  594. width: auto
  595. }.has - js.main - nav {
  596. float: right;
  597. display: block!important
  598. }.main - nav ul {
  599. line - height: 5.143em;
  600. text - align: left
  601. }.main - nav li {
  602. border - bottom: none;
  603. border - right: none;
  604. width: auto
  605. }.main - nav li a {
  606. background - color: transparent;
  607. color: #151515;padding:0 1.071em}.main-nav li a:hover{background-color:# 151515;
  608. color: #fff
  609. }.mobile - nav - toggle {
  610. display: none
  611. }.portfolio - grid {
  612. padding: 0
  613. }.quarter - grid {
  614. float: left;
  615. margin - bottom: 0;
  616. width: 50 %
  617. }.portfolio - button {
  618. height: 100 % ;
  619. left: 0;
  620. line - height: 1;
  621. opacity: 0;
  622. position: absolute;
  623. text - align: center;
  624. top: 0;
  625. width: 100 % ; - moz - transition: opacity 0.4s ease - in 0.05s; - o - transition: opacity 0.4s ease - in 0.05s; - webkit - transition: opacity 0.4s ease - in 0.05s;
  626. transition: opacity 0.4s ease - in 0.05s
  627. }.fader {
  628. opacity: 1
  629. }.portfolio - button a {
  630. background - color: rgba(255, 255, 255, 0.9);
  631. height: 100 % ;
  632. line - height: 1;
  633. left: 0;
  634. padding: 0;
  635. position: relative;
  636. width: 100 % ;
  637. top: 0
  638. }.portfolio - button a: hover {
  639. color: #222}.portfolio-button span{left:40px;position:absolute;top:40px}.portfolio-button i{position:absolute;right:40px;top:40px}}@media only screen and ( min-width: 36.313em ){.center-column{padding:2.5em 2.5em 0.938em}.blog .center-column, .archive .center-column, .search .center-column{padding-bottom:0.938em}.left-column{padding:2.5em 2.5em 0}.page-header h1, .article-content h1{font-size:2em;letter-spacing:-0.031em}.article-content h2{font-size:1.75em;letter-spacing:-0.036em}.article-content h3{font-size:1.375em;letter-spacing:-0.0454546em;line-height:1.364;margin-bottom:1.364em}.article-content h4{font-size:1.188em;line-height:1.316;margin-bottom:1.316em;margin-top:1.316em}.article-content h5{font-size:1em;line-height:1.5625;margin-bottom:1.5625em;margin-top:1.5625em}.article-content h6{font-size:0.813em;line-height:1.538em;margin-bottom:1.538em;margin-top:1.538em}.article-content p, .article-content address{font-size:1em;line-height:1.5625;margin-bottom:1.5625em}.article-content p+h3{margin-top:1.364em}.article-content p+p{margin-top:-1.5625em;text-indent:1.5625em}.article-content blockquote{border-left-width:0.625em;border-right-width:0.625em;margin-bottom:1.5625em;padding:1.5625em 2.188em 0.063em}.article-content blockquote p{text-indent:-0.375em}.article-content small{font-size:0.8125em;line-height:1.53846154}.article-content ul, .article-content ol, .article-content dl{font-size:1em;line-height:1.5625;margin-bottom:1.5625em}.article-content ul{padding-left:0.938em}.article-content ol{padding-left:1.5625em}.article-content ul ul, .article-content ol ul, .article-content ul ol, .article-content ol ol{margin:0.625em 0}.article-content dd{margin-bottom:1.5625em}.article-content ul + h3, .article-content ol + h3, .article-content dl+h3{margin-top:1.364em}.article-content table{font-size:1em;line-height:1.5625;margin-bottom:1.5625em;margin-top:1.5625em}.article-content caption{font-size:1.188em;line-height:1.316em;margin-bottom:1.316em}.article-content th, .article-content td{padding-right:0.625em}.article-content table+h3{margin-top:1.364em}pre code{font-size:15px}label{font-size:0.813em;line-height:1.538;margin-bottom:0.385em}input[type= text],
  640. input[type = email],
  641. input[type = url],
  642. input[type = password],
  643. input[type = search],
  644. textarea {
  645. font - size: 1em;
  646. padding: 0.625em; - moz - border - radius: 0.188em; - webkit - border - radius: 0.188em;
  647. border - radius: 0.188em
  648. }
  649. textarea {
  650. line - height: 1.5625
  651. }
  652. a.logo {
  653. line - height: 3.286em;
  654. padding: 0 1.42857em
  655. }.main - nav ul {
  656. line - height: 6.571em
  657. }.main - nav li a {
  658. padding: 0 1.667em
  659. }.post - date {
  660. font - size: 0.813em;
  661. letter - spacing: 0.077em;
  662. line - height: 1.538;
  663. margin - bottom: 0.769em
  664. }.article - content p + p.post - meta,
  665. .article - content p.fancy - intro + p,
  666. .article - content p + p.post - teaser {
  667. margin - top: 0;
  668. text - indent: 0
  669. }.article - content p.fancy - intro {
  670. font - size: 1.375em;
  671. line - height: 1.59091;
  672. margin - bottom: 1.13636em;
  673. word - spacing: -0.0454546em
  674. }.article - content.lead - in {
  675. font - size: 0.863636em;
  676. letter - spacing: 0.0526316em
  677. }.article - content.post - anchor p {
  678. font - size: 1.1875em;
  679. line - height: 1.31578947;
  680. margin - bottom: 1.31578947em
  681. }.article - content.quote - format {
  682. padding: 0
  683. }.single - format - quote.article - content.quote - format {
  684. margin - bottom: 6.25em
  685. }.article - content.quote - format p + p {
  686. margin - top: 0;
  687. text - indent: 0
  688. }.article - content.quote - format.large - quote {
  689. font - size: 2em;
  690. margin - bottom: 0.313em;
  691. text - indent: -0.406em
  692. }.quote - format.quote - author {
  693. font - size: 0.813em;
  694. letter - spacing: 0.077em;
  695. line - height: 1.538
  696. }.article - content p.interview - question {
  697. font - size: 1.375em;
  698. line - height: 1.364;
  699. margin - bottom: 1.13636364em;
  700. word - spacing: -0.04545455em
  701. }.article - content p.interview - question + p,
  702. .article - content p + p.interview - question {
  703. margin - top: 0;
  704. text - indent: 0
  705. }.fluid - width - video - wrapper {
  706. margin - bottom: 1.5625em
  707. }
  708. img.alignnone,
  709. img.aligncenter {
  710. margin - bottom: 1.5625em
  711. }
  712. figure.alignnone,
  713. figure.aligncenter {
  714. margin - bottom: 1.5625em
  715. }.article - content.wp - caption - text {
  716. font - size: 0.813em;
  717. line - height: 1.538;
  718. margin - bottom: 1.538em;
  719. margin - top: 0.769em
  720. }.pagination {
  721. padding: 2.5em 0
  722. }.page - numbers li {
  723. margin: 0 0.357em
  724. }#
  725. comments {
  726. margin - bottom: 1.5625em;
  727. padding - top: 1.875em
  728. }.article - content# comments p + p {
  729. margin - top: 0;
  730. text - indent: 0
  731. }.article - content.commentlist {
  732. margin - bottom: 1.875em;
  733. padding - left: 0
  734. }.commentlist li div {
  735. margin - left: 3.125em;
  736. padding - bottom: 0.313em;
  737. padding - top: 1.875em
  738. }.commentlist.avatar {
  739. left: -3.125em;
  740. top: 1.875em
  741. }.commentlist.post - date {
  742. margin - bottom: 1.538em
  743. }.commentlist.comment - reply {
  744. font - size: 0.813em;
  745. line - height: 1.538;
  746. margin - bottom: 1.923em
  747. }.commentlist.children {
  748. margin - left: 3.125em
  749. }.commentlist.children.children {
  750. margin - left: 0
  751. }#
  752. disqus_thread {
  753. margin - top: 3.125em
  754. }#
  755. respond# cancel - comment - reply - link {
  756. font - size: 0.796em;
  757. top: 2.333em
  758. }.search - form {
  759. margin - bottom: 2.5em
  760. }.search - form label {
  761. font - size: 1em
  762. }.portfolio - button {
  763. font - size: 1.188em;
  764. letter - spacing: -0.053em
  765. }.portfolio - gallery,
  766. .portfolio - nav {
  767. padding: 0 2.5em 0.938em
  768. }.portfolio - gallery img {
  769. margin - bottom: 1.786em
  770. }.content - footer {
  771. padding: 2.5em
  772. }.content - footer ul {
  773. margin - bottom: 2.5em
  774. }
  775. }@
  776. media only screen and(min - width: 62.5em) {.center - column {
  777. padding: 10.813em 0 2.188em
  778. }.blog.center - column, .archive.center - column, .search.center - column {
  779. padding - bottom: 7.188em
  780. }.blog.center - column: first - of - type,
  781. .archive.center - column: first - of - type,
  782. .search.center - column: first - of - type {
  783. padding - top: 10.813em
  784. }.search.center - column.search - success {
  785. border - bottom - width: 0.625em;
  786. padding - bottom: 2.5em
  787. }.left - column {
  788. padding - top: 10.813em
  789. }.content - header {
  790. left: 0;
  791. position: fixed;
  792. top: 0;
  793. width: 100 % ;
  794. z - index: 1000
  795. }
  796. a.logo {
  797. line - height: 4em
  798. }.main - nav ul {
  799. line - height: 8em
  800. }.main - nav li a {
  801. padding: 0 2.857em
  802. }.portfolio - button {
  803. font - size: 1.375em;
  804. letter - spacing: -0.045em
  805. }.content - footer {
  806. padding: 2.5em 0
  807. }
  808. }@
  809. media only screen and(min - width: 80em) {.article - content blockquote.quote - format.pull - right {
  810. margin: 0 - 30 % 0 1.5625em
  811. }.article - content blockquote.pull - right {
  812. float: right;
  813. width: 80 %
  814. }.article - content blockquote.quote - format.pull - left {
  815. margin: 0 1.5625em 0 - 30 %
  816. }.article - content blockquote.pull - left {
  817. float: left;
  818. width: 80 %
  819. }.quarter - grid {
  820. width: 33.333 %
  821. }
  822. }@
  823. media only screen and(min - width: 85.625em) {.left - column {
  824. left: 2.5em;
  825. padding: 0;
  826. position: fixed;
  827. top: 10.813em;
  828. width: 36.25em
  829. }.portfolio - gallery {
  830. margin - left: 41.25em;
  831. padding - left: 0;
  832. padding - top: 10.813em
  833. }
  834. }@
  835. media only screen and(min - width: 120em) {.quarter - grid {
  836. float: left;
  837. width: 25 %
  838. }.portfolio - button {
  839. font - size: 1.75em;
  840. letter - spacing: -0.036em
  841. }
  842. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement