SHARE
TWEET

#51 / badbye (contained)

scftlcves Jan 19th, 2019 (edited) 793 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  6.  
  7. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Cabin|Karla|Muli|Open+Sans|Oxygen|Roboto+Mono|Saira Semi Condensed" rel="stylesheet">
  8.  
  9. <script src="//use.edgefonts.net/cooper-black-std.js"></script>
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!----
  19.  
  20.  
  21. theme #51 (badbye / contained version) by ali (@scftlcves)
  22.  
  23.  
  24. symbol font: https://themehive.co/honeybee
  25.  
  26. body fonts: https://fonts.google.com/
  27.  
  28. title font: https://edgewebfonts.adobe.com/fonts
  29.  
  30. tumblr controls: https://cyantists.tumblr.com/post/163728517915/fix-tumblrs-new-controls-i-have-come-up-with-3
  31.  
  32. audio player: https://octomoosey.tumblr.com/post/165373017577/hi-g-im-in-the-process-of-creating-my-own-theme
  33.  
  34. photoset gutters: https://shythemes.tumblr.com/post/113728114758/tutorial-pixel-union-photosets
  35.  
  36. --->
  37.  
  38. <meta name="image:Container" content="">
  39. <meta name="image:Icon" content="https://via.placeholder.com/55x55">
  40. <meta name="image:Sidebar BG" content="https://via.placeholder.com/330x430"/>
  41. <meta name="image:Background" content=""/>
  42.  
  43. <meta name="color:Background" content="#f0f0f0"/>
  44. <meta name="color:Blockquote" content="#e7e7e7"/>
  45. <meta name="color:Bold" content="bd9482"/>
  46. <meta name="color:Border" content="#e7e7e7"/>
  47. <meta name="color:Container" content="#ebebeb"/>
  48. <meta name="color:Entries" content="#f3f3f3"/>
  49. <meta name="color:Gradient One" content="c1afd4"/>
  50. <meta name="color:Gradient Two" content="aed4b9"/>
  51. <meta name="color:Gradient Text" content="bebebe"/>
  52. <meta name="color:Italic" content="bd9482"/>
  53. <meta name="color:Link" content="#313131"/>
  54. <meta name="color:Permalink" content="#f0f0f0"/>
  55. <meta name="color:Permalink Icons" content="#f8f8f8"/>
  56. <meta name="color:Scrollbar" content="#bd9482"/>
  57. <meta name="color:Tags" content="#bd9482"/>
  58. <meta name="color:Text" content="#5a5a5a"/>
  59. <meta name="color:Title" content="#bd9482"/>
  60.  
  61. <meta name="select:Bullet symbol" content="\ebc6" title="Arrow" />
  62. <meta name="select:Bullet symbol" content="\ec56" title="Circle" />
  63. <meta name="select:Bullet symbol" content="\ea55" title="Heart" />
  64. <meta name="select:Bullet symbol" content="\eabe" title="Minus" />
  65. <meta name="select:Bullet symbol" content="\eb21" title="Plus" />
  66. <meta name="select:Bullet symbol" content="\eb2f" title="Push pin" />
  67. <meta name="select:Bullet symbol" content="\eb68" title="Star" />
  68. <meta name="select:Bullet symbol" content="\eca9" title="Quote 1" />
  69. <meta name="select:Bullet symbol" content="\eca8" title="Quote 2" />
  70. <meta name="select:Bullet symbol" content="\eacc" title="X 1" />
  71. <meta name="select:Bullet symbol" content="\ec8e" title="X 2" />
  72.  
  73. <meta name="select:Border radius" content="0px" title="0px" />
  74. <meta name="select:Border radius" content="3px" title="3px" />
  75. <meta name="select:Border radius" content="5px" title="5px" />
  76. <meta name="select:Border radius" content="8px" title="8px" />
  77.  
  78. <meta name="select:Opacity" content="1.0" title="100%" />
  79. <meta name="select:Opacity" content="0.9" title="90%" />
  80. <meta name="select:Opacity" content="0.8" title="80%" />
  81. <meta name="select:Opacity" content="0.7" title="70%" />
  82. <meta name="select:Opacity" content="0.6" title="60%" />
  83.  
  84. <meta name="select:Post titles" content="uppercase" title="Uppercase" />
  85. <meta name="select:Post titles" content="lowercase" title="Lowercase" />
  86.  
  87. <meta name="select:Body font" content="ABeeZee" title="ABeeZee" />
  88. <meta name="select:Body font" content="Cabin" title="Cabin" />
  89. <meta name="select:Body font" content="Karla" title="Karla" />
  90. <meta name="select:Body font" content="Muli" title="Muli" />
  91. <meta name="select:Body font" content="Open Sans" title="Open Sans" />
  92. <meta name="select:Body font" content="Oxygen" title="Oxygen" />
  93. <meta name="select:Body font" content="Roboto Mono" title="Roboto Mono" />
  94.  
  95. <meta name="select:Bold font" content="Cooper-Black-Std" title="Cooper Black" />
  96. <meta name="select:Bold font" content="Banggar" title="Banggar" />
  97. <meta name="select:Bold font" content="Desyanti" title="Desyanti" />
  98. <meta name="select:Bold font" content="Jean Jingga" title="Jean Jingga" />
  99. <meta name="select:Bold font" content="Subsky" title="Subsky" />
  100. <meta name="select:Bold font" content="Sweet Patterson" title="Sweet Patterson" />
  101.  
  102. <meta name="select:Text size" content="9px" title="9px"/>
  103. <meta name="select:Text size" content="10px" title="10px"/>
  104. <meta name="select:Text size" content="11px" title="11px"/>
  105. <meta name="select:Text size" content="12px" title="12px"/>
  106.  
  107. <meta name="select:Styled bold size" content="6px" title="+6 font size"/>
  108. <meta name="select:Styled bold size" content="10px" title="+10 font size"/>
  109. <meta name="select:Styled bold size" content="14px" title="+14 font size"/>
  110. <meta name="select:Styled bold size" content="18px" title="+18 font size"/>
  111. <meta name="select:Styled bold size" content="22px" title="+22 font size"/>
  112.  
  113. <meta name="text:Text input description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.">
  114.  
  115. <meta name="text:Sidebar title" content="Lorem ipsum dolor sit amet"/>
  116. <meta name="text:Sidebar subtitle" content="Lorem ipsum dolor sit amet"/>
  117. <meta name="text:Online counter" content="freehostedscripts"/>
  118. <meta name="text:Total counter" content="freehostedscripts"/>
  119.  
  120. <meta name="text:Link one url" content="oneurl">
  121. <meta name="text:Link one text" content="one">
  122. <meta name="text:Link two url" content="twourl">
  123. <meta name="text:Link two text" content="two">
  124. <meta name="text:Link three url" content="threeurl">
  125. <meta name="text:Link three text" content="three">
  126.  
  127. <meta name="select:Post size" content="540" title="540px" />
  128. <meta name="select:Post size" content="500" title="500px" />
  129. <meta name="select:Post size" content="450" title="450px" />
  130. <meta name="select:Post size" content="400" title="400px" />
  131. <meta name="select:Post size" content="350" title="350px" />
  132. <meta name="select:Post size" content="300" title="300px" />
  133. <meta name="select:Post size" content="250" title="250px" />
  134.  
  135. <meta name="if:Gradient BG" content="1"/>
  136. <meta name="if:Styled bold" content="1"/>
  137. <meta name="if:Bolden the bold" content="1"/>
  138. <meta name="if:Navigation style 1" content="1"/>
  139. <meta name="if:Navigation style 2" content="0"/>
  140. <meta name="if:Ask style 1" content="1"/>
  141. <meta name="if:Ask style 2" content="0"/>
  142. <meta name="if:Permalink style 1" content="1"/>
  143. <meta name="if:Permalink style 2" content="0"/>
  144. <meta name="if:Text input description" content="1"/>
  145. <meta name="if:Default description" content="0"/>
  146. <meta name="if:Borders" content="1"/>
  147. <meta name="if:Grayscale posts" content="0"/>
  148. <meta name="if:Uppercase tags" content="1"/>
  149. <meta name="if:Uppercase desc option" content="0"/>
  150. <meta name="if:Smallcaps desc option" content="0"/>
  151.  
  152.  
  153. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  154.  
  155. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  156.  
  157. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script
  158.  
  159. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  160.  
  161. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  162.  
  163. <script>
  164.  
  165. (function($){
  166.  
  167. $(document).ready(function(){
  168.  
  169. $("a[title]").style_my_tooltips({
  170.  
  171. tip_follows_cursor:true,
  172.  
  173. tip_delay_time:90,
  174.  
  175. tip_fade_speed:600,
  176.  
  177. attribute:"title"
  178.  
  179. });
  180.  
  181. });
  182.  
  183. })(jQuery);
  184.  
  185. </script>
  186.  
  187. <style type="text/css">
  188.  
  189. @font-face {
  190.     font-family: "banggar";
  191.     src: url('https://dl.dropbox.com/s/yfp4z6732isds2f/Banggar%20Signature%20Font%20-%20TTF%20Dafont.ttf?dl=0'); ;}
  192.    
  193. @font-face {
  194.     font-family: "desyanti";
  195.     src: url('https://dl.dropbox.com/s/d5rjwe1pqgpchjr/Desyanti.ttf?dl=0'); ;}
  196.    
  197. @font-face {
  198.     font-family: "jean jingga";
  199.     src: url('https://dl.dropbox.com/s/d2zj2ft9q2guu9p/Jean%20Jingga%20-%20TTF.ttf?dl=0'); ;}
  200.    
  201. @font-face {
  202.     font-family: "subsky";
  203.     src: url('https://dl.dropbox.com/s/l5k8weg7vsgybcw/Subsky-demo%20version.ttf?dl=0'); ;}
  204.    
  205. @font-face {
  206.     font-family: "sweet patterson";
  207.     src: url('https://dl.dropbox.com/s/uzjhwsi2qmbwbnv/SweetPattersonDEMO.ttf?dl=0'); ;}
  208.  
  209. iframe.tmblr-iframe {
  210.     z-index:99999999999999!important;
  211.     right:5px!important;
  212.     top:5px!important;
  213.     opacity:0.4;
  214.     /* delete invert(1) from here */
  215.         filter:invert(1) contrast(150%);
  216.         -webkit-filter:invert(1) contrast(150%);
  217.         -o-filter:invert(1) contrast(150%);
  218.         -moz-filter:invert(1) contrast(150%);
  219.         -ms-filter:invert(1) contrast(150%);
  220.     /* to here if your blog has a dark background */
  221.     transform:scale(0.65);
  222.     transform-origin:100% 0;
  223.     -webkit-transform:scale(0.65);
  224.     -webkit-transform-origin:100% 0;
  225.     -o-transform:scale(0.65);
  226.     -o-transform-origin:100% 0;
  227.     -moz-transform:scale(0.65);
  228.     -moz-transform-origin:100% 0;
  229.     -ms-transform:scale(0.65);
  230.     -ms-transform-origin:100% 0;}
  231.  
  232. iframe.tmblr-iframe:hover {
  233.     opacity:0.4!important;}
  234.    
  235. #s-m-t-tooltip {
  236. background-color:{color:title};
  237. font-size:{select:text size}
  238. border-radius:{select:border radius};
  239. color:{color:entries};
  240. letter-spacing:1px;
  241. text-transform:lowercase;
  242. padding:10px;
  243. margin:20px 0px 0px 20px;
  244. z-index:9999999999999999999999;
  245.  
  246. }
  247.  
  248. ::-webkit-scrollbar-thumb {
  249.    background-color:{color:Scrollbar};
  250. }
  251.  
  252. ::-webkit-scrollbar-track {
  253.    background-color:{color:Entries};
  254. }
  255.  
  256. ::-webkit-scrollbar {
  257.    height:2px;
  258.    width:2px;
  259. }
  260.  
  261. ul {
  262.     list-style-type: circle;
  263.     padding-left:24px;
  264.     line-height:150%;
  265. }
  266.  
  267. li {
  268.    padding-left: 0px;
  269.    margin-bottom: 0px;
  270.    list-style: none;
  271. }
  272.  
  273. li:before {
  274.   color: {color:title};
  275.   content: "{select:bullet symbol}";
  276.   font-family: 'honeybee';
  277.   font-size:6px;
  278.   font-weight:300;
  279.   display: inline-block;
  280.   margin-left: -2.2em;
  281.   width: 2.2em;
  282. }
  283.  
  284.  
  285. u {
  286.     display:inline-block;
  287.     padding:0px 3px 0px 3px;
  288.     text-decoration:none;
  289.     color:{color:entries};
  290.     text-transform:uppercase;
  291.     background-color:{color:title};
  292.     {block:IfGradientBg}
  293.     color:{color:gradient text};
  294.     background-image: linear-gradient(to bottom right, {color:Gradient One},     {color:Gradient Two});
  295.     {/block:IfGradientBg}
  296. }
  297.  
  298.  
  299. hr {
  300.     display:block;
  301.     border-style:solid;
  302.     opacity:70%;
  303.     border-color:{color:border};
  304. }
  305.  
  306. body {
  307.     background: {color:Background};
  308.     background-image:url('{image:Background}');
  309.     background-attachment:fixed;
  310.     font-family: '{select:body font}', sans-serif;
  311.     font-size: {select:text size};
  312.     line-height:15px;
  313.     color: {color:Text};
  314. }
  315.  
  316. blockquote {
  317.   text-align:justify;
  318.   margin-top: 5px;
  319.   margin-bottom: 5px;
  320.   margin-left: 5px;
  321.   padding-left: 10px;
  322.   border-left: 1px solid {color:blockquote};
  323.   margin-right:5px;
  324. }
  325.  
  326. a {
  327.     text-decoration: none;
  328.     letter-spacing:.5px;
  329.     color: {color:Link};
  330. }
  331.  
  332. small, sub {
  333.     font-size:{select:text size};
  334. }
  335.  
  336. b, strong {
  337.     color:{color:Bold};
  338.     font-weight:300;
  339.     {block:IfStyledBold}
  340.     font-size:calc({select:text size} + {select:styled bold size});
  341.     font-family: {select:bold font};
  342.     text-transform:lowercase;
  343.     font-variant:none;
  344.     {/block:IfStyledBold}
  345.     {block:IfBoldenTheBold}
  346.     font-weight:700;
  347.     {/block:IfBoldenTheBold}
  348. }
  349.  
  350. i,em {
  351.     color:{color:Italic};
  352. }
  353.  
  354. pre {
  355.     border-bottom:2px solid {color:title};
  356.     text-decoration:none;
  357.     display:block;
  358.     text-align:right;
  359.     line-height:0.75;
  360.     text-transform:lowercase;
  361.     font-family:{select:body font};
  362.     font-size:12px;
  363.     color:{color:text};
  364. }
  365.  
  366. h1 {
  367.     line-height:140%;
  368.     font-size:calc({select:text size} + 2px);
  369.     color:{color:title};
  370.     font-weight:300;
  371.     text-align:right;
  372.     text-transform:{select:post titles};
  373.     padding-right:5px;
  374. }
  375.  
  376. h2 {
  377.     font-size:calc({select:text size} - 2px);
  378.     color:{color:title};
  379.     text-align:center;
  380.     text-transform:uppercase;
  381.     letter-spacing:3px;
  382.     word-spacing:3px;
  383. }
  384.  
  385.  
  386. #bloggerback {
  387.     {block:ifBorders}
  388.     border:1px solid {color:border};
  389.     height:220px;
  390.     {/block:ifBorders}
  391.     position:fixed;
  392.     margin-top:30px;
  393.     margin-left:30px;
  394.     padding:30px;
  395.     width:210px;
  396.     height:310px;
  397.     background-color:{color:entries};
  398.     border-radius:{select:border radius};
  399.     opacity:{select:opacity};
  400.    
  401. }
  402.  
  403.  
  404. #sideph {
  405.     text-align:center;
  406. }
  407.  
  408. #sideph img {
  409.     float:left;
  410.     width:55px;
  411.     height:55px;
  412.     border-radius:50%;
  413.     margin-right:15px;
  414.     padding:3px;
  415.     border:1px solid {color:border};
  416.     -webkit-filter: grayscale(0%);
  417.     -webkit-transition: all 0.6s ease-in-out;
  418.     -moz-transition: all 0.6s ease-in-out;
  419.     -o-transition: all 0.6s ease-in-out;
  420.     -ms-transition: all 0.6s ease-in-out;
  421.     transition: all 0.6s ease-in-out;
  422. }
  423.  
  424. #fullph {
  425.     display:block;
  426.     margin-top:0px;
  427.     margin-left:0px;
  428.     border-radius:{select:border radius};
  429.     position:fixed;
  430.     width:330px;
  431.     height:430px;
  432.     {block:ifBorders}
  433.     border:1px solid {color:border};
  434.     {/block:ifBorders}
  435. }
  436.  
  437. #fullph img {
  438.     width:330px;
  439.     height:430px;
  440.     border-radius:{select:border radius};
  441.     -webkit-filter: grayscale(0%);
  442.     -webkit-transition: all 0.6s ease-in-out;
  443.     -moz-transition: all 0.6s ease-in-out;
  444.     -o-transition: all 0.6s ease-in-out;
  445.     -ms-transition: all 0.6s ease-in-out;
  446.     transition: all 0.6s ease-in-out;
  447. }
  448.  
  449. #bottomdetails {
  450.     opacity:{select:opacity};
  451.     position:fixed;
  452.     z-index:9999999999999999999999;
  453.     display:block;
  454.     font-family:karla;
  455.     letter-spacing:1.5px;
  456.     word-spacing:5px;
  457.     font-size:8px;
  458.     text-align:center;
  459.     left:0px;
  460.     right:0px;
  461.     bottom:0px;
  462.     padding:15px;
  463.     height:25px;
  464.     line-height:15px;
  465.     text-transform:uppercase;
  466.     background-color:{color:entries};
  467.     color:{color:text};
  468.     {block:ifBorders}
  469.     border-top:1px solid {color:border};
  470.     {/block:IfBorders}
  471. }
  472.  
  473. #bottomdetails a {
  474.     display:inline-block;
  475.     padding:0px 5px 0px 5px;
  476.     letter-spacing:2px;
  477.     text-align:center;
  478.     color:{color:entries};
  479.     text-transform:uppercase;
  480.     background-color:{color:title};
  481.     {block:IfGradientBg}
  482.     color:{color:gradient text};
  483.     background-image: linear-gradient(to bottom right, {color:Gradient One},     {color:Gradient Two});
  484.     {/block:IfGradientBg}
  485. }
  486.  
  487. #navigation {
  488.     background-color:{color:background};
  489.     border-top:1px solid {color:border};
  490.     display:block;
  491.     margin-left:-30px;
  492.     margin-right:-30px;
  493.     margin-top:15px;
  494.     text-align:center;
  495.     padding-top:7px;
  496.     height:50px;
  497.     padding-bottom:13px;
  498. }
  499.  
  500. #navigation a {
  501.     line-height:12px;
  502.     text-align:center;
  503.     display:inline-block;
  504.     margin-top:10px;
  505.     margin-bottom:2px;
  506.     {block:ifNavigationStyle1}
  507.     letter-spacing:1.5px;
  508.     font-size:8px;
  509.     font-family:karla;
  510.     text-transform:uppercase;
  511.     {/block:ifNavigationStyle1}
  512.     {block:ifNavigationStyle2}
  513.     text-transform:lowercase;
  514.     letter-spacing:1px;
  515.     font-size:calc({select:text size} + 1px);
  516.     {/block:ifNavigationStyle2}
  517.     padding:0px 8px 0px 8px;
  518.     color:{color:text};
  519.     -webkit-transition: all 0.6s ease-in-out;
  520.     -moz-transition: all 0.6s ease-in-out;
  521.     -o-transition: all 0.6s ease-in-out;
  522.     -ms-transition: all 0.6s ease-in-out;
  523.     transition: all 0.6s ease-in-out;
  524. }
  525.  
  526. #navigation a:hover {
  527.     -webkit-transition: all 0.6s ease-in-out;
  528.     -moz-transition: all 0.6s ease-in-out;
  529.     -o-transition: all 0.6s ease-in-out;
  530.     -ms-transition: all 0.6s ease-in-out;
  531.     transition: all 0.6s ease-in-out;
  532. }
  533.  
  534. #navigation a:first-letter {
  535.     font-weight:bold;
  536.     color:{color:bold};
  537.     border-bottom:1px solid {color:border};
  538. }
  539.  
  540. .bloggerdeets {
  541.     display:block;
  542.     overflow:hidden;
  543.     height:254px;
  544.     padding:5px;
  545.     margin-top:-10px;
  546.     margin-left:-5px;
  547.     margin-right:-5px;
  548.     text-align:justify;
  549.     {block:IfUppercaseDescOption}
  550.     font-size:7px;
  551.     font-family:ABeeZee;
  552.     text-transform:uppercase;
  553.     line-height:13px;
  554.     letter-spacing:1px;
  555.     {/block:IfUppercaseDescOption}
  556.     {block:IfSmallcapsDescOption}
  557.     font-size:7px;
  558.     font-family:Saira Semi Condensed;
  559.     text-transform:uppercase;
  560.     line-height:14px;
  561.     letter-spacing:1.5px;
  562.     font-variant:small-caps;
  563.     {/block:IfSmallcapsDescOption}
  564. }
  565.  
  566. #postshit {
  567.     padding:30px;
  568.     margin-top:-55px;
  569. }
  570.  
  571. #postshit ol.notes {
  572.     list-style-type: none;
  573.     margin: 0;
  574.     padding: 0;
  575. }
  576.  
  577. #postshit li {
  578.     list-style-type:none;
  579.     padding:5px;
  580. }
  581.  
  582. #postshit li.note.like:before {
  583.     text-align:center;
  584.     font-size:9px;
  585.     padding:4px;
  586.     color:{color:entries};
  587.     background-color:{color:bold};
  588.     content:'\e155';
  589.     border-radius:{select:border radius};
  590. }
  591.  
  592. #postshit li.note.reblog:before {
  593.     text-align:center;
  594.     font-size:9px;
  595.     padding:4px;
  596.     color:{color:entries};
  597.     background-color:{color:title};
  598.     content:'\e3db';
  599.     border-radius:{select:border radius};
  600. }
  601.  
  602. #postshit li.note.reply:before {
  603.     text-align:center;
  604.     font-size:9px;
  605.     padding:4px;
  606.     color:{color:entries};
  607.     background-color:{color:title};
  608.     content:'\e418';
  609.     border-radius:{select:border radius};
  610. }
  611.    
  612. #postshit img.avatar {
  613.       margin-right: 5px;
  614.       border-radius:{select:border radius};
  615.       width: 0px;
  616.       height: 0px;
  617. }
  618.  
  619. #contain {
  620.     margin:50px auto;
  621.     width: calc({select:post size}px + 400px);
  622.     height:435px;
  623.     padding:30px;
  624. }
  625.  
  626. #entries {
  627.     position:absolute;
  628.     width:{select:post size}px;
  629.     margin-left:329px;
  630.     padding-right:12px;
  631.     margin-top:0px;
  632.     padding:30px;
  633.     height:370px;
  634.     overflow:auto;
  635.     background-color:{color:container};
  636.     border:1px solid {color:border};
  637.     border-radius:0px {select:border radius} {select:border radius} 0px;
  638.     background-image:url('{image:Container}');
  639.     -webkit-filter: grayscale(0%);
  640.     -webkit-transition: all 0.6s ease-in-out;
  641.     -moz-transition: all 0.6s ease-in-out;
  642.     -o-transition: all 0.6s ease-in-out;
  643.     -ms-transition: all 0.6s ease-in-out;
  644.     transition: all 0.6s ease-in-out;
  645. }
  646.  
  647. #entry {
  648.     background-color:{color:Entries};
  649.     margin-bottom:60px;
  650.     border-radius:{select:border radius};
  651.     {block:IfBorders}
  652.     border:1px solid {color:border};
  653.     {/block:IfBorders}
  654.     padding:10px;
  655.     opacity:{select:opacity};
  656. }
  657.  
  658. .photoset {
  659.     width:100%;
  660.     {block:IfGrayscalePosts}
  661.     -webkit-filter: grayscale(100%);
  662.     -webkit-transition: all 0.6s ease-in-out;
  663.     -moz-transition: all 0.6s ease-in-out;
  664.     -o-transition: all 0.6s ease-in-out;
  665.     -ms-transition: all 0.6s ease-in-out;
  666.     transition: all 0.6s ease-in-out;
  667.     {/block:IfGrayscalePosts}
  668. }
  669.  
  670. .photoset:hover {
  671.     -webkit-filter: grayscale(0%);
  672.     -webkit-transition: all 0.6s ease-in-out;
  673.     -moz-transition: all 0.6s ease-in-out;
  674.     -o-transition: all 0.6s ease-in-out;
  675.     -ms-transition: all 0.6s ease-in-out;
  676.     transition: all 0.6s ease-in-out;
  677. }
  678.  
  679. .video {
  680.    width:350px!important;}
  681.  
  682. .video iframe {
  683.    width:350px!important;}
  684.    
  685. img {
  686.     max-width: 100%;
  687.     {block:IfGrayscalePosts}
  688.     -webkit-filter: grayscale(100%);
  689.     -webkit-transition: all 0.6s ease-in-out;
  690.     -moz-transition: all 0.6s ease-in-out;
  691.     -o-transition: all 0.6s ease-in-out;
  692.     -ms-transition: all 0.6s ease-in-out;
  693.     transition: all 0.6s ease-in-out;
  694.     {/block:IfGrayscalePosts}
  695. }
  696.  
  697. img:hover {
  698.     -webkit-filter: grayscale(0%);
  699.     -webkit-transition: all 0.6s ease-in-out;
  700.     -moz-transition: all 0.6s ease-in-out;
  701.     -o-transition: all 0.6s ease-in-out;
  702.     -ms-transition: all 0.6s ease-in-out;
  703.     transition: all 0.6s ease-in-out;
  704. }
  705.  
  706.  
  707. #posttitles {
  708.     font-family:{select:body font};
  709.     line-height:140%;
  710.     font-size:calc({select:text size} + 2px);
  711.     color:{color:title};
  712.     font-weight:300;
  713.     text-align:right;
  714.     text-transform:{select:post titles};
  715.     padding-right:5px;
  716. }
  717.  
  718. .qa1 {
  719.     display:block;
  720.     background-color:{color:background};
  721.     color:{color:text};
  722.     padding:15px;
  723.     text-align:justify;
  724.     {block:ifBorders};
  725.     border:1px solid {color:border};
  726.     {/block:ifBorders}
  727. }
  728.  
  729. .qa2 {
  730.     display:block;
  731.     text-transform:uppercase;
  732.     padding:10px;
  733.     text-align:right;
  734.     background-color:{color:bold};
  735.     color:{color:entries};
  736.     {block:IfGradientBg}
  737.     color:{color:gradient text};
  738.     background-image: linear-gradient(to bottom right, {color:Gradient One},     {color:Gradient Two});
  739.     {/block:IfGradientBg}
  740. }
  741.    
  742.     #ask {
  743.     text-align:center;
  744.     line-height:120%;
  745.     color:{color:text};
  746.     padding:0px;
  747.     }
  748.    
  749.     .ask {
  750.     float:left;
  751.     z-index:10;
  752.     font-size:11px;
  753.     font-family:{select:body font};
  754.     text-align:center;
  755.     font-weight:bold;
  756.     text-transform:lowercase;  
  757.     letter-spacing:1px;
  758.     line-height:14px;
  759.     color:{color:entries};
  760.     background-color:{color:title};
  761.     margin-top:-13px;
  762.     margin-right:0px;
  763.     margin-left:0px;
  764.     border-radius:{select:border radius};
  765.     padding-left:10px;
  766.     padding-right:10px;
  767.     padding-top:5px;
  768.     padding-bottom:5px;
  769.     }
  770.    
  771.     .ask a {
  772.         color:{color:entries};
  773.     }
  774.  
  775. .askline {
  776.     height:1px;
  777.     margin-top:5px;
  778.     margin-left:0px;
  779.     background-color:{color:Border};
  780.     z-index:-1;
  781.     word-wrap:break-word;
  782.     }
  783.  
  784. .question {
  785.     color:{color:text};
  786.     font-size:{text:small text size};
  787.     padding:15px;
  788.     display:block;
  789.     text-align:justify;
  790.     margin-left:5px;
  791.     word-wrap:break-word;
  792.     border-left:1px solid {color:border};
  793.  
  794. }
  795.  
  796. #questionbox {
  797.     word-wrap:break-word;
  798.     padding:10px;
  799.  
  800. }
  801.    
  802.    
  803. #ans {
  804.     text-align:justify;
  805.     padding-top:2px;
  806.     display:block;
  807.     margin-top:20px;
  808.     color:{color:text};
  809.     }
  810.    
  811. .playbutton {
  812.    width:25px;
  813.    height:25px;
  814.    overflow:hidden;
  815.    position:relative;
  816.    margin-top:10px;
  817.    margin-left:13px;
  818.    z-index:9;
  819.    border-radius:3px;
  820.    opacity:.7;
  821. }
  822.    
  823. .albumart img {
  824.    height:50px;
  825.    width:50px;
  826.    position:relative;
  827.    margin-top:-28px;
  828.    margin-left:0px;
  829.    border-radius:3px;
  830. }
  831.  
  832. .albumdetails {
  833.     margin-top:-55px;
  834.     text-align:right;
  835.     float:right;
  836.     padding:5px;
  837.     text-transform:lowercase;
  838. }
  839.  
  840. .albumdetails oth {
  841.     border-bottom:2px solid {color:title};
  842.     text-align:right;
  843.     line-height:70%;
  844.     display:inline-block;
  845.     letter-spacing:0px;
  846.     text-transform:uppercase;
  847.     color:{color:text};
  848.     margin-right:5px;
  849.     font-size: calc({text:body text size} + 2px);
  850. }
  851.  
  852. .audiocaption {
  853.     display:block;
  854.     text-align:left;
  855. }
  856.  
  857. .chats {
  858.     display:block;
  859.     padding:10px;
  860. }
  861.  
  862. .chats nms {
  863.     display:inline-block;
  864.     margin-right:10px;
  865.     font-family:karla;
  866.     font-size:8px;
  867.     padding:0px 5px 0px 5px;
  868.     letter-spacing:2px;
  869.     text-align:center;
  870.     color:{color:entries};
  871.     text-transform:uppercase;
  872.     background-color:{color:title};
  873.     {block:IfGradientBg}
  874.     color:{color:gradient text};
  875.     background-image: linear-gradient(to bottom right, {color:Gradient One},     {color:Gradient Two});
  876.     {/block:IfGradientBg}
  877. }
  878.  
  879. #perma {
  880.     border-bottom:1px solid {color:border};
  881.     padding:0px 15px 10px 15px;
  882.     margin-left:-10px;
  883.     margin-right:-10px;
  884.     margin-bottom:10px;
  885.     display:block;
  886.     font-family:karla;
  887.     letter-spacing:1px;
  888.     text-transform:uppercase;
  889.     font-size:8px;
  890. }
  891.  
  892. #tags2 {
  893.     display:block;
  894.     border-top:1px solid {color:border};
  895.     padding:10px 15px 0px 15px;
  896.     margin-top:10px;
  897.     margin-right:-10px;
  898.     margin-left:-10px;
  899.     font-family:karla;
  900.     letter-spacing:1px;
  901.     text-transform:uppercase;
  902.     font-size:8px;
  903. }
  904.  
  905. #permalink {
  906.     text-align: center;
  907.     position: relative;
  908.     font-size:10px;
  909.     text-transform:lowercase;
  910.     margin-top: 20px;
  911.     display:block;
  912.     padding: 10px;
  913.     border-radius:{select:border radius};
  914.     {block:IfBorders}
  915.     border:1px solid {color:border};
  916.     {/block:IfBorders}
  917.     background-color:{color:permalink};
  918. }
  919.  
  920. #permalink a {
  921.     border-bottom:none;
  922. }
  923.    
  924. .date {
  925.     color:{color:text};
  926.     font-size:9px;
  927.     z-index:10;
  928.     text-transform:lowercase;
  929.     border:none;
  930.     text-align:right;
  931. }
  932.  
  933. .date iconback {
  934.     width:10px;
  935.     margin-right:0px;
  936.     height:10px;
  937.     font-size:9px;
  938.     background-color:{color:Permalink Icons};
  939.     line-height:10px;
  940.     padding:10px;
  941.     text-align:center;
  942.     border-radius:{select:border radius};
  943.     display:inline-block;
  944.     {block:IfBorders}
  945.     border:1px solid {color:border};
  946.     {/block:IfBorders}
  947.     {block:IfGradientBg}
  948.     background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  949.     color:{color:entries};
  950.     {/block:IfGradientBg}
  951. }
  952.  
  953. .date iconback a {
  954.     color:{color:text};
  955.     {block:IfGradientBg}
  956.     color:{color:gradient text};
  957.     {/block:IfGradientBg}
  958. }
  959.  
  960. .tags {
  961.     color:{color:tags};
  962.     margin-top:10px;
  963.     text-align:right;
  964.     text-transform:lowercase;
  965.     border:none;
  966.     {block:IfUppercaseTags}
  967.     text-transform:uppercase;
  968.     font-size:8px;
  969.     font-family:karla;
  970.     {/block:IfUppercaseTags}
  971. }
  972.  
  973. .tags a{
  974.     color:{color:tags};
  975.     padding:5px;
  976. }
  977.  
  978.  
  979. #searching {
  980.     text-align:right;
  981.     margin-right:40px;
  982.     display:inline-block;
  983.     border-radius:{select:border radius};
  984.     text-transform:uppercase;
  985.     letter-spacing:1.5px;
  986.     font-family:karla;
  987.     font-size:8px;
  988.     padding:5px 7px 2px 5px;
  989.     width:90px;
  990.     color:{color:text};
  991.     -webkit-transition: all 0.6s ease-in-out;
  992.     -moz-transition: all 0.6s ease-in-out;
  993.     -o-transition: all 0.6s ease-in-out;
  994.     -ms-transition: all 0.6s ease-in-out;
  995.     transition: all 0.6s ease-in-out;
  996. }
  997.  
  998. .sfm:before {
  999.     content:'\eaa6';
  1000.     font-family:'honeybee';
  1001.     font-size:10px;
  1002.     float:left;
  1003.     color:{color:bold};
  1004. }
  1005.  
  1006. .sfm input {
  1007.     line-height:9px;
  1008.     text-align:right;
  1009.     width:70px;
  1010.     background-color:transparent;
  1011.     color: {color:text};
  1012.     border:none;
  1013.     font-family:{select:body font};
  1014.     border-radius:{select:border radius};
  1015.     text-transform:uppercase;
  1016.     letter-spacing:1.5px;
  1017.     font-family:karla;
  1018.     font-size:8px;
  1019.     }
  1020.  
  1021. .more-btn-wrap{
  1022.    position: relative;
  1023.    padding: 20px 0;
  1024.    width: 100%;
  1025. }
  1026.  
  1027. .more-btn-wrap a:link{
  1028.    position: relative;
  1029.    left: calc(50% - 37px);
  1030.     display:inline-block;
  1031.     padding:3px 8px 3px 10px;
  1032.     font-family:karla;
  1033.     font-size:8px;
  1034.     letter-spacing:1.5px;
  1035.     text-align:center;
  1036.     color:{color:entries};
  1037.     text-transform:uppercase;
  1038.     background-color:{color:title};
  1039.     {block:IfGradientBg}
  1040.     background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  1041.     color:{color:gradient text};
  1042.     {/block:IfGradientBg}
  1043.     -webkit-transition: all 0.7s ease;
  1044.    -moz-transition: all 0.7s ease;
  1045.    -o-transition: all 0.7s ease;
  1046.    transition: all 0.7s ease;
  1047. }
  1048.    .more-btn-wrap a:hover{
  1049.        letter-spacing:3px;
  1050.    }
  1051.  
  1052. #credit {
  1053.     font-size:12px;
  1054.     float:center;
  1055.     position:fixed;
  1056.     bottom:65px;
  1057.     right:10px;
  1058.     font-family:Roboto Mono;
  1059.     text-transform:lowercase;
  1060.     padding:8px;
  1061.     border-radius:{select:border radius};
  1062.     color:{color:title};
  1063.     background-color:{color:entries};
  1064.     {block:IfBorders}
  1065.     border:1px solid {color:border};
  1066.     {/block:IfBorders}
  1067. }
  1068.  
  1069. #credit a {
  1070.     color:{color:title};
  1071. }
  1072.  
  1073. </style>
  1074.  
  1075. </head>
  1076.  
  1077. <body>
  1078.  
  1079. <div id="bottomdetails">
  1080. <div id="searching"><form action="/search" method="get" class="sfm" name="theform">
  1081.     <input type="text" name="q" value="search"/>
  1082. </form>
  1083. </div> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}  {CurrentPage} of {TotalPages}  {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {/block:Pagination}
  1084.  
  1085. {text:online counter} online / {text:total counter} hits
  1086. </div>
  1087.  
  1088. <div id="contain">
  1089.  
  1090. <div id="fullph"><img src="{image:Sidebar BG}"></div>
  1091.  
  1092.  
  1093.  
  1094. <div id="bloggerback">
  1095.  
  1096. <div class="bloggerdeets">
  1097. <div id="sideph">
  1098. <img src="{image:Icon}"></div>
  1099.     {block:IfDefaultDescription}
  1100. {description}
  1101.     {/block:IfDefaultDescription}
  1102.     {block:IfTextInputDescription}
  1103. {text:text input description}
  1104.     {/block:IfTextInputDescription}
  1105. </div>
  1106.  
  1107.  
  1108. <div id="navigation">
  1109. <a href="/">index</a>
  1110. <a href="/ask">message</a>
  1111. <a href="/archive">archive</a><br>
  1112. <a href="{text:link one url}">{text:link one text}</a>
  1113. <a href="{text:link two url}">{text:link two text}</a>
  1114. <a href="{text:link three url}">{text:link three text}</a>
  1115. </div>
  1116.  
  1117. </div>
  1118.  
  1119.  
  1120.  
  1121. <div id="entries">
  1122. {block:Posts}
  1123. <div id="entry">
  1124.  
  1125. {block:IfPermalinkStyle2}
  1126. <div id="perma">
  1127. {block:Date}{TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1128.  
  1129. <span style="float:right">
  1130. <a href="{ReblogURL}"target="_blank">reblog</a>
  1131. {block:RebloggedFrom}/ <a href="{ReblogParentURL}">via</a> / <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  1132. </span>
  1133. </div>
  1134. {/block:IfPermalinkStyle2}
  1135.  
  1136. {block:Text}
  1137. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  1138. {Body}
  1139. {block:More}
  1140. <div class="more-btn-wrap">
  1141.     <a href="{Permalink}" class="more-btn">
  1142.         Read More
  1143.     </a>
  1144. </div>
  1145. {/block:More}
  1146. {/block:Text}
  1147.  
  1148. {block:Photo}
  1149. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  1150. {block:Caption}{Caption}
  1151. {/block:Caption}
  1152. {/block:Photo}
  1153.  
  1154. {block:Photoset}
  1155. <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>
  1156. {block:Caption}{Caption}
  1157. {/block:Caption}
  1158. {/block:Photoset}
  1159.  
  1160. {block:Quote}
  1161. <div id="posttitles">{Quote}</div>
  1162. {block:Source}<br>—{Source}{/block:Source}
  1163. {/block:Quote}
  1164.  
  1165. {block:Link}
  1166. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  1167. {block:Description}{Description}{/block:Description}
  1168. {/block:Link}
  1169.  
  1170. {block:Chat}
  1171. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  1172. {block:Lines}
  1173. <div class="chats">
  1174. {block:Label}<nms>{Label}</nms>{/block:Label} {Line}
  1175. </div>
  1176. {/block:Lines}
  1177. {/block:Chat}
  1178.  
  1179. {block:Audio}
  1180. {block:AudioPlayer}
  1181. <div class="playbutton">{AudioPlayerGrey}</div>
  1182. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1183. <div class="albumdetails">
  1184. {block:TrackName}<oth>track:</oth> {TrackName}{/block:TrackName}<br>
  1185. {block:Artist}<oth>artist:</oth> {Artist}{/block:Artist}<br>
  1186. {block:PlayCount}<oth>plays:</oth> {PlayCount}{/block:PlayCount}
  1187. </div>
  1188. <div class="audiocaption">
  1189. {block:Caption}{Caption}{/block:Caption}
  1190. </div>
  1191. {/block:AudioPlayer}
  1192. {/block:Audio}
  1193.  
  1194.  
  1195.  
  1196. {block:Video}<div class="video">{Video-500}</div>
  1197. {block:Caption}{Caption}{/block:Caption}
  1198. {/block:Video}
  1199.  
  1200. {block:Answer}
  1201. {block:ifAskStyle1}
  1202. <div id="questionbox"><div class="question">{Question}</div><div class="askline"></div><div class="ask">{Asker}</div></div>
  1203. <div id="ans">{Answer}
  1204. {block:More}
  1205. <div class="more-btn-wrap">
  1206.     <a href="{Permalink}" class="more-btn">
  1207.         Read More
  1208.     </a>
  1209. </div>
  1210. {/block:More}
  1211. </div>
  1212. {/block:ifAskStyle1}
  1213.  
  1214. {block:ifAskStyle2}
  1215. <div class="qa1">{Question}</div>
  1216. <div class="qa2">{Asker} sent in an message saying...</div>
  1217. <div id="ans">{Answer}
  1218. {block:More}
  1219. <div class="more-btn-wrap">
  1220.     <a href="{Permalink}" class="more-btn">
  1221.         Read More
  1222.     </a>
  1223. </div>
  1224. {/block:More}
  1225. </div>
  1226. {/block:ifAskStyle2}
  1227. {/block:Answer}
  1228.  
  1229. {block:ifPermalinkStyle1}
  1230. <div id="permalink">
  1231. <div class="date">
  1232. <iconback><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}"><span class="th th-push-pin-o"></span></a></iconback>
  1233.  
  1234. <iconback><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="th th-heart-1-o"></span></a></iconback>
  1235.  
  1236. <iconback><a href="{ReblogURL}" title="reblog this post" target="_blank"><span class="th th-reblog"></span></a></iconback>
  1237.  
  1238. {block:RebloggedFrom}
  1239.  
  1240. <iconback><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><span class="th th-return"></span></a></iconback>
  1241.  
  1242. <iconback><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><span class="th th-user-o"></span></a></iconback>
  1243.  
  1244. {/block:RebloggedFrom}</div>
  1245.  
  1246.  
  1247. </div>
  1248.  
  1249. <div class="tags">{block:HasTags} {block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1250.  
  1251. {/block:ifPermalinkStyle1}
  1252.  
  1253. {block:IfPermalinkStyle2}
  1254. {block:HasTags} <div id="tags2">{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1255. {/block:IfPermalinkStyle2}
  1256.  
  1257.  <!-- /div entry --->
  1258.  </div>
  1259.  
  1260.  
  1261. {/block:Posts}
  1262.  
  1263. {block:PostNotes}
  1264. <div id="postshit">{PostNotes}</div>
  1265. {/block:PostNotes}
  1266.  
  1267.  
  1268. </div></div>
  1269.  
  1270. <div id="credit"><a href="https://scftlcves.tumblr.com/"><span class="th th-heart-1-o"></span></a></div>
  1271.  
  1272. <script>
  1273. $(document).ready(function(){
  1274.    $('.photo-slideshow').pxuPhotoset({
  1275.        lightbox: true,
  1276.        rounded: false,
  1277.        gutter: '1px',
  1278.        borderRadius: '0px',
  1279.        photoset: '.photo-slideshow',
  1280.        photoWrap: '.photo-data',
  1281.        photo: '.pxu-photo',
  1282.    });
  1283. });
  1284. </script>
  1285.  
  1286. </body>
  1287.  
  1288. </html>
RAW Paste Data
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
 
Top