API tools faq
paste
Advertisement
_catstail

Carrie - tumblr theme

_catstail
Nov 19th, 2016
320
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{FavIcon}" />
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  9. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  10. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  12. <script src="http://static.tumblr.com/sdwlpgh/eYUo563bv/smoothscroll.min.js"></script>
  13.  
  14.  
  15. <script type="text/javascript"> $(document).ready(function() { $('blockquote').each(function(index, element){ if(index % 2 == 0) { $(element).addClass('even'); } }); }); </script>
  16.  
  17. {block:hidden}
  18. <!-- Main Body Alteration -->
  19. <meta name="color:Main" content="#978172"/>
  20. <meta name="color:Accent" content="#c24964"/>
  21. <meta name="color:Background" content="#e2e2e2" />
  22.  
  23.  
  24. <meta name="color:Right Side Bar" content="#4c4a45"/>
  25.  
  26.  
  27.  
  28. <meta name="color:Gradient 1" content="#c24964" />
  29. <meta name="color:Gradient 2" content="#a95362" />
  30. <meta name="color:Gradient 3" content="#c96677" />
  31.  
  32.  
  33.  
  34. <meta name="color:Quote Font Color" content="#fff" />
  35.  
  36. <meta name="image:Selfie" content=""/>
  37.  
  38.  
  39. <meta name="image:Site Logo" content=""/>
  40. <meta name="if:Logo" content="0"/>
  41.  
  42. <meta name="image:Header" content=""/>
  43. <meta name="if:Header" content=""/>
  44.  
  45.  
  46. <meta name="if:Extra Links" content="0"/>
  47. <meta name="text:Extra Links Header" content=""/>
  48.  
  49.  
  50. <meta name="if:Extra Text Box" content="0"/>
  51. <meta name="text:Extra Box Text" content=""/>
  52. <meta name="text:Extra Box Header" content=""/>
  53.  
  54. <meta name="text:Footer Text" content=""/>
  55. <meta name="text:Footer Header Text" content=""/>
  56.  
  57.  
  58. <!-- Custom Links Links 1-6 are on the Top Menu-->
  59. <meta name="text:Link 1" content="index"/>
  60. <meta name="text:Link 1 url" content="/"/>
  61. <meta name="text:Link 2" content="ask"/>
  62. <meta name="text:Link 2 url" content="/ask"/>
  63. <meta name="text:link 3" content="archive"/>
  64. <meta name="text:Link 3 url" content="/archive"/>
  65. <meta name="text:Link 4" content="link 4"/>
  66. <meta name="text:Link 4 url" content="/"/>
  67. <meta name="text:Link 5" content="link 5"/>
  68. <meta name="text:Link 5 url" content="/"/>
  69. <meta name="text:Link 6" content="link 6"/>
  70. <meta name="text:Link 6 url" content="/"/>
  71.  
  72.  
  73. <meta name="text:Link 7" content="link 7"/>
  74. <meta name="text:Link 7 url" content="/"/>
  75. <meta name="text:Link 8" content="link 8"/>
  76. <meta name="text:Link 8 url" content="/"/>
  77. <meta name="text:Link 9" content="link 9"/>
  78. <meta name="text:Link 9 url" content="/"/>
  79. <meta name="text:Link 10" content="link 10"/>
  80. <meta name="text:Link 10 url" content="/"/>
  81.  
  82. <!-- Blog Comment System-->
  83. <meta name="text:Disqus Shortname" content=""/>
  84.  
  85. <!-- Social Media -->
  86. <meta name="if:Social Follow" content="0"/>
  87.  
  88. <meta name="if:TwitterFollow" content="0"/>
  89. <meta name="text:Twitter URL" content=""/>
  90.  
  91.  
  92. <meta name="if:Facebook" content="0"/>
  93. <meta name="text:Facebook URL" content=""/>
  94.  
  95. <meta name="if:Pinterest" content="0"/>
  96. <meta name="text:Pinterest URL" content=""/>
  97.  
  98. <meta name="if:Instagram" content="0"/>
  99. <meta name="text:Instagram URL" content=""/>
  100.  
  101. <meta name="if:BlogLovin" content="0"/>
  102. <meta name="text:BlogLovin URL" content=""/>
  103.  
  104.  
  105.  
  106. {/block:hidden}
  107.  
  108.  
  109. <style>
  110.  
  111. body,html
  112. {
  113. background: {color:Background};
  114. margin: 0;
  115. padding: 0;
  116. font-size: 11px;
  117. font-family: 'Open Sans', sans-serif;
  118. color: #8a857f;
  119. }
  120.  
  121. .wrap
  122. {
  123. margin: 0px auto 0px auto;
  124. min-height: 100vh;
  125. width: 1100px;
  126. padding: 30px;
  127. background: #fff;
  128.  
  129. }
  130.  
  131.  
  132. /* font styles */
  133. b,strong
  134. {
  135. color: {color:Accent};
  136. }
  137.  
  138. em, i
  139. {
  140. color: {color:Main};
  141. }
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151. .stayput
  152. {
  153. max-width: 1200px;
  154. padding: 30px;
  155. margin-left: -20px;
  156.  
  157.  
  158.  
  159. }
  160.  
  161.  
  162. .righttop
  163. {
  164. width: 100%;
  165. text-align: left;
  166. border-bottom: 1px solid #e6e8e1;
  167. margin-bottom: 10px;
  168. margin-top: 20px;
  169. }
  170.  
  171.  
  172. .righttop a{
  173. display: inline-block;
  174. color: #aaaaaa;
  175. padding: 10px;
  176. font-family: 'open sans';
  177. font-weight: 200;
  178. text-transform: uppercase;
  179. letter-spacing: 1px;
  180. text-align: left;
  181. font-size: 10px;
  182. width: 7%;
  183. margin: -5px;
  184.  
  185. }
  186.  
  187.  
  188.  
  189.  
  190. .righttop a:hover:nth-of-type(odd) {
  191. color: {color:Main};
  192. }
  193.  
  194. .righttop a:hover:nth-of-type(even) {
  195. color: {color:Main};
  196. }
  197.  
  198.  
  199. .righttop i
  200. {
  201. color: #000;
  202. }
  203.  
  204. .toplink
  205. {
  206. text-align: left;
  207. width: 1100px;
  208. {block:ifLogo}
  209. margin-top: -40px;
  210. {/block:ifLogo}
  211. }
  212. .toplink a
  213. {
  214. color: {color:Main};
  215. font-size: 30px;
  216. font-family: 'Open Sans';
  217. {block:iflogo} position: relative;
  218. top: -30px;
  219. {/block:iflogo}
  220. }
  221.  
  222.  
  223. {block:iflogo}
  224. .head img
  225. {
  226. border-radius: 130px;
  227. height: 80px;
  228. width: 80px;
  229. }
  230.  
  231. .head
  232. {
  233. text-align: right;
  234. width: 1100px;
  235.  
  236. }
  237.  
  238.  
  239. {/block:iflogo}
  240.  
  241.  
  242. /*title style*/
  243.  
  244. h1
  245. {
  246. color: #343434;
  247. font-family: 'Open Sans';
  248. text-transform: uppercase;
  249. text-align: center;
  250. letter-spacing: 5px;
  251. font-weight: 600;
  252.  
  253. }
  254.  
  255.  
  256.  
  257. /*Post Style*/
  258.  
  259. .entry
  260. {
  261.  
  262. max-width: 640px;
  263. background: #f5f5f5;
  264.  
  265. }
  266.  
  267.  
  268. /*quote post*/
  269. .quote
  270. {
  271. color: {color:Quote Font Color};
  272. background: linear-gradient(141deg, {color:Gradient 1} 0%, {color:Gradient 2} 51%, {color:Gradient 3} 75%);
  273. line-height: 44px;
  274. font-family: 'Open Sans';
  275. max-width: 640px;
  276. margin-bottom: 15px;
  277.  
  278. }
  279.  
  280.  
  281. span.quote a
  282. {
  283. color: #fff;
  284. }
  285.  
  286. .quote h1
  287. {
  288. line-height: 80px;
  289. color: #fff;
  290. font-size: 35px;
  291. }
  292.  
  293.  
  294. .quotepadding
  295. {
  296. padding: 20px;
  297. text-align: center;
  298. line-height: 20px;
  299. }
  300.  
  301.  
  302.  
  303. /*text posts*/
  304. .textpost
  305. {
  306. max-width: 640px;
  307. background: #f5f5f5;
  308. margin-bottom: 15px;
  309.  
  310. }
  311.  
  312. .textpadding
  313. {
  314.  
  315. padding: 20px;
  316. line-height: 20px;
  317. }
  318.  
  319.  
  320.  
  321. /*photo posts*/
  322. .photopost
  323. {
  324. max-width: 640px;
  325. background: #f5f5f5;
  326. margin-bottom: 15px;
  327. overflow: hidden;
  328.  
  329. }
  330.  
  331. .photopost img
  332. {
  333. max-width: 640px;
  334. }
  335.  
  336.  
  337. .photopadding
  338. {
  339. padding: 20px;
  340.  
  341. }
  342.  
  343.  
  344. /*Travel posts*/
  345. .travelposts
  346. {
  347. max-width: 640px;
  348. background: #f5f5f5;
  349. margin-bottom: 15px;
  350.  
  351. }
  352.  
  353.  
  354. .travelpadding
  355. {
  356. padding: 20px;
  357. }
  358.  
  359.  
  360.  
  361. /*Video Posts*/
  362. .videopost
  363. {
  364. max-width: 640px;
  365. background: #f5f5f5;
  366. margin-bottom: 15px;
  367. overflow: hidden;
  368. }
  369.  
  370. .videopadding
  371. {
  372. padding: 20px;
  373. }
  374.  
  375.  
  376. .videopadding img
  377. {
  378. max-width: 100%;
  379. }
  380.  
  381.  
  382.  
  383. /*chat posts*/
  384.  
  385. .chatpost
  386. {
  387. max-width: 640px;
  388. background: #f5f5f5;
  389. margin-bottom: 15px;
  390.  
  391. }
  392.  
  393. .chatpadding
  394. {
  395. padding: 20px;
  396. }
  397.  
  398.  
  399. /*audio posts*/
  400. .audiopost
  401. {
  402. max-width: 640px;
  403. background: #f5f5f5;
  404. margin-bottom: 15px;
  405. text-align: center;
  406.  
  407. }
  408.  
  409. .audiopadding
  410. {
  411. padding: 20px;
  412. }
  413.  
  414.  
  415. .holding {
  416. /* for the whole column of posts */
  417. width: 1050px;
  418. padding: 30px;
  419. margin: 0 auto 0 auto;
  420.  
  421.  
  422. }
  423.  
  424. .postholder
  425. {
  426. float: right;
  427. width: 640px;
  428. }
  429.  
  430.  
  431. /*sidebar*/
  432. .hellosidebar
  433. {
  434. width: 400px;
  435. float: left;
  436. padding: 5px;
  437. margin-top: 35px;
  438. margin-bottom: 20px;
  439.  
  440. }
  441.  
  442.  
  443. .hellosidebar h1
  444. {
  445. text-align: left;
  446. }
  447.  
  448.  
  449. .titlespan
  450. {
  451. border-bottom: 5px solid {color:Gradient 3};
  452. line-height: 35px;
  453. }
  454.  
  455. .titlespan:hover
  456. {
  457. border-bottom: 5px solid {color:Main};
  458.  
  459. }
  460.  
  461.  
  462.  
  463. blockquote {
  464. border-left: 1px solid {color:Main};
  465. margin-left: 6px;
  466. padding-left: 10px;
  467. }
  468.  
  469. blockquote.even {border-color: {color:Accent};}
  470.  
  471. .chatspan
  472. {
  473.  
  474. padding: 5px;
  475. padding-left: 0px;
  476. margin-bottom: 10px;
  477. display: block;
  478. border-bottom: 1px dotted {color:Main};
  479. }
  480.  
  481. .chatstrong
  482. {
  483. text-transform: lowercase;
  484. padding: 2px;
  485. margin-right: 5px;
  486. font-weight: 200;
  487. }
  488.  
  489.  
  490.  
  491. .spanquote
  492. {
  493. font-size: 15px;
  494. font-style: italic;
  495. letter-spacing: 1px;
  496. font-weight: 400;
  497.  
  498.  
  499. }
  500.  
  501.  
  502.  
  503. /* notes */
  504. .notes
  505. {
  506. list-style-type: none;
  507. margin-right: 20px;
  508.  
  509.  
  510. }
  511.  
  512.  
  513. .action
  514. {
  515. display: inline-block;
  516. border-bottom: 1px solid #e6e8e1;
  517. padding: 10px;
  518. margin-left: -50px;
  519. margin-bottom: -10px;
  520. opacity: .8;
  521.  
  522.  
  523. }
  524.  
  525. .action:hover
  526. {
  527. border-bottom: 1px solid {color:Main};
  528. }
  529.  
  530.  
  531.  
  532.  
  533. .sidebar_text
  534. {
  535.  
  536. padding: 30px;
  537. color: {color:Right Side Bar};
  538. margin-top: 0px;
  539. margin-bottom: 30px;
  540. background: #fafafa;
  541. opacity: .9;
  542.  
  543. }
  544.  
  545.  
  546. .sidebar_selfie
  547. {
  548. width: 400px;
  549. height: 200px;
  550. background: url('{image:Selfie}');
  551. background-size: cover;
  552. }
  553.  
  554.  
  555. .second_sidebar_text
  556. {
  557.  
  558. padding: 30px;
  559. color: {color:Right Side Bar};
  560. margin-top: -15px;
  561. margin-bottom: 30px;
  562. background: #fafafa;
  563. opacity: .9;
  564.  
  565. }
  566.  
  567. .second_sidebar_text img
  568. {
  569.  
  570.  
  571. background: {color:Accent};
  572. margin: 0px 10px;
  573.  
  574.  
  575. }
  576.  
  577. .hellodarkness2
  578. {
  579.  
  580. padding: 30px;
  581. padding-top: 35px;
  582. padding-bottom: 0px;
  583. color: {color:Right Side Bar};
  584. margin-top: 20px;
  585. margin-bottom: 20px;
  586. border-top: 5px solid #fff;
  587. background: {color:Main};
  588.  
  589. }
  590.  
  591. .hellolinks
  592. {
  593. display: block;
  594. background: #f5f5f5;
  595. color: {color:Main};
  596. padding: 20px;
  597. margin-bottom: 6px;
  598. }
  599.  
  600. .hellolinks:hover
  601. {
  602. background: #000;
  603. color: #fff;
  604. }
  605.  
  606.  
  607.  
  608. .bottom_footer a {
  609. display: inline-block;
  610. color: #343434;
  611. padding: 10px;
  612. font-family: 'open sans';
  613. font-weight: 600;
  614. text-transform: uppercase;
  615. letter-spacing: 1px;
  616. font-size: 10px;
  617. width: 10%;
  618. }
  619.  
  620. .bottom_footer a:hover
  621. {
  622. color: {color:Accent};
  623. }
  624.  
  625. .bottom_footer
  626. {
  627. width: 1100px;
  628. margin: 0 auto;
  629. text-align: center;
  630. background: #efefef;
  631. text-transform: uppercase;
  632. margin: 0 auto;
  633. padding: 30px;
  634.  
  635. }
  636.  
  637.  
  638.  
  639.  
  640.  
  641. .top_footer
  642. {
  643. width: 1100px;
  644. margin: 0 auto;
  645. text-align: center;
  646. background: #f4f4f4;
  647. margin: 0 auto;
  648. padding: 30px;
  649. }
  650.  
  651.  
  652. .top_footer h1
  653. {
  654. font-size: 20px;
  655. }
  656.  
  657.  
  658. .footer_text
  659. {
  660. float: left;
  661. {block:IfSocialFollow}
  662. width: 38%;
  663. {/block:IfSocialFollow}
  664. max-width: 68%;
  665. font-size: 20px;
  666. font-family: 'Open Sans';
  667. text-align: left;
  668. font-weight: 400;
  669. margin-right: 10px;
  670. font-size: 12px;
  671. }
  672.  
  673.  
  674. {block:IfSocialFollow}
  675. .social_footer
  676. {
  677. float: left;
  678. width: 30%;
  679. font-size: 20px;
  680. font-family: 'Open Sans';
  681. text-align: center;
  682. font-weight: 400;
  683. margin-right: 10px;
  684.  
  685. }
  686.  
  687. .social_footer img
  688. {
  689. background: {color:accent};
  690. }
  691. {/block:ifSocialFollow}
  692.  
  693.  
  694. .pagination
  695. {
  696. float: left;
  697. width: 100%;
  698. font-size: 20px;
  699. font-family: 'Open Sans';
  700. font-weight: 400;
  701.  
  702. }
  703.  
  704.  
  705. .pagination a
  706. {
  707. display: inline-block;
  708. font-size: 11px;
  709. font-family: 'Open Sans';
  710. text-transform: lowercase;
  711. padding: 10px;
  712. background: #f2f2f2;
  713. color: #aaaaaa;
  714.  
  715. }
  716.  
  717.  
  718. .pagination a:hover
  719. {
  720. background: {color:Main};
  721. color: #fff;
  722.  
  723. }
  724.  
  725.  
  726. .extralinks
  727. {
  728.  
  729. padding: 30px;
  730. color: {color:Right Side Bar};
  731. margin-top: -15px;
  732. margin-bottom: 30px;
  733. background: #fafafa;
  734. opacity: .9;
  735. text-align: center;
  736.  
  737. }
  738.  
  739. .extralinks a
  740. {
  741. display: inline-block;
  742. font-size: 11px;
  743. font-family: 'Open Sans';
  744. text-transform: lowercase;
  745. padding: 10px;
  746. background: #fff;
  747. color: #6a6a6a;
  748. margin-right: 5px;
  749. margin-bottom: 5px;
  750.  
  751. }
  752.  
  753.  
  754. .extralinks a:hover
  755. {
  756. background: {color:Main};
  757. color: #fff;
  758.  
  759. }
  760.  
  761.  
  762.  
  763.  
  764.  
  765.  
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772.  
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788.  
  789.  
  790. .social
  791. {
  792. display: inline-block;
  793. padding: 0px;
  794. border-bottom: 0px;
  795. text-align: center;
  796.  
  797.  
  798. }
  799.  
  800. .holdsocial
  801. {
  802. width: 1050px;
  803. margin: 0px;
  804. text-align: right;
  805. margin-bottom: -30px;
  806. margin-left: -15px;
  807.  
  808. }
  809.  
  810.  
  811. .right_icon
  812. {
  813. text-align: left;
  814.  
  815. }
  816.  
  817. .right_icon img
  818. {
  819. border-radius: 130px;
  820. height: 80px;
  821. width: 80px;
  822. border: 5px solid {color:Accent};
  823. background: {color:Accent};
  824. }
  825.  
  826.  
  827.  
  828. /* tags */
  829.  
  830. .tagme
  831. {
  832. background: {color:Main};
  833. padding: 1px;
  834. color: #fff;
  835. margin-top: 5px;
  836.  
  837. }
  838.  
  839. .tagme:hover
  840. {
  841. background: {color:Accent};
  842. color: #fff;
  843. }
  844.  
  845.  
  846.  
  847. /* Clear */
  848.  
  849. .clear
  850. {
  851. clear: both;
  852. height: 25px;
  853. }
  854.  
  855.  
  856.  
  857. /*travel style */
  858. a
  859. {
  860. color: #282828;
  861. letter-spacing: 1px;
  862. text-transform: uppercase;
  863. font-weight: 200px;
  864. text-decoration: none;
  865. }
  866.  
  867.  
  868.  
  869. a:hover {
  870. transition: all 0.2s ease-in-out;
  871. color: {color:Accent};
  872. }
  873.  
  874.  
  875.  
  876.  
  877. /* scrollbar and highlight */
  878. ::-webkit-scrollbar {
  879. width: 3px;
  880. height: 5px;
  881. background: #f5f5f5;
  882. padding: 3px;
  883. }
  884. ::-webkit-scrollbar-thumb {
  885. background: {color:Main};
  886. border-radius: 20px;
  887. }
  888.  
  889.  
  890. ::selection
  891. {
  892. background: {color:Accent};
  893. color: #FFF;
  894. }
  895.  
  896.  
  897.  
  898.  
  899.  
  900.  
  901.  
  902. {block:ifHeader}
  903. .header
  904. {
  905. width: 1030px;
  906. height: 300px;
  907. background: url('{image:header}') no-repeat;
  908. background-size: cover;
  909. padding: 30px;
  910. margin: 0 auto;
  911. margin-bottom: 50px;
  912. }
  913. {block:ifHeader}
  914.  
  915.  
  916.  
  917.  
  918.  
  919.  
  920.  
  921.  
  922. /* bottom nav */
  923. .current_page
  924. {
  925. display: inline-block;
  926. font-size: 11px;
  927. font-family: 'Open Sans';
  928. text-transform: lowercase;
  929. padding: 10px;
  930. background: {color:Main};
  931. color: #fff;
  932.  
  933. }
  934.  
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941.  
  942. /* permalink page */
  943. img.avatar {display:none; }
  944. ol.notes {
  945. margin-top: 20px;
  946. }
  947.  
  948.  
  949. /*permalink*/
  950. #perma {
  951. text-align: right;
  952.  
  953. font-size: 10px;
  954. border-bottom: 1px solid #e6e8e1;
  955.  
  956. padding-left: 0px;
  957. margin-bottom: 25px;
  958. margin-top: 50px;
  959.  
  960. }
  961.  
  962. {block:IfSocialFollow}
  963. #perma:first-child
  964. {
  965. margin-top: -30px;
  966. }
  967. {/block:IfSocialFollow}
  968.  
  969. .theheart
  970. {
  971. text-align: left;
  972. position: relative;
  973. top: 20px;
  974. padding: 3px;
  975. }
  976.  
  977. .nexttoheart
  978. {
  979. position: relative;
  980. top: 0px;
  981. left: 20px;
  982. text-align: left;
  983. }
  984.  
  985.  
  986. .spanperma
  987. {
  988. background: #444444;
  989. padding: 3px;
  990. color: #fff;
  991. position: relative;
  992.  
  993. top: 5px;
  994. left: 0px;
  995. margin-bottom: 25px;
  996.  
  997. }
  998.  
  999. .fa
  1000. {
  1001. color: #fff;
  1002. }
  1003.  
  1004.  
  1005.  
  1006.  
  1007. .spanperma:hover
  1008. {
  1009. background: {color:Accent};
  1010. }
  1011.  
  1012. .spanperma a
  1013. {
  1014. color: #fff;
  1015. margin-right: 2px;
  1016. }
  1017.  
  1018. .more_notes_link_container
  1019. {
  1020. margin-top: 20px;
  1021. }
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027.  
  1028. /* Questions */
  1029. span.question
  1030. {
  1031. position: relative;
  1032. top: -13px;
  1033. font-weight: 600;
  1034. letter-spacing: 1px;
  1035. }
  1036.  
  1037. span.question a
  1038. {
  1039. color: {color:main};
  1040. border-bottom: 2px solid #fff;
  1041. }
  1042.  
  1043. span.question a:hover
  1044. {
  1045. color: #2d2d2d;
  1046. border-bottom: 2px solid {color:Main};
  1047. }
  1048.  
  1049. .questiontop
  1050. {
  1051. width: 100%;
  1052. background: #f8f8f8;
  1053. text-transform: uppercase;
  1054. padding: 10px;
  1055. font-size: 10px;
  1056. border-radius: 5px 5px 0 0;
  1057. border: 1px solid #e8e8e8;
  1058. }
  1059.  
  1060. .questiontop img
  1061. {
  1062. border-radius: 5px;
  1063. margin-right: 10px;
  1064. text-align: left;
  1065. border: 1px solid #e8e8e8;
  1066. }
  1067.  
  1068.  
  1069. .questionbottom
  1070. {
  1071. width: 100%;
  1072. background: #fcfcfc;
  1073. border-radius: 0 0 5px 5px;
  1074. border: 1px solid #e8e8e8;
  1075. border-top: 0px;
  1076. padding: 10px;
  1077. margin-top: 0px;
  1078. font-size: 10px;
  1079. }
  1080.  
  1081.  
  1082.  
  1083.  
  1084.  
  1085.  
  1086.  
  1087.  
  1088. /* Search Bar */
  1089.  
  1090. .search input
  1091. {
  1092. padding: 20px;
  1093. background: {color:Accent};
  1094. border: 0px;
  1095. color: #fff;
  1096. opacity: .8;
  1097. width: 90%;
  1098.  
  1099. }
  1100.  
  1101.  
  1102.  
  1103. .search i,em
  1104. {
  1105.  
  1106. opacity: .8;
  1107. letter-spacing: -1px;
  1108. }
  1109.  
  1110.  
  1111.  
  1112.  
  1113.  
  1114. .search
  1115. {
  1116. float: left;
  1117. width: 30%;
  1118. font-size: 20px;
  1119. font-family: 'Open Sans';
  1120. font-weight: 400;
  1121.  
  1122. }
  1123.  
  1124.  
  1125. .search a
  1126. {
  1127. display: inline-block;
  1128. font-size: 11px;
  1129. font-family: 'Open Sans';
  1130. text-transform: lowercase;
  1131. padding: 10px;
  1132. background: #f2f2f2;
  1133. color: #aaaaaa;
  1134.  
  1135. }
  1136.  
  1137.  
  1138. .search a:hover
  1139. {
  1140. background: {color:Main};
  1141. color: #fff;
  1142.  
  1143. }
  1144.  
  1145.  
  1146. /*RANDOM*/
  1147.  
  1148. </style>
  1149.  
  1150. </head>
  1151.  
  1152. <body>
  1153. <a name="top"></a>
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159.  
  1160. <div class="wrap">
  1161.  
  1162.  
  1163.  
  1164.  
  1165. <div class="stayput">
  1166.  
  1167. {block:iflogo}
  1168. <div class="head">
  1169. <img src="{image:Site Logo}"></a>
  1170. </div>
  1171. {/block:iflogo}
  1172.  
  1173. <div class="toplink">
  1174. <a href="/">{Title}</a>
  1175. </div>
  1176.  
  1177. <div class="righttop">
  1178. <a href="{text:Link 1 url}"><span>{text:Link 1}</span></a> <a href="{text:Link 2 url}">{text:Link 2}</a> <a href="{text:Link 3 url}">{text:Link 3}</a>
  1179. <a href="{text:Link 4 url}">{text:Link 4}</a> <a href="{text:Link 5 url}">{text:Link 5}</a> <a href="{text:Link 6 url}">{text:Link 6}</a> <a href="http://stringthesis.tumblr.com"><i class="fa fa-check-square"></i> theme</a>
  1180.  
  1181.  
  1182.  
  1183.  
  1184. </div> <!-- End Righttop DIV-->
  1185.  
  1186.  
  1187.  
  1188. </div> <!-- End stayput DIV-->
  1189.  
  1190. {block:ifHeader}
  1191. <div class="header"> &nbsp;
  1192. </div>
  1193. {/block:ifHeader}
  1194.  
  1195.  
  1196.  
  1197.  
  1198. <div id="content">
  1199. <div class="postholder">
  1200. {block:Posts}
  1201.  
  1202.  
  1203. {block:IndexPage}
  1204. <div id="perma">
  1205. <div class="theheart">{LikeButton size="15"}</div> {block:HasTags}<div class="nexttoheart">{block:Tags}<a href="{TagURL}" class="tagme">{Tag}</a> {/block:tags} </div>
  1206. {/block:HasTags}
  1207. <span class="spanperma"> <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{Permalink}">
  1208. {NoteCountwithLabel}</a> <a href="{ReblogURL}"><strong><i class="fa fa-retweet"></i></strong>reblog</a> </span>
  1209.  
  1210. </div>
  1211.  
  1212.  
  1213. {/block:IndexPage}
  1214.  
  1215.  
  1216. <!-- {block:NoRebloggedFrom}
  1217. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1218. {/block:NoRebloggedFrom} -->
  1219.  
  1220. {block:ContentSource}<!-- {SourceURL}
  1221. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1222. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1223. {/block:ContentSource}
  1224.  
  1225.  
  1226. <!--TEXT POSTS-->
  1227. {block:Text}
  1228. <div class="textpost">
  1229. <div class="textpadding">
  1230. {block:Title}
  1231. <h1>
  1232. <span class="titlespan"><a href="{Permalink}">{Title}</a></span></h1>
  1233. {/block:Title}
  1234. {Body}
  1235. </div>
  1236. </div>
  1237. {/block:Text}
  1238. <!-- End Entries-->
  1239.  
  1240.  
  1241. <!--Quote Posts-->
  1242. {block:Quote}
  1243. <div class="quote">
  1244. <div class="quotepadding">
  1245. {block:Source}
  1246. <h1>
  1247. {Source}
  1248. </h1>
  1249. {/block:Source}
  1250. "{Quote}"
  1251. </div>
  1252. </div>
  1253. {/block:Quote}
  1254. <!--End Quote Posts-->
  1255.  
  1256.  
  1257. <!--Chat Posts-->
  1258. {block:Chat}
  1259. <div class="chatpost">
  1260. <div class="chatpadding">
  1261.  
  1262. {block:Title}
  1263. <h1>{Title}</h1>
  1264. {/block:Title}
  1265.  
  1266. {block:Lines}
  1267. <span class="chatspan">
  1268. {block:Label}
  1269. <b class="chatstrong">{Label}</b>
  1270. {/block:Label}
  1271. {Line}
  1272. </span>
  1273. {/block:Lines}
  1274. </div>
  1275. </div>
  1276. {/block:Chat}
  1277. <!--End Chat Posts-->
  1278.  
  1279.  
  1280.  
  1281.  
  1282.  
  1283.  
  1284.  
  1285. <!--LINKS-->
  1286. {block:Link}
  1287. <div class="travelpost">
  1288. <div class="travelpadding">
  1289. <h1>
  1290. <a href="{URL}">{Name}</a>
  1291. </h1>
  1292. {block:Description}
  1293. {Description}
  1294. {/block:Description}
  1295. </div>
  1296. </div>
  1297. {/block:Link}
  1298. <!-- End LINKS-->
  1299.  
  1300.  
  1301.  
  1302.  
  1303.  
  1304.  
  1305.  
  1306.  
  1307. <!--VIDEOS and MUSIC-->
  1308. {block:Video}
  1309. <div class="videopost">
  1310. {Video-700}
  1311. <div class="videopadding">
  1312. {block:Caption}
  1313. {Caption}
  1314. {/block:Caption}
  1315. </div>
  1316. </div>
  1317. {/block:Video}
  1318. <!-- End Video-->
  1319.  
  1320.  
  1321. <!--Audio Post-->
  1322. {block:Audio}
  1323. <div class="audiopost">
  1324.  
  1325. {AudioEmbed-640}
  1326. <div class="audiopadding">
  1327. {block:Caption}
  1328. {caption}
  1329. {/block:Caption}
  1330. </div>
  1331. </div>
  1332. {/block:Audio}
  1333. <!--End Audio -->
  1334.  
  1335. <!-- END VIDEO and MUSIC-->
  1336.  
  1337.  
  1338.  
  1339.  
  1340. <!--PHOTOS-->
  1341. {block:Photo}
  1342. {block:IndexPage}
  1343. <div class="photopost">
  1344. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="640px"></a>
  1345. {block:Caption}
  1346. <div class="photopadding">
  1347. {Caption}
  1348. </div>
  1349. {/block:Caption}
  1350. </div>
  1351. {/block:IndexPage}
  1352. {block:PermalinkPage}
  1353. <div class="photopost">
  1354. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="640px"></a>
  1355. {block:Caption}
  1356. <div class="photopadding">
  1357. {Caption}
  1358. </div>
  1359. {/block:Caption}
  1360. </div>
  1361. {/block:PermalinkPage}
  1362. {/block:Photo}
  1363. <!-- End Photo-->
  1364.  
  1365.  
  1366.  
  1367. <!--PHOTOSET-->
  1368. {block:Photoset}
  1369. {block:IndexPage}
  1370. <div class="photopost">
  1371. {Photoset-700}
  1372. {block:Caption}
  1373. <div class="photopadding">
  1374. {Caption}
  1375. </div>
  1376. {/block:Caption}
  1377. </div>
  1378. {/block:IndexPage}
  1379.  
  1380.  
  1381. {block:PermalinkPage}
  1382. <div class="photopost">
  1383. {Photoset-640}
  1384. {block:Caption}
  1385. <div class="photopadding">
  1386. {Caption}
  1387. </div>
  1388. {/block:Caption}
  1389. </div>
  1390. {/block:PermalinkPage}
  1391. {/block:Photoset}
  1392. <!-- End Photoset -->
  1393.  
  1394. <!--END PHOTOS-->
  1395.  
  1396.  
  1397.  
  1398.  
  1399.  
  1400.  
  1401.  
  1402.  
  1403.  
  1404.  
  1405.  
  1406.  
  1407.  
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413.  
  1414.  
  1415.  
  1416.  
  1417.  
  1418.  
  1419.  
  1420.  
  1421. {block:Answer}
  1422. <div class="entry">
  1423. <div class="questiontop"><img src="{AskerPortraitURL-30}"> <span class="question">{Asker} asked {Question}</span></div>
  1424. <div class="questionbottom">{Answer}</div>
  1425. </div>
  1426. {/block:Answer} <!-- End Question -->
  1427.  
  1428.  
  1429.  
  1430. <!--permalink page-->
  1431. {block:PermalinkPage}
  1432. <center>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  1433. <center>{NoteCountwithLabel}</center>
  1434. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes-16}</a>{/block:PostNotes}</div>
  1435.  
  1436. {block:IfDisqusShortname}
  1437.  
  1438. <div id="disqus_thread"></div>
  1439. <script type="text/javascript">
  1440. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1441. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1442. var disqus_url = '{Permalink}';
  1443.  
  1444. /* * * DON'T EDIT BELOW THIS LINE * * */
  1445. (function() {
  1446. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1447. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1448. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1449. })();
  1450. </script>
  1451. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1452. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1453.  
  1454. {/block:IfDisqusShortname}
  1455.  
  1456.  
  1457. {/block:PermalinkPage}
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464. <!---entry div--->
  1465. {/block:Posts}
  1466.  
  1467. <div class="pagination">
  1468. {block:Pagination}{block:PreviousPage}
  1469. <a href="{PreviousPage}">Previous</a>
  1470. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  1471. <span class="current_page">{PageNumber}</span>
  1472. {/block:CurrentPage}{block:JumpPage}
  1473. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1474. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  1475. <a href="{NextPage}">Next</a>
  1476. {/block:NextPage}{/block:Pagination}
  1477.  
  1478. </div>
  1479.  
  1480.  
  1481.  
  1482.  
  1483. </div>
  1484. </div>
  1485.  
  1486.  
  1487.  
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493.  
  1494.  
  1495.  
  1496.  
  1497.  
  1498.  
  1499.  
  1500.  
  1501.  
  1502.  
  1503.  
  1504.  
  1505. <div class="hellosidebar">
  1506.  
  1507. <h1>Welcome</h1>
  1508. <div class="sidebar_selfie">
  1509.  
  1510. &nbsp;
  1511.  
  1512. </div>
  1513. <div class="sidebar_text">
  1514. {block:description}
  1515. {description}
  1516. {/block:description}
  1517.  
  1518.  
  1519. </div>
  1520.  
  1521. {block:IfExtraTextBox}
  1522. <h1>{Text:Extra Box Header}</h1>
  1523. <div class="second_sidebar_text">
  1524.  
  1525. {text:Extra Box Text}
  1526.  
  1527.  
  1528. </div>
  1529. {/block:IfExtraTextBox}
  1530.  
  1531. {block:IfSocialFollow}
  1532. <h1>Follow Me</h1>
  1533. <div class="second_sidebar_text">
  1534.  
  1535. <center>
  1536. {block:ifFacebook}<a href="{text:Facebook URL}" class="social" style="border-bottom: 0px"><img src="http://static.tumblr.com/sdwlpgh/eD1ogwzqt/facebook.png" height="32px"></a> {block:ifFacebook}
  1537.  
  1538. {block:ifTwitterFollow}<a href="{text:Twitter URL}" class="social" style="border-bottom: 0px"><img src="http://static.tumblr.com/sdwlpgh/4OPogwzrs/twitter.png" height="32px"></a> {block:ifTwitterFollow}
  1539.  
  1540. {block:ifPinterest}<a href="{text:Pinterest URL}" class="social" style="border-bottom: 0px"><img src="http://static.tumblr.com/sdwlpgh/fMjogwzrx/pinterest.png" height="32px"></a> {block:ifPinterest}
  1541.  
  1542. {block:ifBlogLovin}<a href="{text:BlogLovin URL}" class="social" style="border-bottom: 0px"><img src="http://static.tumblr.com/sdwlpgh/A9Xogwzt0/bloglovin.png" height="32px"></a> {block:ifBlogLovin}
  1543.  
  1544. {block:ifInstagram}<a href="{text:Instagram URL}" class="social" style="border-bottom: 0px"><img src="http://static.tumblr.com/sdwlpgh/TdJogwzsj/instagram.png" height="32px"></a>{block:ifInstagram}
  1545.  
  1546. </center>
  1547.  
  1548. </div>
  1549. {/block:IfSocialFollow}
  1550.  
  1551.  
  1552. {block:IfExtraLinks}
  1553. <h1>{text:Extra Links Header}</h1>
  1554. <div class="extralinks">
  1555. <a href="{text:Link 7 url}" >{text:Link 7}</a>
  1556. <a href="{text:Link 8 url}" >{text:Link 8}</a>
  1557. <a href="{text:Link 9 url}">{text:Link 9}</a>
  1558. <a href="{text:Link 10 url}">{text:Link 10}</a>
  1559. </div>
  1560. {/block:IfExtraLinks}
  1561.  
  1562. </div>
  1563.  
  1564. <div class="clear"> </div>
  1565. <!---content div--->
  1566. </div>
  1567.  
  1568.  
  1569. <div class="top_footer">
  1570.  
  1571.  
  1572.  
  1573. <div class="footer_text">
  1574. <h1>{text:footer header text}</h1>
  1575. {text:footer text}
  1576. </div>
  1577.  
  1578. {block:ifSocialFollow}
  1579. <div class="social_footer">
  1580. <h1>Social Media</h1>
  1581.  
  1582. {block:ifFacebook}<a href="{text:Facebook URL}" class="social" style="border-bottom: 0px"><img src="http://static.tumblr.com/sdwlpgh/eD1ogwzqt/facebook.png" height="32px"></a> {block:ifFacebook}
  1583.  
  1584. {block:ifTwitterFollow}<a href="{text:Twitter URL}" class="social" style="border-bottom: 0px"><img src="http://static.tumblr.com/sdwlpgh/4OPogwzrs/twitter.png" height="32px"></a> {block:ifTwitterFollow}
  1585.  
  1586. {block:ifPinterest}<a href="{text:Pinterest URL}" class="social" style="border-bottom: 0px"><img src="http://static.tumblr.com/sdwlpgh/fMjogwzrx/pinterest.png" height="32px"></a> {block:ifPinterest}
  1587.  
  1588. {block:ifBlogLovin}<a href="{text:BlogLovin URL}" class="social" style="border-bottom: 0px"><img src="http://static.tumblr.com/sdwlpgh/A9Xogwzt0/bloglovin.png" height="32px"></a> {block:ifBlogLovin}
  1589.  
  1590. {block:ifInstagram}<a href="{text:Instagram URL}" class="social" style="border-bottom: 0px"><img src="http://static.tumblr.com/sdwlpgh/TdJogwzsj/instagram.png" height="32px"></a>{block:ifInstagram}
  1591.  
  1592. </div>
  1593. {/block:ifSocialFollow}
  1594.  
  1595. <div class="search">
  1596. <h1>Search</h1>
  1597. <form action="/search" method="get">
  1598. <input type="text" name="q" value="{SearchQuery}" placeholder=""/>
  1599. </form>
  1600. </div>
  1601.  
  1602.  
  1603.  
  1604.  
  1605.  
  1606.  
  1607.  
  1608.  
  1609.  
  1610. <div class="clear">&nbsp;</div>
  1611.  
  1612.  
  1613.  
  1614.  
  1615.  
  1616.  
  1617. </div>
  1618.  
  1619.  
  1620. </div>
  1621.  
  1622.  
  1623. <div class="bottom_footer">
  1624.  
  1625. <a href="{text:Link 1 url}">{text:Link 1}</a> <a href="{text:Link 2 url}">{text:Link 2}</a> <a href="{text:Link 3 url}">{text:Link 3}</a> <a href="#top">top</a>
  1626. <br>
  1627.  
  1628.  
  1629.  
  1630.  
  1631. </div>
  1632.  
  1633.  
  1634.  
  1635.  
  1636. <!-- {block:NoRebloggedFrom}
  1637. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1638. {/block:NoRebloggedFrom} -->
  1639.  
  1640.  
  1641.  
  1642.  
  1643. </body>
  1644.  
  1645. </html>
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!