API tools faq
paste
Advertisement
shuntuationatseirin

Agape

shuntuationatseirin
Nov 27th, 2015
5,398
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 49.53 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ┏━━━┓
  4. ┃┏━━┛
  5. ┃┗━━┳━┳━━┳━━┓
  6. ┃┏━━┫┏┫┏┓┃━━┫
  7. ┃┗━━┫┃┃┗┛┣━━┃
  8. ┗━━━┻┛┗━━┻━━┛
  9.  
  10. -Theme 10 [REVAMP]: Agape by erosthemes/sunlitfuruta @ tumblr
  11. -Please do not remove credit
  12. -Please do not redistribute or claim as your own
  13. -Please don't use as base code
  14. -Enjoy
  15.  
  16. CREDITS
  17.  
  18. > PixelUnion/Extended-Tumblr-Photoset: https://github.com/PixelUnion/Extended-Tumblr-Photoset | Tutorial by shythemes @ tumblr
  19.  
  20. > Video resize script: http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos
  21.  
  22. > Masonry: http://masonry.desandro.com/
  23.  
  24. > Style-my-Tootips: http://manos.malihu.gr/style-my-tooltips-jquery-plugin/
  25.  
  26. > Lazy Load Script: http://starious.tumblr.com/post/27991109274/tutorial-lazy-load
  27.  
  28. > Popup script: http://raiidens.tumblr.com/post/149012501118/popup-box-tutorial-by-raiidens-ive-gotten-a
  29.  
  30. > Custom Tumblr lightbox: http://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes
  31.  
  32. > Icons: https://linearicons.com/
  33.  
  34. > Un-nest Tumblr Captions: http://neothm.com/post/148902138319/un-nest-tumblr-captions-a-plugin-by | Script and Tutorial by Neothm and Magnusthemes @ Tumblr
  35. !-->
  36.  
  37. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  38. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  39.  
  40. <head>
  41.  
  42.     <title>{Title}</title>
  43.     <link rel="shortcut icon" href="{Favicon}">
  44.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  45.     <meta name="description" content="" />
  46.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  47.  
  48. <!--Custom Options-->
  49. <meta name="color:background" content="#fafafa" />
  50. <meta name="color:Text" content="#888888" />    
  51. <meta name="color:bold" content="#f0bfb3"/>
  52. <meta name="color:italic" content="#f0bfb3"/>
  53. <meta name="color:underline" content="#888888"/>
  54. <meta name="color:Links" content="#cccccc" />
  55. <meta name="color:Link Hover" content="#f0bfb3" />
  56. <meta name="color:text selection" content="#ffffff" />
  57. <meta name="color:text selection background" content="#f0bfb3" />
  58. <meta name="color:tooltip text" content="#888888" />
  59. <meta name="color:tooltip background" content="#ffffff" />
  60. <meta name="color:tooltip border" content="#f0bfb3" />
  61.  
  62. <meta name="color:linkbar" content="#ffffff" />
  63. <meta name="color:search" content="#666666"/>
  64. <meta name="color:searchbar" content="#f6f6f6" />
  65. <meta name="color:sidebar" content="#ffffff" />
  66. <meta name="color:popup" content="#ffffff" />
  67. <meta name="color:popup close" content="#f0bfb3" />
  68. <meta name="color:blogtitle" content="#666666" />
  69. <meta name="color:homelink" content="#f0bfb3" />
  70. <meta name="color:homelink hover" content="#cccccc" />
  71. <meta name="color:navi" content="#888888" />
  72. <meta name="color:navi before" content="#f0bfb3" />
  73. <meta name="color:navi hover" content="#cccccc" />
  74. <meta name="color:description" content="#888888" />
  75. <meta name="color:desc links" content="#f0bfb3" />
  76. <meta name="color:desc bold" content="#823826"/>
  77. <meta name="color:desc italic" content="#888888"/>
  78. <meta name="color:desc underline" content="#888888"/>
  79.  
  80. <meta name="color:Posts" content="#ffffff" />
  81. <meta name="color:Post list" content="#f0bfb3" />
  82. <meta name="color:Post Title" content="#666666" />
  83. <meta name="color:Post Borders" content="#f6f6f6" />
  84. <meta name="color:Blockquote" content="#cccccc" />
  85. <meta name="color:Scrollbar" content="#f0bfb3" />
  86. <meta name="color:Chat" content="#444444" />
  87. <meta name="color:Chat Odd" content="#fafafa" />
  88. <meta name="color:Chat label" content="#888888" />
  89. <meta name="color:audio track" content="#888888" />
  90. <meta name="color:audio track background" content="#fafafa" />
  91. <meta name="color:question" content="#888888" />
  92. <meta name="color:question background" content="#fafafa" />
  93.  
  94. <meta name="color:permalink" content="#888888" />
  95. <meta name="color:permalink hover" content="#f0bfb3" />
  96. <meta name="color:rebloglike" content="#e89e8c" />
  97. <meta name="color:rebloglike hover" content="#cccccc" />
  98. <meta name="color:pagination" content="#f0bfb3" />
  99. <meta name="color:pagination hover" content="#ffffff" />
  100. <meta name="color:pagination hover background" content="#f0bfb3" />
  101.  
  102. <meta name="select:Background Attachment" content="fixed" title="fixed">
  103. <meta name="select:Background Attachment" content="scroll" title="scroll">
  104. <meta name="select:Background Repeat" content="repeat" title="repeat">
  105. <meta name="select:Background Repeat" content="no-repeat" title="no repeat">
  106.  
  107. <meta name="select:Post Size" content="300" title="300px">
  108. <meta name="select:Post Size" content="350" title="350px">
  109. <meta name="select:Post Size" content="400" title="400px">
  110. <meta name="select:Post Size" content="450" title="450px">
  111. <meta name="select:Post Size" content="500" title="500px">
  112. <meta name="select:Post Size" content="540" title="540px">
  113.  
  114. <meta name="select:Photoset gutter" content="1" title="1px">
  115. <meta name="select:Photoset gutter" content="2" title="2px">
  116. <meta name="select:Photoset gutter" content="3" title="3px">
  117. <meta name="select:Photoset gutter" content="4" title="4px">
  118. <meta name="select:Photoset gutter" content="5" title="5px">
  119.  
  120. <meta name="text:body font" content="10" />
  121. <meta name="text:title font" content="18" />
  122.  
  123. <meta name="if:Link1" content="1" />
  124. <meta name="if:Link2" content="1" />
  125. <meta name="if:Link3" content="1" />
  126. <meta name="if:Link4" content="1" />
  127. <meta name="if:Link5" content="1" />
  128. <meta name="if:Link6" content="1" />
  129.  
  130. <meta name="text:CustomLink1URL" content="Link 1 URL" />
  131. <meta name="text:CustomLink1Name" content="Link 1" />
  132. <meta name="text:CustomLink2URL" content="Link 2 URL" />
  133. <meta name="text:CustomLink2Name" content="Link 2" />
  134. <meta name="text:CustomLink3URL" content="Link 3 URL" />
  135. <meta name="text:CustomLink3Name" content="Link 3" />
  136. <meta name="text:CustomLink4URL" content="Link 4 URL" />
  137. <meta name="text:CustomLink4Name" content="Link 4" />
  138. <meta name="text:CustomLink5URL" content="Link 5 URL" />
  139. <meta name="text:CustomLink5Name" content="Link 5" />
  140. <meta name="text:CustomLink6URL" content="Link 6 URL" />
  141. <meta name="text:CustomLink6Name" content="Link 6" />
  142.  
  143. <meta name="image:background" content=""/>
  144. <meta name="image:sidebar" content="" />
  145.  
  146. <meta name="if:inverted tumblr controls" content="0" />
  147. <meta name="if:Small Cursor" content="1" />
  148. <meta name="if:search" content="1"/>
  149. <meta name="if:Grid Posts" content="0"/>
  150. <meta name="if:photo padding" content="0"/>
  151. <meta name="if:dashboardblockquotes" content="1" />
  152. <meta name="if:Music Player" content="1"/>
  153. <meta name="if:Custom Text Selection" content="1"/>
  154. <meta name="if:Faded Images" content="0"/>
  155. <meta name="if:Grayscale Images" content="0"/>
  156. <meta name="if:Show Captions" content="1"/>
  157. <meta name="if:Show Tags" content="1"/>
  158. <!--Custom Options-->
  159.  
  160. <!--Custom Fonts-->
  161. <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i|Roboto+Condensed:300,400,700|Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
  162. <link href="https://fonts.googleapis.com/css?family=Exo:300,300i,400,400i,500,500i|Open+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
  163. <link href="https://fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet">
  164. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  165. <link href="https://fonts.googleapis.com/css?family=Risque" rel="stylesheet">
  166. <!--Custom Fonts-->
  167.  
  168. <!--Homelinks Icons-->
  169. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  170. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  171. <!--Homelinks Icons-->
  172.  
  173. <style type="text/css">
  174.  
  175. /*----------FADE-IN ANIMATION----------*/
  176.  
  177. @keyframes fadein {
  178.     from {opacity:0;}
  179.     to {opacity:1;}
  180. }
  181.  
  182. @-moz-keyframes fadein { /* Firefox */
  183.     from {opacity:0;}
  184.     to {opacity:1;}
  185. }
  186.  
  187. @-webkit-keyframes fadein { /* Safari and Chrome */
  188.     from {opacity:0;}
  189.     to {opacity:1;}
  190. }
  191.  
  192. @-o-keyframes fadein { /* Opera */
  193.     from {opacity:0;}
  194.     to {opacity: 1;}
  195. }
  196.  
  197. /*----------TUMBLR CONTROLS----------*/
  198.  
  199. iframe#tumblr_controls, .iframe-controls--desktop {
  200.     right: 1px !important;
  201.     top: 3px !important;
  202.     position: fixed !important;
  203.     z-index: 99999999999999999999 !important;
  204.      {block:ifinvertedtumblrcontrols}
  205.     -webkit-filter: invert(100%);
  206.     -moz-filter: invert(100%);
  207.     -o-filter: invert(100%);
  208.     {/block:ifinvertedtumblrcontrols}
  209.     -webkit-transition: opacity 0.4s linear;opacity: 0.4;
  210.     -webkit-transition: all 0.8s ease-out;
  211.     -moz-transition: all 0.8s ease-out;
  212.     transition: all 0.8s ease-out;
  213. }
  214.  
  215. iframe#tumblr_controls, .iframe-controls--desktop:hover {
  216.     -webkit-transition: opacity 0.7s linear;opacity:0.8;
  217.     -webkit-transition: all 0.4s ease-out;
  218.     -moz-transition: all 0.4s ease-out;
  219.     transition: all 0.4s ease-out;
  220. }
  221.  
  222. /*--------CUSTOM TUMBLR LIGHTBOX--------*/
  223.  
  224. .vignette, #vignette {
  225.     opacity:0;
  226. }
  227. .lightbox-image, #tumblr_lightbox img {
  228.     box-shadow:none !important;
  229.     border-radius:0 !important;
  230.     max-width:none;
  231. }
  232.  
  233. .tmblr-lightbox, #tumblr_lightbox {
  234.     background-color:rgba({RGBcolor:Background}, 0.4) !important;
  235. }
  236.  
  237. .lightbox-image, #tumblr_lightbox img {
  238.     background-color: {color:posts} !important;
  239.     padding: 10px !important;
  240.     -moz-box-sizing:border-box;
  241.     box-sizing:border-box;
  242. }
  243.  
  244. /*----------SCROLLBAR----------*/
  245.  
  246. ::-webkit-scrollbar {
  247.   width: 6px;
  248.   height: 6px;
  249. }
  250. ::-webkit-scrollbar-button {
  251.   width: 0px;
  252.   height: 0px;
  253. }
  254. ::-webkit-scrollbar-thumb {
  255.   background: {color:Scrollbar};
  256.   border: 2px solid {color:Background};
  257. }
  258.  
  259. ::-webkit-scrollbar-track {
  260.   background: {color:Background};
  261.   border: 8px solid {color:Background};
  262. }
  263.  
  264. ::-webkit-scrollbar-corner {
  265.   background: transparent;
  266. }
  267.  
  268.  
  269. /*----------TOOLTIPS----------*/
  270.  
  271. #s-m-t-tooltip {
  272.     max-width:300px;
  273.     border-radius: 0px;
  274.     padding:3px 5px;
  275.     margin: -20px 7px -2px 20px;
  276.     background-color:{color:tooltip background};
  277.     border: 3px double {color:tooltip border};
  278.     border-radius: 30px;
  279.     font-family:calibri;
  280.     font-size:9px;
  281.     letter-spacing:2px;
  282.     text-transform:capitalize;
  283.     color:{color:tooltip text};
  284.     z-index:999999999999999999999999999999999999;
  285. }
  286.  
  287. /*----------TEXT SELECTION----------*/
  288.  
  289. {block:ifCustomTextSelection}
  290. ::selection {
  291.     background: {color:text selection background};
  292.     color: {color:text selection};
  293. }
  294.  
  295. ::-moz-selection {
  296.     background: {color:text selection background};
  297.     color: {color:text selection};
  298. }
  299.  
  300. ::-webkit-selection {
  301.     background: {color:text selection background};
  302.     color: {color:text selection};
  303. }
  304. {/block:ifCustomTextSelection}
  305.  
  306. /*----------THEME BASICS----------*/
  307.  
  308. body {
  309.     background:{color:background};
  310.     color:{color:text};
  311.     font-family: 'Open Sans', sans-serif;
  312.     font-weight: 300;
  313.     font-size:{text:body font}px;
  314.     line-height:150%;
  315.     margin:0;
  316.     text-align:left;
  317.     background-attachment: {select:Background Attachment};
  318.     background-repeat: {select:Background Repeat};
  319.     background-image: url({image:Background}) center;
  320.     -webkit-font-smoothing: antialiased;
  321.     -moz-osx-font-smoothing: grayscale;
  322.     animation: fadein 0.9s;
  323.     -moz-animation: fadein 0.9s; /* Firefox */
  324.     -webkit-animation: fadein 0.9s; /* Safari and Chrome */
  325.     -o-animation: fadein 0.9s; /* Opera */
  326. }
  327.  
  328. b,strong {
  329.     color:{color:bold};
  330.     font-weight: 600;
  331. }
  332.  
  333. i,em {
  334.     color:{color:italic};
  335. }
  336.  
  337. u {
  338.     color:{color:underline};
  339. }
  340.  
  341. hr {
  342.     width: 30%;
  343.     height: 0.5px;
  344.     background-color: {color:bold};
  345.     color: {color:bold};
  346.     border: 0px solid transparent;
  347. }
  348.  
  349. small,sub,sup {
  350.     font-size: 10px;
  351. }
  352.  
  353. h1 {
  354.     font-weight: 700;
  355.     font-size: 2em;
  356.     color: {color:bold};
  357. }
  358.  
  359. h2 {
  360.     font-weight: 700;
  361.     font-size: 1.8em;
  362.     color: {color:bold};
  363. }
  364.  
  365. h3 {
  366.     font-weight: 700;
  367.     font-size: 1.4em;
  368.     color: {color:bold};
  369. }
  370.  
  371. h4 {
  372.     font-weight: 700;
  373.     font-size: 1.2em;
  374.     color: {color:bold};
  375. }
  376.  
  377. h5 {
  378.     font-weight: 700;
  379.     font-size: 1.0em;
  380.     color: {color:bold};
  381. }
  382.  
  383. h6 {
  384.     font-weight: 700;
  385.     font-size: 0.8em;
  386.     color: {color:bold};
  387. }
  388.  
  389. pre {
  390.     white-space: pre-wrap;
  391.     white-space: -moz-pre-wrap;
  392.     white-space: -pre-wrap;
  393.     white-space: -o-pre-wrap;
  394.     padding: 5px 10px;
  395.     font-family: 'Open Sans', sans-serif;
  396.     font-weight: 300;
  397.     line-height: 150%;
  398. }
  399.  
  400. blockquote:not(.tumblr_parent) {
  401.     padding-left:10px;
  402.     margin: 10px;
  403.     border-left:1px solid {color:blockquote};
  404. }
  405.  
  406. blockquote img {
  407.     max-width: 100%;
  408.     height: auto;
  409. }
  410.  
  411. a {
  412.     color:{color:links};
  413.     text-decoration:none;
  414.     -moz-transition-duration: 0.5s;
  415.         -o-transition-duration: 0.5s;
  416.         -webkit-transition-duration: 0.5s;
  417.         transition-duration: 0.5s;
  418. }
  419.  
  420. a:hover {
  421.     color:{color:link hover};
  422.    -moz-transition-duration: 0.5s;
  423.         -o-transition-duration: 0.5s;
  424.         -webkit-transition-duration: 0.5s;
  425.         transition-duration: 0.5s;
  426. }
  427.  
  428.  
  429. {block:ifSmallCursor}
  430. html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  431.  
  432. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  433. {/block:ifSmallCursor}
  434.  
  435. /*----------POST CONTAINTER----------*/
  436. .wrap {
  437.     {block:IndexPage}
  438.     {block:ifnotGridPosts}
  439.     width:calc({select:Post Size}px + 60px);
  440.     {/block:ifnotGridPosts}
  441.     {block:ifGridposts}width: 650px;{/block:ifGridposts}
  442.     {/block:IndexPage}
  443.     margin: 0px 460px;
  444.     padding: 10px 0;
  445.     {block:PermalinkPage}width: 600px;{/block:PermalinkPage}
  446. }
  447.  
  448. /*-----------POSTS----------*/
  449. #content {
  450.     padding-top: 5px;
  451.     margin: 50px 0px 10px 10px;
  452.     {block:ifnotGridPosts}
  453.     width:calc({select:Post Size}px + 40px);
  454.     padding-top: 40px;
  455.     {/block:ifnotGridPosts}
  456.     {block:ifGridPosts}
  457.     {block:IndexPage}
  458.     width: 850px;
  459.     margin-left: -20px;
  460.     {/block:IndexPage}
  461.     {/block:ifGridPosts}
  462.     {block:PermalinkPage}
  463.     width: 540px;
  464.     margin-top: 50px;
  465.     {/block:PermalinkPage}
  466. }
  467.  
  468. .posts {
  469.     padding:{text:post padding}px;
  470.     background-color:{color:posts};
  471.     {block:ifnotGridPosts}
  472.     margin-bottom: 80px;
  473.     width:{select:Post Size}px;
  474.     {/block:ifnotGridPosts}
  475.     {block:ifGridPosts}
  476.     {block:IndexPage}
  477.     width: 300px;
  478.     opacity:0;
  479.     z-index:-1;
  480.     margin: 40px;
  481.     {/block:IndexPage}
  482.     {/block:ifGridPosts}
  483.     {block:PermalinkPage}
  484.     width: 540px;
  485.     margin-bottom: 50px;
  486.     {/block:PermalinkPage}
  487. }
  488.  
  489. {block:ifphotopadding}
  490. .posts .photo, .videop, .audiop, .chatp {
  491.     padding: 15px;
  492. }
  493. {/block:ifphotopadding}
  494.  
  495. .posts ul li {
  496.     list-style: none;
  497.     margin-left: -25px;
  498.     padding-left: 10;
  499. }
  500.  
  501. .posts ul li:before {
  502.     content: "―";
  503.     padding-right: 5px;
  504.     color: {color:post list};
  505. }
  506.  
  507. .posts ol {
  508.     list-style-type: upper-roman;
  509.     text-transform: justify;
  510.     margin-left: -10px;
  511. }
  512.  
  513. .posts iframe {
  514.     max-width:100%;
  515.     display: block;
  516.     padding: 0;
  517.     margin: 0
  518. }
  519.  
  520. .posts img {
  521.     max-width: 100%;
  522.     display: block;
  523.     border: 0;
  524. }
  525.  
  526. .tumblr_video_container {
  527.     width: auto !important;
  528.     height: auto !important;
  529. }
  530.  
  531. .posts .photo img {
  532.       {block:ifFadedImages}
  533.       {block:IndexPage}
  534.       opacity: 0.6;
  535.       -moz-transition: all 0.8s ease-in;
  536.       -o-transition: all 0.8s ease-in;
  537.       -webkit-transition: all 0.8s ease-in;
  538.       transition: all 0.8s ease-in;
  539. }
  540.  
  541. .posts:hover .photo img {
  542.       opacity: 1.0;
  543.       -moz-transition: all 0.8s ease-in;
  544.       -o-transition: all 0.8s ease-in;
  545.       -webkit-transition: all 0.8s ease-in;
  546.       transition: all 0.8s ease-in;
  547.       {/block:IndexPage}
  548.       {/block:ifFadedImages}
  549. }
  550.  
  551. {block:ifGrayscaleImages}
  552. {block:IndexPage}
  553. .posts, .photo img {
  554.   z-index: -9999999999999999999999999px;
  555.   -webkit-filter: grayscale(100%);
  556.   filter: grayscale(100%);
  557.   filter: gray;
  558.   /* IE 6-9 */
  559.   -moz-transition: all 0.8s ease-in;
  560.   -o-transition: all 0.8s ease-in;
  561.   -webkit-transition: all 0.8s ease-in;
  562.   transition: all 0.8s ease-in;
  563. }
  564.  
  565. .posts:hover, .photo img {
  566.   -webkit-filter: none;
  567.    filter: none;
  568.   -moz-transition: all 0.8s ease-in;
  569.   -o-transition: all 0.8s ease-in;
  570.   -webkit-transition: all 0.8s ease-in;
  571.   transition: all 0.8s ease-in;
  572. }
  573. {/block:IndexPage}
  574. {/block:ifGrayscaleImages}
  575.  
  576. /*----------TEXT/CAPTION CONTAINER----------*/
  577.  
  578. .text {
  579.     {block:IndexPage}
  580.     padding: 0px 15px;
  581.     {/block:IndexPage}
  582.     {block:PermalinkPage}
  583.     padding: 5px 15px;
  584.     {/block:PermalinkPage}
  585.     margin-top: 0px;
  586. }
  587.  
  588. .caption {
  589.     padding: 0px 15px;
  590.     margin: 0;
  591.     {block:ifphotopadding}
  592.     margin-top: -15px;
  593.     {/block:ifphotopadding}
  594.     {block:PermalinkPage}
  595.     padding: 5px 15px;
  596.     {/block:PermalinkPage}
  597. }
  598.  
  599. .tumblr_parent {
  600.   margin: 15px -10px 20px;
  601.   {block:PermalinkPage}
  602.   margin: 15px -5px 20px;
  603.   {/block:PermalinkPage}
  604.   padding: 0px 10px;
  605.   width: 100%;
  606. }
  607.  
  608. .tumblr_parent blockquote {
  609.   margin-left:10px;
  610.   padding-left:10px;
  611.   border-left: 1px solid {color:blockquote};
  612. }
  613.  
  614. .tumblr_parent blockquote img {
  615.     max-width: 100%;
  616.     height: auto;
  617. }
  618.  
  619. .tumblr_avatar {
  620.   margin-right: 5px;
  621.   width: 20px;
  622.   height: 20px;
  623.   border-radius: 100px;
  624.   float: left;
  625. }
  626.  
  627. .posts .title {
  628.       color: {color:Post Title};
  629.       font-size: 15px;
  630.       font-family: 'Oswald', sans-serif;
  631.       font-weight: 300;
  632.       text-align: center;
  633.       padding: 20px;
  634.       text-transform: capitalize;
  635.       border-bottom: 1px solid {color:Post Borders};
  636. }
  637.  
  638. /*----------LINK POSIS----------*/  
  639.  
  640. .posts .link {
  641.       font-size: 15px;
  642.       font-family: 'Oswald', sans-serif;
  643.       font-weight: 300;
  644.       text-align: center;
  645.       padding: 20px;
  646.       text-transform: capitalize;
  647.       color: {color:Post Title};
  648.       border-bottom: 1px solid {color:Post Borders};
  649.       margin-bottom: 5px;
  650.       border-left:  0px solid transparent;
  651.       -webkit-transition: all 0.6s ease-in-out;
  652.       -moz-transition: all 0.6s ease-in-out;
  653.       -o-transition: all 0.6s ease-in-out;
  654. }
  655.  
  656. .posts .link:hover {
  657.       color: {color:link hover};
  658.       -webkit-transition: all 0.6s ease-in-out;
  659.       -moz-transition: all 0.6s ease-in-out;
  660.       -o-transition: all 0.6s ease-in-out;
  661. }
  662.  
  663. .posts .link a {
  664.     color: {color:Post Title};
  665. }
  666.  
  667. .posts .link a:hover {
  668.     color: {color:link hover};
  669. }
  670.  
  671. /*----------QUOTES----------*/  
  672.  
  673. .qt {
  674.     padding: 15px;
  675. }
  676.  
  677. .quote {
  678.       font-size: 18px;
  679.       font-family: 'Oswald', sans-serif;
  680.       font-weight: 300;
  681.       line-height: 25px;
  682.       margin-top: 0px;
  683.       text-align: center;
  684.       padding: 15px;
  685.       border-top: 1px solid {color:post borders};
  686.       border-bottom: 1px solid {color:post borders};
  687. }
  688.  
  689. .qtsource {
  690.     font-family: 'Roboto', sans-serif;
  691.     font-size:{text:body font}px;
  692. }
  693.  
  694. .quote-box {
  695.     padding: 7px;
  696.     width: 5px;
  697.     height: 5px;
  698.     font-size: 20px;
  699.     margin-bottom: 10px;
  700.     border: 4px double {color:post borders};
  701.     color: {color: text};
  702. }
  703.  
  704. /*----------AUDIO----------*/
  705.  
  706. .playbutton {
  707.     width: 30px;
  708.     height: 30px;
  709.     overflow: hidden;
  710.     position: absolute;
  711.     z-index: 999999;
  712.     margin-left: 12px;
  713.     margin-top: 11px;
  714. }
  715.  
  716. .playbox {
  717.     background-color: white;
  718.     width: 50px;
  719.     height: 50px;
  720.     margin-left: 26px;
  721.     margin-top: 20px;
  722.     z-index: 1;
  723.     position:absolute;
  724.     opacity: 0.6;
  725.     border-radius: 100%;
  726.     -webkit-transition: all 0.6s ease-in-out;
  727.     -moz-transition: all 0.6s ease-in-out;
  728.     -o-transition: all 0.6s ease-in-out;
  729. }
  730.  
  731. .playbox:hover {
  732.     opacity: 0.9;
  733.     -webkit-transition: all 0.6s ease-in-out;
  734.     -moz-transition: all 0.6s ease-in-out;
  735.     -o-transition: all 0.6s ease-in-out;
  736. }  
  737.  
  738. .audiowrapper {
  739.                position: relative;
  740.                display:inline-block;
  741. }      
  742.            
  743. .audioimgwrapper {
  744.                 margin-left: -3px;
  745.                 margin-top: -5px;
  746.                 {block:ifphotopadding}
  747.                 margin-top: 0px;
  748.                 {/block:ifphotopadding}
  749.                 overflow: hidden;
  750.                 width: 110px;
  751.                 height: 110px;
  752. }
  753.            
  754. .audioimgwrapper img {
  755.                 width: 100%;
  756.                 height: auto;
  757.                
  758. }
  759.            
  760. .trackdetails {
  761.       height: 110px;
  762.       overflow: hidden;
  763.       color: {color:audio track};
  764.       text-transform: capitalize;
  765.       line-height: 150%;
  766.       {block:ifphotopadding}
  767.       margin-left: -4px;
  768.       {/block:ifphotopadding}
  769.       padding-right: 5px;
  770.       margin-left: -3px;
  771.       margin-top: -3px;
  772.       {block:IndexPage}
  773.       {block:ifnotgridposts}
  774.       width: calc({select:Post Size}px - 115px);
  775.       {block:ifphotopadding}
  776.       width: calc({select:Post Size}px - 145px);
  777.       {/block:ifphotopadding}
  778.       {/block:ifnotgridposts}
  779.       {block:ifgridposts}
  780.       width: calc(250px - 65px);
  781.       {block:ifphotopadding}
  782.       width: calc(250px - 93px);
  783.       {/block:ifphotopadding}
  784.       {/block:ifgridposts}
  785.       {/block:IndexPage}
  786.       {block:PermalinkPage}
  787.       width: calc(540px - 115px);
  788.       {block:ifphotopadding}
  789.       width: calc(540px - 145px);
  790.       {/block:ifphotopadding}
  791.       {/block:PermalinkPage}
  792.       background-color: {color:audio track background};
  793. }
  794.  
  795. .trackdetails b {
  796.     color: {color:audio track};
  797.     font-weight: 900;
  798. }  
  799.  
  800. .trackdetails i {
  801.        color: {color:audio track};
  802. }
  803.  
  804. .track {
  805.   margin-top: 30px;
  806.   margin-bottom: 2px;
  807.   font-family: 'Roboto Condensed', sans-serif;
  808.   font-weight: 400;
  809.   font-size: 15px;
  810.   padding-left: 10px;
  811. }
  812.  
  813. .artist {
  814.  margin-bottom: 2px;
  815.  padding-left: 10px;
  816. }
  817.  
  818. /*----------QUESTION/ANSWER----------*/
  819.  
  820. .askp { padding-top: 15px};
  821.  
  822. #asker {
  823.     margin-bottom: 2px;
  824. }
  825.  
  826. #asker a {
  827.     color:{color:question};
  828.     text-transform: lowercase;
  829. }
  830.  
  831. #asker b {
  832.     color: {color:question};
  833. }
  834.  
  835. .question {
  836.     {block:indexPage}
  837.     {block:ifnotGridPosts}
  838.     width:calc({select:Post Size} - 100px);
  839.     {/block:ifnotGridPosts}
  840.     {block:ifGridPosts}
  841.     width:calc(300px - 120px);
  842.     {/block:ifGridPosts}
  843.     {/block:indexPage}
  844.     min-height: 63px;
  845.     margin: 0px 15px 4px 85px;
  846.     padding: 5px 10px;
  847.     text-align:left;
  848.     color: {color:question};
  849.     background-color: {color:question background};
  850.     position: relative;
  851.     {block:PermalinkPage}
  852.     width:calc(540px - 100px);
  853.     {/block:PermalinkPage}
  854.     text-align: justify;
  855. }
  856.  
  857. .question:after {
  858.     right: 100%;
  859.     {block:ifnotgridposts}
  860.     top: 20%;
  861.     {/block:ifnotgridposts}
  862.     {block:ifgridposts}
  863.     top: 13%;
  864.     border-width: 5px;
  865.     margin-top: -15px;
  866.     {/block:ifgridposts}
  867.     border: solid transparent;
  868.     content: " ";
  869.     height: 0;
  870.     width: 0;
  871.     position: absolute;
  872.     pointer-events: none;
  873.     border-right-color: {color:question background};
  874.     border-width: 15px;
  875.     margin-top: -5px;
  876. }
  877.  
  878. .answer {
  879.     margin-top: -10px;
  880.     text-align: justify;
  881.     padding: 15px;
  882. }
  883.  
  884. /* chat posts */
  885.  
  886. .chat .line {
  887.     padding: 15px 10px;
  888.     margin-bottom: 0px;
  889.     color: {color:chat};
  890. }
  891.  
  892. .chat .line:nth-child(odd)  {
  893.     background-color: {color:chat odd};
  894. }
  895.  
  896. .chat .line:nth-child(even) {
  897.     background-color: {color:posts};
  898.     color: {color:Text};
  899. }
  900.  
  901. .chat .label {
  902.     text-transform: capitalize;
  903. }
  904.  
  905. .line .label b {
  906.     color: {color:chat label};
  907. }
  908.  
  909. /*----------POST INFO & PERMALINKS----------*/
  910.  
  911. #info {
  912.        margin-top: 0px;
  913.         margin-bottom: -20px;
  914.         padding: 10px 10px;
  915.         border-top: 1px solid {color:Post Borders};
  916.         width:{select:Post Size};
  917.         {block:ifgridposts}
  918.         width: 300px;
  919.         width:calc(300px - 20px);
  920.         margin-bottom: 0px;
  921.         {/block:ifgridposts}
  922.         text-transform: capitalize;
  923.         font-family: 'Exo', sans-serif;
  924.         font-weight: 500;
  925.         font-size: 8.5px;
  926.         color:{color:permalink};
  927. }
  928.  
  929. #info a {
  930.        color:{color:permalink};
  931.        font-size: 8.5px;
  932.        font-family: 'Exo', sans-serif;
  933.        font-weight: 500;
  934.        text-align: left;
  935. }
  936.  
  937. #info a:hover {
  938.     color: {color:permalink hover};
  939. }
  940.  
  941. #topinfo {
  942.         margin-top: 0px;
  943.         margin-bottom: 0px;
  944.         padding: 10px;
  945.         border-bottom: 1px solid {color:Post Borders};
  946.         width:{select:Post Size};
  947.         {block:ifgridposts}
  948.         width: 300px;
  949.         width:calc(300px - 20px);
  950.         margin-bottom: 0px;
  951.         {/block:ifgridposts}
  952.         text-transform: capitalize;
  953.         font-family: 'Exo', sans-serif;
  954.         font-weight: 500;
  955.         font-size: 9px;
  956.         color:{color:permalink};
  957. }
  958.  
  959. #topinfo a {
  960.        color:{color:permalink};
  961.        font-size: 9px;
  962.        font-family: 'Exo', sans-serif;
  963.        font-weight: 500;
  964.        text-align: left;
  965. }
  966.  
  967. #topinfo a:hover {
  968.     color: {color:permalink hover};
  969. }
  970.  
  971. .reblogpic {
  972.    padding-right: 7px;
  973.    margin-top: 0px;
  974.    width: 24px;
  975.    height: 24px;
  976.    float: left;
  977. }
  978.  
  979. .src {
  980.     display: inline-block;
  981.     padding-top: 5px;
  982.     padding-bottom: 3px;
  983. }
  984.  
  985. /*----------LIKE/REBLOG----------*/
  986.  
  987. svg {
  988.    width:11px;
  989.    height:auto;
  990.    opacity:.5;
  991.    padding:2px 0px;
  992.    display:block;
  993.    overflow:visible;
  994.    margin-top: 1px;
  995. }
  996. .controls a {
  997.    position:relative;
  998.    display:inline-block;
  999.    width:12px;
  1000.    height:12px;
  1001.    margin-top: -1px;
  1002. }
  1003.  
  1004. .controls .reblog {
  1005.    opacity:.93;
  1006. }
  1007.  
  1008. .controls .reblog svg {
  1009.    width: 10px;
  1010.    margin-top:1px;
  1011.    fill: {color:rebloglike};
  1012. }
  1013.  
  1014. .controls .reblog svg:hover {
  1015.     fill: {color:rebloglike hover};
  1016. }
  1017.  
  1018. .controls .like svg:hover {
  1019.     fill: {color:rebloglike hover};
  1020. }
  1021.  
  1022. .controls .like svg {
  1023.     fill: {color:rebloglike};
  1024.     margin-top: 0px;
  1025. }
  1026.  
  1027. .controls .like .liked + svg {
  1028.    opacity:1;
  1029. }
  1030.  
  1031. .controls .like .liked + svg path {
  1032.    fill:#ec5a5a;
  1033. }
  1034.  
  1035. .controls .like .like_button iframe {
  1036.    position:absolute;
  1037.    top:0;
  1038.    left:0;
  1039.    bottom:0;
  1040.    right:0;
  1041.    width:100%;
  1042.    height:100%;
  1043.    z-index:2;
  1044.    opacity:0;
  1045. }
  1046.  
  1047. /*----------TAGS----------*/
  1048.  
  1049. #tag {
  1050.      position: absolute;
  1051.      margin-top: -10px;
  1052.      padding: 0px 5px;
  1053.      letter-spacing: 1px;
  1054.      text-transform: capitalize;
  1055.      font-family: 'Archivo Narrow', sans-serif;
  1056.      font-size: 9px;
  1057.      color:{color:permalink};
  1058.      margin-left:calc({select:Post Size}px + 10px);
  1059.      border-left: 1px solid {color:tag};
  1060.      opacity: 0.0;
  1061.     -moz-transition: all 0.8s ease-in;
  1062.     -o-transition: all 0.8s ease-in;
  1063.     -webkit-transition: all 0.8s ease-in;
  1064.     transition: all 0.8s ease-in;
  1065. }
  1066.  
  1067. .posts:hover #tag {
  1068.     opacity: 1.0;
  1069.     margin-top: 5px;
  1070.     -moz-transition: all 0.8s ease-in;
  1071.     -o-transition: all 0.8s ease-in;
  1072.     -webkit-transition: all 0.8s ease-in;
  1073.     transition: all 0.8s ease-in;
  1074. }
  1075.  
  1076. #tag a {
  1077.     color:{color:permalink};
  1078.     display: block;
  1079.     margin-bottom: 1px;
  1080.     font-family: 'Exo', sans-serif;
  1081.     font-weight: 500;
  1082.     font-size: 8.5px;
  1083. }
  1084.  
  1085. #tag a:hover {
  1086.     color: {color:permalink hover};
  1087. }
  1088.  
  1089. #info a:hover {
  1090.     color:{color:permalink hover};
  1091. }
  1092.  
  1093. /*----------PERMALINK PAGE----------*/
  1094.  
  1095. #perma {
  1096.     width: calc(540px - 30px);
  1097.     padding: 15px;
  1098.     margin-top: -30px;
  1099.     margin-left: calc(auto - 20px);
  1100.     background-color: {color:Posts};
  1101.     text-align: center;
  1102. }
  1103.  
  1104.  
  1105. #notecontainer {
  1106.       margin-top: 20px;
  1107.       margin-bottom: 15px;
  1108.       margin-left: calc(auto - 20px);
  1109.       width: calc(540px - 30px);
  1110.       padding: 15px;
  1111.       color: {color:Text};
  1112.       background-color: {color:Posts};
  1113. }
  1114.  
  1115. #notecontainer ol.notes {
  1116.       list-style-type: none;
  1117.       padding: 0;
  1118.       margin: 0;
  1119.       font-size: {text:body font}px;
  1120. }
  1121.  
  1122. #notecontainer img.avatar {
  1123.       margin-right: 10px;
  1124.       width: 26px;
  1125.       height: 26px;
  1126. }
  1127.  
  1128. /*----------SEARCH BAR---------*/
  1129.  
  1130. .linkbar {
  1131.     width: 100%;
  1132.     height: 30px;
  1133.     position: fixed;
  1134.     top: 0;
  1135.     background-color: {color:linkbar};
  1136.     z-index: 100;
  1137.     border-bottom: 1px solid {color:post borders};
  1138. }
  1139.  
  1140.  
  1141. .bsearch {
  1142.     padding: 5px;
  1143.     margin-left: 365px;
  1144. }
  1145.  
  1146. .sfm input {
  1147.     border: 0px;
  1148.     text-transform: capitalize;
  1149.     font-family: 'Oswald', sans-serif;
  1150.     font-weight: 300;
  1151.     color: {color:search};
  1152.     font-size: 10px;
  1153.     letter-spacing: 1px;
  1154.     padding: 4px 8px;
  1155. }
  1156.  
  1157. #sb {height: 10px; vertical-align: top; margin-left: -2px; border: 1px solid {color:searchbar}}
  1158.  
  1159. #sf {
  1160.     background: url('')  left center no-repeat;
  1161.     background-size: 10px 10px;
  1162.     width: 235px;
  1163.     height: 10px;
  1164.     border-top: 1px solid {color:searchbar};
  1165.     border-left: 1px solid {color:searchbar};
  1166.     border-bottom: 1px solid {color:searchbar};
  1167.     outline: none;
  1168. }
  1169.  
  1170. /*----------SIDEBAR---------*/
  1171.  
  1172. .sidebar {
  1173.     width: 320px;
  1174.     height: 100%;
  1175.     position: fixed;
  1176.     top: 0;
  1177.     left: 0;
  1178.     background-color: {color:sidebar};
  1179.     z-index: 200;
  1180.     overflow: hidden;
  1181.     background-image: url({image:sidebar});
  1182.     background-position: bottom;
  1183.     background-repeat: no-repeat;
  1184.     background-size: auto;
  1185. }
  1186.  
  1187. #bar {
  1188.     width: 25px;
  1189.     height: 100%;
  1190.     background-color: {color:linkbar};
  1191.     position: fixed;
  1192.     top: 0;
  1193.     left: 320px;
  1194.     z-index: 250;
  1195.     padding: 5px;
  1196.     border-right: 1px solid {color:post borders};
  1197. }
  1198.  
  1199. /*----------SIDBAR LINKS---------*/
  1200.  
  1201. .homelinks {
  1202.     top: 30%;
  1203.     text-align: left;
  1204.     margin-left: -5px;
  1205.     position: fixed;
  1206. }
  1207.  
  1208. .homelinks a {
  1209.     display: block;
  1210.     margin-top: 35px;
  1211.     color: {color:homelink};
  1212.     font-family: 'Oswald', sans-serif;
  1213.     font-weight: 300;
  1214.     font-size: 15px;
  1215.     text-transform: capitalize;
  1216.     padding: 0px 10px;
  1217.     -moz-transition: all 0.5s ease-in;
  1218.     -o-transition: all 0.5s ease-in;
  1219.     -webkit-transition: all 0.5s ease-in;
  1220.     transition: all 0.5s ease-in;
  1221. }
  1222.  
  1223. .homelinks a:hover {
  1224.     color: {color:homelink hover};
  1225.     moz-transition: all 0.5s ease-in;
  1226.     -o-transition: all 0.5s ease-in;
  1227.     -webkit-transition: all 0.5s ease-in;
  1228.     transition: all 0.5s ease-in;
  1229. }
  1230.  
  1231. .lnr-tag, .lnr-link, .lnr-music-note {
  1232.     padding-right: 5px;
  1233. }
  1234.  
  1235. .lnr-clock {
  1236.     padding-right: 1px;
  1237. }
  1238.  
  1239. .lnr-bookmark {
  1240.     padding-left: 3px;
  1241. }
  1242.  
  1243. /*----------POPUP CONTENT---------*/
  1244.  
  1245.  #popupbg {
  1246.     position: fixed;
  1247.     width: 320px;
  1248.     height: 100%;
  1249.     background-color: {color:sidebar};
  1250.     opacity: 0.8;
  1251.     z-index: 99999;
  1252.     display: none;
  1253. }
  1254.  
  1255. .popup {
  1256.     position: fixed;
  1257.     width: 200px;
  1258.     height: auto;
  1259.     max-height: 550px;
  1260.     top: 50%;
  1261.     margin-left: 160px;
  1262.     transform: translate(-50%, -50%);
  1263.     padding: 20px;
  1264.     background-color: {color:popup};
  1265.     z-index: 999999;
  1266.     overflow: hidden;
  1267.     display: none;
  1268. }
  1269.  
  1270. .popupclosecont {
  1271.     position: absolute;
  1272.     top: -20px;
  1273.     right: -30px;
  1274.     width: 80px;
  1275.     height: 80px;
  1276.     overflow: hidden;
  1277.     display: none;
  1278.     z-index: 9999999;
  1279. }
  1280. .popupclose {
  1281.     position: absolute;
  1282.     top: 30px;
  1283.     right: 45px;
  1284.     font-size: 12pt;
  1285.     color: {color:popup close};        
  1286.     cursor: pointer;
  1287. }
  1288.  
  1289. .poptitle {
  1290.     font-size: 18px;
  1291.     font-family: 'Oswald', sans-serif;
  1292.     font-weight: 300;
  1293.     border-bottom: 1px solid {color:post borders};
  1294.     text-align: text;
  1295.     width: 100%;
  1296.     padding-bottom: 10px;
  1297.     color: {color:blogtitle};
  1298. }
  1299.  
  1300. .description {
  1301.     color: {color:description};
  1302.     text-align: justify;
  1303.     margin-top: 5px;
  1304. }
  1305.  
  1306. .description a {
  1307.     color:{color:desc links};
  1308. }
  1309.  
  1310. .description b,strong {
  1311.     color:{color:desc bold};
  1312. }
  1313.  
  1314. .description i,em {
  1315.     color:{color:desc italic};
  1316. }
  1317.  
  1318. .description u {
  1319.     color:{color:desc underline};
  1320. }
  1321.  
  1322.  /*----------Navigation Links----------*/
  1323.  
  1324. .morelinks {
  1325.     margin: 5px 0;
  1326. }
  1327.  
  1328. .morelinks a {
  1329.     display: block;
  1330.     float: left;
  1331.     margin: 5px 3px;
  1332.     width: 91px;
  1333.     padding: 10px 0px;
  1334.     text-align: center;
  1335.     color: {color:navi};
  1336.     border: 1px solid {color:post borders};
  1337.     text-transform: capitalize;
  1338.     font-family: 'Oswald', sans-serif;
  1339.     font-weight: 300;
  1340.     font-size: 11px;
  1341. }
  1342.  
  1343. .morelinks a span {
  1344.     color: {color:navi before};
  1345. }
  1346.  
  1347. .morelinks a:hover {
  1348.     color: {color:navi hover};
  1349. }
  1350.  
  1351. /*----------PAGINATION---------*/
  1352.  
  1353. #pagination {
  1354.     height:auto;
  1355.     width:auto;
  1356.     letter-spacing:1px;
  1357.     margin-left:auto;
  1358.     margin-right:auto;
  1359.     {block:ifnotgridposts}
  1360.     margin-left: -30px;
  1361.     margin-top:-40px;
  1362.     margin-bottom:20px;
  1363.     {/block:ifnotgridposts}
  1364.     {block:ifgridposts}
  1365.     margin-bottom: 20px;
  1366.     margin-top: 0px;
  1367.     margin-left: 10px;
  1368.     {/block:ifgridposts}
  1369.     font-size:10px;
  1370.     text-transform:uppercase;
  1371.     z-index:4;
  1372.     text-align:center;
  1373.     background:transparent;
  1374. }
  1375.  
  1376. #pagination a {
  1377.     margin-left:1px;
  1378.     background-color: {color:posts};
  1379.     border:1px solid {color:post borders};
  1380.     border-radius:3px;
  1381.     padding:10px;
  1382.     color:{color:pagination};
  1383.     text-decoration:none;
  1384.     -webkit-transition:all 0.8s ease-out;
  1385.     -moz-transition:all 0.8s ease-out;
  1386.     transition:all 0.8s ease-out;
  1387. }
  1388.  
  1389. #pagination a:hover {
  1390.     color:{color:pagination hover};
  1391.     background-color:{color:pagination hover background};
  1392.     border:1px solid {color:pagination hover background};
  1393.     -webkit-transition:all 0.8s ease-out;
  1394.     -moz-transition:all 0.8s ease-out;
  1395.     transition:all 0.8s ease-out;
  1396. }
  1397.  
  1398. /*----------SCROLL TO TOP---------*/
  1399.  
  1400. #scrollToTop:link,
  1401. #scrollToTop:visited {
  1402.     display: none;
  1403.     position: fixed;
  1404.     bottom: 25px;
  1405.     right: 32px;
  1406.     color: {color:pagination};
  1407.     padding: 5px;
  1408.     width: 15px;
  1409.     height: 15px;
  1410. }
  1411.  
  1412. /*----------THEME CREDIT (DO NOT REMOVE)---------*/
  1413.  
  1414. .cred {
  1415.     position: fixed;
  1416.     bottom: 10px;
  1417.     right: 25px;
  1418.     color:{color:pagination};
  1419.     font-family: 'Oswald', sans-serif;
  1420.     font-weight: 300;
  1421.     font-size: 14px;
  1422. }
  1423.  
  1424. {CustomCSS}
  1425. </style>
  1426.  
  1427. <!-------------------SCRIPTS/JQUERY (PART ONE)------------------->
  1428.  
  1429. <!--Tooltips Script-->
  1430. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1431. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1432. <script>
  1433.  (function($){$(document).ready(function(){
  1434.  $("a[title]").style_my_tooltips({
  1435.  tip_follows_cursor:true,
  1436.  tip_delay_time:10,
  1437.  tip_fade_speed:200,
  1438.  attribute:"title"});
  1439.  });
  1440.  })(jQuery);
  1441.  </script>
  1442. <!--Tooltips Script-->
  1443.  
  1444. <!--Lazy Load Script-->
  1445. {block:IndexPage}
  1446. {block:ifnotgridposts}
  1447. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  1448. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1449. <script type="text/javascript" charset="utf-8">
  1450. var $j = jQuery.noConflict();
  1451. $j(function() {
  1452. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1453. $j(".photo img").lazyload({
  1454. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1455. effect: "fadeIn",
  1456. });
  1457. });
  1458. </script>
  1459. {/block:ifnotgridposts}
  1460. {/block:IndexPage}
  1461. <!--Lazy Load Script-->
  1462.  
  1463. <!--Popup Script-->
  1464. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1465. <script type="text/javascript">
  1466. $(document).ready(function() {
  1467.  
  1468.     $("#popup1link").click(function() {
  1469.         $("#popupbg").fadeIn(200);
  1470.         $("#popup1").fadeIn(1000);
  1471.         $(".closepopup1").fadeIn(1200);
  1472.     });
  1473.     $(".closepopup1").click(function() {
  1474.         $("#popupbg").fadeOut(1000);
  1475.         $("#popup1").fadeOut(200);
  1476.         $(".closepopup1").fadeOut(200);
  1477.     });
  1478.        
  1479. });
  1480. </script>
  1481. <!--Popup Script-->
  1482.  
  1483. <!--Scroll To Top Script-->
  1484. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1485. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1486. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><span class="lnr lnr-chevron-up" style="margin:10px 2px;"></span></a>
  1487. <!--Scroll To Top Script-->
  1488.  
  1489. <!--Audio player color script-->
  1490. <script>
  1491.    $(document).ready(function() {
  1492.       $('iframe.tumblr_audio_player').load( function() {
  1493.          $('iframe.tumblr_audio_player').contents().find("head")
  1494.             .append($("<style type='text/css'> .audio-player{background:#fff !important} </style>"));
  1495.       });
  1496.    });
  1497. </script>
  1498. <!--Audio player color script-->
  1499.  
  1500. <!-------------------SCRIPTS/JQUERY (PART ONE)------------------->
  1501.  
  1502. </head>
  1503. <body>
  1504.  
  1505. <div class="linkbar">
  1506.            <!-------------- Search Bar -------------->
  1507. {block:ifsearch}
  1508.    
  1509.     <div class="bsearch">
  1510. <script language="javascript">
  1511. function send()
  1512. {document.theform.submit()}
  1513. </script>            
  1514. <form action="/search" method="get" class="sfm">
  1515.     <input type="text" name="q" placeholder="Search..." id="sf"/>
  1516.     <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/>
  1517. </form>
  1518.     </div>
  1519. {/block:ifsearch}
  1520.              <!-------------- Search Bar -------------->
  1521. </div>
  1522.  
  1523. <div class="sidebar"> <!-- Popup Content-->
  1524.     <div id="popupbg"></div>
  1525.  
  1526. <div class="popup" id="popup1"><div class="popupclosecont closepopup1"><div class="popupclose closepopup1">X</div></div>
  1527.  
  1528.    
  1529.     <h1 class="poptitle">{title}</h1>
  1530.    
  1531.     <div class="description"><img src="{PortraitURL-48}" style="width: 48px; height: 48px; float:left; margin-right:10px; border-radius:100%;">{Description}</div>
  1532.  
  1533.     <div class="morelinks"> <!------- Nagivation Links ------->
  1534.     {block:ifLink1}<a href="{text:CustomLink1URL}"><span>001:</span> {text:CustomLink1Name}</a>{/block:ifLink1}
  1535.     {block:ifLink2}<a href="{text:CustomLink2URL}"><span>002:</span> {text:CustomLink2Name}</a>{/block:ifLink2}
  1536.     {block:ifLink3}<a href="{text:CustomLink3URL}"><span>003:</span> {text:CustomLink3Name}</a>{/block:ifLink3}
  1537.     {block:ifLink4}<a href="{text:CustomLink4URL}"><span>004:</span> {text:CustomLink4Name}</a>{/block:ifLink4}
  1538.     {block:ifLink5}<a href="{text:CustomLink5URL}"><span>005:</span> {text:CustomLink5Name}</a>{/block:ifLink5}
  1539.     {block:ifLink6}<a href="{text:CustomLink6URL}"><span>006:</span> {text:CustomLink6Name}</a>{/block:ifLink6}
  1540.     </div>
  1541.  
  1542.    
  1543.  
  1544. </div></div> <!-- Popup Content-->
  1545.  
  1546. <div id="bar">  <!-- Linkbar-->
  1547.     <div class="homelinks">
  1548.     <a href="/" title="index"><span class="lnr lnr-home"></span></a>
  1549.     <a href="/ask" title="ask"><span class="lnr lnr-envelope"></span></a>
  1550.     <a href="javaScript:void(0);" id="popup1link" title="more"><span class="lnr lnr-menu"></span></a>
  1551.     <a href="/submit" title="submit"><span class="lnr lnr-gift"></span></a>
  1552.     <a href="/archive" title="archive"><span class="lnr lnr-calendar-full"></span></a>
  1553. </div>
  1554. </div> <!-- Linkbar -->
  1555.  
  1556.  
  1557. <div class="wrap"> <!--Container-->
  1558.  
  1559. <div id="content"> <!--content-->
  1560. {block:Posts}
  1561. <div class="posts"> <!--posts-->
  1562.  
  1563. {block:ContentSource}
  1564. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1565. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1566. {/block:SourceLogo}
  1567. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1568. {/block:ContentSource}
  1569.  
  1570. <!-- {block:NoRebloggedFrom}
  1571. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1572. {/block:NoRebloggedFrom} -->
  1573.  
  1574. {block:IndexPage} <!--Post Tags-->
  1575. {block:ifnotGridPosts}
  1576. {block:ifShowTags}{block:HasTags}<div id="tag">{block:Tags}
  1577. <a href="{TagURL}"><span class="lnr lnr-tag"></span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  1578. {/block:ifnotGridPosts} <!--Post Tags-->
  1579.  
  1580. <div id="topinfo">
  1581. {block:RebloggedFrom}<img class="reblogpic" src="{ReblogRootPortraitURL-24}"> <a class="src" href="{ReblogRootURL}">{ReblogRootName}</a>
  1582. {/block:RebloggedFrom}
  1583. {block:NotReblog}
  1584. <img class="reblogpic" src="{PortraitURL-24}"> <a class="src" href="{Permalink}">{Name}</a>
  1585. {/block:NotReblog}
  1586.  
  1587. <div class="likereblog" style="float:right; padding-top:5px;">
  1588. <div class="controls">
  1589. <a href="{ReblogURL}" target="_blank" title="reblog this post" class="reblog">
  1590. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1591. </a>
  1592. <a href="#" title="like this post" class="like">{LikeButton}
  1593. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1594. </a>
  1595. </div>
  1596. </div>
  1597. </div>
  1598. {/block:IndexPage}
  1599.  
  1600. {block:Text}
  1601. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1602. <div class="caption">{Body}</div>
  1603. {block:ifnotdashboardstyleblockquotes}
  1604. <div class="text">{Body}</div>
  1605. {/block:ifnotdashboardstyleblockquotes}
  1606. {/block:Text}
  1607.  
  1608. {block:Photo}
  1609. <div class="photo">
  1610. {LinkOpenTag}
  1611. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1612.    <center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>
  1613. </a>
  1614. {LinkCloseTag}
  1615. </div>
  1616. {/block:Photo}
  1617.  
  1618. {block:Photoset}
  1619. <div class="photo">
  1620. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1621. </div>
  1622. {/block:Photoset}
  1623.  
  1624. {block:Quote}
  1625. <div class="qt">
  1626. <center>
  1627. <div class="quote-box">"</div>
  1628. </center>
  1629. <div class="quote">
  1630. {Quote}
  1631. </div>
  1632. {block:Source}<div class="qtsource"><br><center>- {Source} -</center></div>{/block:Source}
  1633. </div>
  1634. {/block:Quote}
  1635.  
  1636. {block:Link}
  1637. <div class="link"><span class="lnr lnr-link"></span><a href="{URL}">{Name}</a></div>
  1638. {block:Description}
  1639. <div class="caption">{Description}</div>
  1640. {block:ifnotdashboardstyleblockquotes}
  1641. <div class="text">{Description}</div>
  1642. {/block:ifnotdashboardstyleblockquotes}
  1643. {/block:Description}
  1644. {/block:Link}
  1645.  
  1646. {block:Audio}
  1647. <div class="audiop">
  1648. <table style="width:100%">
  1649. <td>
  1650. <div class="audiowrapper">
  1651. <div class="playbox">
  1652. <div class="playbutton">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div>
  1653. {block:AlbumArt}
  1654. <div class="audioimgwrapper"><img src="{AlbumArtURL}">
  1655. {/block:AlbumArt}
  1656. </div>
  1657. </td>
  1658.  
  1659. <td>
  1660. <div class="trackdetails">
  1661. <div class="track"><span class="lnr lnr-music-note"></span>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}</div>
  1662. <div class="artist">{block:Artist}<i>― {Artist}</i>{/block:Artist}</div>
  1663. </div>
  1664. {/block:AudioPlayer}
  1665. </div>
  1666. </td>
  1667. </table>
  1668. </div>
  1669. {/block:Audio}
  1670.  
  1671. {block:Video}
  1672. <div class="videop">
  1673. <div class="video">{Video-500}</div>
  1674. </div>
  1675. {/block:Video}
  1676.  
  1677. {block:Chat}
  1678. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1679. <div class="chatp">
  1680. <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  1681. {Line}</div>{/block:Lines}</div>
  1682. </div>
  1683. {/block:Chat}
  1684.  
  1685. {block:Answer}
  1686. <div class="askp">
  1687. <img src="{AskerPortraitURL-48}" align="left" style="margin-left: 15px; border-radius:100%;">
  1688. <div class="question">
  1689. <div id="asker"><b>{Asker} asked:</b></div>
  1690. {Question}&nbsp;</div>
  1691. </div>
  1692. <div class="caption" style="text-align:justify;">{Answer}</div>
  1693. {block:ifnotdashboardstyleblockquotes}
  1694. <div class="answer">{Answer}</div>
  1695. {/block:ifnotdashboardstyleblockquotes}
  1696. {/block:Answer}
  1697.  
  1698. {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1699. {block:IfnotShowCaptions}
  1700. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfnotShowCaptions}
  1701.  
  1702. {block:IndexPage}
  1703. <div id="info"> <!--Permalink and Notes-->
  1704. {block:Date}<span class="lnr lnr-clock"></span> <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}, {Year}">{TimeAgo}</a>{/block:Date}{block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}" style="float:right;">{NoteCount}<span class="lnr lnr-bookmark"></span></a>{/block:NoteCount}
  1705.  
  1706. </div>
  1707. {/block:IndexPage} <!--Permalink and Notes-->
  1708.  
  1709. </div>  <!--posts-->
  1710.  
  1711. {block:PermalinkPage} <!--Permalink Page-->
  1712. {block:Date}
  1713. <div id="perma">
  1714. Posted {ShortMonth} {DayOfMonthWithZero}, {Year} @ {12Hour} {AmPm}
  1715. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom}
  1716. <br>
  1717. <a href="{ReblogParentURL}">via: {ReblogParentName}</a> +
  1718. <a href="{ReblogRootURL}">source: {ReblogRootName}</a>
  1719. {/block:RebloggedFrom}
  1720. <br>
  1721. {block:HasTags}{block:Tags}<a href="{TagURL}" title="Tagged as">#{Tag}</a> {/block:Tags}{/block:HasTags}
  1722. </div>
  1723.         {block:PostNotes}
  1724.                 <div id="notecontainer">{PostNotes}</div>
  1725.         {/block:PostNotes}
  1726. {/block:Date}
  1727. {/block:PermalinkPage} <!--Permalink Page-->
  1728.  
  1729. {/block:Posts}
  1730.  
  1731. </div> <!--content-->
  1732. <!--pagination-->
  1733. <div id="pagination">
  1734.  
  1735. {block:Pagination}
  1736. {block:PreviousPage}
  1737. <a href="{PreviousPage}">Back</a>
  1738. {/block:PreviousPage}
  1739.  
  1740. {block:JumpPagination length="5"}
  1741.  
  1742. {block:CurrentPage}
  1743. <a href="#" style="background:{color:pagination hover background}; color:{color:pagination hover};border-radius:3px;"><span class="current_page">{CurrentPage}</a></span></a>
  1744. {/block:CurrentPage}
  1745.  
  1746. {block:JumpPage}
  1747. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1748. {/block:JumpPage}
  1749. {/block:JumpPagination}
  1750.  
  1751. {block:NextPage}
  1752. <a href="{NextPage}">Next</a>
  1753. {/block:NextPage}
  1754.  
  1755. {/block:Pagination}
  1756.  
  1757. </div>
  1758. <!--pagination-->
  1759. </div> <!--container-->
  1760.  
  1761. <!-------------------DO NOT REMOVE THEME CREDIT!!!------------------->
  1762. <div class="cred"><span class="lnr lnr-star" style="padding-right:5px; font-size:15px;"></span><a href="http://erosthemes.tumblr.com" title="theme by erosthemes">Eros</a></div>
  1763. <!-------------------DO NOT REMOVE THEME CREDIT!!!------------------->
  1764.  
  1765. <!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
  1766.  
  1767. <!--Pixel Union photosets script-->
  1768. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1769. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1770. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1771. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1772. <!--Pixel Union photosets script-->
  1773. {block:IndexPage}{block:ifGridPosts}
  1774. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1775. {/block:ifGridPosts}{/block:IndexPage}
  1776. <!--Un-nest Tumblr Captions by Neothm @ Tumnlr & Magnusthemes @ tumblr-->
  1777. <script src="http://static.tumblr.com/wgg6svp/P0Sofxcrj/unnest.min.js"></script>
  1778. <!--Un-nest Tumblr Captions by Neothm @ Tumnlr & Magnusthemes @ tumblr-->
  1779.  
  1780. <script>
  1781. $(document).ready(function(){
  1782.     $('.photo-slideshow').pxuPhotoset({
  1783.         lightbox: true,
  1784.         rounded: false,
  1785.         gutter: '{select:photoset gutter}px',
  1786.         photoset: '.photo-slideshow',
  1787.         photoWrap: '.photo-data',
  1788.         photo: '.pxu-photo'
  1789.     });
  1790.   {block:IndexPage}{block:ifGridPosts}
  1791.     var $container = $('#content');
  1792.     $container.masonry({ itemSelector: '.posts' });
  1793.     $container.imagesLoaded(function(){
  1794.         $container.masonry();
  1795.         $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
  1796.     });
  1797.     {/block:ifGridPosts}{/block:IndexPage}
  1798.     {block:ifdashboardblockquotes}
  1799.     $('.posts').unnest({
  1800.      yourCaption: ".caption",
  1801.      wrapName: ".tumblr_parent",
  1802.      newCaptionUsername: true,
  1803.      originalPostCaptionUsername: true,
  1804.      tumblrAvatars: true,
  1805.      tumblrAvatarClass: ".tumblr_avatar",
  1806.      usernameColon: false });
  1807.     {/block:ifdashboardblockquotes}
  1808. });
  1809. </script>
  1810. <!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
  1811.  
  1812. </body>
  1813. </html> <!--end-->
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!