API tools faq
paste
Advertisement
Guest User

Wordpress Automattic Lovebirds theme

a guest
Sep 10th, 2012
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Bash 24.98 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name:     Lovebirds
  3. Theme URI:      http://theme.wordpress.com/themes/lovebirds/
  4. Description:    A sweet wedding theme to help you organize all the important details before the big day.
  5. Author:         Automattic
  6. Author URI:     http://automattic.com/
  7. Template:       forever
  8. Version:        1.0
  9. Tags: custom-colors, infinite-scroll, pink, brown, colorful, cartoony, whimsical, textured, traditional, wedding, elegant, colorful, white, two-columns, left-sidebar, fixed-width, responsive-width, custom-background, custom-header, flexible-header, featured-images, rtl-language-support, translation-ready,
  10. */
  11.  
  12.  
  13. /* =Reset
  14. -------------------------------------------------------------- */
  15.  
  16. html, body, div, span, applet, object, iframe,
  17. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  18. a, abbr, acronym, address, big, cite, code,
  19. del, dfn, em, font, ins, kbd, q, s, samp,
  20. small, strike, strong, sub, sup, tt, var,
  21. dl, dt, dd, ol, ul, li,
  22. fieldset, form, label, legend,
  23. table, caption, tbody, tfoot, thead, tr, th, td {
  24.     border: 0;
  25.     font-family: inherit;
  26.     font-size: 100%;
  27.     font-style: inherit;
  28.     font-weight: inherit;
  29.     margin: 0;
  30.     outline: 0;
  31.     padding: 0;
  32.     vertical-align: baseline;
  33. }
  34. html {
  35.     font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  36.     overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
  37.     -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  38.     -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  39. }
  40. body {
  41.     background: #fff;
  42. }
  43. article,
  44. aside,
  45. details,
  46. figcaption,
  47. figure,
  48. footer,
  49. header,
  50. hgroup,
  51. nav,
  52. section {
  53.     display: block;
  54. }
  55. ol, ul {
  56.     list-style: none;
  57. }
  58. table { /* tables still need 'cellspacing="0"' in the markup */
  59.     border-collapse: separate;
  60.     border-spacing: 0;
  61. }
  62. caption, th, td {
  63.     font-weight: normal;
  64.     text-align: left;
  65. }
  66. blockquote:before, blockquote:after,
  67. q:before, q:after {
  68.     content: "";
  69. }
  70. blockquote, q {
  71.     quotes: "" "";
  72. }
  73. a:focus {
  74.     outline: thin dotted;
  75. }
  76. a:hover,
  77. a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  78.     outline: 0;
  79. }
  80. a img {
  81.     border: 0;
  82. }
  83.  
  84.  
  85. /* =Global
  86. ----------------------------------------------- */
  87.  
  88. body,
  89. button,
  90. input,
  91. select,
  92. textarea {
  93.     color: #333;
  94.     font-family: Lusitana, "Times New Roman", serif;
  95.     font-size: 16px;
  96.     font-size: 1.6rem;
  97.     line-height: 1.5;
  98. }
  99.  
  100. /* Headings */
  101. h1,h2,h3,h4,h5,h6 {
  102.     clear: both;
  103.     color: #462917;
  104.     font-family: Lusitana, "Times New Roman", serif;
  105.     font-weight: normal;
  106.     margin: 15px 0;
  107. }
  108. h1 {
  109.     font-size: 180%;
  110. }
  111. h2 {
  112.     font-size: 160%;
  113. }
  114. h3 {
  115.     font-size: 140%;
  116. }
  117. h4 {
  118.     font-size: 120%;
  119. }
  120. h5 {
  121.     font-size: 100%;
  122. }
  123. h6 {
  124.     font-size: 90%;
  125. }
  126. hr {
  127.     background-color: #ccc;
  128.     border: 0;
  129.     height: 1px;
  130.     margin-bottom: 1.5em;
  131. }
  132.  
  133. /* Text elements */
  134. p {
  135.     margin-bottom: 1.5em;
  136. }
  137. ul, ol {
  138.     margin: 0 0 1.5em 3em;
  139. }
  140. ul {
  141.     list-style: disc;
  142. }
  143. ol {
  144.     list-style: decimal;
  145. }
  146. ul ul, ol ol, ul ol, ol ul {
  147.     margin-bottom: 0;
  148.     margin-left: 1.5em;
  149. }
  150. dt {
  151.     font-weight: bold;
  152. }
  153. dd {
  154.     margin: 0 1.5em 1.5em;
  155. }
  156. b, strong {
  157.     font-weight: bold;
  158. }
  159. dfn, cite, em, i {
  160.     font-style: italic;
  161. }
  162. blockquote {
  163.     border-left: 5px solid #462917;
  164.     padding: 0 1.5em;
  165. }
  166. address {
  167.     margin: 0 0 1.5em;
  168. }
  169. pre {
  170.     background: rgba( 70, 41, 23, .03 );
  171.     font-family: "Courier 10 Pitch", Courier, monospace;
  172.     font-size: 13px;
  173.     font-size: 1.5rem;
  174.     line-height: 1.6;
  175.     margin-bottom: 1.6em;
  176.     padding: 1.6em;
  177.     overflow: auto;
  178.     max-width: 100%;
  179. }
  180. code, kbd, tt, var {
  181.     font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  182. }
  183. abbr, acronym {
  184.     border-bottom: 1px dotted rgba( 70, 41, 23, .5 );
  185.     cursor: help;
  186. }
  187. mark, ins {
  188.     background: #fff9c0;
  189.     text-decoration: none;
  190. }
  191. sup,
  192. sub {
  193.     font-size: 75%;
  194.     height: 0;
  195.     line-height: 0;
  196.     position: relative;
  197.     vertical-align: baseline;
  198. }
  199. sup {
  200.     bottom: 1ex;
  201. }
  202. sub {
  203.     top: .5ex;
  204. }
  205. small {
  206.     font-size: 75%;
  207. }
  208. big {
  209.     font-size: 125%;
  210. }
  211. figure {
  212.     margin: 0;
  213. }
  214. table {
  215.     margin: 0 0 1.5em;
  216.     width: 100%;
  217. }
  218. td {
  219.     border-bottom: 1px solid rgba( 70, 41, 23, .2 );
  220.     padding: 5px;
  221. }
  222. tr.alternate {
  223.     background: rgba( 0, 0, 0, .03);
  224. }
  225. th {
  226.     background: #462917;
  227.     color: #fff;
  228.     font-weight: bold;
  229.     padding: 5px;
  230. }
  231. button,
  232. input,
  233. select,
  234. textarea {
  235.     font-size: 100%; /* Corrects font size not being inherited in all browsers */
  236.     margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  237.     vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  238.     *vertical-align: middle; /* Improves appearance and consistency in all browsers */
  239. }
  240. button,
  241. input {
  242.     line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  243.     *overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
  244. }
  245. button,
  246. html input[type="button"],
  247. input[type="reset"],
  248. input[type="submit"] {
  249.     border: 1px solid #ccc;
  250.     border-color: #ccc #ccc #bbb #ccc;
  251.     border-radius: 3px;
  252.     background: #fafafa; /* Old browsers */
  253.     background: -moz-linear-gradient(top,  #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */
  254.     background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
  255.     background: -webkit-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
  256.     background: -o-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */
  257.     background: -ms-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* IE10+ */
  258.     background: linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* W3C */
  259.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
  260.     box-shadow: inset 0 2px 1px #fff;
  261.     color: rgba(0,0,0,.8);
  262.     cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  263.     -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
  264.     font-size: 12px;
  265.     font-size: 1.4rem;
  266.     padding: .5em;
  267.     text-shadow: 0 1px 0 rgba(255,255,255,.5);
  268. }
  269. button:hover,
  270. html input[type="button"]:hover,
  271. input[type="reset"]:hover,
  272. input[type="submit"]:hover {
  273.     background: #f5f5f5; /* Old browsers */
  274.     background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */
  275.     background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
  276.     background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
  277.     background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */
  278.     background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */
  279.     background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* W3C */
  280.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
  281.     border-color: #bbb #bbb #aaa #bbb;
  282. }
  283. button:focus,
  284. html input[type="button"]:focus,
  285. input[type="reset"]:focus,
  286. input[type="submit"]:focus,
  287. button:active,
  288. html input[type="button"]:active,
  289. input[type="reset"]:active,
  290. input[type="submit"]:active {
  291.     border-color: #aaa #bbb #bbb #bbb;
  292.     box-shadow: inset 0 2px 3px rgba(0,0,0,.15);
  293.     box-shadow: inset 0 2px 2px rgba(0,0,0,.15);
  294. }
  295. input[type="checkbox"],
  296. input[type="radio"] {
  297.     box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
  298.     padding: 0; /* Addresses excess padding in IE8/9 */
  299. }
  300. input[type="search"] {
  301.     -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  302.     -moz-box-sizing: content-box;
  303.     -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  304.     box-sizing: content-box;
  305. }
  306. input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  307.     -webkit-appearance: none;
  308. }
  309. button::-moz-focus-inner,
  310. input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  311.     border: 0;
  312.     padding: 0;
  313. }
  314. input[type=text],
  315. input[type=email],
  316. textarea {
  317.     color: #666;
  318.     border: 1px solid #ccc;
  319.     border-radius: 3px;
  320. }
  321. input[type=text]:focus,
  322. input[type=email]:focus,
  323. textarea:focus {
  324.     color: #111;
  325. }
  326. input[type=text],
  327. input[type=email] {
  328.     padding: 3px;
  329. }
  330. textarea {
  331.     overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  332.     padding-left: 3px;
  333.     vertical-align: top; /* Improves readability and alignment in all browsers */
  334.     width: 98%;
  335. }
  336.  
  337. /* Links */
  338. a {
  339.     color: #462917;
  340.     text-decoration: none;
  341. }
  342. a:visited {
  343.     color: #462917;
  344.     text-decoration: none;
  345. }
  346. a:hover,
  347. a:focus,
  348. a:active {
  349.     color: #66432f;
  350.     text-decoration: underline;
  351. }
  352.  
  353. /* Alignment */
  354. .alignleft {
  355.     display: inline;
  356.     float: left;
  357.     margin: 1em 1.5em 1em 0;
  358. }
  359. .alignright {
  360.     display: inline;
  361.     float: right;
  362.     margin: 1em 0 1em 1.5em;
  363. }
  364. .aligncenter {
  365.     clear: both;
  366.     display: block;
  367.     margin: 1em auto;
  368. }
  369.  
  370. /* Text meant only for screen readers */
  371. .assistive-text {
  372.     clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  373.     clip: rect(1px, 1px, 1px, 1px);
  374.     position: absolute !important;
  375. }
  376.  
  377.  
  378. /* =Header
  379. ----------------------------------------------- */
  380.  
  381. #masthead {
  382.     margin: 50px auto 0;
  383.     position: relative;
  384.     width: 1000px;
  385.     z-index: 50;
  386. }
  387. #masthead hgroup {
  388.     float: left;
  389.     width: 25%;
  390. }
  391. #masthead #header-image {
  392.     display: block;
  393.     float: none;
  394.     margin: 0 auto 30px auto;
  395. }
  396. .site-description {
  397.     color: #462917;
  398.     font-family: Lusitana, "Times New Roman", serif;
  399.     font-size: 16px;
  400.     font-style: italic;
  401.     margin: 10px 0;
  402.     text-align: center;
  403. }
  404. .site-title,
  405. .site-title a {
  406.     color: #e55564;
  407.     font-family: Niconne, script;
  408.     font-size: 160%;
  409.     line-height: 90%;
  410.     text-align: center;
  411.     text-decoration: none;
  412. }
  413. .vines {
  414.     background: url('img/vines.png') no-repeat center center;
  415.     margin: 0 auto;
  416.     width: 100%;
  417.     height: 57px;
  418. }
  419.  
  420.  
  421. /* =Menu
  422. ----------------------------------------------- */
  423.  
  424. .main-navigation {
  425.     background: #462917;
  426.     color: rgba(255,255,255,1.0);
  427.     float: right;
  428.     margin: 0 0 30px 0;
  429.     padding: 0 1.5em;
  430.     text-align: center;
  431.     width: 652px;
  432. }
  433. .main-navigation ul {
  434.     list-style: none;
  435.     margin: 0;
  436.     padding: 0;
  437. }
  438. .main-navigation ul li {
  439.     display: inline;
  440.     position: relative;
  441. }
  442. .main-navigation ul li:after {
  443.     content: " o ";
  444.     font-size: 10px;
  445.     text-transform: none;
  446. }
  447. .main-navigation ul ul li:after,
  448. .main-navigation ul > li:last-of-type:after {
  449.     content: "";
  450. }
  451. .main-navigation a {
  452.     color: rgba(255,255,255,1.0);
  453.     display: inline-block;
  454.     font-size: 12px;
  455.     padding: 7px 10px;
  456.     text-decoration: none;
  457.     text-transform: uppercase;
  458. }
  459. .main-navigation ul ul {
  460.     background: #fff;
  461.     border: 1px solid rgba(70,41,23,.2);
  462.     -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  463.     -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  464.     box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  465.     display: none;
  466.     float: left;
  467.     margin: 0;
  468.     padding: 0;
  469.     position: absolute;
  470.         top: 1.5em;
  471.         left: 0;
  472.     z-index: 99999;
  473. }
  474. .main-navigation ul ul ul {
  475.     left: 100%;
  476.     top: 0;
  477. }
  478. .main-navigation ul ul a {
  479.     color: #462917;
  480.     width: 170px;
  481. }
  482. .main-navigation ul ul li {
  483.     display: block;
  484.     text-align: left;
  485.     word-wrap: break-word;
  486. }
  487. .main-navigation ul li:hover > a {
  488.     color: rgba(255,255,255,.5);
  489. }
  490. .main-navigation ul li li:hover > a {
  491.     color: #462917;
  492. }
  493. .main-navigation ul ul li:hover > a {
  494.     background: #f9f4f2;
  495. }
  496. .main-navigation ul ul a:hover {
  497. }
  498. .main-navigation ul li:hover > ul {
  499.     display: block;
  500. }
  501. .main-navigation ul li.current_page_item a,
  502. .main-navigation ul li.current-menu-item a {
  503.     color: rgba(255,255,255,.5);
  504. }
  505. .main-navigation ul li li.current_page_item a,
  506. .main-navigation ul li li.current-menu-item a {
  507.     color: #462917;
  508. }
  509.  
  510. /* Small menu */
  511. .menu-toggle {
  512.     cursor: pointer;
  513. }
  514. .main-small-navigation .menu {
  515.     display: none;
  516. }
  517.  
  518.  
  519. /* =Content
  520. ----------------------------------------------- */
  521.  
  522. .sticky {
  523. }
  524. .hentry {
  525.     background: #fff;
  526.     border: 5px solid #e8d9d0;
  527.     clear: both;
  528.     margin: 0 0 1.5em;
  529.     padding: 1.5em;
  530. }
  531. .entry-header {
  532.     margin: 0 0 15px 0;
  533. }
  534. .hentry:before,
  535. .hentry:after {
  536.     content: "";
  537.     display:table;
  538. }
  539. .hentry:after {
  540.     clear: both;
  541. }
  542. .entry-title,
  543. .entry-title a {
  544.     color: #e55564;
  545.     font-family: Niconne, script;
  546.     font-size: 32px;
  547.     margin: 0;
  548.     text-decoration: none;
  549. }
  550. .entry-meta {
  551.     clear: both;
  552.     font-size: 75%;
  553.     text-transform: uppercase;
  554. }
  555. footer.entry-meta {
  556.     margin: 10px 0;
  557. }
  558. a.more-link {
  559.     background: #462917;
  560.     border-radius: 3px;
  561.     clear: both;
  562.     color: #fff;
  563.     display: block;
  564.     font-size: 75%;
  565.     margin: 5px 0;
  566.     padding: 7px;
  567.     text-transform: uppercase;
  568.     width: 150px;
  569. }
  570. .page-links {
  571.     background: #462917;
  572.     border-radius: 3px;
  573.     clear: both;
  574.     color: #fff;
  575.     display: inline-block;
  576.     font-size: 75%;
  577.     margin: 5px 0;
  578.     padding: 7px;
  579.     text-transform: uppercase;
  580. }
  581. .page-links a {
  582.     color: #fff;
  583.     margin: 0 2px;
  584. }
  585. a.more-link:hover,
  586. .page-links a:hover {
  587.     color: rgba(255,255,255,.5);
  588.     text-decoration: none;
  589. }
  590. .byline {
  591.     display: none;
  592. }
  593. .single .byline,
  594. .group-blog .byline {
  595.     display: inline;
  596. }
  597. #content,
  598. .entry-summary {
  599.     margin: 1.5em 0 0;
  600. }
  601. .entry-thumb {
  602.     float: right;
  603.     margin: 0 0 15px 15px;
  604. }
  605. .page-links {
  606.     clear: both;
  607.     margin: 0 0 1.5em;
  608. }
  609. h1.page-title {
  610.     color: #462917;
  611.     font-family: Lusitana, "Times New Roman", serif;
  612.     font-size: 160%;
  613.     margin: 10px 0;
  614. }
  615.  
  616.  
  617. /* =Asides
  618. ----------------------------------------------- */
  619.  
  620. .blog .format-aside .entry-title,
  621. .archive .format-aside .entry-title {
  622.     display: none;
  623. }
  624.  
  625.  
  626. /* =Media
  627. ----------------------------------------------- */
  628.  
  629. .site-header img,
  630. #content img,
  631. .comment-content img,
  632. .widget img {
  633.     max-width: 100%; /* Fluid images for posts, comments, and widgets */
  634. }
  635. .site-header img,
  636. #content img,
  637. img[class*="align"],
  638. img[class*="wp-image-"] {
  639.     height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  640. }
  641. .site-header img,
  642. #content img,
  643. img.size-full,
  644. #secondary img {
  645.     max-width: 100%;
  646.     height: auto;
  647. }
  648. #content img.wp-smiley,
  649. .comment-content img.wp-smiley {
  650.     border: none;
  651.     margin-bottom: 0;
  652.     margin-top: 0;
  653.     padding: 0;
  654. }
  655. .wp-caption {
  656.     border: 1px solid #ccc;
  657.     max-width: 100%;
  658. }
  659. .wp-caption.aligncenter,
  660. .wp-caption.alignleft,
  661. .wp-caption.alignright {
  662.     margin-bottom: 1.5em;
  663. }
  664. .wp-caption img {
  665.     display: block;
  666.     margin: 1.2% auto 0;
  667.     max-width: 98%;
  668. }
  669. .wp-caption-text {
  670.     font-size: 90%;
  671.     line-height: normal;
  672.     text-align: center;
  673. }
  674. .wp-caption .wp-caption-text {
  675.     margin: 1em 0;
  676. }
  677. #content .gallery {
  678.     margin-bottom: 1.5em;
  679. }
  680. .gallery-caption {
  681. }
  682. #content .gallery a img {
  683.     border: none;
  684.     height: auto;
  685.     max-width: 90%;
  686. }
  687. #content .gallery dd {
  688.     margin: 0;
  689. }
  690. #content .gallery-columns-4 .gallery-item {
  691. }
  692. #content .gallery-columns-4 .gallery-item img {
  693. }
  694.  
  695. /* Make sure embeds and iframes fit their containers */
  696. embed,
  697. iframe,
  698. object {
  699.     max-width: 100%;
  700. }
  701.  
  702.  
  703. /* =Navigation
  704. ----------------------------------------------- */
  705.  
  706. #content .site-navigation {
  707.     margin: 0 0 1.5em;
  708.     overflow: hidden;
  709. }
  710. #nav-below,
  711. #comment-nav-below,
  712. #comment-nav-above {
  713.     background: #462917;
  714.     color: #fff;
  715.     display: inline-block;
  716.     font-family: Lusitana, "Times New Roman", serif;
  717.     font-size: 12px;
  718.     text-transform: uppercase;
  719.     width: 100%;
  720. }
  721. #nav-below a,
  722. #comment-nav-below a,
  723. #comment-nav-above a {
  724.     color: #fff;
  725.     display: block;
  726.     padding: 1.0em 1.5em;
  727. }
  728. #nav-below a:hover,
  729. #comment-nav-below a:hover,
  730. #comment-nav-above a:hover {
  731.     color: rgba(255,255,255,.5);
  732.     text-decoration: none;
  733. }
  734. #content .nav-previous {
  735.     float: left;
  736.     width: 50%;
  737. }
  738. #content .nav-next {
  739.     float: right;
  740.     text-align: right;
  741.     width: 50%;
  742. }
  743. #image-navigation {
  744.     clear: both;
  745.     display: inline-block;
  746.     margin: 15px 0;
  747.     width: 100%;
  748. }
  749. .next-image {
  750.     float: right;
  751. }
  752. #image-navigation a {
  753.     background: #462917;
  754.     border-radius: 3px;
  755.     color: #fff;
  756.     display: inline-block;
  757.     font-size: 75%;
  758.     padding: 5px;
  759.     text-transform: uppercase;
  760. }
  761.  
  762.  
  763. /* =Comments
  764. --------------------------------------------------------------*/
  765.  
  766. .comments-link {
  767.     color: #fff;
  768.     float: right;
  769.     margin: -55px 0 15px 15px;
  770.     position: relative;
  771.     text-align: center;
  772.     width: 35px;
  773.     height: 27px;
  774. }
  775. .comments-link:hover a {
  776.     color: rgba(255,255,255,.8);
  777. }
  778. .comments-link:before,
  779. .comments-link:after {
  780.     position: absolute;
  781.     content: "";
  782.     left: 17px;
  783.     top: 0;
  784.     width: 17px;
  785.     height: 27px;
  786.     background: #e55564;
  787.     -moz-border-radius: 25px 25px 0 0;
  788.     border-radius: 25px 25px 0 0;
  789.     -webkit-transform: rotate(-45deg);
  790.        -moz-transform: rotate(-45deg);
  791.         -ms-transform: rotate(-45deg);
  792.          -o-transform: rotate(-45deg);
  793.             transform: rotate(-45deg);
  794.     -webkit-transform-origin: 0 100%;
  795.        -moz-transform-origin: 0 100%;
  796.         -ms-transform-origin: 0 100%;
  797.          -o-transform-origin: 0 100%;
  798.             transform-origin: 0 100%;
  799. }
  800. .comments-link:after {
  801.     left: 0;
  802.     -webkit-transform: rotate(45deg);
  803.        -moz-transform: rotate(45deg);
  804.         -ms-transform: rotate(45deg);
  805.          -o-transform: rotate(45deg);
  806.             transform: rotate(45deg);
  807.     -webkit-transform-origin: 100% 100%;
  808.        -moz-transform-origin: 100% 100%;
  809.         -ms-transform-origin: 100% 100%;
  810.          -o-transform-origin: 100% 100%;
  811.             transform-origin :100% 100%;
  812. }
  813. .comments-link a {
  814.     color: #fff;
  815.     font-size: 16px;
  816.     display: block;
  817.     position: relative;
  818.     text-decoration: none;
  819.     width: 100%;
  820.     height: 100%;
  821.     z-index: 90;
  822. }
  823. #comments-title {
  824.     margin: 15px 0;
  825. }
  826. #commentform .required {
  827.     display: inline-block;
  828.     margin-left: -5px;
  829.     color: #c4513f;
  830.     font-weight: bold;
  831. }
  832. #respond {
  833.     padding: 1.5em;
  834. }
  835. li.comment {
  836.     min-height: 100px;
  837. }
  838. li.comment,
  839. li.pingback,
  840. li.trackback {
  841.     border-bottom: 1px solid rgba(70,41,23,.2);
  842.     padding: 1.5em;
  843.     clear: both;
  844. }
  845. li.pingback,
  846. li.trackback {
  847.     background-repeat: no-repeat;
  848.     background-color: rgba(70,41,23,.03);
  849.     min-height: 60px;
  850. }
  851. li.pingback p,
  852. li.trackback p {
  853.     clear: both;
  854.     border: 0 none;
  855.     min-height: 25px;
  856.     word-wrap: break-word;
  857.     margin: 20px 0 0 0;
  858. }
  859. ol.commentlist,
  860. ul.commentlist {
  861.     list-style: none;
  862.     margin: 0px;
  863.     padding: 0px;
  864. }
  865. ol.commentlist blockquote,
  866. ul.commentlist blockquote {
  867.     background-color: transparent;
  868. }
  869. ol.commentlist ul.children,
  870. ul.commentlist ul.children {
  871.     list-style: none;
  872.     margin: 0px;
  873. }
  874. ol.commentlist ul.children li,
  875. ul.commentlist ul.children li {
  876.     list-style: none;
  877.     border-bottom: 0 none;
  878. }
  879. ul.children {
  880.     padding: 0px;
  881. }
  882. ul.children .comment-author {
  883.     float: none;
  884.     width: auto;
  885.     border-right: 0 none;
  886.     margin: 0px;
  887.     min-height: 0px;
  888.     clear: left;
  889. }
  890. ul.children .comment-author cite.fn {
  891.     font-weight: bold;
  892.     width: auto;
  893.     float: none;
  894. }
  895. ul.children .comment-content,
  896. ul.children .comment-content .comment-meta,
  897. ul.children .reply {
  898.     padding-left: 0px;
  899. }
  900. .alt {
  901.     background-color: rgba(70,41,23,.03);
  902. }
  903. .avatar {
  904.     float: left;
  905.     margin-right: 10px;
  906.     border-radius: 4px;
  907. }
  908. .bypostauthor {
  909.     background-color: rgba(70,41,23,.05);
  910. }
  911. .comment-content,
  912. .comment-content .comment-meta,
  913. .reply {
  914.     padding-left: 171px;
  915. }
  916. .comment-author {
  917.     width: 150px;
  918.     float: left;
  919.     border-right: 1px solid rgba(70,41,23,.2);
  920.     margin-right: 20px;
  921.     min-height: 100px;
  922. }
  923. .comment-author cite.fn {
  924.     font-weight: bold;
  925.     word-wrap: break-word;
  926.     width: 100px;
  927.     display: block;
  928.     float: left;
  929. }
  930. .comment-form-comment label {
  931.     display: block;
  932.     width: 85px;
  933.     float: left;
  934.     font-weight: bold;
  935. }
  936. .commentmetadata {
  937.     text-transform: uppercase;
  938.     color: #666;
  939.     font-size: 12px;
  940.     margin-bottom: 5px;
  941. }
  942. .nocomments {
  943.     padding: 20px;
  944.     margin-bottom: 0px;
  945. }
  946. .says {
  947.     display: none;
  948. }
  949. .form-allowed-tags,
  950. .form-allowed-tags code {
  951.     font-size:80%;
  952. }
  953.  
  954. /* Guestbook comments */
  955. .page-template-guestbook-php #content {
  956.     background: #fff;
  957.     border: 5px solid #e8d9d0;
  958. }
  959. .page-template-guestbook-php .hentry {
  960.     background: transparent;
  961.     border: 0 none;
  962.     margin: 0;
  963.     padding: 1.5em 1.5em 0 1.5em;
  964. }
  965. .page-template-guestbook-php .post-edit-link {
  966.     float: right;
  967.     position: relative;
  968. }
  969. .guestbook #comments-title {
  970.     display: none;
  971. }
  972. .guestbook .comment-author img {
  973.     float: right;
  974.     margin: 0 0 15px 15px;
  975. }
  976. .guestbook .comment-author,
  977. .guestbook .comment-author cite.fn {
  978.     border: 0px none;
  979.     float: none;
  980.     margin: 0;
  981.     min-height: 1px;
  982.     width: auto;
  983. }
  984. .guestbook #comments-title {
  985.     padding: 0 15px;
  986. }
  987. .guestbook .comment-content,
  988. .guestbook .comment-content .comment-meta,
  989. .guestbook .reply {
  990.     padding: 0;
  991. }
  992. .guestbook .commentlist {
  993.     float: left;
  994.     width: 100%;
  995. }
  996. .guestbook .commentlist > li.comment {
  997.     background: transparent;
  998.     border-bottom: 1px dashed rgba(70,41,23,.2);
  999.     display: block;
  1000.     float: left;
  1001.     padding-top: 1.615em;
  1002.     width: 40.6%;
  1003. }
  1004. .guestbook .commentlist > li.comment > article .avatar {
  1005.     margin-top: 1.615em;
  1006. }
  1007. .guestbook .reply {
  1008.     display: none;
  1009. }
  1010. .guestbook #respond {
  1011.     clear: both;
  1012.     padding: 1.5em;
  1013. }
  1014.  
  1015.  
  1016. /* =Widgets
  1017. ----------------------------------------------- */
  1018.  
  1019. .widget {
  1020.     border-bottom: 1px solid #e55564;
  1021.     display: inline-block;
  1022.     font-size: 90%;
  1023.     margin: 0 0 1.5em;
  1024.     padding: 0 0 1.5em;
  1025.     width: 100%;
  1026.     word-wrap: break-word;
  1027. }
  1028. .widget ul {
  1029.     list-style: none;
  1030.     margin: 0;
  1031.     padding: 0;
  1032. }
  1033. .widget:last-of-type {
  1034.     border: 0px none;
  1035. }
  1036. h1.widget-title,
  1037. h1.widget-title a {
  1038.     color: #e55564;
  1039.     font-family: Niconne, script;
  1040.     font-size: 24px;
  1041.     margin: 0 0 10px 0;
  1042.     text-decoration: none;
  1043. }
  1044. .widget ul li {
  1045.     border-top: 1px solid rgba(70,41,23,.2);
  1046.     padding: 10px 0;
  1047. }
  1048. .widget ul li:first-child,
  1049. .widget ul li li {
  1050.     border-top: 0;
  1051. }
  1052. .widget ul li:last-child {
  1053.     padding: 10px 0 0;
  1054. }
  1055. .widget li ul {
  1056.     padding: 0 0 0 15px;
  1057. }
  1058. .widget_flickr #flickr_badge_uber_wrapper {
  1059.     margin: 0;
  1060. }
  1061. .widget_flickr #flickr_badge_wrapper {
  1062.     background: transparent;
  1063.     border: 0 none;
  1064. }
  1065. .widget_flickr #flickr_badge_uber_wrapper td {
  1066.     border: 0 none;
  1067.     margin: 0 auto;
  1068. }
  1069.  
  1070.  
  1071. /* Search widget */
  1072. #searchsubmit {
  1073.     display: none;
  1074. }
  1075.  
  1076.  
  1077. /* =Site Layout
  1078. ----------------------------------------------- */
  1079.  
  1080. #page {
  1081.     margin: 0 auto;
  1082.     position: relative;
  1083.     width: 1000px;
  1084. }
  1085. #page #site-description,
  1086. #nav-above {
  1087.     display: none;
  1088. }
  1089. #primary {
  1090.     float: right;
  1091.     margin: 0 0 0 -30%;
  1092.     width: 100%;
  1093. }
  1094. #content {
  1095.     margin: 0 0 0 30%;
  1096.     min-height: 700px;
  1097. }
  1098. #secondary { /* Sidebar 1 */
  1099.     float: left;
  1100.     overflow: hidden;
  1101.     width: 25%;
  1102. }
  1103. #tertiary { /* Sidebar 2 */
  1104.     clear: left;
  1105. }
  1106. #colophon {
  1107.     clear: both;
  1108.     display: inline-block;
  1109.     font-size: 12px;
  1110.     margin: 30px 0;
  1111.     text-align: right;
  1112.     text-transform: uppercase;
  1113.     width: 100%;
  1114. }
  1115.  
  1116.  
  1117. /* =Calendar
  1118. ----------------------------------------------- */
  1119.  
  1120. #wp-calendar caption {
  1121.     font-size: 110%;
  1122.     font-weight: bold;
  1123.     text-align: center;
  1124. }
  1125. #wp-calendar #prev {
  1126.     text-align: left;
  1127. }
  1128. #wp-calendar #next {
  1129.     text-align: right;
  1130. }
  1131. #wp-calendar td,
  1132. #wp-calendar th {
  1133.     text-align: center;
  1134. }
  1135.  
  1136.  
  1137. /* =Responsive Layout
  1138. ----------------------------------------------- */
  1139.  
  1140. @media only screen and ( min-width: 320px ) and ( max-width: 1024px ) {
  1141.  
  1142.     #page {
  1143.         width: 100%;
  1144.     }
  1145.     #masthead {
  1146.         clear: both;
  1147.         width: 100%;
  1148.     }
  1149.     #masthead hgroup {
  1150.         clear: both;
  1151.         float: none;
  1152.         margin: 0 auto;
  1153.         padding: 10px 0;
  1154.         width: 100%;
  1155.     }
  1156.     #masthead #header-image {
  1157.         margin: 0 auto;
  1158.         max-width: 250px;
  1159.         width: 50%;
  1160.     }
  1161.     h1.page-title {
  1162.         padding: 0 15px;
  1163.     }
  1164.     #secondary {
  1165.         clear: both;
  1166.         float: none;
  1167.         margin: 1.5em 1.5em 0 1.5em;
  1168.         width: auto;
  1169.     }
  1170.     #primary {
  1171.         clear: both;
  1172.         float: none;
  1173.         margin: 0;
  1174.         width: 100%;
  1175.     }
  1176.     #content {
  1177.         margin: 0;
  1178.     }
  1179.     .hentry {
  1180.         border-top: 5px solid #e8d9d0;
  1181.         border-left: 0px none;
  1182.         border-right: 0px none;
  1183.         border-bottom: 0px none;
  1184.         margin: 0;
  1185.     }
  1186.     #colophon {
  1187.         background: url('img/vines-2x.png') top center no-repeat;
  1188.         background-size: 200px auto;
  1189.         margin: 0;
  1190.         padding: 55px 0 0 0;
  1191.         text-align: center;
  1192.     }
  1193.     .comment-author img {
  1194.         float: right;
  1195.         margin: 0 0 15px 15px;
  1196.     }
  1197.     .comment-author,
  1198.     .comment-author cite.fn {
  1199.         border: 0px none;
  1200.         float: none;
  1201.         margin: 0;
  1202.         min-height: 1px;
  1203.         width: auto;
  1204.     }
  1205.     #comments-title {
  1206.         padding: 0 15px;
  1207.     }
  1208.     .comment-content,
  1209.     .comment-content .comment-meta,
  1210.     .reply {
  1211.         padding: 0;
  1212.     }
  1213.     .main-navigation {
  1214.         float: none;
  1215.         margin: 0;
  1216.         padding: 0;
  1217.         width: 100%;
  1218.     }
  1219.     .guestbook .commentlist > li.comment {
  1220.         width: 87%;
  1221.     }
  1222.  
  1223. }
  1224.  
  1225.  
  1226. /* =Retina Images
  1227. ----------------------------------------------- */
  1228.  
  1229. @media  only screen and (-moz-min-device-pixel-ratio: 1.5),
  1230.         only screen and (-o-min-device-pixel-ratio: 3/2),
  1231.         only screen and (-webkit-min-device-pixel-ratio: 1.5),
  1232.         only screen and (min-device-pixel-ratio: 1.5) {
  1233.  
  1234.     .vines {
  1235.         background-image: url('img/vines-2x.png');
  1236.         background-size: 200px auto;
  1237.     }
  1238.  
  1239. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!