API tools faq
paste
Advertisement
sirensthemes

Theme #12 - Cold Cofee

sirensthemes
May 2nd, 2015
14,782
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.04 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. COLD COFEE BY BREKKYKID
  4.  
  5. 02 May 2015
  6.  
  7. find me on my other blog BUSTEDLY
  8. -->
  9.  
  10. <head>
  11.  
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <title>{block:TagPage}{Tag} - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{favicon}"/>
  19. <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  20. <link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css" />
  21.  
  22. <meta name="image:background" content="" />
  23. <meta name="image:banner" content="" />
  24. <meta name="image:side image" content="" />
  25.  
  26. <meta name="color:background" content="#fff"/>
  27. <meta name="color:title background" content="#fff"/>
  28. <meta name="color:title" content="#000"/>
  29. <meta name="color:grid" content="#000"/>
  30. <meta name="color:links" content="#000"/>
  31. <meta name="color:links hover" content="#fff"/>
  32. <meta name="color:posts border" content="#aaa"/>
  33. <meta name="color:posts background" content="#fff"/>
  34. <meta name="color:sidebar border" content="#000"/>
  35. <meta name="color:sidebar background" content="#fff"/>
  36. <meta name="color:sidebar shadows" content="#888"/>
  37. <meta name="color:avatar border" content="#888"/>
  38. <meta name="color:ask" content="#eeeeee"/>
  39. <meta name="color:ask border" content="#eeeeee"/>
  40. <meta name="color:ask avatar border" content="#eeeeee"/>
  41. <meta name="color:ask text" content="#444"/>
  42. <meta name="color:text selection" content="#888"/>
  43. <meta name="color:text selection text" content="#000"/>
  44. <meta name="color:text" content="#444"/>
  45. <meta name="color:blockquote" content="#444"/>
  46. <meta name="color:post shadows" content="#888"/>
  47. <meta name="color:navlinks background" content="#fff"/>
  48. <meta name="color:navlinks background hover" content="#fff"/>
  49. <meta name="color:navlinks border" content="#000"/>
  50. <meta name="color:navlinks border hover" content="#000"/>
  51. <meta name="color:navlinks" content="#000"/>
  52. <meta name="color:navlinks hover" content="#fff"/>
  53. <meta name="color:pagination background" content="#ff"/>
  54. <meta name="color:pagination background hover" content="#ff"/>
  55. <meta name="color:pagination border" content="#444"/>
  56. <meta name="color:pagination border hover" content="#444"/>
  57. <meta name="color:pagination" content="#444"/>
  58. <meta name="color:pagination hover" content="#444"/>
  59. <meta name="color:search box" content="#fff"/>
  60. <meta name="color:search box border" content="#444"/>
  61. <meta name="color:perma background" content="#fff"/>
  62. <meta name="color:perma border" content="#000"/>
  63. <meta name="color:perma text" content="#000"/>
  64. <meta name="color:perma text hover" content="#000"/>
  65. <meta name="color:background around popup" content="#fff"/>
  66. <meta name="color:popup background" content="#fff"/>
  67. <meta name="color:popup border" content="#eee"/>
  68. <meta name="color:popup links background hover" content="#eee"/>
  69. <meta name="color:popup links link hover" content="#eee"/>
  70. <meta name="color:tooltips" content="#000"/>
  71. <meta name="color:tooltips text" content="#fff"/>
  72. <meta name="color:tooltips border" content="#000"/>
  73. <meta name="color:tooltips shadow" content="#888"/>
  74. <meta name="color:scrollbar" content="#eeeeee"/>
  75. <meta name="color:scrollbar border" content="#fff"/>
  76. <meta name="color:gradient color 1" content="#FFCCFF"/>
  77. <meta name="color:gradient color 2" content="#CC99FF"/>
  78.  
  79. <meta name="if:font text" content="1" />
  80. <meta name="if:title" content="1" />
  81. <meta name="if:sidebar right" content="0" />
  82. <meta name="if:avatar" content="1" />
  83. <meta name="if:avatar out sidebar" content="1" />
  84. <meta name="if:avatar effect" content="1" />
  85. <meta name="if:search box" content="1" />
  86. <meta name="if:2 column" content="1" />
  87. <meta name="if:avatar tooltip" content="0" />
  88. <meta name="if:tooltip title" content="1" />
  89. <meta name="if:title background" content="1"/>
  90. <meta name="if:posts transparent" content="0" />
  91. <meta name="if:post shadows" content="0" />
  92. <meta name="if:post border" content="1" />
  93. <meta name="if:sidebar border" content="1" />
  94. <meta name="if:sidebar transparent" content="0" />
  95. <meta name="if:sidebar shadows" content="0" />
  96. <meta name="if:perma border" content="1" />
  97. <meta name="if:perma transparent" content="0" />
  98. <meta name="if:tooltip shadows" content="0" />
  99. <meta name="if:grid background" content="1" />
  100. <meta name="if:navlinks on click" content="0" />
  101. <meta name="if:pagination" content="0" />
  102. <meta name="if:show tags" content="1" />
  103. <meta name="if:ask border" content="1" />
  104. <meta name="if:ask background" content="1" />
  105. <meta name="if:other ask layout" content="0" />
  106. <meta name="if:tooltip side image" content="0" />
  107. <meta name="if:side image left" content="0" />
  108. <meta name="if:navlinks tooltips" content="1" />
  109. <meta name="if:caption" content="0" />
  110. <meta name="if:faded posts" content="0" />
  111. <meta name="if:popup animation 1" content="1" />
  112. <meta name="if:popup animation 2" content="0" />
  113. <meta name="if:popup animation 3" content="0" />
  114. <meta name="if:popup animation 4" content="0" />
  115. <meta name="if:popup animation 5" content="0" />
  116. <meta name="if:popup animation 6" content="0" />
  117. <meta name="if:popup animation 7" content="0" />
  118. <meta name="if:popup animation 8" content="0" />
  119. <meta name="if:popup ask" content="0" />
  120. <meta name="if:popup links" content="0" />
  121. <meta name="if:popup about me" content="0" />
  122. <meta name="if:popup archive" content="0" />
  123. <meta name="if:gradient background style 1" content="0" />
  124. <meta name="if:gradient background style 2" content="0" />
  125. <meta name="if:stretched background" content="0"/>
  126. <meta name="if:show custom link 1" content="0" />
  127. <meta name="if:show custom link 2" content="0" />
  128. <meta name="if:show custom link 3" content="0" />
  129.  
  130. <meta name="font:text" content="Square Serif" />
  131.  
  132. <meta name="select:font text" content="Consolas" title="consolas">
  133. <meta name="select:font text" content="Arial" title="arial">
  134. <meta name="select:font text" content="Century Gothic" title="century gothic">
  135. <meta name="select:font text" content="'Open Sans', sans-serif" title="open sans">
  136. <meta name="select:font text" content="'Open Sans', sans-serif" title="open sans">
  137. <meta name="select:font text" content="'Abel', sans-serif" title="abel">
  138. <meta name="select:font text" content="Calibri" title="calibri">
  139. <meta name="select:font text" content="'Poiret One', cursive" title="poiret one">
  140. <meta name="select:font text" content="'Short Stack', cursive" title="short stack">
  141. <meta name="select:font text" content="'Josefin Slab', sans-serif" title="josefin slab">
  142. <meta name="select:font text" content="'Inconsolata', " title="inconsolata">
  143. <meta name="select:font text" content="'Slabo 27px', serif" title="slabo 27px">
  144. <meta name="select:font text" content="'Delius', cursive" title="delius">
  145. <meta name="select:font text" content="'Marmelad', sans-serif" title="marmelad">
  146.  
  147. <meta name="select:title font text" content="consolas" title="consolas">
  148. <meta name="select:title font text" content="arial" title="arial">
  149. <meta name="select:font text" content="Century Gothic" title="century gothic">
  150. <meta name="select:title font text" content="'Open Sans', sans-serif" title="open sans">
  151. <meta name="select:title font text" content="'Open Sans', sans-serif" title="open sans">
  152. <meta name="select:title font text" content="'Abel', sans-serif" title="abel">
  153. <meta name="select:title font text" content="calibri" title="calibri">
  154. <meta name="select:title font text" content="'Poiret One', cursive" title="poiret one">
  155. <meta name="select:title font text" content="'Short Stack', cursive" title="short stack">
  156. <meta name="select:title font text" content="'Josefin Slab', sans-serif" title="josefin slab">
  157. <meta name="select:title font text" content="'Inconsolata', " title="inconsolata">
  158. <meta name="select:title font text" content="'Slabo 27px', serif" title="slabo 27px">
  159. <meta name="select:title font text" content="'Delius', cursive" title="delius">
  160. <meta name="select:title font text" content="'Marmelad', sans-serif" title="marmelad">
  161.  
  162. <meta name="select:sidebar avatar shape" content="0%" title="square">
  163. <meta name="select:sidebar avatar shape" content="10%" title="rounded borders">
  164. <meta name="select:sidebar avatar shape" content="70%" title="circle">
  165.  
  166. <meta name="select:title transform" content="uppercase" title="uppercase">
  167. <meta name="select:title transform" content="lowercase" title="lowercase">
  168.  
  169. <meta name="select:tooltips transform" content="uppercase" title="uppercase">
  170. <meta name="select:tooltips transform" content="lowercase" title="lowercase">
  171.  
  172. <meta name="select:sidebar border" content="solid" title="solid">
  173. <meta name="select:sidebar border" content="dotted" title="dotted">
  174. <meta name="select:sidebar border" content="dashed" title="dashed">
  175.  
  176. <meta name="select:post border" content="solid" title="solid">
  177. <meta name="select:post border" content="dotted" title="dotted">
  178. <meta name="select:post border" content="dashed" title="dashed">
  179.  
  180. <meta name="select:perma border" content="solid" title="solid">
  181. <meta name="select:perma border" content="dotted" title="dotted">
  182. <meta name="select:perma border" content="dashed" title="dashed">
  183.  
  184. <meta name="select:pagination border" content="solid" title="solid">
  185. <meta name="select:pagination border" content="dotted" title="dotted">
  186. <meta name="select:pagination border" content="dashed" title="dashed">
  187.  
  188. <meta name="select:navlinks border" content="solid" title="solid">
  189. <meta name="select:navlinks border" content="dotted" title="dotted">
  190. <meta name="select:navlinks border" content="dashed" title="dashed">
  191.  
  192. <meta name="select:ask border" content="solid" title="solid">
  193. <meta name="select:ask border" content="dotted" title="dotted">
  194. <meta name="select:ask border" content="dashed" title="dashed">
  195.  
  196. <meta name="select:avatar border" content="solid" title="solid">
  197. <meta name="select:avatar border" content="dotted" title="dotted">
  198. <meta name="select:avatar border" content="dashed" title="dashed">
  199.  
  200. <meta name="select:grid size" content="25px" title="25px">
  201. <meta name="select:grid size" content="20px" title="20px">
  202. <meta name="select:grid size" content="15px" title="15px">
  203. <meta name="select:grid size" content="10px" title="10px">
  204. <meta name="select:grid size" content="5px" title="5px">
  205.  
  206. <meta name="select:text align perma" content="right" title="right">
  207. <meta name="select:text align perma" content="center" title="center">
  208. <meta name="select:text align perma" content="left" title="left">
  209.  
  210. <meta name="select:perma division" content="&middot;" title="small dot">
  211. <meta name="select:perma division" content="●" title="dot">
  212. <meta name="select:perma division" content="-" title="dash">
  213. <meta name="select:perma division" content="/" title="slash">
  214. <meta name="select:perma division" content="//" title="double slash">
  215. <meta name="select:perma division" content="|" title="vertical bar">
  216. <meta name="select:perma division" content="~" title="tilde">
  217.  
  218. <meta name="text:border radius posts" content="0px" />
  219. <meta name="text:border radius sidebar" content="0px" />
  220. <meta name="text:border radius perma" content="0px" />
  221. <meta name="text:border radius ask border" content="0px" />
  222. <meta name="text:border radius tooltips" content="0px" />
  223. <meta name="text:border radius navlinks" content="5px" />
  224. <meta name="text:border radius search box" content="5px" />
  225. <meta name="text:border radius pagination" content="5px" />
  226. <meta name="text:border radius ask avatar" content="15px" />
  227. <meta name="text:border radius popups" content="0px" />
  228. <meta name="text:background" content="add the background-image link here" />
  229. <meta name="text:cursor" content="add the cursor link here" />
  230. <meta name="text:faq i will popup" content="put your faq in here // <br> <b> i will <br> - <br> - <br> - <br> " />
  231. <meta name="text:faq i wont popup" content="<b> i won't </b> <br> - <br> - <br> - <br>" />
  232. <meta name="text:faq other popup" content=" <b> other </b> <br> - <br> - <br> - <br>" />
  233. <meta name="text:about me popup" content="put your something else in here //" />
  234. <meta name="text:about me popup tooltip" content="about me" />
  235. <meta name="text:links popup tooltip" content="about me" />
  236. <meta name="text:popup close button" content="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" />
  237. <meta name="text:blog title" content="Cold Cofee" />
  238. <meta name="text:avatar tooltip" content="add something" />
  239. <meta name="text:title tooltip" content="add something" />
  240. <meta name="text:side image tooltip" content="add something" />
  241. <meta name="text:home title" content="home" />
  242. <meta name="text:home tooltip" content="refresh" />
  243. <meta name="text:ask title" content="message" />
  244. <meta name="text:ask tooltip" content="ask" />
  245. <meta name="text:archive title" content="history" />
  246. <meta name="text:archive tooltip" content="archive" />
  247. <meta name="text:link1 url" content="/" />
  248. <meta name="text:link1 title" content="link1" />
  249. <meta name="text:link1 tooltip" content="link1" />
  250. <meta name="text:link2 url" content="/" />
  251. <meta name="text:link2 title" content="link2" />
  252. <meta name="text:link2 tooltip" content="link2" />
  253. <meta name="text:link3 url" content="/" />
  254. <meta name="text:link3 title" content="link3" />
  255. <meta name="text:link3 tooltip" content="link3" />
  256.  
  257. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  258.  
  259. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  260.  
  261. <link href='http://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' style='text/css'>
  262.  
  263. <link href='http://static.tumblr.com/blpgwiz/nE8m8oarc/spin.css' rel='stylesheet' type='text/css'>
  264. {block:ifpopupanimation5}
  265. <link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
  266. {block:ifpopupanimation5}
  267. {block:ifpopupanimation6}
  268. <link href='http://static.tumblr.com/blpgwiz/uvsm405h8/flip.css' rel='stylesheet' type='text/css'>
  269. {/block:ifpopupanimation6}
  270. {block:ifpopupanimation7}
  271. <link href='http://static.tumblr.com/blpgwiz/sSZmijydf/slide_in.css' rel='stylesheet' style='text/css'>
  272. {/block:ifpopupanimation7}
  273.  
  274. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  275.  
  276. <link href='http://fonts.googleapis.com/css?family=Abel|Cutive+Mono|Poiret+One|Short+Stack|Josefin+Slab|Inconsolata|Slabo+27px|Open+Sans|Delius|Marmelad' rel='stylesheet' type='text/css'>
  277.  
  278. <script type="text/javascript"
  279. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  280. <script>
  281. $(document).ready(function() {
  282. //
  283. $('a.poplight[href^=#]').click(function() {
  284. var popID = $(this).attr('rel'); //Get Popup Name
  285. var popURL = $(this).attr('href'); //Get Popup href to define size
  286. var query= popURL.split('?');
  287. var dim= query[1].split('&');
  288. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  289. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" ><img src="{text:popup close button}" class="btn_close" title="" alt="Close" /></a>');
  290. var popMargTop = ($('#' + popID).height() + 80) / 2;
  291. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  292. //Apply Margin to Popup
  293. $('#' + popID).css({
  294. 'margin-top' : -popMargTop,
  295. 'margin-left' : -popMargLeft
  296. });
  297. $('body').append('<div id="fade"></div>');
  298. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  299. return false;
  300. });
  301. $('a.close, #fade').live('click', function() {
  302. $('#fade , .popup_block').fadeOut(function() {
  303. $('#fade, a.close').remove(); //fade them both out
  304. });
  305. return false;
  306. });
  307. });
  308. </script>
  309.  
  310. <script type="text/javascript"
  311. src="http://www.google.com/jsapi"></script>
  312.  
  313. <script type="text/javascript">
  314. google.load("jquery", "1.3");
  315. google.setOnLoadCallback(function() {
  316. jQuery(function($) {
  317. // do some stuff here, eg load your tweets, ...
  318. });
  319. });
  320. </script>
  321.  
  322. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  323. <script type="text/javascript">
  324. $(document).ready(function(){
  325. $(".links_body").hide();
  326. $(".links_head").click(function(){
  327. $(this).next(".links_body").slideToggle('fast');
  328. }); }); </script>
  329.  
  330. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  331. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  332. <script>
  333. (function($){
  334. $(document).ready(function(){
  335. $("a[title]").style_my_tooltips({
  336. tip_follows_cursor:true,
  337. tip_delay_time:10,
  338. tip_fade_speed:300,
  339. attribute:"title"
  340. });
  341. });
  342. })(jQuery);
  343. </script>
  344.  
  345. <style type="text/css">
  346.  
  347. #s-m-t-tooltip {
  348. max-width:300px;
  349. margin:15px;
  350. padding:3px 8px 3px 8px;
  351. border:1px solid {color:tooltips border};
  352. border-radius: {text:border radius tooltips};
  353. background:{color:tooltips};
  354. color:{color:tooltips text};
  355. z-index:9999;
  356. font-family: {font:Text};
  357. {block:Iffonttext}
  358. font-family: {select:font text};
  359. {/block:Iffonttext}
  360. font-size:8px;
  361. letter-spacing:2px;
  362. text-transform:{select:tooltips transform};
  363. text-align: center;
  364. {block:iftooltipshadows} box-shadow:{color:tooltips shadow} 5px 5px {/block:iftooltipshadows}
  365. }
  366.  
  367. #fade {
  368. display: none;
  369. background: {color:background around popup};
  370. background-image: url('{text:background image around blog}');
  371. position: fixed;
  372. left: 0;
  373. top: 0;
  374. width: 100%;
  375. height: 100%;
  376. opacity: .80;
  377. z-index: 99;
  378. }
  379. .popup_block{
  380. font-family: {font:Text};
  381. {block:Iffonttext}
  382. font-family: {select:font text};
  383. {/block:Iffonttext}
  384. display:none;
  385. background: {color:popup background};
  386. padding: 10px;
  387. border: 5px solid {color:popup border};
  388. float: left;
  389. font-size: 12px;
  390. position: fixed;
  391. top: 50%;
  392. left: 50%;
  393. z-index: 99999999;
  394. border-radius: {text:border radius popups};
  395. {block:ifpopupanimation1}
  396. -webkit-animation: fadeInUp 2s;
  397. -moz-animation: fadeInUp 2s;
  398. -ms-animation: fadeInUp 2s;
  399. {/block:ifpopupanimation1}
  400. {block:ifpopupanimation2}
  401. -webkit-animation: fadeInDown 2s;
  402. -moz-animation: fadeInDown 2s;
  403. -ms-animation: fadeInDown 2s;
  404. {/block:ifpopupanimation2}
  405. {block:ifpopupanimation3}
  406. -webkit-animation: fadeInLeftBig 1.5s;<br>-moz-animation: fadeInLeftBig 1.5s;<br>-ms-animation: fadeInLeftBig 1.5s;
  407. {/block:ifpopupanimation3}
  408. {block:ifpopupanimation4}
  409. -webkit-animation: bounceIn 2s;
  410. -moz-animation: bounceIn 2s;
  411. -ms-animation: bounceIn 2s;
  412. {/block:ifpopupanimation4}
  413. {block:ifpopupanimation5}
  414. -webkit-animation: fly 3s linear normal ;
  415. -webkit-animation-duration: 3s;
  416. -moz-animation: fly 3s linear normal ;
  417. -moz-animation-duration: 3s;
  418. animation: fly 3s linear normal ;
  419. animation-duration: 3s;
  420. {/block:ifpopupanimation5}
  421. {block:ifpopupanimation6}
  422. -webkit-animation: flip 2s;
  423. -moz-animation: flip 2s;
  424. -ms-animation: flip 2s;
  425. {/block:ifpopupanimation6}
  426. {block:ifpopupanimation7}
  427. -webkit-animation: SlideIn 2s;
  428. -moz-animation: SlideIn 2s;
  429. -ms-animation: SlideIn 2s;
  430. {/block:ifpopupanimation7}
  431. {block:ifpopupanimation8}
  432. -webkit-animation: tada 2s;
  433. -moz-animation: tada 2s;
  434. -ms-animation: tada 2s;
  435. {/block:ifpopupanimation8}
  436.  
  437. }
  438. img.btn_close {
  439. float: right;
  440. margin: -5px -5px 0 0;
  441. }
  442. *html #fade {
  443. position: absolute;
  444. }
  445. *html .popup_block {
  446. position: absolute;
  447. }
  448.  
  449. body {
  450. font-size: 11px;
  451. color: {color:text};
  452. font-family: {font:Text};
  453. {block:Iffonttext}
  454. font-family: {select:font text};
  455. {/block:Iffonttext}
  456. background: fixed;
  457. background: {color:background};
  458. background-image:url({image:Background});
  459. background: {color:background};
  460. background-image:url({text:background});
  461. {block:Ifgridbackground}
  462. background: fixed;
  463. background-size: {select:grid size} {select:grid size};
  464. background-image:repeating-linear-gradient(0deg, {color:grid}, {color:grid} 1px, transparent 1px, transparent 40px),repeating-linear-gradient(-90deg, {color:grid}, {color:grid} 1px, transparent 1px, transparent 40px);
  465. {/block:Ifgridbackground}
  466. {block:ifstretchedbackground}
  467. background-size: cover;
  468. {/block:ifstretchedbackground}
  469. {block:ifnotstretchedbackground}
  470. background-repeat:repeat;
  471. {/block:ifnotstretchedbackground}
  472. cursor: url({text:cursor}), auto;
  473. {block:ifgradientbackgroundstyle1}
  474. background: fixed;
  475. background-image: -webkit-gradient(
  476. linear,
  477. left top,
  478. right top,
  479. color-stop(0, {color:gradient color 1}),
  480. color-stop(1, {color:gradient color 2}),
  481. );
  482. background-image: -o-linear-gradient(top, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
  483. background-image: -moz-linear-gradient(top, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
  484. background-image: -webkit-linear-gradient(top, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
  485. background-image: -ms-linear-gradient(top, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
  486. background-image: linear-gradient(to top, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
  487. {/block:ifgradientbackgroundstyle1}
  488. {block:ifgradientbackgroundstyle2}
  489. background-image: -webkit-gradient(
  490. linear,
  491. left top,
  492. right top,
  493. color-stop(0, {color:gradient color 1}),
  494. color-stop(1, {color:gradient color 2}),
  495. );
  496. background-image: -o-linear-gradient(right, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
  497. background-image: -moz-linear-gradient(right, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
  498. background-image: -webkit-linear-gradient(right, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
  499. background-image: -ms-linear-gradient(right, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
  500. background-image: linear-gradient(to right, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
  501. z-index:9;
  502. {/block:ifgradientbackgroundstyle2}
  503. }
  504.  
  505. a {
  506. color: {color:links};
  507. font-size: 11px;
  508. text-decoration: none;
  509. {block:ifbackgroundlinks}
  510. background: {color:background links};
  511. {/block:ifbackgroundlinks}
  512. }
  513.  
  514. a:hover {
  515. color: {color:links hover};
  516. cursor: url({text:cursor}), progress;
  517. {block:ifbackgroundlinkshover}
  518. background: {color:background links hover};
  519. {/block:ifbackgroundlinkshover}
  520. }
  521.  
  522.  
  523. iframe#tumblr_controls{
  524. z-index:9;
  525. opacity:0.5;
  526. -webkit-filter:invert(100%);
  527. top:0px;
  528. right:8px;
  529. position:fixed;
  530. }
  531.  
  532. iframe#tumblr_controls {
  533. right:3px;
  534. position:fixed;
  535. -webkit-transition:opacity 0.7s linear;opacity:0.2;
  536. -webkit-transition: all 0.8s ease-out;
  537. -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:99999
  538. }
  539.  
  540. iframe#tumblr_controls:hover {
  541. -webkit-transition:opacity 0.7s linear; opacity:1.0;
  542. -webkit-transition:all 0.4s ease-out;
  543. -moz-transition:all 0.4s ease-out; transition: all 0.4s ease-out; z-index:99999;
  544.  
  545. }
  546.  
  547. ::-webkit-scrollbar {
  548. width: 11px;
  549. height: 3px;
  550. background: {color:scrollbar border};
  551.  
  552. }
  553.  
  554. ::-webkit-scrollbar-thumb {
  555. background-color:{color:scrollbar};
  556. border: 4px solid {color:scrollbar border};
  557.  
  558. }
  559.  
  560. ::selection {
  561. background: {color:text selection};
  562. color: {color:text selection text};
  563. }
  564.  
  565. ::-moz-selection {
  566. background: {color:text selection};
  567. color: {color:text selection text};
  568. }
  569.  
  570. #content {
  571. {block:Ifnot2Column}
  572. width:600px;
  573. margin-left: 35%;
  574. {block:ifsidebarright}
  575. margin-left: 32%;
  576. {/block:ifsidebarright}
  577. {/block:Ifnot2Column}
  578. {block:If2Column}
  579. width:750px;
  580. margin-left: 30%;
  581. {block:ifsidebarright}
  582. margin-left: 25%;
  583. {/block:ifsidebarright}
  584. {/block:If2Column}
  585. margin-top: 10px;
  586. height: 100%;
  587. {block:permalinkpage}
  588. width:650px;
  589. {/block:permalinkpage}
  590. }
  591.  
  592. .post {
  593. font-size: 11px;
  594. text-align:left;
  595. border-radius: {text:border radius posts};
  596. {block:Ifnot2Column}
  597. width:400px;
  598. {/block:Ifnot2Column}
  599. {block:If2Column}
  600. width:250px;
  601. {/block:If2Column}
  602. {block:PermalinkPage}
  603. width:500px;
  604. margin-top:15px;
  605. margin-left:13px;
  606. z-index:99;
  607. z-index: 9;
  608. {/block:PermalinkPage}
  609. background: {color:posts background};
  610. margin-right: 32px;
  611. margin-left: 32px;
  612. margin: 20px;
  613. float: left;
  614. padding: 10px;
  615. {block:ifpoststransparent} background: transparent; {/block:ifpoststransparent}
  616. {block:ifpostborder} border: 1px {select:post border} {color:posts border}; {/block:ifpostborder}
  617. {block:ifpostshadows} box-shadow: {color:post shadows} 7px 7px {/block:ifpostshadows}
  618. }
  619.  
  620. .perma {
  621. width:238px;
  622. min-height:10px;
  623. border-radius: {text:border radius perma};
  624. font-family:{select:font text};
  625. font-size:12px;
  626. line-height:12px;
  627. border:0px solid {color:perma border};
  628. background-color:{color:perma background};
  629. font-family: {select:font text};
  630. text-align:{select:text align perma};
  631. z-index:999;
  632. margin-top:10px;
  633. line-height: 10px;
  634. margin-left:0px;
  635. padding:6px;
  636. {block:Ifnot2Column}
  637. margin-left:0px;
  638. width: 384px;
  639. {/block:Ifnot2Column}
  640. {block:ifpermaborder}border:1px {select:perma border} {color:perma border}; {/block:ifpermaborder}
  641. {block:ifpermatransparent}background-color:transparent;{/block:ifpermatransparent}
  642. }
  643.  
  644. .perma a {
  645. color:{color:perma text};
  646. text-decoration: none;
  647. }
  648.  
  649. .perma a:hover {
  650. color:{color:perma text hover};
  651.  
  652. }
  653.  
  654. #sidebar {
  655. position: fixed;
  656. width: 150px;
  657. border-radius: {text:border radius sidebar};
  658. min-height: 100px;
  659. padding-top: 4px;
  660. background:{color:sidebar background};
  661. margin-top: 140px;
  662. margin-left: 100px;
  663. font-family: {font:Text};
  664. {block:Iffonttext}
  665. font-family: {select:font text};
  666. {/block:Iffonttext}
  667. {block:Ifnot2Column}
  668. margin-left: 15%;
  669. {/block:Ifnot2Column}
  670. {block:If2Column}
  671. margin-left: 15%;
  672. {/block:If2Column}
  673. {block:ifsidebartransparent}
  674. background: transparent;
  675. {/block:ifsidebartransparent}
  676. {block:ifsidebarborder}
  677. border:1px {select:sidebar border} {color:sidebar border};
  678. {/block:ifsidebarborder}
  679. {block:ifsidebarshadows}
  680. box-shadow: {color:sidebar shadows} 5px 5px;
  681. {/block:ifsidebarshadows}
  682. {block:ifsidebarright}
  683. margin-left: 75%;
  684. {/block:ifsidebarright}
  685. }
  686.  
  687.  
  688. #sb {
  689. height: 10px;
  690. vertical-align: top;
  691. }
  692.  
  693. .sfm input {
  694. background-color: {color:search box};
  695. font-size: 8px;
  696. border: 1px solid {color:search box border} ;
  697. margin-top: 0px;
  698. color: #999;
  699. letter-spacing: 1px;
  700. padding: 4px 8px;
  701. border-radius: {text:border radius search box};
  702.  
  703. }
  704. .sidebar-avatar {
  705. border: 1px {select:avatar border} {color:avatar border};
  706. width: 120px;
  707. height: 120px;
  708. margin-left: 15px;
  709. margin-top: 5px;
  710. border-radius: {select:sidebar avatar shape};
  711. {block:ifavataroutsidebar}
  712. margin-top: -50px;
  713. {block:ifavataroutsidebar}
  714. }
  715.  
  716. {block:ifavatareffect}
  717. .sidebar-avatar:hover {
  718. -webkit-transition: all 0.8s ease-out;
  719. -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out;
  720. -ms-transform:rotate(30deg);
  721. -moz-transform:rotate(30deg);
  722. -webkit-transform:rotate(30deg);
  723. -o-transform:rotate(30deg);
  724. }
  725. {/block:ifavatareffect}
  726.  
  727. .text {
  728. text-align: left;
  729. font-family: {font:Text};
  730. {block:Iffonttext}
  731. font-family: {select:font text};
  732. {/block:Iffonttext}
  733. font-size: 11px;
  734. padding: 5px;
  735. margin-bottom: 0px;
  736. color: {color:text};
  737.  
  738. }
  739.  
  740. .text-title {
  741. text-align: center;
  742. font-family: {font:Text};
  743. {block:Iffonttext}
  744. font-family: {select:font text};
  745. {/block:Iffonttext}
  746. background: {color:ask} ;
  747. font-size: 13px;
  748. padding: 5px;
  749. margin-bottom: 0px;
  750. color: {color:text};
  751.  
  752. }
  753.  
  754. .title {
  755. text-align: center;
  756. font-family: {font:Text};
  757. text-transform:{select:title transform};
  758. {block:Iffonttext}
  759. font-family: {select:title font text};
  760. {/block:Iffonttext}
  761. width: 140px;
  762. padding: 5px;
  763. margin-bottom: 0px;
  764. }
  765.  
  766. .title a {
  767. text-decoration: none;
  768. }
  769.  
  770. .links {
  771. text-align: center;
  772. margin-top: 0px;
  773. width: 140px;
  774. margin-left:5px;
  775. margin-bottom: 10px;
  776.  
  777. }
  778. .links a {
  779. margin: 2px;
  780. padding:3px;
  781. color: {color:navlinks};
  782. background: {color:navlinks background};
  783. border: 1px {select:navlinks border} {color:navlinks border};
  784. display:inline-block;
  785. border-radius: {text:border radius navlinks};
  786. text-decoration: none;
  787. }
  788.  
  789. .links a:hover {
  790. color:{color:navlinks hover};
  791. background: {color:navlinks background hover};
  792. border: 1px {select:navlinks border} {color:navlinks border hover};
  793. -webkit-transition: all 0.2s ease-out;
  794. -moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  795. }
  796.  
  797. .links_list {
  798. margin:0px;
  799. padding:0px;
  800. width:150px;
  801.  
  802. }
  803. .links_head {
  804. padding-top:0px;
  805. padding-bottom:5px;
  806. padding: 3px;
  807. cursor:pointer;
  808. position:relative;
  809. font-family: 13px;
  810. margin:1px;
  811. color: {color:text};
  812. font-style: none;
  813. text-align:center;
  814. }
  815.  
  816. .links_body {
  817. text-align: center;
  818. margin-top: 0px;
  819. width: 140px;
  820. margin-bottom: 10px;
  821. margin-left: 3px;
  822.  
  823. }
  824. .links_body a {
  825. margin: 2px;
  826. padding:2px;
  827. color: {color:navlinks};
  828. background: {color:navlinks background};
  829. border: 1px {select:navlinks border} {color:navlinks border};
  830. border-radius: {text:border radius navlinks};
  831. display:inline-block;
  832. text-decoration: none;
  833. }
  834.  
  835. .links_body a:hover {
  836. color:{color:navlinks hover};
  837. background: {color:navlinks background hover};
  838. border: 1px {select:navlinks border} {color:navlinks border hover};
  839. -webkit-transition: all 0.2s ease-out;
  840. -moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  841. }
  842.  
  843. .description {
  844. width:140px;
  845. min-width: 10px;
  846. text-align: center;
  847. padding: 5px;
  848. color: {color:text};
  849. text-decoration: none;
  850. }
  851.  
  852. .description a {
  853. text-decoration: none;
  854. }
  855.  
  856.  
  857. .description a:hover {
  858. text-decoration: none;
  859. }
  860.  
  861. {block:ifnotpagination}
  862. .pagination {
  863. display: none;
  864. }
  865. {/block:ifnotpagination}
  866.  
  867. {block:ifpagination}
  868. .pagination {
  869. width: 150px;
  870. text-align: center;
  871. }
  872.  
  873. .pagination a {
  874. color: {color:pagination};
  875. text-decoration: none;
  876. font-size: 12px;
  877. padding: 3px;
  878. border: 1px {select:pagination border} {color:pagination border};
  879. background: {color:pagination background};
  880. border-radius: {text:border radius pagination};
  881. }
  882.  
  883. .pagination a:hover {
  884. color: {color:pagination hover};
  885. border: 1px solid {color:pagination border hover};
  886. background: {color:pagination background hover};
  887. }
  888. {/block:ifpagination}
  889.  
  890. {block:ifnotpagination}
  891. .pagination {
  892. display: none;
  893. }
  894. {/block:ifnotpagination}
  895.  
  896. #info {
  897. margin-top: 20px;
  898. width: 230px;
  899. padding: 10px;
  900. }
  901.  
  902. #postnotes {
  903. margin-bottom: 5px;
  904. margin-top: 5px;
  905. border-bottom: 1px solid {color:post border};
  906. }
  907. .tags {
  908. margin-top: 5px;
  909. margin-bottom: 5px;
  910. padding-bottom: 5px;
  911. }
  912.  
  913.  
  914. .audio {
  915. width:200px;
  916. padding-bottom:1px;
  917. {block:PermalinkPage}
  918. width:500px;
  919. padding-bottom:110px;
  920. {/block:PermalinkPage}
  921. }
  922.  
  923. .albumart {
  924. position:absolute;
  925. {block:IndexPage}
  926. width:50px;
  927. height:50px;
  928. padding-bottom: 5px;
  929. {/block:Ifnot2Column}
  930. {/block:IndexPage}
  931. {block:PermalinkPage}
  932. width:150px;
  933. height:150px;
  934. {/block:PermalinkPage}
  935. }
  936.  
  937. .albumart img {
  938. float:left;
  939. width:50px;
  940. height:50px;
  941. {block:PermalinkPage}
  942. width:150px;
  943. height:150px;
  944. {/block:PermalinkPage}
  945. }
  946.  
  947. .playbox {
  948. opacity:0.6;
  949. width:27px;
  950. height:30px;
  951. overflow:hidden;
  952. position:absolute;
  953. z-index:2;
  954. margin-left:11px;
  955. margin-top:12px;
  956. {block:PermalinkPage}
  957. margin-left:60px;
  958. margin-top:61px;
  959. {/block:PermalinkPage}
  960. }
  961.  
  962. .stuff {
  963. margin-top:2px;
  964. line-height:12px;
  965. font-size:10px;
  966. text-transform:uppercase;
  967. border-left: 1px {select:post border} {color:blockquote};
  968. padding-left: 5px;
  969. margin-left:58px;
  970. {block:PermalinkPage}
  971. margin-left:158px;
  972. {/block:PermalinkPage}
  973. }
  974.  
  975.  
  976. blockquote {
  977. border-left:solid 1px {color:blockquote};
  978. padding-left: 10px;
  979. margin-left: 10px;
  980. }
  981.  
  982. blockquote p {
  983. display:block;
  984. }
  985.  
  986. blockquote img {
  987. {block:if2columns}
  988. max-width:100px;
  989. {/block:if2columns}
  990. {block:ifnot2columns}
  991. max-width:250px;
  992. {/block:ifnot2columns}
  993. }
  994.  
  995. .ask {
  996. font-style:none;
  997. border-radius: {text:border radius ask border};
  998. {block:ifaskbackground}
  999. background:{color:ask};
  1000. {/block:ifaskbackground}
  1001. {block:ifaskborder}
  1002. border: 1px {select:ask border} {color:ask border};
  1003. {/block:ifaskborder}
  1004. color:{color:ask text};
  1005. padding: 7px;
  1006. text-align:left;
  1007. z-index: 9999;
  1008. }
  1009.  
  1010. .ask a{
  1011. text-decoration: none;
  1012. }
  1013.  
  1014. .ask a:hover {
  1015. background: transparent;
  1016. }
  1017.  
  1018.  
  1019. .arrow {
  1020. width:20px;
  1021. background: transparent;
  1022. height:auto;
  1023. font-family:consolas;
  1024. font-weight: bold;
  1025. font-size:40px;
  1026. line-height: 10px;
  1027. margin-top: -10px;
  1028. margin-left:20px;
  1029. display: inline-block;
  1030. padding:8px;
  1031. z-index: 9;
  1032. }
  1033.  
  1034. .arrowbr {
  1035. border-left: 1px {select:ask border} {color:ask border};
  1036. width:20px;
  1037. height: 20px;
  1038. margin-top: -27px;
  1039. {block:ifotherasklayout}
  1040. margin-top: -17px;
  1041. height: 19px;
  1042. {/block:ifotherasklayout}
  1043. margin-left: 41px;
  1044. color: transparent;
  1045. -ms-transform:rotate(30deg);
  1046. -moz-transform:rotate(30deg);
  1047. -webkit-transform:rotate(30deg);
  1048. -o-transform:rotate(30deg);
  1049. }
  1050.  
  1051. .arrowbr1 {
  1052. border-right: 1px {select:ask border} {color:ask border};
  1053. width:20px;
  1054. height: 19px;
  1055. margin-top: -29px;
  1056. {block:ifotherasklayout}
  1057. margin-top: -27px;
  1058. {/block:ifotherasklayout}
  1059. margin-left: 33px;
  1060. color: transparent;
  1061. -ms-transform:rotate(140deg);
  1062. -moz-transform:rotate(140deg);
  1063. -webkit-transform:rotate(154deg);
  1064. -o-transform:rotate(140deg);
  1065. }
  1066.  
  1067. .asker-avatar {
  1068. display: inline-block;
  1069. vertical-align: middle;
  1070. margin-right: 7px;
  1071. border-radius: {text:border radius ask avatar};
  1072. border: 2px solid {color:ask avatar border};
  1073. }
  1074.  
  1075. .popuplinks a {
  1076. text-decoration:none;
  1077. background:transparent;
  1078. border:0px solid #ffffff;
  1079. padding:4px;
  1080. width:165px;
  1081. margin-top:3px;
  1082. margin-left:0px;
  1083. display:inline-block;
  1084. color:{color:text};
  1085. text-align:center;
  1086. }
  1087.  
  1088. .popuplinks a:hover {
  1089. background:{color:popup links background hover};
  1090. color:{color:popup links link hover};
  1091. -webkit-transition: all 0.3s ease-in-out;
  1092. -moz-transition: all 0.3s ease-in-out;
  1093. -o-transition: all 0.3s ease-in-out;
  1094. -ms-transition: all 0.3s ease-in-out;
  1095. transition: all 0.3s ease-in-out;
  1096. }
  1097.  
  1098. .odd, .even {
  1099. padding:2px;
  1100. }
  1101. .odd {
  1102. background-color:{color:ask};
  1103. color:{color:ask text};
  1104. }
  1105.  
  1106. {block:iffadedposts}
  1107. img {
  1108. -webkit-transition: opacity 0.8s linear;
  1109. opacity: 0.60;
  1110. }
  1111. img:hover {
  1112. -webkit-transition: opacity 0.8s linear;
  1113. opacity: 1;
  1114. }
  1115.  
  1116. iframe.photoset {
  1117. opacity: .9;
  1118. }
  1119. iframe.photoset:hover {
  1120. opacity: 1;
  1121. }
  1122. {/block:iffadedposts}
  1123.  
  1124. #credit {
  1125. position:fixed;
  1126. color:{color:links};
  1127. text-transform:uppercase;
  1128. font-size:14px;
  1129. font-family: {font:Text};
  1130. {block:Iffonttext}
  1131. font-family: {select:font text};
  1132. {/block:Iffonttext}
  1133. background-color:transparent;
  1134. right:10px;
  1135. bottom:10px;
  1136. padding:5px;
  1137. opacity:1;
  1138. border:0px solid {color:links};
  1139. }
  1140.  
  1141. #credit a {
  1142. text-decoration: none;
  1143. }
  1144.  
  1145. {CustomCSS}
  1146.  
  1147. </style>
  1148.  
  1149. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1150.  
  1151. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1152.  
  1153. <script>
  1154. $(function(){
  1155. var $container = $('#content');
  1156. $container.imagesLoaded(function(){
  1157. $container.masonry({
  1158. itemSelector: '.post',
  1159. });
  1160. });
  1161. $container.infinitescroll({
  1162. itemSelector : ".post",
  1163. navSelector : "div.pagination",
  1164. nextSelector : ".pagination a#next",
  1165. loadingImg : "",
  1166. loadingText : "<em></em>",
  1167. bufferPx : 10000,
  1168. extraScrollPx: 12000,
  1169. },
  1170. // trigger Masonry as a callback
  1171. function( newElements ) {
  1172. var $newElems = $( newElements ).css({ opacity: 0 });
  1173. // ensure that images load before adding to masonry layout
  1174. $newElems.imagesLoaded(function(){
  1175. $newElems.animate({ opacity: 1 });
  1176. $container.masonry( 'appended', $newElems, true );
  1177. });
  1178. }
  1179. );
  1180. });
  1181. </script>
  1182.  
  1183.  
  1184. </head>
  1185. <body>
  1186.  
  1187. <a {block:iftooltipsideimage} title="{text:side image tooltip}" {/block:iftooltipsideimage} ><img style="width:300px; {block:ifsideimageleft}left: 0px;{/block:ifsideimageleft} {block:ifnotsideimageleft} right: 0px;{/block:ifnotsideimageleft} bottom:0px; position: fixed;" src="{image:side image}"/>
  1188.  
  1189.  
  1190. <div id="sidebar">
  1191.  
  1192. {block:ifavatar}
  1193. <a href="/" {block:ifavatartooltip}title="{text:avatar tooltip}"{/block:ifavatartooltip}><img src="{PortraitURL-128}" class="sidebar-avatar"></a>
  1194. {/block:ifavatar}
  1195.  
  1196. {block:iftitle}
  1197. <div class="title">
  1198. <a {block:iftooltiptitle} title="{text:title tooltip}" {/block:iftooltiptitle} href="{Permalink}" style="font-size: 20px; padding: 3px; {block:iftitlebackground}background:{color:title background};{/block:iftitlebackground} color: {color:title};">{text:blog title}</a>
  1199. </div>
  1200. {/block:iftitle}
  1201.  
  1202. <div class="description">
  1203. {description}
  1204. </div>
  1205.  
  1206. {block:ifsearchbox}
  1207. <center>
  1208. <form action="/search" method="get" class="sfm">
  1209. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1210. <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/>
  1211. </form></center><p>
  1212. {/block:ifsearchbox}
  1213.  
  1214. {block:ifpagination}
  1215. {block:Pagination}
  1216. <div class="pagination">
  1217. {block:PreviousPage}
  1218. <a href="{PreviousPage}">←</a>
  1219. {/block:PreviousPage}
  1220.  
  1221. {block:JumpPagination length="5"}
  1222. {block:CurrentPage}
  1223. <span class="current_page">{PageNumber}</span>
  1224. {/block:CurrentPage}
  1225.  
  1226. {block:JumpPage}
  1227. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1228. {/block:JumpPage}
  1229. {/block:JumpPagination}
  1230.  
  1231. {block:NextPage}
  1232. <a href="{NextPage}">→</a>
  1233. {/block:NextPage}
  1234. </div>
  1235. {/block:Pagination}
  1236. <p>
  1237. {/block:ifpagination}
  1238.  
  1239. {block:ifnavlinksonclick}
  1240. <div class="links_list">
  1241. <p class="links_head">links</p>
  1242. <div class="links_body">
  1243. <center>
  1244. <a {block:ifnavlinkstooltips}title="{text:home tooltip}"{/block:ifnavlinkstooltips} href="/">home</a>
  1245. {block:ifnotpopupask}
  1246. <a {block:ifnavlinkstooltips}title="{text:ask tooltip}"{/block:ifnavlinkstooltips} href="/ask">message</a>
  1247. {/block:ifnotpopupask}
  1248. {block:ifpopupask}
  1249. <a {block:ifnavlinkstooltips}title="{text:ask tooltip}"{/block:ifnavlinkstooltips} href="#?w=700" rel="02" class="poplight">message</a>
  1250. {/block:ifpopupask}
  1251. {block:ifnotpopuparchive}
  1252. <a {block:ifnavlinkstooltips}title="{text:archive tooltip}"{/block:ifnavlinkstooltips} href="/archive">archive</a>
  1253. {/block:ifnotpopuparchive}
  1254. {block:ifpopuparchive}
  1255. <a {block:ifnavlinkstooltips}title="{text:archive tooltip}"{/block:ifnavlinkstooltips} href="#?w=900" rel="05" class="poplight">archive</a>
  1256. {/block:ifpopuparchive}
  1257. {block:ifpopuplinks}
  1258. <a {block:ifnavlinkstooltips}title="{text:links popup tooltip}"{/block:ifnavlinkstooltips} href="#?w=520" rel="03" class="poplight">links</a>
  1259. {/block:ifpopuplinks}
  1260. {block:ifpopupaboutme}
  1261. <a {block:ifnavlinkstooltips}title="{text:about me popup tooltip}"{/block:ifnavlinkstooltips} href="#?w=500" rel="04" class="poplight">about me</a>
  1262. {/block:ifpopupaboutme}
  1263. {block:ifshowcustomlink1}<a {block:ifnavlinkstooltips}title="{text:link1 tooltip}"{/block:ifnavlinkstooltips} href="{text:link1 url}">{text:link1 title}<l></l></a>{/block:ifshowcustomlink1}
  1264. {block:ifshowcustomlink2}<a {block:ifnavlinkstooltips}title="{text:link2 tooltip}"{/block:ifnavlinkstooltips} href="{text:link2 url}">{text:link2 title}<l></l></a>{/block:ifshowcustomlink2}
  1265. {block:ifshowcustomlink3}<a {block:ifnavlinkstooltips}title="{text:link3 tooltip}"{/block:ifnavlinkstooltips} href="{text:link3 url}">{text:link3 title}<l></l></a>{/block:ifshowcustomlink3}
  1266. <a {block:ifnavlinkstooltips}title="brekkykid"{/block:ifnavlinkstooltips} href="http://brekkykid.tumblr.com">credit</a>
  1267. </center>
  1268. </div></div>
  1269. {/block:ifnavlinksonclick}
  1270.  
  1271. {block:ifnotnavlinksonclick}
  1272. <div class="links">
  1273. <a {block:ifnavlinkstooltips}title="{text:home tooltip}"{/block:ifnavlinkstooltips} href="/">home</a>
  1274. {block:ifnotpopupask}
  1275. <a {block:ifnavlinkstooltips}title="{text:ask tooltip}"{/block:ifnavlinkstooltips} href="/ask">message</a>
  1276. {/block:ifnotpopupask}
  1277. {block:ifpopupask}
  1278. <a {block:ifnavlinkstooltips}title="{text:ask tooltip}"{/block:ifnavlinkstooltips} href="#?w=700" rel="02" class="poplight">message</a>
  1279. {/block:ifpopupask}
  1280. {block:ifnotpopuparchive}
  1281. <a {block:ifnavlinkstooltips}title="{text:archive tooltip}"{/block:ifnavlinkstooltips} href="/archive">archive</a>
  1282. {/block:ifnotpopuparchive}
  1283. {block:ifpopuparchive}
  1284. <a {block:ifnavlinkstooltips}title="{text:archive tooltip}"{/block:ifnavlinkstooltips} href="#?w=900" rel="05" class="poplight">archive</a>
  1285. {/block:ifpopuparchive}
  1286. {block:ifpopuplinks}
  1287. <a {block:ifnavlinkstooltips}title="{text:links popup tooltip}"{/block:ifnavlinkstooltips} href="#?w=520" rel="03" class="poplight">links</a>
  1288. {/block:ifpopuplinks}
  1289. {block:ifpopupaboutme}
  1290. <a {block:ifnavlinkstooltips}title="{text:about me popup tooltip}"{/block:ifnavlinkstooltips} href="#?w=500" rel="04" class="poplight">about me</a>
  1291. {/block:ifpopupaboutme}
  1292. {block:ifshowcustomlink1}<a {block:ifnavlinkstooltips}title="{text:link1 tooltip}"{/block:ifnavlinkstooltips} href="{text:link1 url}">{text:link1 title}<l></l></a>{/block:ifshowcustomlink1}
  1293. {block:ifshowcustomlink2}<a {block:ifnavlinkstooltips}title="{text:link2 tooltip}"{/block:ifnavlinkstooltips} href="{text:link2 url}">{text:link2 title}<l></l></a>{/block:ifshowcustomlink2}
  1294. {block:ifshowcustomlink3}<a {block:ifnavlinkstooltips}title="{text:link3 tooltip}"{/block:ifnavlinkstooltips} href="{text:link3 url}">{text:link3 title}<l></l></a>{/block:ifshowcustomlink3}
  1295. <a {block:ifnavlinkstooltips}title="brekkykid"{/block:ifnavlinkstooltips} href="http://brekkykid.tumblr.com">credit</a>
  1296. </div>
  1297. {/block:ifnotnavlinksonclick}
  1298.  
  1299. </div></div>
  1300.  
  1301. <div id="content">
  1302. {block:Posts}
  1303. <div class="post">
  1304.  
  1305. {block:Text}
  1306. <div class="text">
  1307. {block:Title}<div class="text-title">{Title}</a></div>{/block:Title}<p>
  1308. {Body}
  1309. </div>
  1310. {block:indexpage}
  1311. {block:ifcaption}{caption}{/block:ifcaption}
  1312. <div class="perma"><a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {ShortMonth} AT {24HourWithZero}:{Minutes}</a> {select:perma division} <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> {select:perma division} <a href="{ReblogURL}" title="reblog">RBLG</a><br>
  1313. {block:ifshowtags}
  1314. {block:HasTags}
  1315. {block:Tags}<a href="/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  1316. {/block:HasTags}
  1317. {/block:ifshowtags}</div>
  1318. {/block:indexpage}
  1319. {/block:Text}
  1320.  
  1321. {block:Photo}
  1322. <div class="photo">
  1323. {block:indexpage}
  1324. {block:Ifnot2Column}
  1325. <a href="{permalink}"><img src="{PhotoURL-400}" width="400"/></a>
  1326. {/block:Ifnot2Column}
  1327. {block:If2Column}
  1328. <a href="{permalink}"><img src="{PhotoURL-250}" width="250"/></a>
  1329. {/block:If2Column}
  1330. {/block:indexpage}
  1331. {block:permalinkpage}
  1332. {LinkOpenTag}<center>
  1333. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px;/>
  1334. {LinkCloseTag}</center>
  1335. {/block:permalinkpage}
  1336. </div>
  1337. {block:indexpage}
  1338. {block:ifcaption}{caption}{/block:ifcaption}
  1339. <div class="perma"><a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {ShortMonth} AT {24HourWithZero}:{Minutes}</a> {select:perma division} <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> {select:perma division} <a href="{ReblogURL}" title="reblog">RBLG</a><br>
  1340. {block:ifshowtags}
  1341. {block:HasTags}
  1342. {block:Tags}<a href="/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  1343. {/block:HasTags}
  1344. {/block:ifshowtags}</div>
  1345. {/block:indexpage}
  1346. {/block:Photo}
  1347.  
  1348. {block:Photoset}
  1349. <div class="photoset">
  1350. {block:indexpage}
  1351. {block:Ifnot2Column}
  1352. {Photoset-400}
  1353. {/block:Ifnot2Column}
  1354. {block:If2Column}
  1355. {Photoset-250}
  1356. {/block:If2Column}
  1357. {/block:indexpage}
  1358. {block:permalinkpage}
  1359. {Photoset-500}
  1360. {/block:permalinkpage}
  1361. </div>
  1362. {block:indexpage}
  1363. {block:ifcaption}{caption}{/block:ifcaption}
  1364. {/block:ifshowtags}
  1365. <div class="perma"><a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {ShortMonth} AT {24HourWithZero}:{Minutes}</a> {select:perma division} <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> {select:perma division} <a href="{ReblogURL}" title="reblog">RBLG</a><br>
  1366. {block:ifshowtags}
  1367. {block:HasTags}
  1368. {block:Tags}<a href="/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  1369. {/block:HasTags}
  1370. {/block:ifshowtags}</div>
  1371. {/block:indexpage}
  1372. {/block:Photoset}
  1373.  
  1374.  
  1375. {block:Quote}
  1376. <div class="quote">
  1377. <div style="font-style: italic;">
  1378. "{Quote}" <P>
  1379. </div>
  1380. - {source}
  1381. </div>
  1382. {block:indexpage}
  1383. {block:ifcaption}{caption}{/block:ifcaption}
  1384. <div class="perma"><a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {ShortMonth} AT {24HourWithZero}:{Minutes}</a> {select:perma division} <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> {select:perma division} <a href="{ReblogURL}" title="reblog">RBLG</a><br>
  1385. {block:ifshowtags}
  1386. {block:HasTags}
  1387. {block:Tags}<a href="/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  1388. {/block:HasTags}
  1389. {/block:ifshowtags}</div>
  1390. {/block:indexpage}
  1391. {/block:Quote}
  1392.  
  1393.  
  1394. {block:Video}
  1395. <div class="video">
  1396. {block:Ifnot2Column}
  1397. {Video-400}
  1398. {/block:Ifnot2Column}
  1399. {block:If2Column}
  1400. {Video-250}
  1401. {/block:If2Column}
  1402. {block:indexpage}
  1403. {block:ifcaption}{caption}{/block:ifcaption}
  1404. <div class="perma"><a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {ShortMonth} AT {24HourWithZero}:{Minutes}</a> {select:perma division} <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> {select:perma division} <a href="{ReblogURL}" title="reblog">RBLG</a><br>
  1405. {block:ifshowtags}
  1406. {block:HasTags}
  1407. {block:Tags}<a href="/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  1408. {/block:HasTags}
  1409. {/block:ifshowtags}</div>
  1410. {/block:indexpage}
  1411. </div>
  1412. {/block:Video}
  1413.  
  1414.  
  1415. {block:Link}
  1416. <div class="link">
  1417. <div class="title"><a href="{URL}">{Name}</a></div>
  1418. {block:Description}
  1419. {Description}
  1420. {/block:Description}
  1421. {block:indexpage}
  1422. {block:ifcaption}{caption}{/block:ifcaption}
  1423. <div class="perma"><a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {ShortMonth} AT {24HourWithZero}:{Minutes}</a> {select:perma division} <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> {select:perma division} <a href="{ReblogURL}" title="reblog">RBLG</a><br>
  1424. {block:ifshowtags}
  1425. {block:HasTags}
  1426. {block:Tags}<a href="/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  1427. {/block:HasTags}
  1428. {/block:ifshowtags}</div>
  1429. {/block:indexpage}
  1430. </div>
  1431. {/block:Link}
  1432.  
  1433. {block:Chat}
  1434. <div class="chat">
  1435. {block:Title}<div class="text-title">{Title}</a></div>{/block:Title}<p>
  1436. {block:Lines}
  1437. <div class="{Alt}"><p>
  1438. {block:Label}
  1439. <strong>{Label}</strong>
  1440. {/block:Label}
  1441. {Line} </p></div>
  1442. {/block:Lines}
  1443.  
  1444. {block:indexpage}
  1445. {block:ifcaption}{caption}{/block:ifcaption}
  1446. <div class="perma"><a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {ShortMonth} AT {24HourWithZero}:{Minutes}</a> {select:perma division} <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> {select:perma division} <a href="{ReblogURL}" title="reblog">RBLG</a><br>
  1447. {block:ifshowtags}
  1448. {block:HasTags}
  1449. {block:Tags}<a href="/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  1450. {/block:HasTags}
  1451. {/block:ifshowtags}</div>
  1452. {/block:indexpage}
  1453. </div>
  1454. {/block:Chat}
  1455.  
  1456. {block:Audio}
  1457.  
  1458. <div class="audio">
  1459. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1460. <div class="playbox">
  1461. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  1462. <div class="stuff">
  1463. <b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}
  1464. <br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  1465. <br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}
  1466. <br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}
  1467. </div>
  1468. {block:indexpage}
  1469. {block:ifcaption}{caption}{/block:ifcaption}
  1470. <div class="perma"><a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {ShortMonth} AT {24HourWithZero}:{Minutes}</a> {select:perma division} <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> {select:perma division} <a href="{ReblogURL}" title="reblog">RBLG</a><br>
  1471. {block:ifshowtags}
  1472. {block:HasTags}
  1473. {block:Tags}<a href="/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  1474. {/block:HasTags}
  1475. {/block:ifshowtags}</div>
  1476. {/block:indexpage}
  1477. </div>
  1478. {/block:Audio}
  1479.  
  1480. {block:Answer}
  1481. {block:ifnototherasklayout}
  1482. <div class="ask"><img class="asker-avatar" src="{AskerPortraitURL-24}" alt="">{Asker}: {Question}</div>
  1483. <div class="arrow" style="color:{color:ask}; ">▼</div><p>
  1484. <div class="arrowbr">.</div>
  1485. <div class="arrowbr1">.</div>
  1486. {/block:ifnototherasklayout}
  1487. {block:ifotherasklayout}
  1488. <div class="ask">{Question}<br>
  1489. - asked by {Asker} <img class="asker-avatar" src="{AskerPortraitURL-24}" alt="" >
  1490. </div>
  1491. <div class="arrow"><font color="{color:ask}">▼</div>
  1492. <div class="arrowbr">.</div>
  1493. <div class="arrowbr1">.</div>
  1494. {/block:ifotherasklayout}
  1495. <p>
  1496. <div style="text-transform:none; color: {color:text};">{Answer}</div>
  1497. {block:indexpage}
  1498. {block:ifcaption}{caption}{/block:ifcaption}
  1499. <div class="perma"><a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {ShortMonth} AT {24HourWithZero}:{Minutes}</a> {select:perma division} <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> {select:perma division} <a href="{ReblogURL}" title="reblog">RBLG</a><br>
  1500. {block:ifshowtags}
  1501. {block:HasTags}
  1502. {block:Tags}<a href="/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  1503. {/block:HasTags}
  1504. {/block:ifshowtags}</div>
  1505. {/block:indexpage}
  1506. {/block:Answer}
  1507.  
  1508. {block:PermalinkPage}
  1509. {caption}
  1510. <br>
  1511. {block:Date}<b>posted:</b> {DayOfMonthWithZero} {Month} {Year}, {TimeAgo} {/block:Date} <br>
  1512. {block:NoteCount} <b>notes:</b> {NoteCount} notes{/block:NoteCount}<br>
  1513. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  1514. <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  1515. {block:HasTags}<b>tags:</b> {block:Tags}{/block:Tags}{/block:HasTags}
  1516. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}
  1517. {/block:PermalinkPage}
  1518.  
  1519. {block:HasTags}{block:permalinkpage}
  1520. <div class="tags">
  1521. {block:Tags}<a href="/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  1522. </div>{/block:permalinkpage}
  1523. {/block:HasTags}
  1524.  
  1525. {block:PostNotes}
  1526. <div id="postnotes">{PostNotes}</div>
  1527. {/block:PostNotes}</div>{/block:Posts}
  1528. </div></div>
  1529.  
  1530. {block:Date}
  1531. {/block:Date}
  1532.  
  1533. {block:ContentSource}
  1534. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1535. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" style="border-radius: 5px;" />
  1536. {/block:SourceLogo}
  1537. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1538. {/block:ContentSource}
  1539. </div>
  1540. {/block:Posts}
  1541.  
  1542. </div>
  1543.  
  1544. {block:ifnotpagination}<div class="pagination" style="color: transparent;">{/block:ifnotpagination}
  1545. {block:ifpagination}<div id="pagination" style="color: transparent;">{/block:ifpagination}
  1546. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1547.  
  1548. </div>
  1549.  
  1550.  
  1551. <div id="credit">
  1552. <a href="http://brekkykid.tumblr.com" title="theme by brekkykid">©</a></div>
  1553.  
  1554. </body>
  1555.  
  1556. <div id="05" class="popup_block">
  1557.  
  1558. <iframe frameborder="0" width="900px" height="500px" src="http://wwww.{name}.tumblr.com/archive" seamless></iframe>
  1559.  
  1560. </div>
  1561.  
  1562. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  1563.  
  1564. <div id="04" class="popup_block">
  1565.  
  1566. {text:about me popup}
  1567. </div>
  1568.  
  1569. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  1570.  
  1571. <div id="03" class="popup_block">
  1572.  
  1573. <table>
  1574. <tr>
  1575. <td>
  1576. <div class="popuplinks">
  1577.  
  1578. <a href="/">LINK</a>
  1579. <a href="/">LINK</a>
  1580. <a href="/">LINK</a>
  1581.  
  1582. </div>
  1583. </td>
  1584. <td>
  1585.  
  1586. <div class="popuplinks">
  1587.  
  1588. <a href="/">LINK</a>
  1589. <a href="/">LINK</a>
  1590. <a href="/">LINK</a>
  1591. </div>
  1592.  
  1593. </td>
  1594. <td>
  1595.  
  1596. <div class="popuplinks">
  1597.  
  1598. <a href="/">LINK</a>
  1599. <a href="/">LINK</a>
  1600. <a href="/">LINK</a>
  1601. </div>
  1602.  
  1603. </td>
  1604. </tr>
  1605. </table>
  1606. </div>
  1607.  
  1608. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  1609.  
  1610.  
  1611. <div id="02" class="popup_block">
  1612.  
  1613. <table>
  1614.  
  1615. <tr>
  1616. <td>
  1617.  
  1618. <div style="border: 1px solid; border-color:transparent; width:245px; height:250px;">
  1619.  
  1620. <center>
  1621.  
  1622. {text:faq i will popup} <p>
  1623. {text:faq i wont popup} <p>
  1624. {text:faq other popup} <p>
  1625.  
  1626. </td>
  1627. <td>
  1628. <br><br>
  1629. <div style="width: 450px; height: 330px; overflow-y: scroll; overflow-x: hidden;">
  1630.  
  1631. <iframe frameborder="0" width="430" height="200" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form" seamless></iframe>
  1632.  
  1633. <p>
  1634.  
  1635. <iframe frameborder="0" width="430" height="200" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" id="submit_form" seamless></iframe>
  1636.  
  1637. </center>
  1638. </td>
  1639. </tr>
  1640. </table>
  1641. </div>
  1642.  
  1643. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  1644.  
  1645. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!