style.css 23 KB

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