Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Color wheel link theme

By: a guest on Aug 12th, 2012  |  syntax: None  |  size: 22.41 KB  |  hits: 10  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2.  
  3.  
  4. <!--
  5. Theme by wreckmyurl or wreckmytheme
  6. Please don't remove credit? c:
  7. if you do put it in faq. PLEASE IT TOOK TIME TO MAKE
  8. THEME AND IT'S BEEN ASKED FOR MANY TIMES.C:
  9. -->
  10. <!---
  11. Edited heaps by energyy.tumblr.com
  12.  
  13. get the fuck off.
  14.  
  15.  
  16.  
  17. don’t try and steal my coding
  18.  
  19.  
  20.  
  21. or I will hunt you down ok bye.
  22. -->
  23. <html lang="en">
  24. <head>
  25.  
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28.  
  29. <script>
  30. $(document).ready(function() {
  31. //
  32. $('a.poplight[href^=#]').click(function() {
  33. var popID = $(this).attr('rel'); //Get Popup Name
  34. var popURL = $(this).attr('href'); //Get Popup href to define size
  35. var query= popURL.split('?');
  36. var dim= query[1].split('&');
  37. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  38. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lngwraXumj1qf72le.png" class="btn_close" title="Close" alt="Close" /></a>');
  39. var popMargTop = ($('#' + popID).height() + 80) / 2;
  40. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  41. //Apply Margin to Popup
  42. $('#' + popID).css({
  43. 'margin-top' : -popMargTop,
  44. 'margin-left' : -popMargLeft
  45. });
  46. $('body').append('<div id="fade"></div>');
  47. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  48. return false;
  49. });
  50. $('a.close, #fade').live('click', function() {
  51. $('#fade , .popup_block').fadeOut(function() {
  52. $('#fade, a.close').remove(); //fade them both out
  53. });
  54. return false;
  55. });
  56. });
  57. </script>
  58. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  59. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  60. <link href='http://fonts.googleapis.com/css?family=Miniver|Advent+Pro:500' rel='stylesheet' type='text/css'>
  61. <html lang="en">
  62.  
  63. <script type="text/javascript">if(location.href == 'http://energyy.tumblr.com/ask') location.replace('http://energyy.tumblr.com/faq');;</script>
  64.  
  65. <script type="text/javascript"
  66. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  67.  
  68. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  69. <meta name="color:background" content="#ffffff"/>
  70. <meta name="color:text" content="#000000"/>
  71. <meta name="color:link1" content="#ffffff"/>
  72. <meta name="color:link2" content="#ffffff"/>
  73. <meta name="color:link3" content="#ffffff"/>
  74. <meta name="color:link4" content="#ffffff"/>
  75. <meta name="color:link5" content="#ffffff"/>
  76. <meta name="color:link6" content="#ffffff"/>
  77. <meta name="color:borda" content="#000000"/>
  78. <meta name="color:link border" content="#000"/>
  79. <meta name="color:links" content="#000000"/>
  80. <meta name="color:title" content="#000000"/>
  81. <meta name="color:asks" content="#ffffff"/>
  82. <meta name="color:TopBarBackground" content="#000000"/>
  83. <meta name="image:bottomleft" content=""/>
  84. <meta name="color:hover" content="#686868"/>
  85. <meta name="image:Sidebar" content=""/>
  86. <meta name="image:Background" content=""/>
  87. <meta name="text:Link one Title" content=""/>
  88. <meta name="text:Link one" content="" />
  89. <meta name="text:Link Three Title" content=""/>
  90. <meta name="text:Link Three" content=""/>
  91. <meta name="text:Link Four Title" content=""/>
  92. <meta name="text:Link Four" content=""/>
  93. <meta name="text:Link two Title" content=""/>
  94. <meta name="text:Link two" content=""/>
  95. <meta name="if:Show Sidebar Image" content="0"/>
  96. <meta name="if:Show Bottom Left Image" content="0"/>
  97. <meta name="if:Show BlogTitle" content="0"/>
  98. <style type="text/css">
  99.  
  100.  
  101. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  102. <script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>
  103.  
  104.  
  105. <script type=”text/javascript”>
  106. //
  107. function desabilitaMenu(e)
  108. {
  109. if (window.Event)
  110. {
  111. if (e.which == 2 || e.which == 3)
  112. return false;
  113. }
  114. else
  115. {
  116. event.cancelBubble = true
  117. event.returnValue = false;
  118. return false;
  119. }
  120. }
  121. document.oncontextmenu = desabilitaMenu;
  122. document.onmousedown = desabilitaBotaoDireito;
  123. document.onmouseup = desabilitaBotaoDireito;
  124. </script>trols{
  125. position:fixed !important;
  126. }
  127. ::-webkit-scrollbar-thumb:vertical {
  128.  
  129. height:9px;
  130.  
  131. background-color: #a4a4a4;
  132.  
  133. }
  134.  
  135. ::-webkit-scrollbar {
  136.  
  137. width:5px;
  138.  
  139. height:5px;
  140.  
  141. background:#fff;
  142.  
  143. margin-right:5px;
  144.  
  145. }
  146. iframe#tumblr_controls {
  147. top: 0% !important;
  148. right:0% !important;
  149. position: fixed !important;}
  150. .popup_block{
  151. display: none; /*--hidden by default--*/
  152. background: white ;
  153. padding: 5px;
  154. border: 2px solid #a4a4a4;
  155. float: left;
  156. font-family: "short stack";
  157. font-size: 12;
  158. position: fixed;
  159. top: 50%; left: 50%;
  160. z-index: 99999;
  161. /*--CSS3 Box Shadows--*/
  162. -webkit-box-shadow: 0px 0px 20px #000;
  163. -moz-box-shadow: 0px 0px 20px #000;
  164. box-shadow: 0px 0px 20px #000;
  165. /*--CSS3 Rounded Corners--*/
  166. -webkit-border-radius: 0px;
  167. -moz-border-radius: 0px;
  168. border-radius: 0px;
  169. }
  170. img.btn_close {
  171. float: right;
  172. margin: 0 0px 0 0;
  173. }
  174. /*--Making IE6 Understand Fixed Positioning--*/
  175. *html #fade {
  176. position: absolute;
  177. }
  178. *html .popup_block {
  179. position: absolute;
  180. }
  181. @font-face {
  182. font-family: "kg luck of the irish";
  183. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  184. }
  185. @font-face {
  186. font-family: "kg luck of the irish";
  187. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  188. }
  189.  
  190. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  191.  
  192.  
  193. .left{
  194. float: left;
  195. margin-right: 20px;
  196. width: 802px;
  197. }
  198.  
  199. .right{
  200. float: right;
  201. width: 200px;
  202. background-color: {color:Background};
  203. }
  204.  
  205. body {
  206. padding: 0px;
  207. margin: 0px;
  208. color:#000;
  209. font-family:'overthinking mh';
  210. font-size: 11px;
  211. background-color: {color:Background};
  212. background-image:url({image:Background});
  213. background-attachment: fixed;
  214. background-repeat: repeat;
  215. }
  216.  
  217. a:link, a:active, a:visited{
  218. color:{color:links};
  219. text-decoration: none;
  220. -webkit-transition: color 0.4s ease-out;
  221. -moz-transition: color 0.4s ease-out;
  222. }
  223.  
  224. a:hover{
  225. color:{color:hover};
  226. -webkit-transition: color 0.4s ease-out;
  227. -moz-transition: color 0.4s ease-out;
  228. text-shadow:0px 0px 1px {color:hover};
  229. }
  230.  
  231. .entry {
  232. margin:1px;
  233. padding: 1px;
  234. float:left;
  235. background-color: white;
  236. font-family: short stack;
  237. font-size: 10px;
  238. line-height:10px;
  239. {block:IndexPage}
  240. overflow: hidden;
  241. width:300px;
  242. {/block:IndexPage}
  243. {block:PermalinkPage}
  244. width:450px;
  245. margin-left: 158px;
  246. {/block:PermalinkPage}
  247. }
  248.  
  249. .bubble {align:right;background:{color:asks}; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  250. .bubble p {margin:1px 0px;}
  251. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:asks};}
  252. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: {color:asks}}
  253.  
  254. .entry #permalink {
  255. position: absolute;
  256. margin-top: -20px;
  257. margin-left: 90px;
  258. opacity: 0;
  259. -webkit-transition: all .9s ease;
  260. -moz-transition: all .9s ease;
  261. -o-transition: all .9s ease;
  262. transition: all .9s ease;
  263. }
  264.  
  265. .entry:hover #permalink {
  266. margin-top: 10px;
  267. margin-left: 90px;
  268. opacity: 1;
  269. }
  270.  
  271. .countreblog {
  272. letter-spacing:1px;
  273. font-family: short stack;
  274. font-size:11px;
  275. color: #a4a4a4;
  276. line-height:5px;
  277. margin: 2px;
  278. background:#fafafa;
  279. background-repeat:repeat;
  280. border:1px solid #fafafa;
  281. padding:2px 2px;
  282. opacity: 1;
  283. -webkit-border-radius:0px;
  284. moz-border-radius:0px;
  285. -o-border-radius:0px;
  286. border-radius:0px;
  287. }
  288.  
  289. .countreblog a { color: #000; }
  290.  
  291. .topbar{
  292. z-index:999999999999999;
  293. position:absolute !important;
  294. position:fixed !important;
  295. background-color:#fff;
  296. width:900px;
  297. opacity:.8;
  298. margin-left:50px;
  299. height:30px;
  300. top:0px;
  301. padding:3px;
  302. border-bottom:1px dashed {color:borda};
  303. padding-right:3px;
  304. z-index:10;
  305. overflow:hidden;
  306. text-align:center;
  307. padding-top:10px;
  308. padding-bottom:3px;
  309. }
  310.  
  311. div#bottombar a{
  312. color: #fff;
  313. }
  314.  
  315. div#bottombar{
  316. width:700px;
  317. z-index:1;
  318. position:fixed !important;
  319. text-align:center;
  320. bottom:0px;
  321. height:15px;
  322. background-color: black;
  323. color: white;
  324. font-family: cambria;
  325. font-size: 11.5px;
  326. padding-top: 3px;
  327. margin-left:70px;
  328. opacity: 0.8;
  329. -webkit-transition: all 0.7s linear;
  330. -moz-transition: all 0.7s linear;
  331. transition: all 0.7s linear;
  332. }
  333.  
  334.  
  335. #bottombar:hover{
  336. opacity: 1;
  337. height: 70px;
  338. border-bottom-right-radius:0px;
  339. border-top-right-radius:20px;
  340. border-top-left-radius:20px;
  341. border-bottom-left-radius:0px;
  342. -webkit-transition: all 0.7s linear;
  343. -moz-transition: all 0.7s linear;
  344. transition: all 0.7s linear;
  345. }
  346. div#sidebar{
  347. position:absolute !important;
  348. position:fixed !important;
  349. font-family: 'short stack';
  350. font-size: 10px;
  351. background-color: transparent;
  352. width:270px;
  353. height:auto;
  354. top:170px;
  355. left: 975px;
  356. padding:2px;
  357. border-left: 1px dashed #000000;
  358. border-top: 1px dashed #000000;
  359. border-bottom: 1px dashed #000000;
  360. -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.35);
  361. -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.35);
  362. box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.35);
  363. -webkit-animation:fadeInDownBig 3s;
  364. -moz-animation:fadeInDownBig 3s;
  365. -ms-animation:fadeInDownBig 3s;
  366. }
  367.  
  368. div#sidebar:hover{
  369. }
  370. div#desc{
  371. height:auto;
  372. width:auto;
  373. background: white;
  374. font-family:'overthinking mh';
  375. font-size: 20px;
  376. }
  377. div#link1{
  378. width:13px;
  379. height:13px;
  380. background-color:{color:link1};
  381. margin-bottom:1px;
  382. padding:2px;
  383. padding-left:3px;
  384. padding-bottom:1px;
  385. color:{color:links};
  386. line-height: 13px;
  387. font-family: short stack;
  388. font-size: 0px;
  389. border:1px solid {color:link border};
  390. border-top-left-radius:0px;
  391. -moz-border-radius-topleft:5px;
  392. border-bottom-left-radius:0px;
  393. -moz-border-radius-bottomleft:5px;
  394. -webkit-transition: all 0.3s linear;
  395. -moz-transition: all 0.3s linear;
  396. transition: all 0.3s linear; }
  397.  
  398. #link1:hover{
  399. border:1px solid {color:link border};
  400. width:48px;
  401. margin-left:0px;
  402. -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
  403. transition: all 0.3s linear;
  404. color: {color:links};
  405. font-size: 9px;
  406. border-top-right-radius:8px;
  407. -moz-border-radius-topright:5px;
  408. border-bottom-right-radius:8px;
  409. -moz-border-radius-bottomright:5px; }
  410.  
  411. div#link2{
  412. width:13px;
  413. height:13px;
  414. background-color:{color:link2};
  415. margin-bottom:1px;
  416. padding:2px;
  417. padding-left:3px;
  418. padding-bottom:1px;
  419. color:{color:links};
  420. line-height: 13px;
  421. font-family: short stack;
  422. font-size: 0px;
  423. border:1px solid {color:link border};
  424. border-top-left-radius:0px;
  425. -moz-border-radius-topleft:5px;
  426. border-bottom-left-radius:0px;
  427. -moz-border-radius-bottomleft:5px;
  428. -webkit-transition: all 0.3s linear;
  429. -moz-transition: all 0.3s linear;
  430. transition: all 0.3s linear; }
  431.  
  432. #link2:hover{
  433. border:1px solid {color:link border};
  434. width:48px;
  435. margin-left:0px;
  436. -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
  437. transition: all 0.3s linear;
  438. color: {color:links};
  439. font-size: 9px;
  440. border-top-right-radius:8px;
  441. -moz-border-radius-topright:5px;
  442. border-bottom-right-radius:8px;
  443. -moz-border-radius-bottomright:5px; }
  444.  
  445.  
  446. div#link3{
  447. width:13px;
  448. height:13px;
  449. background-color:{color:link3};
  450. margin-bottom:1px;
  451. padding:2px;
  452. padding-left:3px;
  453. padding-bottom:1px;
  454. color:#000;
  455. line-height: 13px;
  456. font-family: short stack;
  457. font-size: 0px;
  458. border:1px solid {color:link border};
  459. border-top-left-radius:0px;
  460. -moz-border-radius-topleft:5px;
  461. border-bottom-left-radius:0px;
  462. -moz-border-radius-bottomleft:5px;
  463. -webkit-transition: all 0.3s linear;
  464. -moz-transition: all 0.3s linear;
  465. transition: all 0.3s linear; }
  466.  
  467. #link3:hover{
  468. border:1px solid {color:link border};
  469. width:48px;
  470. margin-left:0px;
  471. -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
  472. transition: all 0.3s linear;
  473. color: {color:links};
  474. font-size: 9px;
  475. border-top-right-radius:8px;
  476. -moz-border-radius-topright:5px;
  477. border-bottom-right-radius:8px;
  478. -moz-border-radius-bottomright:5px; }
  479.  
  480. div#link4{
  481. width:13px;
  482. height:13px;
  483. background-color:{color:link4};
  484. margin-bottom:1px;
  485. padding:2px;
  486. padding-left:3px;
  487. padding-bottom:1px;
  488. color:#000;
  489. line-height: 13px;
  490. font-family: short stack;
  491. font-size: 0px;
  492. border:1px solid {color:link border};
  493. border-top-left-radius:0px;
  494. -moz-border-radius-topleft:5px;
  495. border-bottom-left-radius:0px;
  496. -moz-border-radius-bottomleft:5px;
  497. -webkit-transition: all 0.3s linear;
  498. -moz-transition: all 0.3s linear;
  499. transition: all 0.3s linear; }
  500.  
  501. #link4:hover{
  502. border:1px solid {color:link border};
  503. width:48px;
  504. margin-left:0px;
  505. -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
  506. transition: all 0.3s linear;
  507. color: {color:links};
  508. font-size: 9px;
  509. border-top-right-radius:8px;
  510. -moz-border-radius-topright:5px;
  511. border-bottom-right-radius:8px;
  512. -moz-border-radius-bottomright:5px; }
  513.  
  514. div#link5{
  515. width:13px;
  516. height:13px;
  517. background-color:{color:link5};
  518. margin-bottom:1px;
  519. padding:2px;
  520. padding-left:3px;
  521. padding-bottom:1px;
  522. color:#000;
  523. line-height: 13px;
  524. font-family: short stack;
  525. font-size: 0px;
  526. border:1px solid {color:link border};
  527. border-top-left-radius:0px;
  528. -moz-border-radius-topleft:5px;
  529. border-bottom-left-radius:0px;
  530. -moz-border-radius-bottomleft:5px;
  531. -webkit-transition: all 0.3s linear;
  532. -moz-transition: all 0.3s linear;
  533. transition: all 0.3s linear; }
  534.  
  535. #link5:hover{
  536. border:1px solid {color:link border};
  537. width:48px;
  538. margin-left:0px;
  539. -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
  540. transition: all 0.3s linear;
  541. color: {color:links};
  542. font-size: 9px;
  543. border-top-right-radius:8px;
  544. -moz-border-radius-topright:5px;
  545. border-bottom-right-radius:8px;
  546. -moz-border-radius-bottomright:5px; }
  547.  
  548. div#link6{
  549. width:13px;
  550. height:13px;
  551. background-color:{color:link6};
  552. margin-bottom:1px;
  553. padding:2px;
  554. padding-left:3px;
  555. padding-bottom:1px;
  556. color:#000;
  557. line-height: 13px;
  558. font-family: short stack;
  559. font-size: 0px;
  560. border:1px solid {color:link border};
  561. border-top-left-radius:0px;
  562. -moz-border-radius-topleft:5px;
  563. border-bottom-left-radius:0px;
  564. -moz-border-radius-bottomleft:5px;
  565. -webkit-transition: all 0.3s linear;
  566. -moz-transition: all 0.3s linear;
  567. transition: all 0.3s linear; }
  568.  
  569. #link6:hover{
  570. border:1px solid {color:link border};
  571. width:48px;
  572. margin-left:0px;
  573. -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
  574. transition: all 0.3s linear;
  575. color: {color:links};
  576. font-size: 9px;
  577. border-top-right-radius:8px;
  578. -moz-border-radius-topright:5px;
  579. border-bottom-right-radius:8px;
  580. -moz-border-radius-bottomright:5px; }
  581.  
  582. div#links{
  583. position:fixed !important;
  584. width:auto; height:auto;
  585. margin-top:236px;
  586. margin-left:1247px;
  587. z-index:102;
  588. -webkit-animation:fadeInDownBig 3s;
  589. -moz-animation:fadeInDownBig 3s;
  590. -ms-animation:fadeInDownBig 3s;
  591. }
  592.  
  593. #posts {
  594. width: 1000px;
  595. margin-left:50px;
  596. margin-top:50px;
  597. float:left;
  598. font-family: "short stack";
  599. -webkit-animation:bounceIn 3s;
  600. -moz-animation:bounceIn 3s;
  601. -ms-animation:bounceIn 3s;
  602. }
  603. #infscr-loading{
  604. bottom: -70px;
  605. position: absolute;
  606. left: 50%;
  607. margin-left:-8px;
  608. width:16px;
  609. height:11px;
  610. overflow:hidden;
  611. margin-bottom: 50px;
  612. }
  613. div#titlee{
  614. font-family: 'Miniver', cursive;
  615. font-size: 18px;
  616. line-height: 18px;
  617. margin-top: 5px;
  618. color:#424242;
  619. -moz-border-radius:6px; border-radius:6px;
  620. -webkit-transform: rotate(0deg);
  621. -moz-transform: rotate(0deg);
  622. }
  623.  
  624.  
  625. blockquote{
  626. padding:0px 0px 2px 5px;
  627. margin:0px 0px 0px 0px;
  628. border-left: 1px solid #555555;
  629. }
  630.  
  631. blockquote p, ul{
  632. margin:0px;
  633. padding:0px;
  634. }
  635.  
  636. a img{border: 0px;}
  637.  
  638. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  639.  
  640. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  641. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  642.  
  643. .notes img{
  644. width:10px;
  645. position:relative;
  646. top:3px;
  647. }
  648.  
  649. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  650. {block:IndexPage}
  651. width: 250px !important;
  652. {/block:IndexPage}
  653. }
  654. .video embed, .post div.video object {width:250px !important; height:120px !important;}
  655.  
  656. .title{
  657. font-family: 'short stack';
  658. font-size: 18px;
  659. line-height:18px;
  660. color: {color:title};
  661. font-weight: normal;
  662. }
  663. @font-face{font-family:'overthinking mh';src:url('http://static.tumblr.com/7qdgtio/7qBm5wm8g/jennasue.ttf');}
  664.  
  665. </style>
  666.  
  667. {block:IndexPage}
  668. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  669. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  670.  
  671. <script type="text/javascript">
  672. $(window).load(function () {
  673. var $content = $('#posts');
  674. $content.masonry({itemSelector: '.entry'}),
  675. $content.infinitescroll({
  676. navSelector : 'div#pagination',
  677. nextSelector : 'div#pagination a#nextPage',
  678. itemSelector : '.entry',
  679. loading: {
  680. finishedMsg: '',
  681. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  682. },
  683. bufferPx : 600,
  684. debug : false,
  685. },
  686. // call masonry as a callback.
  687. function( newElements ) {
  688. var $newElems = $( newElements );
  689. $newElems.hide();
  690. // ensure that images load before adding to masonry layout
  691. $newElems.imagesLoaded(function(){
  692. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  693.  
  694.  
  695. });
  696. });
  697. });
  698. </script>
  699.  
  700. {/block:IndexPage}
  701.  
  702. </div>
  703.  
  704. <title>{title}</title>
  705.  
  706. <link rel="shortcut icon" href="{Favicon}">
  707. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  708. <meta name="viewport" content="width=820" />
  709.  
  710.  
  711. <body>
  712.  
  713. <div class="wrapper">
  714.  
  715. <div class="header">
  716.  
  717. </div>
  718. <div class="topbar">
  719. <div id="titlee">{block:ifshowblogtitle}<a href="/">Walking away is never the answer.</a>{/block:ifshowblogtitle}</div>
  720. </div>
  721.  
  722.  
  723. <div id="sidebar"><div id="desc"><center>{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" style= margin-top:0px; width=265px></a>{/block:ifshowsidebarimage} </center>
  724. <center>
  725.  
  726.  
  727. </center> <p>
  728. <center> <!--{block:Description}--><center>
  729. <meta name="description" content="{MetaDescription}" />
  730. <!--{/block:Description}-->
  731. <center>{description}</center>
  732. <br>
  733. <center><script language="JavaScript">
  734. var ref = (''+document.referrer+'');
  735. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID1614354&e1=Fucking&e2=Fucking&r=' + ref + '"><\/script>');
  736. </script>
  737. </center>
  738. </center><div id="borda"></div></div></div>
  739. <div id="links">
  740. <div id="link1"> <a href="/">home</a> </div>
  741. <div id="link2"> <a href="/faq">ask</a></div>
  742. <div id="link3"> <a href="{text:link one}">{text:link one title}</a></div>
  743. <div id="link4"> <a href="{text:link two}">{text:link two title}</a></div>
  744. <div id="link5"> <a href="{text:link three}">{text:link three title}</a></div>
  745. <div id="link6"> <a href="http://wreckmyurl.tumblr.com/">credit</a></div>
  746.  
  747. </div>
  748. <div class="left">
  749.  
  750. <div id="posts">
  751.  
  752. {block:Posts}
  753. <div class="entry">
  754.  
  755. {block:Text}
  756. {block:Title}<a href="{permalink}"><span class="title">{Title}</span></a>{/block:Title}
  757. <span class="entrytext">{Body}</span>
  758. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  759. {/block:Text}
  760.  
  761. {block:Link}
  762. <a href="{URL}" class="title">{Name}</a>
  763. {block:Description}{Description}{/block:Description}
  764. {block:IndexPage}<P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a> {/block:IndexPage}
  765. {block:Link}
  766.  
  767. {block:Answer}
  768. <div class="post"><div class="askborder">
  769. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  770. Then I was like: {Answer}
  771. </div>
  772. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  773. {/block:Answer}
  774. {block:Photo}
  775. <center>
  776. {block:IndexPage}
  777. <div id="permalink">
  778. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  779. {LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  780. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  781. {/block:Photo}
  782.  
  783. {block:Photoset}
  784. <center><div class="photoset_photo" width="250px">{Photoset-250}</div></center>
  785. <p style="text-align: right;">
  786. <br>
  787. <a href="{permalink}">{NoteCountWithLabel}</a></p></span></a>
  788. </p>
  789. {/block:Photoset}
  790. {block:Quote}
  791. {Quote}</span>
  792. {block:Source}<strong>{Source}</strong>{/block:Source}
  793. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  794. {/block:Quote}
  795.  
  796. {block:Chat}
  797. {block:Title}<span class="title">{Title}</span>{/block:Title}
  798. <ul class="chat">
  799. {block:Lines}
  800. <li class="user_{UserNumber}">
  801. {block:Label}
  802. <span class="label">{Label}</span>
  803. {/block:Label}
  804.  
  805.  
  806. {Line}
  807. </li>
  808. {/block:Lines}
  809. </ul>
  810. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  811. {/block:Chat}
  812.  
  813. {block:Audio}
  814. <div style="width:320px; height:30px;">
  815. {AudioPlayerBlack}
  816. </div>
  817. {block:IndexPage}<span class="permalink">
  818. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  819. </span>{/block:IndexPage}
  820. {/block:Audio}
  821.  
  822. {block:Video}
  823. {block:IndexPage}
  824. <div id="permalink">
  825. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  826. <center>
  827. <div class="video">{Video-250}</div></center></center>
  828. {/block:IndexPage}
  829. {block:PermalinkPage}
  830. <center>
  831. {Video-550}</center>
  832. {/block:PermalinkPage}
  833. {block:Video}
  834.  
  835. {block:PermalinkPage}
  836. <center>
  837. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  838.  
  839.  
  840. {/block:PermalinkPage}
  841.  
  842.  
  843. {block:PostNotes}{PostNotes}
  844. {/block:PostNotes}
  845. </div>
  846.  
  847.  
  848. {/block:Posts}
  849. </div>
  850. </div>
  851. {block:IndexPage}
  852. {block:Pagination}
  853. <div id="pagination">
  854. {block:NextPage}
  855. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  856. {/block:NextPage}
  857. {block:PreviousPage}
  858. <a href="{PreviousPage}">&larr;&nbsp;</a>
  859. {/block:PreviousPage}
  860. </div>
  861. {/block:Pagination}
  862. {/block:IndexPage}
  863. </div>
  864. </body>
  865.  
  866.  
  867. </div>
  868. {block:ifshowbottomleftimage} <div style="position:fixed; bottom:10px; left:1200px;">
  869.  
  870. <img src="{image:bottomleft}">
  871. <div style="position:fixed; bottom: 70px; left:0px;">{/block:ifshowbottomleftimage}
  872.  
  873.  
  874.  
  875. </html>
create a new version of this paste RAW Paste Data