style.css 22 KB

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