style.css 21 KB

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