API tools faq
paste
Advertisement
nofacesface

Gradient Theme

nofacesface
Nov 29th, 2013
1,381
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 35.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--THEME BY NO-FACES-FACE
  5. steal and I'll find you and punch you in the throat  (◡‿◡✿)
  6. -->
  7.  
  8. <head>
  9.  
  10. <meta name="color:Link" content="#031a20"/>
  11. <meta name="color:Link Gradient 1" content="#f0e0e0" />
  12. <meta name="color:Link Gradient 1 Hover" content="#031a20" />
  13. <meta name="color:Link Gradient 2" content="#ecc4ba" />
  14. <meta name="color:Link Gradient 2 Hover" content="#0c3644" />
  15. <meta name="color:Link Gradient 3" content="#eaa482" />
  16. <meta name="color:Link Gradient 3 Hover" content="#236274" />
  17. <meta name="color:Link Gradient 4" content="#e16039" />
  18. <meta name="color:Link Gradient 4 Hover" content="#38788c" />
  19. <meta name="color:Link Gradient 5" content="#d03121" />
  20. <meta name="color:Link Gradient 5 Hover" content="#5394a7" />
  21. <meta name="color:Link Title Shadow" content="#eaa482" />
  22. <meta name="color:Link Title Text" content="#eaa482" />
  23. <meta name="color:Blog Title" content="#123338"/>
  24. <meta name="color:Pagination" content="#fff"/>
  25. <meta name="color:Borders" content="#eee" />
  26. <meta name="color:Background" content="#fff" />
  27. <meta name="color:Text" content="#000" />
  28. <meta name="color:Underline" content="#236274" />
  29. <meta name="color:Bold" content="#031a20" />
  30. <meta name="color:Italic" content="#0c3644" />
  31. <meta name="color:Description" content="#000" />
  32. <meta name="color:Scroll" content="#000" />
  33. <meta name="color:Hover" content="#aaa" />
  34. <meta name="color:Permalink Icon" content="#f0e0e0" />
  35. <meta name="color:Permalink Icon Hover" content="#d03121" />
  36. <meta name="color:Post Title" content="#031a20" />
  37. <meta name="color:Title Border" content="#d03121" />
  38.  
  39. <style type="text/css">body, a:hover {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=39265), progress !important;}</style>
  40.  
  41.  
  42. <meta name="image:sidebar" content="http://static.tumblr.com/cbjpgjf/kFdmx0h2w/tumblr_mlr5jjgq4e1rl9td5o1_500.jpg"/>
  43. <meta name="image:sidebar2" content="http://static.tumblr.com/cbjpgjf/FaYmx0h3j/tumblr_mmjj6k8m4d1rl9td5o1_500.jpg"/>
  44. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/iMWmx0h3y/tumblr_lsdjv9k5e21r2gm7fo4_400.jpg" />
  45.  
  46. <meta name="text:Link 1" content="/" />
  47. <meta name="text:Link 1 Title" content="refresh" />
  48. <meta name="text:Link 2" content="/ask" />
  49. <meta name="text:Link 2 Title" content="whisper" />
  50. <meta name="text:Link 3" content="/archive" />
  51. <meta name="text:Link 3 Title" content="past" />
  52. <meta name="text:Link 4" content="/submit" />
  53. <meta name="text:Link 4 Title" content="submit" />
  54. <meta name="text:Link 5" content="/" />
  55. <meta name="text:Link 5 Title" content="more" />
  56.  
  57. <meta name="text:Music Code" content="" />
  58.  
  59.  
  60. <meta name="if:caption" content="1"/>
  61. <meta name="if:musicplayer" content="1"/>
  62. <meta name="if:photoeffect" content="0"/>
  63. <meta name="if:posttype2" content="1"/>
  64. <meta name="if:posttype1" content="0"/>
  65. <meta name="if:infinitescroll" content="1"/>
  66.  
  67. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name=""
  68. content="{MetaDescription}" />{/block:Description}
  69. <link rel="shortcut icon" href="{Favicon}">
  70.  
  71.  <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  72.  
  73. <style>
  74.     div#qTip {
  75.     padding: 4px;
  76.     display: none;
  77.     text-align: center;
  78.     position: absolute;
  79.     font-family: consolas;
  80.     font-size:8px;
  81.     line-height:10px;
  82.     z-index: 1000;
  83.     box-shadow: 3px 3px {color:Link Title Shadow};
  84.     background-color: #fefefe;
  85.     color: {color:Link Title Text};
  86.     text-transform:uppercase;
  87.     letter-spacing: 3px;
  88.    
  89.     }
  90.     </style>
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  96.  
  97. /* fontawesome */
  98. [class*="fontawesome-"]:before {
  99.   font-family: 'FontAwesome', sans-serif;
  100. }
  101.  
  102. #tumblr_controls {
  103. position: fixed !important;
  104. }
  105.  
  106. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  107.  
  108. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  109.  
  110.  
  111.  
  112. ::-webkit-scrollbar {width: 5px;height:5px; background: #fff;}
  113. ::-webkit-scrollbar-thumb {background:{color:Scroll};}
  114.  
  115.  
  116.  
  117. /* GENERAL */
  118.  
  119. body{
  120. margin:0px;
  121. font-family: consolas;
  122. font-style: oblique;
  123. font-size: 10px;
  124. letter-spacing: 2px;
  125. line-height: 11px;
  126. color: {color:text};
  127. }
  128.  
  129.  
  130.  
  131. body {
  132.         background-color: {color:Background};
  133.  
  134.         background-image: url({image:Background});
  135.         margin: 0;
  136.         word-wrap: break-word;
  137.         background-attachment: fixed;
  138.         overflow-x: hidden;
  139.  
  140. }
  141.  
  142.  
  143. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  144. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  145. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  146.  
  147. a:hover{ color: {color:Hover}; }
  148.  
  149. a.class2 { color:{color:Permalink Icon}; cursor: help;}
  150. a.class2:link  
  151. a.class2:active
  152. a.class2:visited {
  153. text-decoration: none;
  154. color: {color:Permalink Icon};
  155. -webkit-transition: all 0.7s ease;
  156. transition: all 0.7s ease;
  157. -moz-transition: all 0.7s ease;
  158. -o-transition: all 0.7s ease;}
  159.  
  160. a.class2:hover{ color: {color:Permalink Icon Hover};}
  161.  
  162.  
  163. /* POSTS */
  164.  
  165.  
  166. #content{
  167.     position: relative;
  168.     margin-top:90px;
  169.        margin-left:300px;
  170.      {block:ifposttype2}
  171.     width:300px;
  172.     {/block:ifposttype2}
  173.         {block:ifposttype1}
  174.     width:500px;
  175.     {/block:ifposttype1}
  176.    
  177.     }
  178. .entry{
  179.     {block:ifposttype2}
  180.     width: 250px;
  181.     {/block:ifposttype2}
  182.     {block:ifposttype1}
  183.     width: 400px;
  184.     {/block:ifposttype1}
  185.     margin: 10px 10px;
  186.     padding: 20px;
  187.     opacity: .9;
  188.     position: relative;
  189.     background-color: #fff;
  190.     border: 1px solid #eee;
  191. -webkit-transition: all 0.4s ease-in-out;
  192. -moz-transition: all 0.4s ease-in-out;
  193. -o-transition: all 0.4s ease-in-out;
  194. -ms-transition: all 0.4s ease-in-out;
  195. transition: all 0.4s ease-in-out;}
  196.  
  197.  
  198.  
  199.  
  200. .entry img{max-width:100%;
  201. opacity: 1px;
  202.     -webkit-transition: opacity 0.6s linear;
  203.     -webkit-transition: all 0.6s ease-in-out;
  204.     -moz-transition: all 0.6s ease-in-out;
  205.     -o-transition: all 0.6s ease-in-out;}
  206.    
  207.  
  208. .entry {
  209. {block:ifphotoeffect}  
  210.     opacity: 1;
  211. -webkit-filter: grayscale(100%);
  212. {/block:ifphotoeffect} }
  213.  
  214. .entry:hover {
  215.         opacity: 1;
  216. -webkit-filter:none;
  217.     -webkit-transition: opacity 0.6s linear;
  218.     -webkit-transition: all 0.6s ease-in-out;
  219.     -moz-transition: all 0.6s ease-in-out;
  220.     -o-transition: all 0.6s ease-in-out;
  221. }
  222.  
  223.  
  224.  
  225. /* SIDEBAR */
  226.  
  227. .container {
  228. background-color: black;
  229. width: 250px;
  230. height: 100%;
  231. padding: 0px;
  232. position: fixed;
  233. margin-left: 0px;
  234. margin-top: -90px;
  235. z-index: 999;}
  236.  
  237. .sidebar {
  238.     z-index: 10;
  239.     overflow:hidden;
  240.     width: 180px;
  241. height: 180px;
  242. position: fixed;
  243. margin-left: 35px;
  244. border-radius: 500px;
  245. margin-top: 240px;
  246. opacity: 1;
  247.  -webkit-transition: opacity 0.6s linear;
  248.     -webkit-transition: all 0.6s ease-in-out;
  249.     -moz-transition: all 0.6s ease-in-out;
  250.     -o-transition: all 0.6s ease-in-out;}
  251.  
  252. .sidebar img {
  253.     position: absolute;
  254.     width: 100%;
  255.     height: 200px;
  256. }
  257.  
  258. .sidebar2 {
  259.     overflow:hidden;
  260.     width: 180px;
  261. height: 180px;
  262. position: fixed;
  263. margin-left: 0px;
  264. border-radius: 500px;
  265. margin-top: 0px;
  266. opacity: 0;
  267.  -webkit-transition: opacity 0.6s linear;
  268.     -webkit-transition: all 0.6s ease-in-out;
  269.     -moz-transition: all 0.6s ease-in-out;
  270.     -o-transition: all 0.6s ease-in-out;}
  271.  
  272. .sidebar2 img {
  273.     position: absolute;
  274.     width: 100%;
  275.     height: 200px;
  276. }
  277.  
  278. .container:hover .sidebar2 {
  279.     opacity: 1;
  280. }
  281.  
  282. .sidebarbg {
  283.        background-image: url({image:Background});
  284.     z-index: 10;
  285.     overflow:hidden;
  286.     width: 210px;
  287. height: 210px;
  288. position: fixed;
  289. margin-left: 20px;
  290. border-radius: 500px;
  291. margin-top: 225px;
  292. opacity: 1;
  293.  -webkit-transition: opacity 0.6s linear;
  294.     -webkit-transition: all 0.6s ease-in-out;
  295.     -moz-transition: all 0.6s ease-in-out;
  296.     -o-transition: all 0.6s ease-in-out;}
  297.  
  298. .header {
  299.      background-image: url({image:Background});
  300.     z-index: 999999;
  301.     overflow:hidden;
  302.     {block:ifposttype2}
  303.     width: 292px;
  304.     {/block:ifposttype2}
  305.     {block:ifposttype1}
  306.     width: 442px;
  307.     {/block:ifposttype1}
  308. height: 75px;
  309. position: fixed;
  310. margin-left: 310px;
  311. margin-top: -90px;
  312. opacity: 1;}
  313.  
  314. .h1, .h2, .h3, .h4, .h5 {
  315.      opacity: 1;
  316.     background-color: {color:Link Gradient 5};
  317.     position: fixed;
  318.     height: 4px;
  319.     {block:ifposttype2}
  320.     width: 58.4px;
  321.     {/block:ifposttype2}
  322.     {block:ifposttype1}
  323.     width: 88.4px;
  324.     {/block:ifposttype1}
  325.     margin-top: 71px;
  326.     {block:ifposttype2}
  327.     margin-left: 0px;
  328.     {/block:ifposttype2}
  329.     {block:ifposttype1}
  330.     margin-left: 0px;
  331.     {/block:ifposttype1}
  332.         -webkit-transition: opacity .6s linear;
  333.     -webkit-transition: all .6s ease-in-out;
  334.     -moz-transition: all .6s ease-in-out;
  335.     -o-transition: all .6s ease-in-out;
  336.    
  337. }
  338.  
  339. .h2 {
  340.     background-color: {color:Link Gradient 4};
  341.     {block:ifposttype2}
  342.     margin-left: 58.4px;
  343.     {/block:ifposttype2}
  344.     {block:ifposttype1}
  345.     margin-left: 88.4px;
  346.     {/block:ifposttype1}
  347. }
  348.  
  349. .h3 {
  350.     background-color: {color:Link Gradient 3};
  351.     {block:ifposttype2}
  352.     margin-left: 116.8px;
  353.     {/block:ifposttype2}
  354.     {block:ifposttype1}
  355.     margin-left: 176.8px;
  356.     {/block:ifposttype1} }
  357.  
  358. .h4 {
  359.     background-color: {color:Link Gradient 2};
  360.     {block:ifposttype2}
  361.     margin-left: 175.2px;
  362.     {/block:ifposttype2}
  363.     {block:ifposttype1}
  364.     margin-left: 265.2px;
  365.     {/block:ifposttype1} }
  366.  
  367. .h5 {
  368.     background-color: {color:Link Gradient 1};
  369.     {block:ifposttype2}
  370.     margin-left: 233.6px;
  371.     {/block:ifposttype2}
  372.     {block:ifposttype1}
  373.     margin-left: 353.6px;
  374.     {/block:ifposttype1} }
  375.  
  376.  
  377. .titlebox {
  378.     overflow: hidden;
  379.         width: 240px;
  380. height: 25px;
  381. position: fixed;
  382. {block:ifposttype2}
  383. margin-left:21px;
  384. {/block:ifposttype2}
  385. {block:ifposttype1}
  386. margin-left: 170px;
  387. {/block:ifposttype1}
  388. margin-top: 50px;
  389.  -webkit-transition: opacity 0.6s linear;
  390.     -webkit-transition: all 0.6s ease-in-out;
  391.     -moz-transition: all 0.6s ease-in-out;
  392.     -o-transition: all 0.6s ease-in-out;
  393. }
  394.  
  395. .blogtitle {
  396.    
  397.     text-align: right;
  398.     color: {color:Blog Title};
  399.     font-family: consolas;
  400.     font-size: 16px;
  401.     font-style: oblique;
  402.     text-transform: none;
  403.     margin-top: 10px;
  404.     text-transform: lowercase;
  405.     letter-spacing: 6px;
  406.      -webkit-transition: opacity 0.4s linear;
  407.     -webkit-transition: all 0.4s ease-in-out;
  408.     -moz-transition: all 0.4s ease-in-out;
  409.     -o-transition: all 0.4s ease-in-out;
  410. }
  411.  
  412. .descbox {
  413.     z-index: 99;
  414.     overflow: hidden;
  415.         width: 180px;
  416. height: 180px;
  417. opacity: 0;
  418. position: fixed;
  419. border-radius: 500px;
  420. margin-left: 35px;
  421. margin-top: 240px;
  422. background-color: rgba(255,255,255,0.5);
  423.  -webkit-transition: opacity 0.6s linear;
  424.     -webkit-transition: all 0.6s ease-in-out;
  425.     -moz-transition: all 0.6s ease-in-out;
  426.     -o-transition: all 0.6s ease-in-out;
  427. }
  428.  
  429. .container:hover .descbox {
  430.     opacity:1;
  431. }
  432.  
  433. .description {
  434.     text-align: center;
  435.     color: {color:Description};
  436.     font-family: consolas;
  437.     font-style: oblique;
  438.     font-size: 10px;
  439.     letter-spacing: 1px;
  440.     text-transform: none;
  441.     padding: 30px;
  442. }
  443.    
  444. /* MUSIC PLAYER */
  445.  
  446. .musicplayerbox {
  447.     z-index: 99999;
  448.     position: fixed;
  449.     overflow: hidden;
  450.     width: 15px;
  451.     height: 15px;
  452.     background-color: none;
  453.     border: 1px solid {color:Borders};
  454.     margin-top: 4px;
  455.     margin-left: 229px;
  456. }
  457.  
  458. .micon {
  459.         position: absolute;
  460.         background-color: none;
  461.    height: 15px;
  462.     width: 15px;
  463.     margin-top: 0px;
  464.     margin-left: 0px;
  465.      -webkit-transition: all .5s ease;transition: all .5s ease;
  466. -moz-transition: all .5s ease;-o-transition: all .5s ease;
  467. }
  468.  
  469. .musicplayerbox:hover .micon {
  470.     margin-left: 20px;
  471. }
  472.  
  473. .musicicon {
  474.     position: absolute;
  475.    height: 12px;
  476.     width: 12px;
  477.     margin-top: 0px;
  478.     margin-left: 2.5px;
  479. }
  480.  
  481. .musicicon img {
  482.     width: 80%;
  483. }
  484.  
  485. .mplayer {
  486.     overflow: hidden;
  487.         position: absolute;
  488.         background-color: none;
  489.    height: 15px;
  490.     width: 15px;
  491.     margin-top: 0px;
  492.     margin-left: -30px;
  493.      -webkit-transition: all .5s ease;transition: all .5s ease;
  494. -moz-transition: all .5s ease;-o-transition: all .5s ease;
  495. }
  496.  
  497. .musicplayerbox:hover .mplayer {
  498.     margin-left: 0px;
  499. }
  500.  
  501. .playerm {
  502.       position: absolute;
  503.    height: 13px;
  504.     width: 13px;
  505.     margin-top: -1.5px;
  506.     margin-left: -22.5px;
  507.    
  508. }
  509.  
  510.  
  511. /* NAVIGATION */
  512.  
  513. .nav1 {
  514.     opacity: 1;
  515.     background-color: {color:Link Gradient 1};
  516.     position: fixed;
  517.     height: 100%;
  518.     width: 50px;
  519.     margin-top: 0px;
  520.     margin-left: 0px;
  521.         -webkit-transition: opacity .6s linear;
  522.     -webkit-transition: all .6s ease-in-out;
  523.     -moz-transition: all .6s ease-in-out;
  524.     -o-transition: all .6s ease-in-out;
  525. }
  526.  
  527. .nav1:hover {
  528.     background-color: {color:Link Gradient 1 Hover};
  529. }
  530.  
  531.  
  532. .nav2 {
  533.      opacity: 1;
  534.      background-color: {color:Link Gradient 2};
  535.     position: fixed;
  536.     height: 100%;
  537.     width: 50px;
  538.     margin-top: 0px;
  539.     margin-left: 50px;
  540.          -webkit-transition: opacity .6s linear;
  541.     -webkit-transition: all .6s ease-in-out;
  542.     -moz-transition: all .6s ease-in-out;
  543.     -o-transition: all .6s ease-in-out;
  544. }
  545.  
  546. .nav2:hover {
  547.     background-color: {color:Link Gradient 2 Hover};
  548. }
  549.  
  550. .nav3 {
  551.      opacity: 1;
  552.      background-color: {color:Link Gradient 3};
  553.     position: fixed;
  554.     height: 100%;
  555.     width: 50px;
  556.     margin-top: 0px;
  557.     margin-left: 100px;
  558.          -webkit-transition: opacity .6s linear;
  559.     -webkit-transition: all .6s ease-in-out;
  560.     -moz-transition: all .6s ease-in-out;
  561.     -o-transition: all .6s ease-in-out;
  562. }
  563.  
  564. .nav3:hover {
  565.     background-color: {color:Link Gradient 3 Hover};
  566. }
  567.  
  568.  
  569.  
  570. .nav4 {
  571.     opacity: 1;
  572.     background-color: {color:Link Gradient 4};
  573.     position: fixed;
  574.     height: 100%;
  575.     width: 50px;
  576.     margin-top: 0px;
  577.     margin-left: 150px;
  578.         -webkit-transition: opacity .6s linear;
  579.     -webkit-transition: all .6s ease-in-out;
  580.     -moz-transition: all .6s ease-in-out;
  581.     -o-transition: all .6s ease-in-out;
  582. }
  583.  
  584. .nav4:hover {
  585.     background-color: {color:Link Gradient 4 Hover};
  586. }
  587.  
  588. .nav5 {
  589.     opacity: 1;
  590.     background-color: {color:Link Gradient 5};
  591.     position: fixed;
  592.     height: 100%;
  593.     width: 50px;
  594.     margin-top: 0px;
  595.     margin-left: 200px;
  596.         -webkit-transition: opacity .6s linear;
  597.     -webkit-transition: all .6s ease-in-out;
  598.     -moz-transition: all .6s ease-in-out;
  599.     -o-transition: all .6s ease-in-out;
  600. }
  601.  
  602. .nav5:hover {
  603.     background-color: {color:Link Gradient 5 Hover};
  604. }
  605.  
  606.  
  607.  
  608.  
  609. /* TITLES */
  610.  
  611. .title {
  612. text-align: left;
  613. border-left: 4px solid {color:Title Border};
  614.  font-size: 10px;
  615. font-style: oblique;
  616. padding: 5px;
  617. padding-left: 10px;
  618. line-height: 13px;
  619. letter-spacing: 5px;
  620. text-transform: lowercase;
  621. color: {color:Post Title};}
  622.  
  623. .quote {
  624. background: {color:Post BG};
  625. padding:25px;
  626. font-size:10px;
  627. font-family: consolas;
  628. letter-spacing: 0px;
  629. text-transform:none;
  630. color: {color:Text};}
  631.  
  632. .source {
  633. font-size:8px;
  634. letter-spacing: 2px;
  635. padding: 8px;
  636. text-align:right;
  637. font-style:none;
  638. font-weight:none;
  639. text-transform:none;}
  640.  
  641. .answer {margin:10px;}
  642.  
  643. /* PERMALINKS */
  644.  
  645. .like_button {
  646. position:relative;
  647. display:inline-block;
  648. cursor:pointer!important;
  649. overflow:hidden;}
  650. .like_button iframe {
  651. position:absolute;
  652. top:0;
  653. left:0;
  654. width:100%;
  655. height:100%;
  656. opacity:0;}
  657. .like_button::before {
  658. content:'♥';
  659. color: {color:Permalink Icon};
  660. font-family:'calibri'!important;
  661. text-transform:lowercase!important;
  662. position:relative;
  663. font-size:13px;
  664. margin-top: 2px;
  665. -webkit-transition: all 0.5s ease-in-out;
  666. -moz-transition: all 0.5s ease-in-out;
  667. -o-transition: all 0.5s ease-in-out;
  668. -ms-transition: all 0.5s ease-in-out;
  669. transition: all 0.5s ease-in-out;}
  670. .like_button:hover::before, .like_button.liked::before {
  671. color: {color:Permalink Icon Hover};
  672. cursor:pointer!important;
  673. -webkit-transition: all 0.5s ease-in-out;
  674. -moz-transition: all 0.5s ease-in-out;
  675. -o-transition: all 0.5s ease-in-out;
  676. -ms-transition: all 0.5s ease-in-out;
  677. transition: all 0.5s ease-in-out;}
  678.  
  679. .entry:hover #perma  {
  680. opacity:1;
  681. -webkit-transition: all 0.9s ease;
  682. -moz-transition: all 0.9s ease;
  683. height: 100%;}
  684.  
  685. #perma {
  686. top: 0;
  687. left:0;
  688. text-align: center;
  689. position: absolute;
  690. background: rgba(255,255,255,0.7);
  691. {block:ifposttype2}
  692. width: 290px;
  693. {block:ifposttype2}
  694. {block:ifposttype1}
  695. width: 440px;
  696. {block:ifposttype1}
  697. height: 100%;
  698. opacity:0;
  699. -webkit-transition: all 0.9s ease;
  700. -moz-transition: all 0.9s;}
  701.  
  702. .posies {
  703. top: 0%;
  704. margin-left:auto;
  705. margin-right: auto;
  706. z-index:999;
  707. position: relative;
  708. background: none;
  709. opacity:1;
  710. -webkit-transition: all 0.9s ease;
  711. -moz-transition: all 0.9s;}
  712.  
  713. .entry:hover .posies { top: 50%;}
  714.  
  715. .poppies {
  716. margin-top: 0px;
  717. margin-left:auto;
  718. margin-right: auto;
  719. z-index:999;
  720. position: relative;
  721. background: none;
  722. width: 100px;
  723. height: 20px;
  724. opacity:1;  
  725. text-align: center;
  726. word-spacing: 5px;
  727. font-size: 13px;
  728. font-style: normal;}
  729.  
  730. #txtperma {
  731. overflow: hidden;
  732. bottom: 0;
  733. left:0;
  734. text-align: center;
  735. position: absolute;
  736. {block:ifposttype2}
  737. width: 290px;
  738. {block:ifposttype2}
  739. {block:ifposttype1}
  740. width: 440px;
  741. {block:ifposttype1}
  742. height: 25px;
  743. opacity:1;
  744. -webkit-transition: all 0.7s ease;
  745. -moz-transition: all 0.7s;}
  746.  
  747. .p1, .p2, .p3, .p4 {
  748. opacity: 1;
  749. background-color: {color:Link Gradient 1};
  750. position: absolute;
  751. height: 4px;
  752. bottom: 0px;
  753. width: 40px;
  754. right : 0px;
  755. -webkit-transition: opacity .6s linear;
  756. -webkit-transition: all .6s ease-in-out;
  757. -moz-transition: all .6s ease-in-out;
  758. -o-transition: all .6s ease-in-out;
  759. }
  760.  
  761. .p1:hover {
  762. background-color: {color:Link Gradient 1 Hover};
  763. }
  764.  
  765. .p2 {
  766. background-color: {color:Link Gradient 2};
  767. right: 40px;
  768. }
  769.  
  770. .p2:hover {
  771. background-color: {color:Link Gradient 2 Hover};
  772. }
  773.  
  774. .p3 {
  775. background-color: {color:Link Gradient 3};
  776. right: 80px;
  777. }
  778.  
  779. .p3:hover {
  780. background-color: {color:Link Gradient 3 Hover};
  781. }
  782.  
  783. .p4 {
  784. background-color: {color:Link Gradient 4};
  785. right: 120px;
  786. }
  787.  
  788. .p4:hover {
  789. background-color: {color:Link Gradient 4 Hover};
  790. }
  791.  
  792. #permalink {
  793. {block:PermalinkPage}
  794. text-align:center;
  795. margin-top:5px;
  796. padding:10px;
  797. font-size:10px;
  798. letter-spacing: 2px;
  799. text-transform:lowercase;
  800. color: {color:Text};
  801. {/block:PermalinkPage}}
  802.  
  803. .tags { padding: 10px;}
  804.  
  805. /*PAGINATION*/
  806.  
  807. #paginwrapper {
  808.     background-color: none;
  809.     opacity: 1;
  810.     position: fixed;
  811.     height: 20px;
  812.     width: 125px;
  813.     margin-top: 50px;
  814.     margin-left: 5px;
  815.     z-index: 999;
  816.      -webkit-transition: opacity 0.6s linear;
  817.     -webkit-transition: all 0.6s ease-in-out;
  818.     -moz-transition: all 0.6s ease-in-out;
  819.     -o-transition: all 0.6s ease-in-out;
  820. }
  821.  
  822. .jump_page {
  823. padding-top: 3px;
  824. padding-left: 4px;
  825. padding-right: 4px;
  826. padding-bottom: 3px;
  827. background-color: {color:Pagination};
  828. border: 1px solid {color:Borders};
  829. color: {color:Text};
  830. font-size:10px;
  831. text-decoration:none;
  832. }
  833.  
  834. .current_page, .jump_page:hover {
  835. padding-top: 3px;
  836. padding-left: 4px;
  837. padding-right: 4px;
  838. padding-bottom: 3px;
  839. background-color: {color:Pagination};
  840. border: 1px solid {color:Border};
  841. color: {color:Hover};
  842. font-size:10px;
  843. }
  844.  
  845.  
  846. /* AUDIO */
  847.  
  848. .newplayerbutton {
  849.                 position: relative;
  850.                 width: 28px;
  851.                 height: 27px;
  852.                 overflow: hidden;
  853.             }
  854.            
  855.             .playerbuttonhug {
  856.                 position: absolute;
  857.                 top: -11px;
  858.                 left: -10px;
  859.             }
  860.  
  861.  
  862.             .tumblr_audio_player {
  863.                 border: none;
  864.                 padding: 0px;
  865.                 margin: 0px;
  866.                 height: 50px;
  867.                 width: 500px;
  868.             }
  869.  
  870.             .playerbuttonbg {
  871.                 position: absolute;
  872.                 left: 15px;
  873.                 top: 15px;
  874.                 width: 28px;
  875.                 height: 28px;
  876.                 background-color: #ffffff;
  877.                 padding: 10px;
  878.                 -webkit-border-radius: 40px;
  879.                 -moz-border-radius: 40px;
  880.                 border-radius: 40px;
  881.                 opacity: .4;
  882.                 filter: alpha(opacity=40);
  883.                 -moz-opacity: 0.4;
  884.                  -khtml-opacity: 0.4;
  885.                 transition: opacity .7s ease-in-out;
  886.                 -moz-transition: opacity .7s ease-in-out;
  887.                 -webkit-transition: opacity .7s ease-in-out;
  888.             }
  889.            
  890.             .playerbuttonbg:hover {
  891.                 opacity: 1;
  892.                     filter: alpha(opacity=100);
  893.                     -moz-opacity: 1;
  894.                     -khtml-opacity: 1;
  895.             }
  896.  
  897.             .audioimgwrapper {
  898.                 position: absolute;
  899.                 left: 0px;
  900.                 top: 0px;
  901.                 -webkit-border-radius: 50px;
  902.                 -moz-border-radius: 50px;
  903.                 border-radius: 50px;                
  904.                 overflow: hidden;
  905.                 width: 78px;
  906.                 height: 78px;
  907.             }
  908.            
  909.             .audioimgwrapper img {
  910.                 width: 100%;
  911.                 height: auto;      
  912.                 -webkit-border-radius: 50px;
  913.                 -moz-border-radius: 50px;
  914.                 border-radius: 50px;                
  915.             }
  916.            
  917.             .trackdetails {
  918.                 width: auto;
  919.                 display:inline-block;
  920.                 margin-left: 100px;
  921.                 min-height: 85px;
  922.             }
  923.            
  924.             .audiowrapper {
  925.                 position: relative;
  926.                 display:inline-block;
  927.             }
  928.  
  929. /* TEXT */
  930.  
  931. i, em { color:{color:Italic};}
  932.  
  933. b, strong {
  934. color:{color:Bold};
  935. letter-spacing: 3px;}
  936.  
  937. ul,ol {
  938. margin-top: 0px;
  939. margin-left: 25px;
  940. padding: 5px;}
  941.  
  942. p {
  943. margin-top:5px;
  944. padding: 5px;
  945. }
  946.    
  947. u {
  948. text-decoration:none;
  949. color: {color:Underline};
  950. letter-spacing: 1px;
  951. border-bottom:1px solid {color:Underline};}
  952.  
  953. blockquote {
  954. border-left: 2px solid {color:Blockquote};
  955.     margin: 3px;
  956.     padding: 2px 5px;
  957. }
  958.  
  959. .text {
  960.     padding: 5px
  961.     text-align: justify;
  962. }
  963.  
  964. /* MISC */
  965.  
  966. #warning {
  967.     z-index: -10000;
  968.     position: fixed;
  969.     top: 0;left: 0;
  970.     width: 100%;
  971.     height: 100%;
  972.     background-color: rgba(255,255,255,0.8);
  973.     color: #000;
  974.     text-align: center;
  975.     text-transform: uppercase;
  976.     padding-top: 250px;
  977.     font-family: consolas;
  978.     font-size: 13px;
  979.     letter-spacing: 4px;
  980.     opacity: 0;
  981.     {block:ifposttype1}
  982.     {block:ifposttype2}opacity: 1;z-index:10000;{/block:ifposttype2}
  983.     {/block:ifposttype1}
  984.     {block:ifnotposttype1}{block:ifnotposttype2}opacity: 1;z-index:10000;{/block:ifnotposttype2}{/block:ifnotposttype1}
  985. }
  986.  
  987. .c img{
  988.     padding-left: 2.5px;
  989.     padding-top: 2px;
  990.      border-radius: 500px;
  991.     opacity: 0;
  992.     width:25px;
  993. height: 25px;
  994. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  995. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  996.  
  997. .c{overflow: hidden; position:fixed;right:7px;bottom:7px; background-color: rgba(0,0,0,0.3);
  998. width: 30px; height: 30px; border-radius: 500px;}
  999.  
  1000.  
  1001. .c img:hover{
  1002.     opacity: 1;
  1003. }
  1004.  
  1005.  
  1006. .popup_block{
  1007. display:none;
  1008. padding:20px;
  1009. float:left;
  1010. position:fixed;
  1011. top:50%;left:50%;
  1012. z-index: 99999;}
  1013.  
  1014. img.btn_close {float: right;margin: -20 -20px 0 0;}
  1015. *html #fade {position: absolute;}
  1016. *html .popup_block {position: absolute;}
  1017. #fade {display:none;background:#fff;position:fixed;left:0;top:0;
  1018. width:100%;height:100%;opacity:0.8;z-index:9999;}
  1019.  
  1020. .l .odd{display:block;padding:5px 5px;}
  1021. .l .even{display:block;background: rgba(255,255,255,0.6);padding:5px 5px;}
  1022.  
  1023. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  1024. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  1025. border-radius:10px;border-top-left-radius:0px;background:#000;}
  1026.  
  1027. ::selection {color: {color:Hover};}
  1028. ::-moz-selection {color: {color:Hover};}
  1029. ::-webkit-selection{color: {color:Hover};}
  1030.  
  1031. img{ margin-bottom:-3px;}
  1032.  
  1033. /* POSTNOTES */
  1034.  
  1035. ol.notes a{letter-spacing:2px;}
  1036. ol.notes {
  1037. list-style:none;
  1038. font-size:10px;
  1039. letter-spacing: 2px;
  1040. line-height: 18px;
  1041. margin-top:20px;
  1042. text-transform:none;}
  1043.  
  1044. ol.notes li.note img.avatar {
  1045. vertical-align:-5px;
  1046. margin-right:5px;
  1047. width:20px;
  1048. padding:4px;
  1049. border:1px solid {color:Borders};}
  1050.  
  1051. ol.notes li.note {margin:5px 0px 10px -20px;}
  1052. ol.notes li.note span.action {font-style: normal;}
  1053. ol.notes li.note .answer_content {font-weight: normal;}
  1054. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  1055.  
  1056. </style>
  1057.  
  1058. {block:indexpage}
  1059. {block:ifinfinitescroll}
  1060. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  1061.  
  1062. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1063. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
  1064. {/block:ifinfinitescroll}
  1065. {/block:indexpage}
  1066.  
  1067.  
  1068. </head>
  1069. <body>
  1070.  
  1071. <div id="warning">please select only one post size</div>
  1072.  
  1073. <div class="header">
  1074.     <div class="h1"></div>
  1075.     <div class="h2"></div>
  1076.     <div class="h3"></div>
  1077.     <div class="h4"></div>
  1078.     <div class="h5"></div>
  1079.     <div class="titlebox">
  1080.     <div class="blogtitle">{Title}</div>
  1081. </div>
  1082.  {block:ifnotinfinitescroll}
  1083. {block:Pagination}
  1084.  
  1085.  <div id="paginwrapper">
  1086. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page class2">&larr;</a>{/block:PreviousPage}
  1087. {block:JumpPagination length="0"}
  1088. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1089. {block:JumpPage}<a class="jump_page class2" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1090. {block:NextPage}<a href="{NextPage}" class="jump_page class2">&rarr;</a>{/block:NextPage}
  1091.      
  1092.  </div>
  1093. {/block:Pagination}
  1094. {/block:ifnotinfinitescroll}
  1095. </div><!--header-->
  1096.  
  1097. <div class="container">
  1098.  
  1099. {block:ifmusicplayer}
  1100. <div class="musicplayerbox">
  1101. <div class="micon"><div class="musicicon"><img src="http://static.tumblr.com/cbjpgjf/5fxmw4sjt/download.gif"/></div></div>
  1102. <div class="mplayer"><div class="playerm">
  1103. {text:Music Code}        
  1104. </div></div>
  1105. </div>
  1106. {/block:ifmusicplayer}
  1107.  
  1108. <div class="sidebarbg"><img src="{image:sidebarbg}"></div>
  1109. <div class="sidebar"><a href="/"><img src="{image:sidebar}"></a>
  1110. <div class="sidebar2"><a href="/"><img src="{image:sidebar2}"></a>
  1111.    
  1112. </div>
  1113. </div>
  1114.  
  1115.    <div class="descbox">
  1116.     <div class="description">{Description}</div>
  1117. </div>
  1118.  
  1119. <a href="{text:Link 1}"title="{text:Link 1 Title}"><div class="nav1"></div></a>    
  1120.  
  1121.  
  1122. <a href="{text:Link 2}"title="{text:Link 2 Title}"><div class="nav2"></div></a>    
  1123.  
  1124. <a href="{text:Link 3}"title="{text:Link 3 Title}"><div class="nav3"></div></a>
  1125.  
  1126. <a href="{text:Link 4}"title="{text:Link 4 Title}"><div class="nav4"></div></a>
  1127.  
  1128. <a href="{text:Link 5}"title="{text:Link 5 Title}"><div class="nav5"></div></a>
  1129.  
  1130.    
  1131. </div><!--container-->
  1132.  
  1133. <div id="content">
  1134. {block:Posts}
  1135.  
  1136. <div class="entry">
  1137.  
  1138. {block:Text}
  1139. {block:IndexPage}
  1140. <div id="txtperma">
  1141. <a href="{ReblogParentURL}" target="_blank" title="via">
  1142. <div class="p1"></div>
  1143. </a>
  1144. <a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}">
  1145. <div class="p2"></div>
  1146. </a>
  1147. <a href="{Permalink}" target="_blank" title="{Month} {DayOfMonth} {Year}">
  1148. <div class="p3"></div>
  1149. </a>
  1150. <a href="{ReblogURL}" target="_blank" title="reblog me">
  1151. <div class="p4"></div>
  1152. </a>
  1153. </div>
  1154. {/block:IndexPage}
  1155. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  1156. {/block:Text}
  1157.  
  1158. {block:Link}
  1159. {block:IndexPage}
  1160. <div id="txtperma">
  1161. <a href="{ReblogParentURL}" target="_blank" title="via">
  1162. <div class="p1"></div>
  1163. </a>
  1164. <a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}">
  1165. <div class="p2"></div>
  1166. </a>
  1167. <a href="{Permalink}" target="_blank" title="{Month} {DayOfMonth} {Year}">
  1168. <div class="p3"></div>
  1169. </a>
  1170. <a href="{ReblogURL}" target="_blank" title="reblog me">
  1171. <div class="p4"></div>
  1172. </a>
  1173. </div>
  1174. {/block:IndexPage}
  1175. <a href="{URL}"><span class="title">{Name}
  1176. <font style="font-style: normal;"><span class="fontawesome-chevron-right"></span></font>
  1177. </span></a>
  1178. {block:Description}{Description}{/block:Description}
  1179. {/block:Link}
  1180.  
  1181. {block:Photo}
  1182. {block:IndexPage}
  1183. <div id="perma">
  1184. <div class="posies">
  1185. <div class="poppies">
  1186. <a href="{ReblogURL}" target="_blank" class="class2" title="reblog me"><span class="fontawesome-retweet"></span></a>
  1187. <a href="{Permalink}" class="class2" title="info"><span class="fontawesome-link"></span></a>
  1188. {LikeButton}
  1189. </div>    
  1190. </div>
  1191. </div>
  1192. {/block:IndexPage}
  1193. <a href="{Permalink}">
  1194. {block:IndexPage}
  1195. {block:ifposttype1}<center><img src="{PhotoURL-400}"></center>{/block:ifposttype1}
  1196. {block:ifposttype2}<center><img src="{PhotoURL-250}"></center>{/block:ifposttype2}
  1197. {/block:IndexPage}
  1198. {block:PermalinkPage}
  1199. {block:ifposttype2}<center><img src="{PhotoURL-250}"></center>{/block:ifposttype2}
  1200. {block:ifposttype1}<center><img src="{PhotoURL-400}"></center>{/block:ifposttype1}
  1201. {/block:PermalinkPage}
  1202. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1203. {/block:Photo}
  1204.  
  1205. {block:Photoset}
  1206. {block:IndexPage}
  1207. <div id="perma">
  1208. <div class="posies">
  1209. <div class="poppies">
  1210. <a href="{ReblogURL}" target="_blank" class="class2"><span class="fontawesome-retweet"></span></a>
  1211. <a href="{Permalink}" class="class2"><span class="fontawesome-link"></span></a>
  1212. {LikeButton}
  1213. </div>    
  1214. </div>
  1215. </div>
  1216. {/block:IndexPage}
  1217. {block:IndexPage}
  1218. {block:ifposttype1}{Photoset-400}{/block:ifposttype1}
  1219. {block:ifposttype2}{Photoset-250}{/block:ifposttype2}
  1220. {/block:IndexPage}
  1221. {block:PermalinkPage}
  1222. {block:ifposttype2}{Photoset-250}{/block:ifposttype2}
  1223. {block:ifposttype1}{Photoset-400}{/block:ifposttype1}
  1224. {/block:PermalinkPage}
  1225. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1226. {/block:Photoset}
  1227.  
  1228. {block:Quote}
  1229. {block:IndexPage}
  1230. <div id="txtperma">
  1231. <a href="{ReblogParentURL}" target="_blank" title="via">
  1232. <div class="p1"></div>
  1233. </a>
  1234. <a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}">
  1235. <div class="p2"></div>
  1236. </a>
  1237. <a href="{Permalink}" target="_blank" title="{Month} {DayOfMonth} {Year}">
  1238. <div class="p3"></div>
  1239. </a>
  1240. <a href="{ReblogURL}" target="_blank" title="reblog me">
  1241. <div class="p4"></div>
  1242. </a>
  1243. </div>
  1244. {/block:IndexPage}
  1245. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  1246. {/block:Quote}
  1247.  
  1248. {block:Chat}
  1249. {block:IndexPage}
  1250. <div id="txtperma">
  1251. <a href="{ReblogParentURL}" target="_blank" title="via">
  1252. <div class="p1"></div>
  1253. </a>
  1254. <a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}">
  1255. <div class="p2"></div>
  1256. </a>
  1257. <a href="{Permalink}" target="_blank" title="{Month} {DayOfMonth} {Year}">
  1258. <div class="p3"></div>
  1259. </a>
  1260. <a href="{ReblogURL}" target="_blank" title="reblog me">
  1261. <div class="p4"></div>
  1262. </a>
  1263. </div>
  1264. {/block:IndexPage}
  1265. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1266. {block:Lines}
  1267. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  1268. {block:Label}<font style="text-transform: uppercase; font-style: normal; letter-spacing: 1px;">{Label}</font> {/block:Label}
  1269. {Line}</div></div>{/block:Lines}
  1270. <br>
  1271. {/block:Chat}
  1272.  
  1273. {block:AudioPlayer}
  1274. {block:IndexPage}
  1275. <div id="txtperma">
  1276. <a href="{ReblogParentURL}" target="_blank" title="via">
  1277. <div class="p1"></div>
  1278. </a>
  1279. <a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}">
  1280. <div class="p2"></div>
  1281. </a>
  1282. <a href="{Permalink}" target="_blank" title="{Month} {DayOfMonth} {Year}">
  1283. <div class="p3"></div>
  1284. </a>
  1285. <a href="{ReblogURL}" target="_blank" title="reblog me">
  1286. <div class="p4"></div>
  1287. </a>
  1288. </div>
  1289. {/block:IndexPage}
  1290.         <div class="audiowrapper">
  1291.         {block:AlbumArt}
  1292.             <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1293.         {/block:AlbumArt}
  1294.        
  1295.         <div class="playerbuttonbg">
  1296.             <div class="newplayerbutton">
  1297.                 <div class="playerbuttonhug">
  1298.            
  1299.                     {AudioPlayerWhite}
  1300.            
  1301.                 </div>
  1302.             </div>
  1303.         </div>
  1304.        
  1305.         <div class="trackdetails">
  1306.            
  1307.                 {block:TrackName}<b>TITLE:</b> {TrackName}{/block:TrackName}<br><br>
  1308.                 {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br><br>
  1309.                 {block:Album}<b>ALBUM:</b> {Album}{/block:Album}<br><br>
  1310.                 <b>PLAYS:</b> {PlayCountWithLabel}
  1311.    
  1312.         </div>
  1313.         </div>
  1314.            {block:Caption}{Caption}{/block:Caption}
  1315.         {/block:AudioPlayer}
  1316.  
  1317. {block:Video}
  1318. {block:IndexPage}
  1319. <div id="txtperma">
  1320. <a href="{ReblogParentURL}" target="_blank" title="via">
  1321. <div class="p1"></div>
  1322. </a>
  1323. <a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}">
  1324. <div class="p2"></div>
  1325. </a>
  1326. <a href="{Permalink}" target="_blank" title="{Month} {DayOfMonth} {Year}">
  1327. <div class="p3"></div>
  1328. </a>
  1329. <a href="{ReblogURL}" target="_blank" title="reblog me">
  1330. <div class="p4"></div>
  1331. </a>
  1332. </div>
  1333. {/block:IndexPage}
  1334. {block:IndexPage}
  1335. {block:ifposttype1}{Video-400}{/block:ifposttype1}
  1336. {block:ifposttype2}{Video-250}{/block:ifposttype2}
  1337. {/block:IndexPage}
  1338. {block:PermalinkPage}
  1339. {block:ifposttype2}{Video-250}{/block:ifposttype2}
  1340. {block:ifposttype1}{Video-400}{/block:ifposttype1}
  1341. {/block:PermalinkPage}
  1342. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1343. {/block:Video}
  1344.  
  1345. {block:Answer}
  1346. {block:IndexPage}
  1347. <div id="txtperma">
  1348. <a href="{ReblogParentURL}" target="_blank" title="via">
  1349. <div class="p1"></div>
  1350. </a>
  1351. <a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}">
  1352. <div class="p2"></div>
  1353. </a>
  1354. <a href="{Permalink}" target="_blank" title="{Month} {DayOfMonth} {Year}">
  1355. <div class="p3"></div>
  1356. </a>
  1357. <a href="{ReblogURL}" target="_blank" title="reblog me">
  1358. <div class="p4"></div>
  1359. </a>
  1360. </div>
  1361. {/block:IndexPage}
  1362. <div class="quote">{Question} → <b>{Asker}</b></div>
  1363. <div class="answer">{Answer}</div>
  1364. {/block:Answer}
  1365.  
  1366. {block:PermalinkPage}
  1367. <div id="permalink">
  1368. {block:Date}
  1369. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  1370. {block:NoteCount} |
  1371. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  1372. {block:RebloggedFrom}
  1373. | <a href="{ReblogParentURL}" title="{ReblogParentName}" >via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}" >source</a>
  1374. {/block:RebloggedFrom}
  1375.  
  1376.  
  1377. {block:HasTags}
  1378. <div class="tags">
  1379. Filed Under:
  1380. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  1381. {/block:Tags}
  1382. </div></div>
  1383. {/block:HasTags}
  1384. {/block:PermalinkPage}
  1385.  
  1386.  
  1387. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1388.  
  1389. </div>
  1390. {/block:Posts}
  1391. </div>
  1392.  
  1393.  
  1394. <div class="c">
  1395. <a href="http://nff-themes.tumblr.com"><img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png"></a>
  1396. </div>
  1397.  
  1398.  
  1399.  
  1400.  
  1401.  
  1402.  
  1403. </body>
  1404. </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!