style.css 23 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171
  1. /* @override http://macs.local/david/wp-content/themes/dw/style.css */
  2. /*!
  3. Theme Name: dw
  4. Theme URI: http://davidawindham.com/
  5. Author: windhamdavid
  6. Version: 2.0
  7. Thanks:
  8. normalize.css v3.0.1 * MIT License
  9. bootstrap v3.2.0 * MIT License
  10. font awesome 4.2.0 * MIT License
  11. _S | GPL License
  12. */
  13. html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
  14. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-family:inherit;font-size: 100%;font-style:inherit;font-weight:inherit;background:transparent;border:0;margin:0;padding:0;outline:0;vertical-align: baseline;}
  15. html{overflow-y: scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;}
  16. body{line-height:1;}
  17. *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  18. article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
  19. h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal;}
  20. ol,ul{list-style: none;}
  21. blockquote,q{quotes: "" "";}
  22. blockquote:before,blockquote:after,q:before,q:after{content:'';}
  23. del {text-decoration:line-through;}
  24. table{border-collapse:collapse;border-spacing:0;}
  25. a:focus {outline:thin dotted;}
  26. a img {border: 0;}
  27. .clear {clear: both;}
  28. /*============================================
  29. Body
  30. ==============================================*/
  31. body {
  32. background: rgba(242,242,242,.7)
  33. }
  34. body,input,textarea {
  35. color: #666;
  36. font-size: 12px;
  37. line-height: 18px;
  38. }
  39. /*============================================
  40. Typography
  41. ==============================================*/
  42. body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;}
  43. input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
  44. .light {
  45. color:#fcfcfc;
  46. }
  47. .dim {
  48. color: #737373;
  49. }
  50. .right {
  51. text-align: right;
  52. }
  53. /*============================================
  54. Grid
  55. ==============================================*/
  56. .container {
  57. padding-right: 15px;
  58. padding-left: 15px;
  59. margin-right: auto;
  60. margin-left: auto;
  61. }
  62. .container-full {
  63. margin: 0 auto;
  64. width: 100%;
  65. }
  66. @media (max-width: 768px) {
  67. .offcanvas {
  68. display: none;
  69. }
  70. }
  71. @media (min-width: 768px) {
  72. .container {
  73. width: 750px;
  74. }
  75. .offcanvas {
  76. display: none;
  77. }
  78. .site-title {
  79. font-size: 25px;
  80. }
  81. }
  82. @media (min-width: 992px) {
  83. .container {
  84. width: 970px;
  85. }
  86. .offcanvas {
  87. display: none;
  88. }
  89. }
  90. @media (min-width: 1200px) {
  91. .container {
  92. width: 1170px;
  93. }
  94. }
  95. @media (min-width: 1310px) {
  96. .offcanvas {
  97. display: block;
  98. z-index: 1;
  99. }
  100. body {
  101. margin-right: 150px !important;
  102. }
  103. .navbar {
  104. margin-right: 150px !important;
  105. }
  106. .nav-toggle {
  107. display: none;
  108. }
  109. }
  110. /*============================================
  111. Loader
  112. ==============================================*/
  113. #loader {
  114. position: fixed;
  115. width: 100%;
  116. height: 100%;
  117. top: 0;
  118. left: 0;
  119. font-size: 150px;
  120. text-align: center;
  121. vertical-align: middle;
  122. color: #222;
  123. z-index: 200000;
  124. background-color: #222;
  125. }
  126. .loading-animation {
  127. width: 100px;
  128. height: 100px;
  129. position: absolute;
  130. top: 0;
  131. bottom: 0;
  132. right: 0;
  133. left: 0;
  134. margin: auto;
  135. -moz-animation: spin .5s infinite linear;
  136. -webkit-animation: spin .5s infinite linear;
  137. -o-animation: spin .5s infinite linear;
  138. animation: spin .5s infinite linear;
  139. }
  140. .zw-logo {
  141. -webkit-transform-origin: 50% 50%;
  142. animation: spin 4s cubic-bezier(.49,.05,.32,1.04) infinite alternate;
  143. }
  144. @keyframes spin {
  145. 50% {
  146. transform: rotate(360deg);
  147. }
  148. }
  149. /*============================================
  150. Navbar
  151. ==============================================*/
  152. .navbar {
  153. background-color: rgba(237, 237, 237, 0.7);
  154. }
  155. .navbar {
  156. -webkit-transition: background-color 0.3s;
  157. -moz-transition: background-color 0.3s;
  158. transition: background-color 0.3s;
  159. -webkit-transform: translate3d(0, 0, 0);
  160. -moz-transform: translate3d(0, 0, 0);
  161. -ms-transform: translate3d(0, 0, 0);
  162. -o-transform: translate3d(0, 0, 0);
  163. transform: translate3d(0, 0, 0);
  164. -webkit-backface-visibility: hidden;
  165. backface-visibility: hidden;
  166. }
  167. .navbar.fixed {
  168. position: fixed;
  169. top: -80px;
  170. background-color: rgba(237, 237, 237, 0.7);
  171. border-bottom: 1px solid #f2f2f2;
  172. -webkit-transition: -webkit-transform 0.3s;
  173. -moz-transition: -moz-transform 0.3s;
  174. transition: transform 0.3s;
  175. }
  176. .navbar.visible {
  177. -webkit-transform: translate3d(0, 100%, 0);
  178. -moz-transform: translate3d(0, 100%, 0);
  179. -ms-transform: translate3d(0, 100%, 0);
  180. -o-transform: translate3d(0, 100%, 0);
  181. transform: translate3d(0, 100%, 0);
  182. }
  183. /*============================================
  184. NavMenu
  185. ==============================================*/
  186. .offcanvas.in {
  187. display: block;
  188. }
  189. .canvas-sliding {
  190. -webkit-transition: .25s ease-in-out;
  191. transition: .25s ease-in-out;
  192. }
  193. .navmenu,
  194. .navbar-offcanvas {
  195. width: 150px;
  196. height: auto;
  197. border-style: solid;
  198. border-width: 1px;
  199. border-radius: 4px;
  200. padding-top:80px;
  201. }
  202. .navmenu-fixed-right,
  203. .navbar-offcanvas {
  204. position: fixed;
  205. top: 0;
  206. bottom: 0;
  207. z-index: 1030;
  208. overflow-y: auto;
  209. border-radius: 0;
  210. background-color: rgba(237, 237, 237, 0.7);
  211. left: auto;
  212. right: 0;
  213. border-width: 0 0 0 0px;
  214. }
  215. .nav-toggle {
  216. padding: 15px 0;
  217. padding: 10px 35px 16px 0px;
  218. right: 15px;
  219. top: 25px;
  220. cursor: pointer;
  221. position: absolute;
  222. }
  223. .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  224. cursor: pointer;
  225. border-radius: 1px;
  226. height: 5px;
  227. width: 35px;
  228. background: #333E52;
  229. position: absolute;
  230. display: block;
  231. content: '';
  232. }
  233. .nav-toggle span:before {
  234. top: -10px;
  235. }
  236. .nav-toggle span:after {
  237. bottom: -10px;
  238. }
  239. .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  240. transition: all 500ms ease-in-out;
  241. }
  242. .nav-toggle.active span {
  243. background-color: transparent;
  244. }
  245. .nav-toggle.active span:before, .nav-toggle.active span:after {
  246. top: 0;
  247. }
  248. .nav-toggle.active span:before {
  249. transform: rotate(45deg);
  250. -webkit-transform: rotate(45deg);
  251. -o-transform: rotate(45deg);
  252. }
  253. .nav-toggle.active span:after {
  254. transform: rotate(-45deg);
  255. -webkit-transform: rotate(-45deg);
  256. -o-transform: rotate(-45deg);
  257. }
  258. ul.social {
  259. padding: 5px 15px;
  260. }
  261. ul.social li {
  262. float: left;
  263. padding: 1px 3px;
  264. }
  265. #archives li {
  266. list-style: none;
  267. margin: 2px 8px;
  268. float: left;
  269. }
  270. .fa {
  271. color: #777;
  272. }
  273. .fa-15x {
  274. font-size: 1.6em !important;
  275. padding: 2px 2px;
  276. }
  277. /*============================================
  278. Header
  279. ==============================================*/
  280. .site-title {
  281. float: right;
  282. padding: 15px 0;
  283. font: 21px/27px "Courier New", Courier, mono;
  284. }
  285. .site-title a {
  286. color: #000;
  287. text-decoration: none;
  288. }
  289. img.dw {
  290. float: right;
  291. margin: 15px 0;
  292. }
  293. #site-description {
  294. clear: right;
  295. float: right;
  296. font-style: italic;
  297. margin: 14px 0 18px 0;
  298. width: 160px;
  299. }
  300. /*============================================
  301. Content
  302. ==============================================*/
  303. /*===== Structure =====*/
  304. .leader {
  305. margin: 80px 0;
  306. padding: 50px 0;
  307. }
  308. .dark {
  309. background: #222;
  310. }
  311. .footer {
  312. padding: 50px 0 100px;
  313. }
  314. /*===== Wordpress =====*/
  315. .post {
  316. background: #fff;
  317. margin-bottom: 40px;
  318. }
  319. #content {
  320. margin-bottom: 36px;
  321. margin-top: 100px;
  322. }
  323. #content,
  324. #content input,
  325. #content textarea {
  326. color: #333;
  327. font-size: 16px;
  328. line-height: 24px;
  329. }
  330. #content p,
  331. #content ul,
  332. #content ol,
  333. #content dd,
  334. #content pre,
  335. #content hr {
  336. margin-bottom: 24px;
  337. font-family: "Courier New", Courier, mono;
  338. }
  339. #content ul ul,
  340. #content ol ol,
  341. #content ul ol,
  342. #content ol ul {
  343. margin-bottom: 0;
  344. }
  345. #content pre,
  346. #content kbd,
  347. #content tt,
  348. #content var {
  349. font-size: 15px;
  350. line-height: 21px;
  351. }
  352. #content code {
  353. font-size: 13px;
  354. }
  355. #content dt,
  356. #content th {
  357. color: #000;
  358. }
  359. #content h1,
  360. #content h2,
  361. #content h3,
  362. #content h4,
  363. #content h5,
  364. #content h6 {
  365. color: #000;
  366. line-height: 1.5em;
  367. margin: 0 0 20px 0;
  368. }
  369. #content table {
  370. border: 1px solid #e7e7e7;
  371. margin: 0 -1px 24px 0;
  372. text-align: left;
  373. width: 100%;
  374. }
  375. #content tr th,
  376. #content thead th {
  377. color: #888;
  378. font-size: 12px;
  379. font-weight: bold;
  380. line-height: 18px;
  381. padding: 9px 24px;
  382. }
  383. #content tr td {
  384. border-top: 1px solid #e7e7e7;
  385. padding: 6px 24px;
  386. }
  387. #content tr.odd td {
  388. background: #f2f7fc;
  389. }
  390. .hentry {
  391. margin: 0 0 30px 0;
  392. }
  393. .reserved-gallery {
  394. float: left;
  395. padding: 5px;
  396. }
  397. .home .sticky {
  398. background: #f2f7fc;
  399. border-top: 4px solid #000;
  400. margin-left: -20px;
  401. margin-right: -20px;
  402. padding: 18px 20px;
  403. }
  404. .single .hentry {
  405. margin: 0 0 36px 0;
  406. }
  407. .page-title {
  408. color: #000;
  409. font-size: 14px;
  410. font-weight: bold;
  411. margin: 0 0 36px 0;
  412. }
  413. .page-title span {
  414. color: #333;
  415. font-size: 16px;
  416. font-style: italic;
  417. font-weight: normal;
  418. }
  419. .entry-caption-parent .page-title span {
  420. color: #777;
  421. font-size: 12px;
  422. font-style: italic;
  423. font-weight: normal;
  424. }
  425. .nav-previous span.meta-nav {
  426. color: #888;
  427. font-size: 12px;
  428. font-style: italic;
  429. font-weight: normal;
  430. }
  431. .nav-next span.meta-nav {
  432. color: #888;
  433. font-size: 12px;
  434. font-style: italic;
  435. font-weight: normal;
  436. }
  437. .page-title a:link,
  438. .page-title a:visited {
  439. color: #888;
  440. text-decoration: none;
  441. }
  442. .page-title a:active,
  443. .page-title a:hover {
  444. color: #373339;
  445. }
  446. #content .entry-title {
  447. color: #000;
  448. font-size: 18px;
  449. line-height: 1.3em;
  450. margin-bottom: 20px;
  451. }
  452. h2.entry-title {
  453. color: #999;
  454. }
  455. .entry-title a:link,
  456. .entry-title a:visited {
  457. color: #000;
  458. text-decoration: none;
  459. }
  460. .entry-title a:active,
  461. .entry-title a:hover {
  462. color: #a0aec4;
  463. }
  464. .entry-meta {
  465. color: #888;
  466. font-size: 12px;
  467. }
  468. .entry-meta-attachment {
  469. float: right;
  470. color: #888;
  471. font: 11px "Courier New", Courier, mono;
  472. }
  473. .entry-meta abbr,
  474. .entry-utility abbr {
  475. border: none;
  476. }
  477. .entry-meta abbr:hover,
  478. .entry-utility abbr:hover {
  479. border-bottom: 1px dotted #666;
  480. }
  481. .entry-content,
  482. .entry-summary {
  483. clear: both;
  484. padding: 18px 0 20px;
  485. }
  486. .entry-guestbook {
  487. clear: both;
  488. padding: 3px 0 10px 0;
  489. }
  490. .entry-content h5 {
  491. font: 14px "Courier New", Courier, mono;
  492. }
  493. .signature {
  494. font: 16px "Courier New", Courier, mono;
  495. float: right;
  496. margin: 10px 150px 40px 0px;
  497. }
  498. #inside h3 {
  499. font: 16px "Courier New", Courier, mono;
  500. line-height: 10px;
  501. margin: 0 0 10px 0;
  502. }
  503. #inside p {
  504. margin: 0 0 10px 0;
  505. line-height: 20px;
  506. }
  507. #content .entry-summary p:last-child {
  508. margin-bottom: 12px;
  509. }
  510. .entry-content fieldset {
  511. border: 1px solid #e7e7e7;
  512. margin: 0 0 24px 0;
  513. padding: 24px;
  514. }
  515. .entry-content fieldset legend {
  516. background: #fff;
  517. color: #000;
  518. font-weight: bold;
  519. padding: 0 24px;
  520. }
  521. .entry-content input {
  522. margin: 0 0 24px 0;
  523. }
  524. .entry-content input.file,
  525. .entry-content input.button {
  526. margin-right: 24px;
  527. }
  528. .entry-content label {
  529. color: #888;
  530. font-size: 12px;
  531. }
  532. .entry-content select {
  533. margin: 0 0 24px 0;
  534. }
  535. .entry-content sup,
  536. .entry-content sub {
  537. font-size: 10px;
  538. }
  539. .entry-content blockquote.left {
  540. float: left;
  541. margin-left: 0;
  542. margin-right: 24px;
  543. text-align: right;
  544. width: 33%;
  545. }
  546. .entry-content blockquote.right {
  547. float: right;
  548. margin-left: 24px;
  549. margin-right: 0;
  550. text-align: left;
  551. width: 33%;
  552. }
  553. .page-link {
  554. color: #000;
  555. font-weight: bold;
  556. margin: 0 0 22px 0;
  557. word-spacing: 0.5em;
  558. }
  559. .page-link a:link,
  560. .page-link a:visited {
  561. background: #f1f1f1;
  562. color: #333;
  563. font-weight: normal;
  564. padding: 0.5em 0.75em;
  565. text-decoration: none;
  566. }
  567. .home .sticky .page-link a {
  568. background: #d9e8f7;
  569. }
  570. .page-link a:active,
  571. .page-link a:hover {
  572. color: #ff4b33;
  573. }
  574. body.page .edit-link {
  575. clear: both;
  576. display: block;
  577. }
  578. #entry-author-info {
  579. background: #f2f7fc;
  580. border-top: 4px solid #000;
  581. clear: both;
  582. font-size: 14px;
  583. line-height: 20px;
  584. margin: 24px 0;
  585. overflow: hidden;
  586. padding: 18px 20px;
  587. }
  588. #entry-author-info #author-avatar {
  589. background: #fff;
  590. border: 1px solid #e7e7e7;
  591. float: left;
  592. height: 60px;
  593. margin: 0 -104px 0 0;
  594. padding: 11px;
  595. }
  596. #entry-author-info #author-description {
  597. float: left;
  598. margin: 0 0 0 104px;
  599. }
  600. #entry-author-info h2 {
  601. color: #000;
  602. font-size: 100%;
  603. font-weight: bold;
  604. margin-bottom: 0;
  605. }
  606. .entry-utility {
  607. clear: both;
  608. color: #888;
  609. font-size: 12px;
  610. line-height: 18px;
  611. }
  612. .entry-meta a,
  613. .entry-utility a {
  614. color: #888;
  615. }
  616. .entry-meta a:hover,
  617. .entry-utility a:hover {
  618. color: #ff4b33;
  619. }
  620. #content .video-player {
  621. padding: 0;
  622. }
  623. .date {
  624. float: right;
  625. margin: 0px 0 20px 50px;
  626. color: #777;
  627. font: 14px/18px "Courier New", Courier, mono;
  628. }
  629. /*============================================
  630. Meta
  631. ==============================================*/
  632. .meta {
  633. font-size: 11px;
  634. }
  635. .categories-fb {
  636. text-align: right;
  637. }
  638. span.fb {
  639. width: 16px;
  640. height: 16px;
  641. margin-left: 5px;
  642. padding: 3px 4px 2px 5px;
  643. background-image: url(img/fb1.png) ;
  644. background-position: 0 16px;
  645. position: relative;
  646. -webkit-transition: all ease 0.3s;
  647. -moz-transition: all ease 0.3s;
  648. -o-transition: all ease 0.3s;
  649. -ms-transition: all ease 0.3s;
  650. transition: all ease 0.3s;
  651. }
  652. span.fb:hover {
  653. background-position: 0 0;
  654. }
  655. /*============================================
  656. Comments
  657. ==============================================*/
  658. .commentbubble {
  659. font-size: 12px;
  660. color: #777;
  661. float: right;
  662. margin: 0 55px 0 0;
  663. }
  664. .comment {
  665. padding: 10px;
  666. }
  667. .commentbubble a.toogle-comments {
  668. float: right;
  669. text-align: right;
  670. }
  671. .comments-area {
  672. background: #ebebeb;
  673. padding: 15px;
  674. }
  675. #content .comments-area p {
  676. margin: 0 0 8px;
  677. font-size: 13px;
  678. }
  679. #content .comments-area .reply {
  680. margin: 5px 8px 0px;
  681. padding: 2px 9px;
  682. background: #ebeaea;
  683. font-size: 11px;
  684. }
  685. .comments-title {
  686. margin-bottom: 48px;
  687. margin-bottom: 3.428571429rem;
  688. font-size: 16px;
  689. font-size: 1.142857143rem;
  690. line-height: 1.5;
  691. font-weight: normal;
  692. }
  693. .comments-area {
  694. margin: 0px 50px;
  695. }
  696. .comments-area ul {
  697. margin: 0px 0px;
  698. list-style: none;
  699. }
  700. .comments-area h3 {
  701. margin: 0 0 0;
  702. }
  703. .comments-meta {
  704. font-size: 10px;
  705. }
  706. .comments-area article {
  707. margin: 24px 0;
  708. }
  709. .comments-area article header {
  710. margin: 0 0 48px;
  711. overflow: hidden;
  712. position: relative;
  713. }
  714. .comments-area article header img {
  715. float: left;
  716. padding: 0;
  717. line-height: 0;
  718. }
  719. .comments-area article header cite,
  720. .comments-area article header time {
  721. display: block;
  722. margin-left: 85px;
  723. }
  724. .comments-area article header cite {
  725. font-style: normal;
  726. font-size: 15px;
  727. }
  728. .comments-area cite b {
  729. font-weight: normal;
  730. }
  731. .comments-area article header time {
  732. text-decoration: none;
  733. font-size: 12px;
  734. color: #5e5e5e;
  735. }
  736. .comments-area article header a {
  737. text-decoration: none;
  738. color: #5e5e5e;
  739. }
  740. .comments-area article header a:hover {
  741. color: #21759b;
  742. }
  743. .comments-area article header cite a {
  744. color: #444;
  745. }
  746. .comments-area article header cite a:hover {
  747. text-decoration: underline;
  748. }
  749. a.comment-reply-link,
  750. a.comment-edit-link {
  751. color: #686868;
  752. font-size: 13px;
  753. }
  754. a.comment-reply-link:hover,
  755. a.comment-edit-link:hover {
  756. color: #21759b;
  757. }
  758. .commentlist .pingback {
  759. line-height: 1.714285714;
  760. margin-bottom: 24px;
  761. }
  762. li.comment.even {
  763. background: #fff;
  764. }
  765. li.comment.odd {
  766. background: #f3f3f3;
  767. }
  768. li.comment.thread-even {
  769. background: #f5f5f5;
  770. }
  771. li.comment.thread-odd {
  772. background: #fff;
  773. }
  774. .comment-meta {
  775. font-size: 11px;
  776. line-height: 12px;
  777. }
  778. .comment-meta a {
  779. color: #777;
  780. float: right;
  781. }
  782. /*====== Comment form ======*/
  783. #respond {
  784. margin-top: 10px;
  785. }
  786. #respond h3#reply-title {
  787. margin: 0px 8px 0px;
  788. padding: 2px 9px;
  789. background: #ebeaea;
  790. font-size: 11px;
  791. margin: 0;
  792. }
  793. #respond h3#reply-title #cancel-comment-reply-link {
  794. margin-left: 10px;
  795. font-weight: normal;
  796. font-size: 12px;
  797. font-size: 0.857142857rem;
  798. }
  799. #respond form {
  800. margin: 24px 0;
  801. margin: 1.714285714rem 0;
  802. }
  803. #respond form p {
  804. margin: 11px 0;
  805. margin: 0.785714286rem 0;
  806. }
  807. #respond form p.logged-in-as {
  808. margin-bottom: 24px;
  809. margin-bottom: 1.714285714rem;
  810. }
  811. #respond form label {
  812. display: block;
  813. line-height: 1.714285714;
  814. }
  815. #respond form input[type="text"],
  816. #respond form textarea {
  817. -moz-box-sizing: border-box;
  818. box-sizing: border-box;
  819. font: 0.857142857rem "Courier New", Courier, mono;
  820. line-height: 1.714285714;
  821. padding: 10px;
  822. padding: 0.714285714rem;
  823. width: 100%;
  824. }
  825. #respond form p.form-allowed-tags {
  826. margin: 0;
  827. font-size: 12px;
  828. font-size: 0.857142857rem;
  829. line-height: 2;
  830. color: #5e5e5e;
  831. }
  832. .required {
  833. color: red;
  834. }
  835. img.avatar {
  836. width: 20px;
  837. height: 20px;
  838. margin: 0 0 -5px;
  839. }
  840. /*============================================
  841. Media
  842. ==============================================*/
  843. .video-container {
  844. position: relative;
  845. padding-bottom: 56.25%;
  846. padding-top: 30px; height: 0; overflow: hidden;
  847. }
  848. .video-container iframe,
  849. .video-container object,
  850. .video-container embed {
  851. position: absolute;
  852. top: 0;
  853. left: 0;
  854. width: 100%;
  855. height: 100%;
  856. }
  857. .category-gallery .size-thumbnail img {
  858. border: 10px solid #f1f1f1;
  859. margin-bottom: 0;
  860. }
  861. .category-gallery .gallery-thumb {
  862. float: left;
  863. margin-right: 20px;
  864. margin-top: -4px;
  865. }
  866. .home #content .category-gallery .entry-utility {
  867. padding-top: 4px;
  868. }
  869. /*===== Attachments =====*/
  870. .single-attachment .hentry {
  871. margin: 0px;
  872. }
  873. .attachment .entry-content .entry-caption {
  874. font-size: 140%;
  875. margin-top: 24px;
  876. }
  877. .entry-caption-attachment {
  878. margin: 0px auto 0;
  879. text-align: center;
  880. }
  881. #content .entry-caption-attachment h2.entry-title {
  882. margin: 0 0 5px;
  883. font-weight: normal;
  884. }
  885. #content .entry-caption-parent p.page-title {
  886. margin: -30px 0 0 0;
  887. font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  888. }
  889. #content .entry-caption-parent p.page-title a {
  890. color: #555;
  891. }
  892. #content .entry-caption-attachment p {
  893. font-size: 14px;
  894. text-indent: 0px;
  895. line-height: 15px;
  896. margin-bottom: 0px;
  897. }
  898. .entry-caption-attachment h2 {
  899. font: bold 27px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  900. }
  901. .attachment .entry-content .nav-previous a:before {
  902. content: '\2190\00a0';
  903. }
  904. .attachment .entry-content .nav-next a:after {
  905. content: '\00a0\2192';
  906. }
  907. /*===== Images ======*/
  908. .entry-content img {
  909. max-width: 100%;
  910. height: auto;
  911. }
  912. .img-rounded {
  913. border-radius: 6px;
  914. }
  915. .img-thumbnail {
  916. padding: 4px;
  917. line-height: 1.42857143;
  918. background-color: #ffffff;
  919. border: 1px solid #dddddd;
  920. border-radius: 4px;
  921. -webkit-transition: all 0.2s ease-in-out;
  922. -o-transition: all 0.2s ease-in-out;
  923. transition: all 0.2s ease-in-out;
  924. display: inline-block;
  925. width: 100% \9;
  926. max-width: 100%;
  927. height: auto;
  928. }
  929. .img-circle {
  930. border-radius: 50%;
  931. }
  932. #content .home img {
  933. border: 15px solid #000;
  934. }
  935. #content .attachment img {
  936. max-width: 900px;
  937. }
  938. #content .alignleft,
  939. #content img.alignleft {
  940. display: inline;
  941. float: left;
  942. margin-right: 24px;
  943. margin-top: 4px;
  944. }
  945. #content .alignright,
  946. #content img.alignright {
  947. display: inline;
  948. float: right;
  949. margin-left: 24px;
  950. margin-top: 4px;
  951. }
  952. #content .aligncenter,
  953. #content img.aligncenter {
  954. clear: both;
  955. display: block;
  956. margin-left: auto;
  957. margin-right: auto;
  958. }
  959. #content img.alignleft,
  960. #content img.alignright,
  961. #content img.aligncenter {
  962. margin-bottom: 12px;
  963. }
  964. #content .wp-caption {
  965. background: #f1f1f1;
  966. line-height: 18px;
  967. margin-bottom: 20px;
  968. padding: 4px;
  969. text-align: center;
  970. }
  971. #content .wp-caption img {
  972. margin: 5px 5px 0;
  973. }
  974. #content .wp-caption p.wp-caption-text {
  975. color: #888;
  976. font-size: 12px;
  977. margin: 5px;
  978. }
  979. #content .gallery {
  980. margin: 0 auto 18px;
  981. }
  982. #content .gallery .gallery-item {
  983. float: left;
  984. margin-top: 0;
  985. text-align: center;
  986. width: 33%;
  987. }
  988. #content .gallery img {
  989. border: 2px solid #cfcfcf;
  990. }
  991. #content .gallery .gallery-caption {
  992. color: #888;
  993. font-size: 12px;
  994. margin: 0 0 12px;
  995. }
  996. #content .gallery dl {
  997. margin: 0;
  998. }
  999. #content .gallery img {
  1000. border: 10px solid #f1f1f1;
  1001. }
  1002. #content .gallery br+br {
  1003. display: none;
  1004. }
  1005. #content .attachment img {
  1006. display: block;
  1007. margin: 0 auto;
  1008. }
  1009. /*============================================
  1010. Pagination
  1011. ==============================================*/
  1012. .navigation {
  1013. color: #888;
  1014. font-size: 12px;
  1015. line-height: 18px;
  1016. overflow: hidden;
  1017. clear: both;
  1018. }
  1019. .navigation a:link,
  1020. .navigation a:visited {
  1021. color: #888;
  1022. text-decoration: none;
  1023. }
  1024. .navigation a:active,
  1025. .navigation a:hover {
  1026. color: #ff4b33;
  1027. }
  1028. .nav-previous {
  1029. float: left;
  1030. width: 50%;
  1031. margin: 0 0 15px 0;
  1032. }
  1033. .nav-next {
  1034. float: right;
  1035. text-align: right;
  1036. width: 50%;
  1037. }
  1038. #nav-above {
  1039. margin: 0 0 18px 0;
  1040. }
  1041. #nav-above {
  1042. display: none;
  1043. }
  1044. .paged #nav-above,
  1045. .single #nav-above {
  1046. display: block;
  1047. }
  1048. #nav-below {
  1049. margin: 50px 0 0px;
  1050. padding: 20px 10px 0;
  1051. border-top: 1px solid #cecece;
  1052. }
  1053. .pagination {
  1054. margin-top: 40px;
  1055. border-top: 1px solid #cecece;
  1056. padding: 20px 0 0;
  1057. }
  1058. .pagination a {
  1059. padding: 4px 5px;
  1060. color: #fff;
  1061. font-weight: bold;
  1062. font-size: 16px;
  1063. }
  1064. .pagination a:active {
  1065. padding: 4px 5px;
  1066. background: #707071;
  1067. color:#fff;
  1068. }
  1069. .pagination a:hover {
  1070. padding: 4px 5px;
  1071. background: #fff;
  1072. color: #ec0000;
  1073. }
  1074. .pagination a.next,
  1075. .pagination a.prev {
  1076. padding: 4px 7px;
  1077. color: #ec0000;
  1078. font-weight: bold;
  1079. font-size: 27px;
  1080. }
  1081. .pagination .current {
  1082. padding: 4px 5px;
  1083. background: #fff;
  1084. color: #ec0000;
  1085. font-weight: bold;
  1086. font-size: 16px;
  1087. }
  1088. /*============================================
  1089. Footer
  1090. ==============================================*/
  1091. p.cc {
  1092. float: right;
  1093. font-size: 14px;
  1094. margin: 2px 20px 30px 10px;
  1095. }
  1096. span.quiet {
  1097. display: none;
  1098. }