Advertisement
jbeezpaster

joanzbouquet1_edited

Aug 29th, 2015
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.28 KB | None | 0 0
  1. /*
  2. Welcome to Custom CSS!
  3.  
  4. To learn how this works, see http://wp.me/PEmnE-Bt
  5. */
  6. /*
  7. Theme Name: Bouquet
  8. Theme URI: https://wordpress.com/themes/bouquet/
  9. Description: Bouquet is an elegant, simple theme inspired by the beauty found in flowers. Notable features
  10.  
  11. include two floral schemes, a responsive layout structure that adapts to smaller devices, a right sidebar, a
  12.  
  13. full-width template, support for post formats, custom background, and custom header.
  14. Version: 1.2.5
  15. Author: Automattic
  16. Author URI: https://wordpress.com/themes/
  17. License: GNU General Public License v2 or later
  18. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  19. Tags: blue, orange, pink, white, light, one-column, two-columns, right-sidebar, custom-background,
  20.  
  21. custom-header, custom-menu, full-width-template, post-formats, rtl-language-support, translation-ready,
  22.  
  23. responsive-layout, photoblogging
  24. */
  25. /* =Reset default browser CSS. Based on work by Eric Meyer:
  26.  
  27. http://meyerweb.com/eric/tools/css/reset/index.html
  28. -------------------------------------------------------------- */
  29. html, body, div, span, applet, object, iframe,
  30. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  31. a, abbr, acronym, address, big, cite, code,
  32. del, dfn, em, font, ins, kbd, q, s, samp,
  33. small, strike, strong, sub, sup, tt, var,
  34. dl, dt, dd, ol, ul, li,
  35. fieldset, form, label, legend,
  36. table, caption, tbody, tfoot, thead, tr, th, td {
  37. border: 0;
  38. font-family: inherit;
  39. font-size: 100%;
  40. font-style: inherit;
  41. font-weight: inherit;
  42. margin: 0;
  43. outline: 0;
  44. padding: 0;
  45. vertical-align: baseline;
  46. }
  47.  
  48. :focus {
  49. /* Remember to define focus styles! */
  50. outline: 0;
  51. }
  52.  
  53. body {
  54. background: #fff;
  55. line-height: 1;
  56. }
  57.  
  58. ol, ul {
  59. list-style: none;
  60. }
  61.  
  62. table {
  63. /* Tables still need 'cellspacing="0"' in the markup. */
  64. border-collapse: separate;
  65. border-spacing: 0;
  66. }
  67.  
  68. caption, th, td {
  69. font-weight: normal;
  70. text-align: left;
  71. }
  72.  
  73. blockquote:before,
  74. blockquote:after,
  75. q:before, q:after {
  76. content: "";
  77. }
  78.  
  79. blockquote, q {
  80. quotes: "" "";
  81. }
  82.  
  83. a img {
  84. border: 0;
  85. }
  86.  
  87. article,
  88. aside,
  89. details,
  90. figcaption,
  91. figure,
  92. footer,
  93. header,
  94. hgroup,
  95. menu,
  96. nav,
  97. section {
  98. display: block;
  99. }
  100.  
  101. /* =Clear
  102. -------------------------------------------------------------- */
  103. .clear {
  104. clear: both;
  105. display: block;
  106. }
  107.  
  108. .clear-fix:after {
  109. content: ".";
  110. display: block;
  111. height: 0;
  112. clear: both;
  113. visibility: hidden;
  114. }
  115.  
  116. /* =Structure
  117. -------------------------------------------------------------- */
  118. #page {
  119. display: block;
  120. margin: .9em auto;
  121. max-width: 1100px;
  122. padding: 0 20px;
  123. }
  124.  
  125. #main {
  126. margin: .9em auto;
  127. max-width: 1100px;
  128. }
  129.  
  130. #primary {
  131. float: left;
  132. margin: 0 -29.2434% 0 0;
  133. width: 100%;
  134. }
  135.  
  136. #secondary-wrapper {
  137. float: right;
  138. width: 29.2434%;
  139. }
  140.  
  141. #content,
  142. #secondary-wrapper {
  143. box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.5), -5px 5px 5px -5px rgba(0,0,0,0.5);
  144. }
  145.  
  146. #content-wrapper {
  147. clear: both;
  148. margin: 0 30.4% 0 0;
  149. }
  150.  
  151. #content {
  152. background: #f1f3d5;
  153. border-top-width: 0;
  154. }
  155.  
  156. #content,
  157. #main .widget-area {
  158. border: 5px solid #fff;
  159. border-bottom-left-radius: 4px;
  160. border-bottom-right-radius: 4px;
  161. padding: 1em;
  162. }
  163.  
  164. #main .widget-area {
  165. background: #e3e6bb;
  166. padding-top: 2em;
  167. }
  168.  
  169. #colophon {
  170. clear: both;
  171. display: block;
  172. width: 100%;
  173. }
  174.  
  175. /* Increase the size of the content area for templates without sidebars. */
  176. .full-width #content-wrapper,
  177. body.attachment #content-wrapper,
  178. .full-width #access,
  179. body.attachment #access,
  180. body.one-column #content-wrapper,
  181. body.one-column #access,
  182. body.page-template-full-width-page-php #content-wrapper,
  183. body.page-template-full-width-page-php #access {
  184. width: 100%;
  185. }
  186.  
  187. /* Text meant only for screen readers. */
  188. .screen-reader-text,
  189. .assistive-text {
  190. position: absolute !important;
  191. clip: rect(1px 1px 1px 1px);
  192. /* IE6, IE7 */
  193. clip: rect(1px,1px,1px,1px);
  194. }
  195.  
  196. /* Alignment */
  197. .alignleft {
  198. display: inline;
  199. float: left;
  200. }
  201.  
  202. .alignright {
  203. display: inline;
  204. float: right;
  205. }
  206.  
  207. .aligncenter {
  208. clear: both;
  209. display: block;
  210. margin-left: auto;
  211. margin-right: auto;
  212. }
  213.  
  214. /* =Global
  215. -------------------------------------------------------------- */
  216. body,
  217. input,
  218. textarea {
  219. color: #333;
  220. font: 300 13px/1.625 Verdana, sans-serif;
  221. font-weight: normal;
  222. }
  223.  
  224. body {
  225. background: url(images/body-bg.png) #414d2e;
  226. background-attachment: fixed;
  227. }
  228.  
  229. /* =Forms
  230. -------------------------------------------------------------- */
  231. input[type=text],
  232. input[type=email],
  233. input[type=password],
  234. textarea {
  235. background: #ededeb;
  236. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  237. box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  238. border: 1px solid #b9e3e7;
  239. border-radius: 3px;
  240. color: #777;
  241. margin-bottom: .5em;
  242. padding: .3em;
  243. }
  244.  
  245. input[type=text]:focus,
  246. input[type=email]:focus,
  247. textarea:focus {
  248. color: #4a4a49;
  249. }
  250.  
  251. textarea {
  252. width: 98%;
  253. }
  254.  
  255. #searchform label {
  256. display: none;
  257. }
  258.  
  259. input#s {
  260. background: #cfd2aa url(images/search-bg.png) no-repeat scroll 10px 8px;
  261. border: 1px solid #afb46d;
  262. border-radius: 15px;
  263. box-shadow: 1px 1px 2px rgba(0,0,0,0.3) inset;
  264. color: #596f36;
  265. line-height: 1.2em;
  266. padding: .5em 0 .5em 2em;
  267. width: 77%;
  268. }
  269.  
  270. #primary input#s {
  271. background: #fafafa url("images/search-bg.png") no-repeat scroll 10px 8px;
  272. border: 1px solid #e7d9b9;
  273. box-shadow: 1px 1px 2px rgba(0,0,0,0.3) inset;
  274. }
  275.  
  276. input#searchsubmit {
  277. display: none;
  278. }
  279.  
  280. /* Links */
  281. a {
  282. color: #659a41;
  283. text-decoration: none;
  284. }
  285.  
  286. a:focus,
  287. a:active,
  288. a:hover {
  289. text-decoration: underline;
  290. }
  291.  
  292. /* =Header
  293. -------------------------------------------------------------- */
  294. #branding {
  295. background: url(images/pink-header.png) no-repeat #fff;
  296. border-radius: 4px;
  297. box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.5), -5px 0 5px -5px rgba(0,0,0,0.5);
  298. min-height: 180px;
  299. margin: .9em 0;
  300. }
  301.  
  302. #branding hgroup {
  303. padding: 3em 0 0 .5em;
  304. }
  305.  
  306. #branding .header-link {
  307. display: table-cell;
  308. position: absolute;
  309. width: 80%;
  310. min-height: 180px;
  311. }
  312.  
  313. #site-title {
  314. font: 40px "Sorts Mill Goudy", "Times New Roman", serif;
  315. margin-bottom: .2em;
  316. text-transform: uppercase;
  317. }
  318.  
  319. #site-title a,
  320. #site-title a:hover {
  321. color: #414d2e;
  322. margin: 0 0 0 -.4em;
  323. padding: 0 .7em;
  324. text-decoration: none;
  325. }
  326.  
  327. #site-title a {
  328. background: rgba(255,255,255,0.6);
  329. display: inline-block;
  330. position: relative;
  331. z-index: 9999;
  332. }
  333.  
  334. #site-title a:hover {
  335. background: rgba(255,255,255,0.8);
  336. -webkit-transition: background .2s linear;
  337. -moz-transition: background .2s linear;
  338. -o-transition: background .2s linear;
  339. }
  340.  
  341. #site-description {
  342. color: #596f36;
  343. font: 13px "Sorts Mill Goudy", serif;
  344. font-weight: normal;
  345. margin: 0;
  346. padding: 0 0 .8em 1.9em;
  347. text-transform: uppercase;
  348. }
  349.  
  350. /* =Menu and Search Area
  351. -------------------------------------------------------------- */
  352. #access {
  353. background: #6c8643;
  354. box-shadow: 5px -5px 5px -5px rgba(0,0,0,0.5);
  355. display: block;
  356. float: left;
  357. margin: 0 auto;
  358. width: 69.6%;
  359. }
  360.  
  361. .menu {
  362. margin-left: 1em;
  363. }
  364.  
  365. #access ul {
  366. list-style: none;
  367. margin: 0;
  368. padding-left: 0;
  369. }
  370.  
  371. #access li {
  372. float: left;
  373. position: relative;
  374. }
  375.  
  376. #access a {
  377. color: #f1f3d5;
  378. display: block;
  379. font-size: 13px;
  380. line-height: 2em;
  381. padding: .5em 1em;
  382. text-decoration: none;
  383. }
  384.  
  385. #access a:hover {
  386. background: #414d2e;
  387. color: #c8cf9e;
  388. -webkit-transition: background .2s linear;
  389. -moz-transition: background .2s linear;
  390. -o-transition: background .2s linear;
  391. }
  392.  
  393. #access ul ul {
  394. -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  395. -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  396. box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  397. display: none;
  398. float: left;
  399. position: absolute;
  400. top: 2.5em;
  401. left: 0;
  402. z-index: 99999;
  403. }
  404.  
  405. #access ul ul ul {
  406. left: 100%;
  407. top: 0;
  408. }
  409.  
  410. #access ul ul a {
  411. background: #414d2e;
  412. color: #f1f3d5;
  413. line-height: 1.5em;
  414. padding: .5em .5em .5em 1em;
  415. width: 11em;
  416. height: auto;
  417. }
  418.  
  419. #access li:hover > a,
  420. #access ul ul :hover > a {
  421. background: #414d2e;
  422. color: #a9cf5e;
  423. }
  424.  
  425. #access ul ul a:hover {
  426. background: #414d2e;
  427. color: #d2d28b;
  428. }
  429.  
  430. #access ul li:hover > ul,
  431. #access ul li.focus > ul {
  432. display: block;
  433. }
  434.  
  435. #search-area {
  436. background: #93a773;
  437. margin: 0 auto;
  438. padding: .2em 1em;
  439. text-align: center;
  440. }
  441.  
  442. #access,
  443. #search-area {
  444. border-radius: 4px 4px 0 0;
  445. }
  446.  
  447. /* Small menu */
  448. .menu-toggle {
  449. display: none;
  450. color: #fff;
  451. cursor: pointer;
  452. font: 20px/2 'Sorts Mill Goudy', serif;
  453. padding: 1em 1em .8em;
  454. text-align: center;
  455. }
  456.  
  457. .main-small-navigation ul {
  458. display: none;
  459. }
  460.  
  461. @media screen and (max-width: 600px) {
  462. .menu-toggle,
  463. .main-small-navigation .nav-menu.toggled-on {
  464. display: block;
  465. overflow: hidden;
  466. }
  467.  
  468. .navigation-main ul {
  469. display: none;
  470. }
  471.  
  472. #access .toggled-on li {
  473. float: none;
  474. }
  475.  
  476. #access ul.toggled-on ul,
  477. #access ul.toggled-on ul ul {
  478. box-shadow: none;
  479. display: block;
  480. float: none;
  481. position: relative;
  482. top: auto;
  483. left: 1em;
  484. }
  485.  
  486. #access ul.toggled-on ul a {
  487. background: none;
  488. width: 100%;
  489. }
  490. }
  491.  
  492. /* =Content
  493. -------------------------------------------------------------- */
  494. .sticky {
  495. }
  496.  
  497. #content article {
  498. background: transparent url(images/post-ornament.png) no-repeat center bottom;
  499. margin: 0 0 3em;
  500. padding: 1.5em .6em 4em;
  501. position: relative;
  502. }
  503.  
  504. .archive-title {
  505. color: #3b4a26;
  506. font: 300 13px/13px 'Sorts Mill Goudy', serif;
  507. padding: 1.5em .6em .6em;
  508. text-shadow: 1px 1px 0 #fff;
  509. text-transform: uppercase;
  510. }
  511.  
  512. .entry-header,
  513. .entry-header .entry-meta {
  514. padding: .6em 0;
  515. }
  516.  
  517. .entry-title {
  518. font: 33px/41px 'Sorts Mill Goudy', serif;
  519. margin-bottom: .3em;
  520. text-shadow: 1px 1px 0 rgba(255,255,255,1);
  521. word-wrap: break-word;
  522. }
  523.  
  524. .entry-title a {
  525. color: #596f36;
  526. }
  527.  
  528. .entry-title a:hover {
  529. color: #414d2e;
  530. text-decoration: none;
  531. }
  532.  
  533. body.page .entry-title {
  534. margin-left: 0;
  535. }
  536.  
  537. .entry-date {
  538. background: #e3e6bb;
  539. border: 5px solid #fff;
  540. border-right-width: 0;
  541. border-radius: 10px 0 0 10px;
  542. padding: .2em 0;
  543. position: absolute;
  544. left: -5.2em;
  545. line-height: 3.1em;
  546. text-align: center;
  547. top: 1em;
  548. height: 55px;
  549. width: 50px;
  550. }
  551.  
  552. .entry-date a {
  553. color: #63724b;
  554. display: block;
  555. font-family: 'Sorts Mill Goudy', 'Times New Roman', serif;
  556. margin-top: -6px;
  557. }
  558.  
  559. .entry-date a:hover {
  560. text-decoration: none;
  561. }
  562.  
  563. .entry-date b {
  564. display: block;
  565. font-size: 28px;
  566. font-weight: bold;
  567. line-height: 0;
  568. }
  569.  
  570. .entry-content h1,
  571. .entry-content h2,
  572. .entry-content h3,
  573. .entry-content h4,
  574. .entry-content h5,
  575. .entry-content h6 {
  576. clear: both;
  577. font-family: 'Sorts Mill Goudy', Georgia, 'Times New Roman', serif;
  578. margin-bottom: .4em;
  579. }
  580.  
  581. .entry-content h1 {
  582. font-size: 24px;
  583. }
  584.  
  585. .entry-content h2 {
  586. font-size: 22px;
  587. }
  588.  
  589. .entry-content h3 {
  590. font-size: 18px;
  591. }
  592.  
  593. .entry-content h4 {
  594. font-size: 16px;
  595. }
  596.  
  597. .entry-content h5 {
  598. font-size: 14px;
  599. }
  600.  
  601. .entry-content h6 {
  602. font-size: 12px;
  603. }
  604.  
  605. .entry-content p,
  606. .entry-content ul,
  607. .entry-content ol,
  608. .entry-content dd,
  609. .entry-content pre,
  610. .entry-content address,
  611. .comment-content p,
  612. .comment-content ul,
  613. .comment-content ol {
  614. margin-bottom: 15px;
  615. }
  616.  
  617. .entry-content ul ul,
  618. .entry-content ol ol,
  619. .entry-content ul ol,
  620. .entry-content ol ul,
  621. .comment-content ul ul,
  622. .comment-content ol ol,
  623. .comment-content ul ol,
  624. .comment-content ol ul {
  625. margin-bottom: 0;
  626. }
  627.  
  628. .entry-content ul,
  629. .comment-content ul {
  630. margin-left: 16px;
  631. }
  632.  
  633. .entry-content ol,
  634. .comment-content ol {
  635. margin-left: 32px;
  636. }
  637.  
  638. .entry-content ul,
  639. .comment-content ul {
  640. list-style: disc;
  641. }
  642.  
  643. .entry-content ol,
  644. .comment-content ol {
  645. list-style: decimal;
  646. }
  647.  
  648. .entry-content ol ol,
  649. .comment-content ol ol {
  650. list-style: upper-alpha;
  651. }
  652.  
  653. .entry-content ol ol ol,
  654. .comment-content ol ol ol {
  655. list-style: lower-roman;
  656. }
  657.  
  658. .entry-content ol ol ol ol,
  659. .comment-content ol ol ol ol {
  660. list-style: lower-alpha;
  661. }
  662.  
  663. .entry-content dt,
  664. .comment-content dt {
  665. font-weight: bold;
  666. }
  667.  
  668. .entry-content strong,
  669. .comment-content strong {
  670. font-weight: bold;
  671. }
  672.  
  673. .entry-content cite,
  674. .entry-content em,
  675. .entry-content i,
  676. .comment-content cite,
  677. .comment-content em,
  678. .comment-content i,
  679. .entry-content .quote-caption {
  680. font-style: italic;
  681. }
  682.  
  683. .entry-content blockquote cite,
  684. .entry-content blockquote em,
  685. .entry-content blockquote i,
  686. .comment-content blockquote cite,
  687. .comment-content blockquote em,
  688. .comment-content blockquote i {
  689. font-style: normal;
  690. background-repeat: repeat-y;
  691. }
  692.  
  693. .quote-caption {
  694. text-align: right;
  695. }
  696.  
  697. .entry-content big,
  698. .comment-content big {
  699. font-size: 131.25%;
  700. }
  701.  
  702. .entry-content ins,
  703. .comment-content ins {
  704. background: #d2d28b;
  705. text-decoration: none;
  706. }
  707.  
  708. .entry-content abbr,
  709. .entry acronym,
  710. .comment-content abbr,
  711. .comment-content acronym {
  712. border-bottom: 1px dotted #666;
  713. cursor: help;
  714. }
  715.  
  716. .entry-content sup,
  717. .entry-content sub,
  718. .comment-content sup,
  719. .comment-content sub {
  720. height: 0;
  721. line-height: 1;
  722. position: relative;
  723. vertical-align: baseline;
  724. }
  725.  
  726. .entry-content sup,
  727. .comment-content sup, {
  728. bottom: 1ex;
  729. }
  730.  
  731. .entry-content sub,
  732. .comment-content sub {
  733. top: .5ex;
  734. }
  735.  
  736. .entry-content p a[href$=jpg],
  737. .entry-content p a[href$=jpeg],
  738. .entry-content p a[href$=jpe],
  739. .entry-content p a[href$=png],
  740. .entry-content p a[href$=gif],
  741. .entry-content p a[href*=attachment],
  742. .entry-content p a[rel*=attachment] {
  743. border-bottom: 0 none;
  744. }
  745.  
  746. .entry-content table {
  747. border: 1px solid #c2c8ac;
  748. margin: 0 -1px 25px 0;
  749. text-align: left;
  750. width: 100%;
  751. }
  752.  
  753. .entry-content tr th,
  754. .entry-content thead th {
  755. font-weight: bold;
  756. line-height: 21px;
  757. padding: 6px 15px;
  758. }
  759.  
  760. .entry-content tr td {
  761. border-top: 1px solid #c2c8ac;
  762. padding: 6px 15px;
  763. }
  764.  
  765. .entry-content tr.odd td {
  766. background: #c2c8ac;
  767. }
  768.  
  769. .entry-content blockquote,
  770. .entry-content blockquote[class*="align"],
  771. .comment-content blockquote {
  772. font-style: italic;
  773. line-height: 1.5;
  774. margin-left: 15px;
  775. padding-left: 10px;
  776. }
  777.  
  778. .entry-content pre {
  779. background: #c2c8ac;
  780. font: 13px Monaco, Courier New, Courier, monospace;
  781. line-height: 1.5;
  782. margin-bottom: 15px;
  783. padding: 20px;
  784. }
  785.  
  786. .entry-content sup,
  787. .entry-content sub {
  788. font-size: 10px;
  789. }
  790.  
  791. .entry-content hr {
  792. background-color: #c2c8ac;
  793. border: 0;
  794. height: 1px;
  795. margin: 0 0 13px;
  796. }
  797.  
  798. .entry-meta {
  799. clear: both;
  800. color: #414d2e;
  801. display: block;
  802. font-size: 11px;
  803. margin: 1em 0;
  804. }
  805.  
  806. .single-author .entry-meta .byline {
  807. display: none;
  808. }
  809.  
  810. #content nav {
  811. display: block;
  812. overflow: hidden;
  813. }
  814.  
  815. #content nav .nav-previous {
  816. float: left;
  817. width: 50%;
  818. }
  819.  
  820. #content nav .nav-next {
  821. float: right;
  822. text-align: right;
  823. width: 50%;
  824. }
  825.  
  826. #content nav .nav-previous a,
  827. #content nav .nav-next a {
  828. background: #fff;
  829. font-size: 11px;
  830. font-weight: bold;
  831. padding: 1em;
  832. position: relative;
  833. bottom: 0;
  834. }
  835.  
  836. #nav-below {
  837. margin: 1em 0 0;
  838. position: relative;
  839. top: 1em;
  840. }
  841.  
  842. .single #nav-below {
  843. top: 0;
  844. }
  845.  
  846. .single #content nav .nav-previous a,
  847. .single #content nav .nav-next a {
  848. background: none;
  849. padding: 0;
  850. }
  851.  
  852. .page-link {
  853. clear: both;
  854. margin: 0 0 1em;
  855. }
  856.  
  857. .page-link a {
  858. background-color: #596f36;
  859. border-radius: 4px;
  860. color: #fff !important;
  861. display: inline-block;
  862. font-weight: bold;
  863. margin: .5em 0 0;
  864. padding: 0 .5em;
  865. }
  866.  
  867. .page-link a:hover {
  868. background-color: #6c8643;
  869. text-decoration: none;
  870. }
  871.  
  872. .comments-link {
  873. display: block;
  874. margin: 1em 0;
  875. }
  876.  
  877. .comments-link,
  878. .edit-link {
  879. font-weight: bold;
  880. }
  881.  
  882. /* Notices */
  883. #primary .post .notice,
  884. #primary .error404 #searchform {
  885. background: #e3e6bb;
  886. border-radius: 4px;
  887. display: block;
  888. padding: 1em;
  889. }
  890.  
  891. /* Image Attachments */
  892. body.attachment #image-navigation {
  893. font-size: 11px;
  894. font-weight: bold;
  895. }
  896.  
  897. body.attachment .entry-content {
  898. clear: both;
  899. }
  900.  
  901. body.attachment .entry-content .entry-attachment {
  902. margin: 0 0 1em;
  903. padding: 1em;
  904. text-align: center;
  905. }
  906.  
  907. body.attachment .entry-content .attachment {
  908. display: block;
  909. margin: 0 auto;
  910. text-align: center;
  911. }
  912.  
  913. /* Aside Posts */
  914. .format-aside .entry-header {
  915. display: none;
  916. }
  917.  
  918. .single .format-aside .entry-header {
  919. display: block;
  920. }
  921.  
  922. /* Gallery Posts */
  923. .img-gallery {
  924. text-align: center;
  925. }
  926.  
  927. .gallery-info {
  928. margin-top: 1.3em;
  929. }
  930.  
  931. .gallery img {
  932. border: 0 !important;
  933. }
  934.  
  935. /* Image Posts */
  936. .format-image .entry-header {
  937. display: none;
  938. }
  939.  
  940. .format-image .entry-content img,
  941. .format-gallery .entry-content img {
  942. background: #fff;
  943. padding: 3px;
  944. }
  945.  
  946. .single .format-image .entry-header {
  947. display: block;
  948. }
  949.  
  950. /* =Images
  951. -------------------------------------------------------------- */
  952. a img {
  953. border: none;
  954. }
  955.  
  956. p img {
  957. margin-bottom: .5em;
  958. /* A small bottom margin prevents content floating under images. */
  959. }
  960.  
  961. /*
  962. Resize images to fit the main content area.
  963. - Applies only to images uploaded via WordPress by targeting size-* classes.
  964. - Other images will be left alone. Use "size-auto" class to apply to other images.
  965. */
  966. img.size-auto,
  967. img.size-full,
  968. img.size-large,
  969. img.size-medium,
  970. .format-gallery .attachment-large,
  971. .entry-attachment img,
  972. .widget-area img,
  973. .post-format-content img {
  974. max-width: 100%;
  975. /* When images are too wide for containing element, force them to fit. */
  976. height: auto;
  977. /* Override height to match resized width for correct aspect ratio. */
  978. }
  979.  
  980. .entry-content img,
  981. .post-format-content img {
  982. border-radius: 4px;
  983. box-shadow: 0 1px 1px rgba(0,0,0,0.4);
  984. }
  985.  
  986. .entry-content embed {
  987. max-width: 100%;
  988. }
  989.  
  990. img.alignleft {
  991. margin-right: 1em;
  992. }
  993.  
  994. img.alignright {
  995. margin-left: 1em;
  996. }
  997.  
  998. .wp-caption {
  999. margin: 0 auto;
  1000. padding: .5em;
  1001. max-width: 100%;
  1002. text-align: center;
  1003. }
  1004.  
  1005. .wp-caption img {
  1006. margin: .25em;
  1007. }
  1008.  
  1009. .wp-caption .wp-caption-text {
  1010. font-family: 'Sorts Mill Goudy', Georgia, 'Times New Roman', serif;
  1011. margin: .5em;
  1012. }
  1013.  
  1014. .gallery-caption {
  1015. }
  1016.  
  1017. /* =Forms
  1018. -------------------------------------------------------------- */
  1019. #searchform label {
  1020. display: none;
  1021. }
  1022.  
  1023. #searchform input#s {
  1024. width: 90%;
  1025. }
  1026.  
  1027. input[type=text],
  1028. input[type=email],
  1029. input#s {
  1030. margin: .3em 1em .3em 0;
  1031. width: 60%;
  1032. }
  1033.  
  1034. textarea {
  1035. width: 80%;
  1036. }
  1037.  
  1038. /* Class for labelling required form items. */
  1039. .required {
  1040. color: #a9cf5e;
  1041. }
  1042.  
  1043. /* =Comments
  1044. -------------------------------------------------------------- */
  1045. #comments {
  1046. clear: both;
  1047. line-height: 22px;
  1048. padding: 3em;
  1049. }
  1050.  
  1051. #comments article {
  1052. background: none;
  1053. border-bottom: 1px solid #e3e6bb;
  1054. margin-bottom: 0;
  1055. padding-bottom: 2em;
  1056. }
  1057.  
  1058. #comments-title {
  1059. color: #3b4a26;
  1060. font: 300 12px/12px Verdana, sans-serif;
  1061. font-weight: bold;
  1062. margin-bottom: 2em;
  1063. text-shadow: 1px 1px 0 #fff;
  1064. text-transform: uppercase;
  1065. }
  1066.  
  1067. .nopassword,
  1068. .nocomments {
  1069. color: #c2c8ac;
  1070. font-size: 18px;
  1071. font-weight: 100;
  1072. margin: 26px 0;
  1073. text-align: center;
  1074. }
  1075.  
  1076. .commentlist {
  1077. clear: both;
  1078. }
  1079.  
  1080. #comments ol {
  1081. list-style: none;
  1082. margin-left: 0;
  1083. }
  1084.  
  1085. #comments ul {
  1086. list-style: none;
  1087. margin-left: 1.5em;
  1088. }
  1089.  
  1090. #comments li {
  1091. background: #fbfff5;
  1092. border-radius: 4px;
  1093. list-style: none;
  1094. padding: 1em 1.2em;
  1095. position: relative;
  1096. }
  1097.  
  1098. #comments li.pingback {
  1099. border-radius: 4px;
  1100. margin: 0 0 15px;
  1101. padding: 20px;
  1102. }
  1103.  
  1104. #comments li.pingback p {
  1105. font-size: 12px;
  1106. line-height: 18px;
  1107. }
  1108.  
  1109. #comments ul li {
  1110. list-style: none;
  1111. padding: .5em .85em;
  1112. }
  1113.  
  1114. #comments .pingback .comment-content,
  1115. #comments .comment .comment-content {
  1116. margin-left: 2em;
  1117. padding: .8em 1.7em;
  1118. }
  1119.  
  1120. div.comment-likes {
  1121. margin: 10px 0 !important;
  1122. }
  1123.  
  1124. #comments .comment-author {
  1125. font-size: 12px;
  1126. font-weight: bold;
  1127. padding-left: 50px;
  1128. }
  1129.  
  1130. #comments .comment-content .sd-rating {
  1131. margin: 0 20px 5px;
  1132. }
  1133.  
  1134. #comments .children {
  1135. margin-top: 25px;
  1136. }
  1137.  
  1138. #comments .comment-author cite {
  1139. font-style: normal;
  1140. }
  1141.  
  1142. #comments .comment-meta,
  1143. #comments .comment-meta a,
  1144. .nopassword,
  1145. .subscribe-label {
  1146. color: #6f854d;
  1147. text-decoration: none;
  1148. }
  1149.  
  1150. #comments .comment-meta {
  1151. font-size: 11px;
  1152. }
  1153.  
  1154. #comments .comment .comment-meta {
  1155. margin-left: 50px;
  1156. }
  1157.  
  1158. #comments .avatar {
  1159. background: #fff;
  1160. border-radius: 4px;
  1161. box-shadow: 0 1px 1px rgba(0,0,0,0.4);
  1162. padding: 3px;
  1163. position: absolute;
  1164. top: 22px;
  1165. left: 0;
  1166. }
  1167.  
  1168. #comments .children .avatar {
  1169. top: 13px;
  1170. left: 0;
  1171. }
  1172.  
  1173. #comments .children .comment-content {
  1174. margin-left: 55px;
  1175. }
  1176.  
  1177. #comments .children .comment-meta {
  1178. top: 30px;
  1179. }
  1180.  
  1181. #comments .comment-content p {
  1182. font-size: 12px;
  1183. line-height: 18px;
  1184. }
  1185.  
  1186. #comments .comment-content ul,
  1187. #comments .comment-content ul li,
  1188. #comments .comment-content ol,
  1189. #comments .comment-content ol li {
  1190. border: none;
  1191. padding: 0;
  1192. }
  1193.  
  1194. #comments .comment-content ul,
  1195. #comments .comment-content ol {
  1196. margin: 0 0 1.7em 2.5em;
  1197. }
  1198.  
  1199. #comments .comment-content ul,
  1200. #comments .comment-content ul li {
  1201. list-style: disc;
  1202. }
  1203.  
  1204. #comments .comment-content ol,
  1205. #comments .comment-content ol li {
  1206. list-style: decimal;
  1207. }
  1208.  
  1209. #comments .comment-content ol ol,
  1210. #comments .comment-content ol ol li {
  1211. list-style: upper-alpha;
  1212. }
  1213.  
  1214. #comments .comment-content ol ol ol,
  1215. #comments .comment-content ol ol ol li {
  1216. list-style: lower-roman;
  1217. }
  1218.  
  1219. #comments .comment-content ol ol ol ol,
  1220. #comments .comment-content ol ol ol ol li {
  1221. list-style: lower-alpha;
  1222. }
  1223.  
  1224. .bypostauthor .avatar {
  1225. background: #e3e6bb;
  1226. }
  1227.  
  1228. #respond {
  1229. padding-top: 15px;
  1230. }
  1231.  
  1232. #respond h3 {
  1233. color: #3b4a26;
  1234. font: bold 12px/12px Verdana, sans-serif;
  1235. margin-bottom: 2em;
  1236. text-shadow: 1px 1px 0 #fff;
  1237. text-transform: uppercase;
  1238. padding-bottom: 5px !important;
  1239. }
  1240.  
  1241. .logged-in-as,
  1242. .comment-notes,
  1243. #respond p {
  1244. font-size: 12px;
  1245. }
  1246.  
  1247. .comment-notes {
  1248. margin: 5px 0;
  1249. }
  1250.  
  1251. .logged-in-as {
  1252. margin: 0;
  1253. }
  1254.  
  1255. .required {
  1256. color: #20b45b;
  1257. }
  1258.  
  1259. .comment-reply-link {
  1260. background: #eff4eb;
  1261. border-radius: 5px 5px 5px 5px;
  1262. font-size: 11px;
  1263. margin: .5em;
  1264. padding: .1em .4em;
  1265. position: absolute;
  1266. right: 0;
  1267. top: 0;
  1268. text-transform: uppercase;
  1269. }
  1270.  
  1271. .comment-reply-link:hover {
  1272. background: #dfe3db;
  1273. text-decoration: none;
  1274. }
  1275.  
  1276. #cancel-comment-reply-link {
  1277. font-size: 11px;
  1278. font-weight: normal;
  1279. padding: 5px;
  1280. text-align: right;
  1281. }
  1282.  
  1283. #respond input[type=text],
  1284. #respond textarea {
  1285. border: 0;
  1286. }
  1287.  
  1288. #respond input[type=text] {
  1289. margin: 0 0 15px 5px;
  1290. padding: 5px;
  1291. }
  1292.  
  1293. #respond textarea {
  1294. margin: 10px 0;
  1295. padding: 7px;
  1296. width: 80%;
  1297. }
  1298.  
  1299. #respond input[type=submit] {
  1300. border: 0;
  1301. cursor: pointer;
  1302. font-size: 13px;
  1303. margin: 10px 0 20px;
  1304. padding: 5px;
  1305. }
  1306.  
  1307. #respond label {
  1308. color: #333;
  1309. font-weight: bold;
  1310. margin: 15px 0 5px;
  1311. }
  1312.  
  1313. #respond .comment-form-comment {
  1314. margin: 0;
  1315. }
  1316.  
  1317. #respond .comment-form-comment label {
  1318. display: none;
  1319. }
  1320.  
  1321. #respond .form-allowed-tags {
  1322. font-size: 12px;
  1323. }
  1324.  
  1325. #respond p.comment-subscription-form label {
  1326. color: #000;
  1327. }
  1328.  
  1329. #comment-nav-below,
  1330. #comment-nav-above {
  1331. margin: 15px 0;
  1332. }
  1333.  
  1334. #comment-nav-below a,
  1335. #comment-nav-above a {
  1336. font-weight: normal !important;
  1337. }
  1338.  
  1339. /* =Widgets
  1340. -------------------------------------------------------------- */
  1341. .widget {
  1342. display: block;
  1343. font-size: 11px;
  1344. margin: 1.7em 0;
  1345. padding-bottom: 2em;
  1346. word-wrap: break-word;
  1347. }
  1348.  
  1349. .widget-title,
  1350. .widget-title a {
  1351. color: #414d2e;
  1352. font: bold 13px/13px 'Sorts Mill Goudy', serif;
  1353. margin-bottom: 1em;
  1354. text-shadow: 1px 0 0 #fff;
  1355. text-transform: uppercase;
  1356. }
  1357.  
  1358. .widget ul {
  1359. list-style: none;
  1360. margin: 0;
  1361. }
  1362.  
  1363. .widget ul li {
  1364. border-bottom: 1px solid #c2c8ac;
  1365. padding: .5em 0;
  1366. }
  1367.  
  1368. .widget-area .widget_search {
  1369. overflow: hidden;
  1370. }
  1371.  
  1372. .widget-area .widget_search input {
  1373. float: left;
  1374. }
  1375.  
  1376. .widget-area .widget_search input#s {
  1377. border: 0;
  1378. float: left;
  1379. }
  1380.  
  1381. /* Calendar Widget */
  1382. #wp-calendar {
  1383. width: 100%;
  1384. }
  1385.  
  1386. #wp-calendar caption {
  1387. color: #7d934f;
  1388. font-family: "Sorts Mill Goudy", "Times New Roman", serif;
  1389. font-size: 16px;
  1390. font-style: italic;
  1391. text-align: center;
  1392. padding: 0 2px 6px;
  1393. }
  1394.  
  1395. #wp-calendar th {
  1396. background: #d4d7ad;
  1397. border: 1px solid #c2c8ac;
  1398. color: #57934f;
  1399. font-size: 12px;
  1400. font-weight: bold;
  1401. text-align: center;
  1402. }
  1403.  
  1404. #wp-calendar tbody td {
  1405. background: #e3e6bb;
  1406. border: 1px solid #c2c8ac;
  1407. color: #596f36;
  1408. padding: .2em;
  1409. text-align: center;
  1410. }
  1411.  
  1412. #wp-calendar tfoot td {
  1413. padding-top: .2em;
  1414. }
  1415.  
  1416. #wp-calendar tfoot #next {
  1417. text-align: right;
  1418. }
  1419.  
  1420. #wp-calendar #today {
  1421. background: #ebf7dc;
  1422. font-weight: bold;
  1423. }
  1424.  
  1425. #wp-calendar #prev,
  1426. #wp-calendar #next {
  1427. font-size: 13px;
  1428. font-weight: bold;
  1429. }
  1430.  
  1431. #flickr_badge_uber_wrapper a:hover,
  1432. #flickr_badge_uber_wrapper a:link,
  1433. #flickr_badge_uber_wrapper a:active,
  1434. #flickr_badge_uber_wrapper a:visited {
  1435. color: #85a158 !important;
  1436. }
  1437.  
  1438. #flickr_badge_wrapper {
  1439. background-color: transparent !important;
  1440. border: none !important;
  1441. }
  1442.  
  1443. .widget_flickr .flickr-size-thumbnail {
  1444. margin: 0 auto;
  1445. }
  1446.  
  1447. .widget_flickr .flickr-size-thumbnail br,
  1448. .widget_flickr .flickr-size-small br {
  1449. display: none;
  1450. }
  1451.  
  1452. .widget_flickr .flickr-size-thumbnail img {
  1453. display: block;
  1454. margin-bottom: 10px;
  1455. }
  1456.  
  1457. .widget_flickr .flickr-size-small img {
  1458. display: block;
  1459. margin: 0 auto 10px;
  1460. max-width: 98%;
  1461. }
  1462.  
  1463. /* Cloud Widgets */
  1464. .wp_widget_tag_cloud div,
  1465. .widget_tag_cloud div {
  1466. line-height: 1.5;
  1467. padding: 3px 0;
  1468. }
  1469.  
  1470. /* RSS Widget */
  1471. .rsswidget img {
  1472. margin: 0 !important;
  1473. }
  1474.  
  1475. .rss-date {
  1476. color: #333;
  1477. font-style: italic;
  1478. font-weight: bold;
  1479. }
  1480.  
  1481. /* Menu & Categories Widgets (With Sub-Items) */
  1482. .widget-area .sub-menu,
  1483. .widget-area .children {
  1484. margin-left: 1.5em;
  1485. }
  1486.  
  1487. .widget-area .sub-menu li,
  1488. .widget-area .children li {
  1489. border-width: 0;
  1490. }
  1491.  
  1492. /* Blogroll */
  1493. .widget-area .blogroll li {
  1494. font-style: italic;
  1495. text-shadow: none;
  1496. }
  1497.  
  1498. .widget-area .blogroll li a {
  1499. font-style: normal;
  1500. }
  1501.  
  1502. /* Aksimet Widgets */
  1503. .widget-area .widget_akismet a {
  1504. text-shadow: none;
  1505. }
  1506.  
  1507. /* Authors Widget */
  1508. .widget_authors li {
  1509. background: none !important;
  1510. overflow: hidden;
  1511. }
  1512.  
  1513. .widget_authors ul ul li {
  1514. overflow: hidden;
  1515. }
  1516.  
  1517. .widget_authors img {
  1518. float: left;
  1519. margin-bottom: 12px !important;
  1520. padding-right: 10px;
  1521. }
  1522.  
  1523. /* =Footer
  1524. -------------------------------------------------------------- */
  1525. #colophon {
  1526. font-size: 11px;
  1527. line-height: 2;
  1528. padding-top: 127px;
  1529. }
  1530.  
  1531. #site-generator-wrapper {
  1532. background: rgba(255,216,232,0.1);
  1533. width: 100%;
  1534. }
  1535.  
  1536. #site-generator {
  1537. color: #e3e6bb;
  1538. margin: 0 6em;
  1539. padding: 1em 0;
  1540. }
  1541.  
  1542. #site-generator a {
  1543. color: #afd178;
  1544. }
  1545.  
  1546. /* =WP.com
  1547. -------------------------------------------------------------- */
  1548. #wpstats {
  1549. display: block;
  1550. margin-top: -22px;
  1551. position: relative;
  1552. z-index: 999;
  1553. }
  1554.  
  1555. .entry-content img.wp-smiley {
  1556. background: none;
  1557. border-radius: 0;
  1558. box-shadow: none;
  1559. margin: 0;
  1560. padding: 0;
  1561. }
  1562.  
  1563. /* =Responsive Structure
  1564. -------------------------------------------------------------- */
  1565. @media (max-width: 1140px) {
  1566. .entry-date {
  1567. border-radius: 0 10px 10px 0;
  1568. border-right-width: 5px;
  1569. border-left-width: 0;
  1570. height: 45px;
  1571. left: -1.3em;
  1572. z-index: 9999;
  1573. }
  1574.  
  1575. .entry-date a {
  1576. margin-top: -9.5px;
  1577. }
  1578.  
  1579. .entry-header {
  1580. padding: 0 0 .6em;
  1581. }
  1582.  
  1583. .entry-title {
  1584. margin-left: 1.4em;
  1585. }
  1586.  
  1587. .entry-content {
  1588. margin-top: 1.1em;
  1589. }
  1590.  
  1591. embed,
  1592. iframe,
  1593. object {
  1594. max-width: 100%;
  1595. }
  1596. }
  1597.  
  1598. @media (max-width: 860px) {
  1599. #content .gallery-columns-3 .gallery-item {
  1600. width: 31%;
  1601. padding-right: 2%;
  1602. }
  1603.  
  1604. #content .gallery-columns-3 .gallery-item img {
  1605. width: 100%;
  1606. height: auto;
  1607. }
  1608.  
  1609. #content .gallery-columns-3 .gallery-item img {
  1610. padding: 1px;
  1611. }
  1612.  
  1613. #comments {
  1614. padding: 3em 1em;
  1615. }
  1616.  
  1617. .wp-caption {
  1618. max-width: 100%;
  1619. }
  1620. }
  1621.  
  1622. @media (max-width: 650px) {
  1623. #primary {
  1624. float: none;
  1625. }
  1626.  
  1627. #secondary-wrapper {
  1628. clear: both;
  1629. float: none;
  1630. margin-top: .9em;
  1631. width: 100%;
  1632. }
  1633.  
  1634. #content-wrapper,
  1635. #access {
  1636. width: 100%;
  1637. }
  1638.  
  1639. #content,
  1640. #main .widget-area {
  1641. border-width: 2px;
  1642. padding: .5em;
  1643. }
  1644.  
  1645. .entry-date {
  1646. border-width: 2px;
  1647. left: -.6em;
  1648. }
  1649.  
  1650. .entry-title {
  1651. margin-left: 1.6em;
  1652. }
  1653.  
  1654. #nav-below {
  1655. padding: 2em;
  1656. top: .5em;
  1657. }
  1658.  
  1659. #comments {
  1660. padding: 3em 0;
  1661. }
  1662.  
  1663. #colophon {
  1664. padding-top: 0;
  1665. }
  1666. }
  1667.  
  1668. @media (max-width: 450px) {
  1669. #branding,
  1670. #branding .header-link {
  1671. min-height: 90px;
  1672. }
  1673.  
  1674. #branding hgroup {
  1675. padding: 0;
  1676. }
  1677.  
  1678. #site-title {
  1679. font-size: 40px;
  1680. }
  1681.  
  1682. #site-title a,
  1683. #site-title a:hover {
  1684. margin: .3em 0 0;
  1685. padding: 0 .5em;
  1686. }
  1687.  
  1688. #site-description {
  1689. display: none;
  1690. }
  1691.  
  1692. #page {
  1693. padding: 0 5px;
  1694. overflow: hidden;
  1695. }
  1696.  
  1697. #branding {
  1698. margin-top: 0;
  1699. }
  1700.  
  1701. /* Make sure embeds and iframes scale on smaller screens. */
  1702. embed,
  1703. iframe,
  1704. object {
  1705. height: auto;
  1706. }
  1707.  
  1708. #wpstats {
  1709. display: none;
  1710. }
  1711. }
  1712.  
  1713. /* =IE Styles
  1714. -------------------------------------------------------------- */
  1715. #ie8 #site-title a {
  1716. background: #fff;
  1717. }
  1718.  
  1719. #ie8 img.size-auto,
  1720. #ie8 img.size-full,
  1721. #ie8 img.size-large,
  1722. #ie8 img.size-medium,
  1723. #ie8 .format-gallery .attachment-large,
  1724. #ie8 .entry-attachment img,
  1725. #ie8 .widget-area img {
  1726. width: 100%;
  1727. /* Prevent vertical stretching */
  1728. }
  1729.  
  1730. #ie8 .entry-date {
  1731. background: #e3e6bb;
  1732. left: -5.2em;
  1733. z-index: 9999;
  1734. }
  1735.  
  1736. /* =Jetpack: Infinite Scroll
  1737. -------------------------------------------------------------- */
  1738. .infinite-scroll #wrapper {
  1739. margin-bottom: 40px;
  1740. }
  1741.  
  1742. .infinite-scroll #content {
  1743. margin-bottom: 50px;
  1744. }
  1745.  
  1746. .infinite-scroll #content .infinite-wrap {
  1747. border-top: none;
  1748. padding: 0;
  1749. }
  1750.  
  1751. /* Elements to hide */
  1752. .infinite-scroll #nav-below,
  1753. .infinite-scroll.neverending #colophon {
  1754. display: none;
  1755. }
  1756.  
  1757. /* Restore the footer when IS is finished */
  1758. .infinity-end.neverending #colophon {
  1759. display: block;
  1760. }
  1761.  
  1762. .infinity-end.neverending #wrapper,
  1763. .infinity-end.neverending #content {
  1764. margin-bottom: 0;
  1765. }
  1766.  
  1767. /* Make it match the theme */
  1768. .infinite-scroll #infinite-footer .container {
  1769. background: rgba(255,255,255,0.7);
  1770. border: none;
  1771. }
  1772.  
  1773. .infinite-scroll #infinite-footer .blog-info,
  1774. .infinite-scroll #infinite-footer .blog-info a {
  1775. color: #A23855;
  1776. font-family: 'Sorts Mill Goudy', serif;
  1777. font-size: 15px;
  1778. font-weight: normal;
  1779. }
  1780.  
  1781. .infinite-scroll #infinite-footer .blog-info {
  1782. margin-bottom: -5px;
  1783. position: relative;
  1784. bottom: -2px;
  1785. }
  1786.  
  1787. .infinite-scroll .infinite-loader,
  1788. .infinite-scroll #infinite-handle {
  1789. text-align: center;
  1790. padding-bottom: 3em;
  1791. }
  1792.  
  1793. .infinite-scroll #infinite-handle span {
  1794. background: #6C8643;
  1795. border: none;
  1796. color: #FBFFF5;
  1797. }
  1798.  
  1799. .infinite-scroll #infinite-handle span:before {
  1800. color: #FBFFF5;
  1801. }
  1802.  
  1803. .infinite-scroll #infinite-handle span:hover,
  1804. .infinite-scroll #infinite-handle span:focus,
  1805. .infinite-scroll #infinite-handle span:hover:before,
  1806. .infinite-scroll #infinite-handle span:focus:before {
  1807. color: #fff;
  1808. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement