API tools faq
paste
Advertisement
tudotemseuvalor

Do Not Panic

tudotemseuvalor
Sep 5th, 2012
50
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2.  
  3.  
  4. <!--
  5.  
  6. |||||||||||| |||| //// |||||||||||||
  7. |||||||||||| |||| //// |||||||||||||
  8. || |||| |||| //// |||| ||||
  9. || |||| |||| //// |||| ||||
  10. \\ || // |||||||||||| ||||//// |||||||||||||
  11. \\ || // |||||||||||| ||||||||||| |||||||||||||
  12. \\||// |||| ||||||||||| |||| ||||
  13. |||||||||||||| |||| |||| |||| |||| ||||
  14. |||| |||| |||| |||| ||||
  15. |||||||||||| |||| |||| |||||||||||||
  16. |||||||||||| |||| |||| |||||||||||||
  17.  
  18.  
  19. ||||||
  20. || ||
  21. ||||| ==| || || || // |||||| \\ //
  22. || __ |== //|| || || ||// || || \\ //
  23. ||||| -- ||\\ // || || || |||||| |||||| \\//
  24. || || \\ // || || || || || || //
  25. ||||| || \\// || |||||| || || |||||| //
  26. //
  27. //
  28. " Theme By: s-m0key.tumblr.com
  29. Name: -- Do Not Panic --
  30. Date: 05/09/2012 "
  31.  
  32. -->
  33.  
  34. <head>
  35. <title>{Title}</title>
  36.  
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />
  41. {/block:Description}
  42.  
  43.  
  44. <meta name="color:Background" content="#acacac"/>
  45. <meta name="color:Background Permalink" content="#acacac"/>
  46. <meta name="color:Text" content="#130C11"/>
  47. <meta name="color:Hover" content="#130C11"/>
  48. <meta name="color:Links Hover" content="#130C11"/>
  49. <meta name="color:Links Sidebar" content="#130C11"/>
  50. <meta name="color:Scrollbar" content="#130C11"/>
  51. <meta name="color:Link" content="#130C11"/>
  52. <meta name="color:Sidebar" content="#130C11"/>
  53. <meta name="color:Description" content="#130C11"/>
  54. <meta name="color:Title" content="#130C11"/>
  55. <meta name="color:Hover Title" content="#130C11"/>
  56.  
  57. <meta name="if:2 Columns" content="0"/>
  58. <meta name="if:3 Columns" content="0"/>
  59. <meta name="if:Shadow Post" content="0"/>
  60. <meta name="if:Show Sidebar Image" content="0"/>
  61. <meta name="if:Show Title" content="1"/>
  62. <meta name="if:Faded" content="1"/>
  63. <meta name="if:Faded Hover" content="1"/>
  64. <meta name="if:Sidebar Border Rounded" content="1"/>
  65. <meta name="if:Post Border Rounded" content="1"/>
  66. <meta name="if:Options 2" content="1"/>
  67. <meta name="if:Text Shadow" content="1"/>
  68. <meta name="if:Buttom Follow Transparent" content="1"/>
  69.  
  70. <meta name="if:Font Hand Of Sean" content="0"/>
  71. <meta name="if:Font Adrip1" content="0"/>
  72. <meta name="if:Font Cookie" content="1"/>
  73. <meta name="if:Font Fashionista" content="1"/>
  74.  
  75. <meta name="image:Background" content="1"/>
  76. <meta name="image:Sidebar image" content="" />
  77. <meta name="image:Loading Gif Posts" content="http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif" />
  78.  
  79. <!-- links -->
  80. <meta name="text:Link1" content="" />
  81. <meta name="text:Link1 Title" content="link1" />
  82. <meta name="text:Link2" content="" />
  83. <meta name="text:Link2 Title" content="link2" />
  84. <meta name="text:Link3" content="" />
  85. <meta name="text:Link3 Title" content="link3" />
  86. <meta name="text:Link4" content="" />
  87. <meta name="text:Link4 Title" content="link4" />
  88. <meta name="text:Link5" content="" />
  89. <meta name="text:Link5 Title" content="link5" />
  90. <meta name="text:Link6" content="" />
  91. <meta name="text:Link6 Title" content="link6" />
  92. <meta name="text:Text Ask me" content="message" />
  93.  
  94. <script type="text/javascript"
  95. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  96.  
  97. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  98.  
  99. <link href="http://static.tumblr.com/hft4fqc/WBzmbvg8x/buttons.css" rel="stylesheet">
  100.  
  101. <link href="http://static.tumblr.com/hft4fqc/SJrmbvihl/javascript.css" rel="stylesheet">
  102.  
  103. <style type="text/css">
  104.  
  105.  
  106. @import url(http://fonts.googleapis.com/css?family=Allerta|Cookie|Dorsa|Judson|Dancing+Script|Kreon|Rokkitt|Asap|Amaranth|Rationale|Oswald:300|Squada+One);
  107. @import url(http://fonts.googleapis.com/css?family=Lora|Cookie|Open+Sans|Homenaje);
  108.  
  109.  
  110.  
  111. @font-face {
  112. font-family: 'EntypoRegular';
  113. src: url('http://static.tumblr.com/hft4fqc/8zam9pnkx/entypo.otf');
  114. src: local('EntypoRegular'), url('http://static.tumblr.com/hft4fqc/8zam9pnkx/entypo.otf') format('truetype');
  115. }
  116.  
  117. @font-face {
  118. font-family: 'Yanone Kaffeesatz';
  119. src: url('http://static.tumblr.com/hft4fqc/LEim9v3tu/yanonekaffeesatz-thin.otf');
  120. src: local('Yanone Kaffeesatz'), url('http://static.tumblr.com/hft4fqc/LEim9v3tu/yanonekaffeesatz-thin.otf') format('truetype');
  121. }
  122.  
  123. @font-face {
  124. font-family: 'Hand of Sean';
  125. src: url('http://static.tumblr.com/hft4fqc/Yh1m3n41u/handsean.ttf');
  126. src: local('Hand of Sean'), url('http://static.tumblr.com/hft4fqc/Yh1m3n41u/handsean.ttf') format('truetype');
  127. }
  128.  
  129. @font-face {
  130. font-family: 'adrip1';
  131. src: url('http://static.tumblr.com/hft4fqc/1mVm85aqd/adrip1.ttf');
  132. src: local('adrip1'), url('http://static.tumblr.com/hft4fqc/1mVm85aqd/adrip1.ttf') format('truetype');
  133. }
  134.  
  135. @font-face {
  136. font-family: 'chopinscript';
  137. src: url('http://static.tumblr.com/hft4fqc/6yrm9vfgn/chopinscript.otf');
  138. src: local('chopinscript'), url('http://static.tumblr.com/hft4fqc/6yrm9vfgn/chopinscript.otf') format('truetype');
  139. }
  140.  
  141. @font-face {
  142. font-family: 'i_m_fashionista__demo-version';
  143. src: url('http://static.tumblr.com/hft4fqc/1zWm9vg05/i_m_fashionista__demo-version.ttf');
  144. src: local('i_m_fashionista__demo-version'), url('http://static.tumblr.com/hft4fqc/1zWm9vg05/i_m_fashionista__demo-version.ttf') format('truetype');
  145. }
  146.  
  147. ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  148.  
  149. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  150.  
  151.  
  152.  
  153.  
  154. #tumblr_controls{
  155. position:fixed !important;
  156. {block:ifbuttomfollowtransparent}
  157. opacity: 0.5;
  158. {/block:ifbuttomfollowtransparent}
  159. filter:alpha(opacity=30);
  160.  
  161.  
  162. -webkit-transition: all 0.5s ease-out;
  163. -moz-transition: all 0.5s ease-out;
  164. transition: all 0.5s ease-out;
  165. -o-transition: all 0.5s ease-out;
  166. }
  167. {block:ifbuttomfollowtransparent}
  168.  
  169. #tumblr_controls:hover{
  170. opacity: 1;
  171. filter:alpha(opacity=100);
  172. }
  173. {/block:ifbuttomfollowtransparent}
  174.  
  175. body{ cursor: crosshair;
  176. font-size: 10px;
  177. font-family: 'Open Sans', arial, verdana, sans-serif;
  178. text-align: center;
  179. word-wrap: break-word;
  180. background-color: {color:Background};
  181. background-image: url({image:Background});
  182. background-repeat:no-repeat;
  183. background-attachment: fixed;
  184. background-position: top left;
  185. color: {color:Text};
  186. overflow-x: hidden;
  187. }
  188.  
  189. a{cursor: crosshair;
  190. text-decoration:none;
  191. opacity: 1;
  192. filter:alpha(opacity=100);
  193. -webkit-transition: all 0.5s ease-out;
  194. -moz-transition: all 0.5s ease-out;
  195. transition: all 0.5s ease-out;
  196. -o-transition: all 0.5s ease-out;
  197. }
  198.  
  199. a:hover{cursor: crosshair;}
  200.  
  201. a:link, a:active, a:visited{
  202. color: {color:Link};
  203. text-decoration: none;
  204. -webkit-transition: color 0.5s ease-out;
  205. -moz-transition: color 0.5s ease-out;
  206. }
  207.  
  208.  
  209. #container{
  210. position: relative;
  211. top:5px;
  212. left:0px;
  213. text-align: left;
  214. z-index:0;
  215. margin:auto;
  216. padding-bottom: 100px;
  217. width:500px;
  218. {block:If2Columns}
  219. width:600px;
  220. left:20px;
  221. {/block:If2Columns}
  222. {block:If3Columns}
  223. width:700px;
  224. {/block:If3Columns}
  225. {block:IndexPage}
  226. min-height: 1000px;
  227. height: auto !important;
  228. {/block:IndexPage}
  229. }
  230.  
  231. .entry { overflow: hidden;
  232. background-color:{color:background};
  233. position:relative;
  234. float: left;
  235. width: 400px;
  236. margin-bottom:10px;
  237. -webkit-transition: all 1.5s ease;
  238. -moz-transition: all 1.5s ease;
  239. {block:ifshadowpost}
  240. background-color:transparent;
  241. {/block:ifshadowpost}
  242. {block:ifpostborderrounded}
  243. -webkit-border-radius: 4px;
  244. {/block:ifpostborderrounded}
  245. {block:indexpage}
  246. {block:iffaded}
  247. opacity:0.8;
  248. -webkit-transition: all 1.5s ease;
  249. -moz-transition: all 1.5s ease;
  250. {/block:iffaded}
  251. {/block:indexpage}
  252. {block:If2Columns}
  253. width:280px;
  254. margin-right: 25px;
  255. margin-bottom:25px;
  256. {block:ifshadowpost}
  257. margin-bottom:13px;
  258. {/block:ifshadowpost}
  259. {/block:If2Columns}
  260. {block:If3Columns}
  261. width:220px;
  262. margin-right: 25px;
  263. margin-bottom:25px;
  264. {block:ifshadowpost}
  265. margin-bottom:13px;
  266. {/block:ifshadowpost}
  267. {/block:If3Columns}
  268. {block:PermalinkPage}
  269. width:500px;
  270. margin-top:10px;
  271. float:left;
  272. height:auto;
  273. margin-bottom:100px;
  274. margin-left:-55px;
  275. {block:if2Columns}
  276. margin:left:150px;
  277. {/block:if2Columns}
  278. {block:if3Columns}
  279. margin-left:30px;
  280. {/block:if3Columns}
  281. {/block:PermalinkPage}
  282. }
  283. .entry:hover {{block:indexpage}
  284. {block:iffadedhover}
  285. opacity:0.8;
  286. -webkit-transition: all 0.7s ease;
  287. -moz-transition: all 0.7s ease;
  288. {/block:iffadedhover}
  289. {block:indexpage}}
  290.  
  291. #posts { position:relative;
  292. width: 450px;
  293. margin-left: 60px;
  294. margin-top: 0px;
  295. z-index:-1;
  296. {block:IndexPage}
  297. {block:If2Columns}
  298. width:640px;
  299. {/block:If2Columns}
  300. {block:If3Columns}
  301. width:740px;
  302. margin-left:130px;
  303. margin-top:25px;
  304. {/block:If3Columns}
  305. {/block:IndexPage}
  306. {block:PermalinkPage}
  307. width: 500px;
  308. margin-left: 75px;
  309. margin-top: 20px;
  310. {/block:PermalinkPage}
  311. }
  312.  
  313. .posts, .photoset {width:400px;
  314. {block:If2Columns}
  315. width:280px;
  316. margin-bottom:-10px;
  317. {/block:If2Columns}
  318. {block:If3Columns}
  319. width:220px;
  320. padding-bottom:-5px;
  321. margin-bottom:-10px;
  322. {/block:If3Columns}
  323. {block:PermalinkPage}
  324. width:500px;
  325. {/block:PermalinkPage}
  326. }
  327.  
  328. img.photo{width:400px;
  329. z-index:9999999;
  330. {block:ifpostborderrounded}
  331. -webkit-border-radius: 4px;
  332. {/block:ifpostborderrounded}
  333. {block:If2Columns}
  334. width:280px;
  335. {/block:If2Columns}
  336. {block:If3Columns}
  337. width:220px;
  338. {/block:If3Columns}
  339. {block:ifshadowpost}
  340. width:400px;
  341. padding:0px;
  342. {block:If2Columns}
  343. width:280px;
  344. padding:0px;
  345. {/block:If2Columns}
  346. {block:If3Columns}
  347. width:220px;
  348. padding:0px;
  349. {/block:If3Columns}
  350. {/block:ifshadowpost}
  351. {block:PermalinkPage}
  352. width:500px;
  353. {/block:PermalinkPage}
  354. }
  355.  
  356.  
  357.  
  358.  
  359. .permalinkpage_video {{block:permalinkpage}position:absolute;
  360. width: 400px;
  361. margin-left: 510px;
  362. margin-top:-380px;
  363. padding-top:15px;
  364. float:left;
  365. {/block:permalinkpage}}
  366.  
  367. #shadow { {block:ifshadowpost}
  368. width:400px;
  369. margin-top:-3px;
  370. {block:If2Columns}
  371. width:280px;
  372. margin-top:-3px;
  373. {/block:If2Columns}
  374. {block:If3Columns}
  375. width:220px;
  376. margin-top:-6px;
  377. {/block:If3Columns}
  378. {/block:ifshadowpost}
  379. {block:ifnotshadowpost}
  380. {block:If2Columns}
  381. bottom:-3px;
  382. {/block:If2Columns}
  383. {block:If3Columns}
  384. bottom:-15px;
  385. {/block:If3Columns}
  386. {/block:ifnotshadowpost}
  387. {block:PermalinkPage}
  388. width:500px;
  389. {/block:PermalinkPage}}
  390. #shadow1 {margin-bottom:-3px;}
  391. .description_notes { text-align:center;
  392. text-transform:uppercase;
  393. font-family:'helvetica';
  394. font-size:8px;
  395. font-style:italic;
  396. padding-top:5px;
  397. padding-bottom:15px;
  398. opacity:0;
  399. z-index:1;
  400. -webkit-transition: all 0.5s ease-out;
  401. -moz-transition: all 0.5s ease-out;
  402. transition: all 0.5s ease-out;
  403. -o-transition: all 0.5s ease-out;}
  404. .description_notes a {margin-right:5px;}
  405.  
  406. .entry:hover .description_notes{ opacity:1;
  407. -webkit-transition: all 0.7s ease-out;
  408. -moz-transition: all 0.7s ease-out;
  409. transition: all 0.7s ease-out;
  410. -o-transition: all 0.7s ease-out;}
  411. .quote{position:absolute;
  412. font-family:verdana;
  413. color:{color:Link Notes on Text Posts};
  414. line-height:10px;
  415. margin-top:10px;
  416. font-size:50px;
  417. margin-left:2px;
  418. opacity:0.4;
  419. filter: alpha(opacity = 40);
  420. }
  421.  
  422. .permalink {
  423. position:absolute;
  424. width:400px;
  425. height:100%;
  426. {block:ifnotshadowpost}
  427. {block:ifnotfaded}
  428. {block:ifnotfadedhover}
  429. background-color:rgba(0,0,0,0.7);
  430. {/block:ifnotfadedhover}
  431. {/block:ifnotfaded}
  432. {/block:ifnotshadowpost}
  433. {block:If2Columns}
  434. width:280px;
  435. {/block:If2Columns}
  436. {block:If3Columns}
  437. width:220px;
  438. {/block:If3Columns}
  439. top:0%;
  440. bottom:1%;
  441. left:0%;
  442. opacity:0;
  443. z-index:0;
  444. {block:permalinkpage}
  445. display:none;
  446. {/block:permalinkpage}
  447. -webkit-transition: all 0.6s ease;
  448. -moz-transition: all 0.6s ease;
  449. transition: all 0.6s ease;
  450. }
  451.  
  452.  
  453. .permalink a {color: #fff;-webkit-transition: all 0s ease-in;
  454. -moz-transition: all 0s ease-in;
  455. -o-transition: all 0s ease-in;}
  456.  
  457. .entry:hover .permalink {opacity: 1;
  458. -webkit-transition: all 1.0s ease;
  459. -moz-transition: all 1.0s ease; }
  460.  
  461. {block:IndexPage}
  462. .notes {position:absolute;
  463. font-weight:bold;
  464. bottom:2px;
  465. width:400px;
  466. font-size:40px;
  467. z-index:9999;
  468. {block:If2Columns}
  469. width:280px;
  470. bottom:4px;
  471. font-size:40px;
  472. {/block:If2Columns}
  473. {block:If3Columns}
  474. width:220px;
  475. bottom:4px;
  476. {/block:If3Columns}
  477. {block:ifshadowpost}
  478. bottom:19px;
  479. {block:if2columns}
  480. bottom:15px;
  481. {/block:if2columns}
  482. {block:if3columns}
  483. bottom:12px;
  484. {/block:if3columns}
  485. {/block:ifshadowpost}
  486. color:#000;
  487. font-family:dorsa;
  488. -webkit-transition: all 1.0s ease;
  489. -moz-transition: all 1.0s ease; }
  490.  
  491. .notes a{padding:0px 1px;
  492. background-color:#fff;
  493. color:#000;
  494. line-height:0px;
  495. border-radius:100px;
  496. -moz-border-radius:100px;
  497. -webkit-border-radius:100px;
  498. padding-left:3px;
  499. padding-right:3px;
  500. padding-bottom:-3px;}
  501.  
  502. .entry:hover .notes{ color:#ccc;
  503. opacity:1;
  504. left:1%;
  505. text-shadow:0px 0px 5px #fff;
  506. -webkit-transition: all 1.0s ease;
  507. -moz-transition: all 1.0s ease; }
  508.  
  509.  
  510.  
  511. .date { position:absolute;
  512. font-family:'helvetica', arial;
  513. text-transform:uppercase;
  514. font-weight:bold;
  515. line-height:10px;
  516. top:3px;
  517. margin-left:0px;
  518. font-size:10px;
  519. font-style:bold;
  520. font-style:italic;
  521. z-index:9999;
  522. -webkit-transition: all 1.0s ease;
  523. -moz-transition: all 1.0s ease;
  524. }
  525. .entry:hover .date { color:#fff;
  526. opacity:1;
  527. margin-left:5px;
  528. -webkit-transition: all 1.0s ease;
  529. -moz-transition: all 1.0s ease;
  530. }
  531.  
  532.  
  533. .reblog { position:absolute;
  534. font-family:'helvetica', arial;
  535. text-transform:uppercase;
  536. font-weight:bold;
  537. text-align:right;
  538. line-height:10px;
  539. bottom:2px;
  540. {block:ifshadowpost}
  541. bottom:19px;
  542. {block:if2columns}
  543. bottom:15px;
  544. {/block:if2columns}
  545. {block:if3columns}
  546. bottom:12px;
  547. {/block:if3columns}
  548. {/block:ifshadowpost}
  549. right:0px;
  550. font-size:10px;
  551. font-style:bold;
  552. font-style:italic;
  553. z-index:9999;
  554. -webkit-transition: all 1.0s ease;
  555. -moz-transition: all 1.0s ease;
  556. }
  557.  
  558. .entry:hover .reblog {
  559. color:#fff;
  560. opacity:1;
  561. right:5px;
  562. -webkit-transition: all 1.0s ease;
  563. -moz-transition: all 1.0s ease;}
  564. {/block:IndexPage}
  565.  
  566. /*-- options 2 hover reblog --*/
  567.  
  568.  
  569. .position { {block:IndexPage}position:absolute;
  570. right:4px;
  571. bottom:5px;
  572. {block:ifshadowpost}
  573. bottom:25px;
  574. {/block:ifshadowpost}
  575. opacity:0;
  576. -webkit-transition: all 0.5s ease-out;
  577. -moz-transition: all 0.5s ease-out;
  578. transition: all 0.5s ease-out;
  579. {/block:IndexPage}}
  580.  
  581. .entry:hover .position {bottom:25px;
  582. {block:ifshadowpost}
  583. bottom:40px;
  584. {/block:ifshadowpost}
  585. opacity:1;}
  586.  
  587. #reblog1{ {block:IndexPage} position:absolute;
  588. cursor:crosshair;
  589. width:21px;
  590. height:20px;
  591. right:5.7px;
  592. {block:If2Columns}
  593. right:5px;
  594. {/block:If2Columns}
  595. {block:If3Columns}
  596. right:5px;
  597. {/block:If3Columns}
  598. margin-top:0px;
  599. position:absolute;
  600. -webkit-transition: all 0.7s ease-out;
  601. -moz-transition: all 0.7s ease-out;
  602. transition: all 0.7s ease-out; {/block:IndexPage}}
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609. .like { {block:IndexPage}position:absolute;
  610. width: 21px;
  611. height: 20px;
  612. right:30px;
  613. {block:If3Columns}
  614. right:28px;
  615. {/block:If3Columns}
  616. -webkit-transition: all 0.4s ease-out;
  617. -moz-transition: all 0.4s ease-out;
  618. transition: all 0.4s ease-out; {/block:IndexPage} }
  619.  
  620. .like span{ {block:IndexPage}
  621. height: 20px;
  622. width: 21px;
  623. display:block;
  624. background: url(http://static.tumblr.com/dbek3sy/XiLlxum8q/heart_buttons.png) no-repeat;
  625. background-position: 0px 0px;
  626. -webkit-transition: all 0.2s ease-out;
  627. -moz-transition: all 0.2s ease-out;
  628. transition: all 0.2s ease-out;
  629. {/block:IndexPage}}
  630.  
  631.  
  632.  
  633. .count_note { {block:IndexPage}
  634. font-size: 10px;
  635. padding-left: 4px;
  636. text-decoration: none;
  637. color: #fff !'important';
  638. padding: 3px 4px;
  639. position:absolute;
  640. right:54px;
  641. {block:If3Columns}
  642. right:52px;
  643. {/block:If3Columns}
  644. display:block;
  645. -webkit-transition: all 0.4s ease-out;
  646. -moz-transition: all 0.4s ease-out;
  647. transition: all 0.4s ease-out;
  648. {block:IndexPage}}
  649.  
  650. .count_note{ {block:IndexPage}
  651. background: rgba(0, 0, 0, .60);
  652. opacity:0.9;
  653. -webkit-border-radius: 2px;
  654. -moz-border-radius: 2px;
  655. border-radius: 2px;
  656. {block:IndexPage} }
  657.  
  658.  
  659.  
  660.  
  661. .qt {{block:permalinkpage}
  662. width:500px;
  663. margin-left:70px;
  664. margin-top:180px;
  665. height:100%:
  666. {/block:permalinkpage}
  667. }
  668. .quote {margin-left:-5px;
  669. {block:permalinkpage}
  670. margin-left:-60px;
  671. margin-top:10px;
  672. {/block:permalinkpage}
  673. }
  674.  
  675. .audioplayer{overflow: hidden;
  676. width:400px;
  677. {block:If2Columns}
  678. width:280px;
  679. {/block:If2Columns}
  680. {block:If3Columns}
  681. width:220px;
  682. {/block:If3Columns}}
  683. .side {{block:indexpage}
  684. position:fixed;
  685. width:200px;
  686. height:auto;
  687. padding-top:9px;
  688. padding-bottom:6px;
  689. margin-left:-170px;
  690. background-color:{color:sidebar};
  691. {block:ifsidebarborderrounded}
  692. -webkit-border-radius: 4px;
  693. {/block:ifsidebarborderrounded}
  694. text-align:center;
  695. margin-top:420px;
  696. {block:ifshowsidebarimage}
  697. margin-top:110px;
  698. {/block:ifshowsidebarimage}
  699. {block:If2Columns}
  700. margin-left:-140px;
  701. margin-top:420px;
  702. {block:ifshowsidebarimage}
  703. margin-top:115px;
  704. {/block:ifshowsidebarimage}
  705. {/block:If2Columns}
  706. {block:If3Columns}
  707. margin-left:-100px;
  708. margin-top:420px;
  709. {block:ifshowsidebarimage}
  710. margin-top:115px;
  711. {/block:ifshowsidebarimage}
  712. {/block:If3Columns}
  713. {/block:indexpage}}
  714.  
  715. .imgSide {width:200px;z-index:1; opacity:1;}
  716.  
  717. .description {width:180px;
  718. padding-bottom:5px;
  719. padding-left:8px;
  720. background-color:transparent;
  721. text-align:center;
  722. font-family:'helvetica';
  723. line-height:10px;
  724. color:{color:description};
  725. font-size:10px;}
  726. #links {width:180px;
  727. height:auto;
  728. text-align:center;
  729. margin-left:13px;
  730. }
  731.  
  732. .links1 {display:block;
  733. background-color:transparent;
  734. width:180px;
  735. height:auto;
  736. font-size:12px;
  737. font-weight:600;
  738. text-transform:uppercase;
  739. text-align:center;
  740. letter-spacing:1px;
  741. line-height:12px;
  742. letter-spacing: 0px;
  743. opacity:1;
  744. font-family: 'Homenaje', sans-serif;;
  745. -webkit-transition: all .4s ease-in;
  746. -moz-transition: all .4s ease-in;
  747. -o-transition: all .4s ease-in;}
  748.  
  749. div.links1 a {margin-right:8px;
  750. color:{color:Links Sidebar};
  751. width:180px;
  752. -webkit-transition: all .6s ease-in;
  753. -moz-transition: all .6s ease-in;
  754. -o-transition: all .6s ease-in;}
  755.  
  756. div.links1 :hover {color:{color:Links Hover};
  757. opacity:1.0;
  758. -webkit-transition: all .4s ease-in;
  759. -moz-transition: all .4s ease-in;
  760. -o-transition: all .4s ease-in;}
  761.  
  762.  
  763. .details { font-family: 'helvetica';
  764. font-style: italic;
  765. font-size:11px;
  766. text-transform:uppercase;
  767. }
  768.  
  769. .title { position:fixed;
  770. width:200px;
  771. text-align:center;
  772. font-size:33px;
  773. font-family:'chopinscript';
  774. margin-top:70px;
  775. color:{color:title};
  776. margin-left:-170px;
  777. {block:if2columns}
  778. margin-left:-140px;
  779. {/block:if2columns}
  780. {block:if3columns}
  781. margin-left:-100px;
  782. {/block:if3columns}
  783. {block:ifnotshowsidebarimage}
  784. margin-top:375px;
  785. {/block:ifnotshowsidebarimage}
  786. {block:ifFontFashionista}
  787. font-family:'i_m_fashionista__demo-version';
  788. font-size:30px;
  789. margin-top:55px;
  790. text-transform:lowercase;
  791. {block:ifnotshowsidebarimage}
  792. margin-top:370px;
  793. {/block:ifnotshowsidebarimage}
  794. {/block:ifFontFashionista}
  795. {block:IfFontHandOfSean}
  796. font-family: 'hand of sean';
  797. text-transform:uppercase;
  798. font-size:19px;
  799. margin-top:77px;
  800. {block:ifnotshowsidebarimage}
  801. margin-top:385px;
  802. {/block:ifnotshowsidebarimage}
  803. {/block:IfFontHandOfSean}
  804. {block:IfFontAdrip1}
  805. font-family: 'adrip1';
  806. text-transform:uppercase;
  807. font-size:40px;
  808. {block:ifnotshowsidebarimage}
  809. margin-top:370px;
  810. {/block:ifnotshowsidebarimage}
  811. {/block:IfFontAdrip1}
  812. {block:IfFontCookie}
  813. font-family: 'Cookie';
  814. font-size:40px;
  815. margin-top:70px;
  816. {block:ifnotshowsidebarimage}
  817. margin-top:370px;
  818. {/block:ifnotshowsidebarimage}
  819. {/block:IfFontCookie}
  820. {block:iftextshadow}
  821. text-shadow:2px 2px 0px rgba(0,0,0,0.1), 2px -3px 0px rgba(0,0,0,0.2),2px 4px 0px rgba(0,0,0,0.3),-4px 4px 0px rgba(0,0,0,0.4),-2px -5px 0px rgba(0,0,0,0.2);
  822. {/block:iftextshadow}
  823. -webkit-transition: all 0.6s ease-out;
  824. -moz-transition: all 0.6s
  825. ease-out;-o-transition: all 0.6s
  826. }
  827.  
  828.  
  829. .title:hover {color: {color:hovertitle};
  830. text-shadow:0px 0px 10px #000;
  831. -webkit-transition: all 0.6s ease-out;
  832. -moz-transition: all 0.6s
  833. ease-out;-o-transition: all 0.6s}
  834.  
  835. #pagination{
  836. display:none;
  837. }
  838.  
  839. .clear {
  840. clear: both;
  841. }
  842.  
  843.  
  844. #infscr-loading{bottom: -50px;
  845. position: absolute;
  846. left: 50%;
  847. margin-left: -90px;
  848. width: 100%;
  849. text-align: center;
  850. max-width: 150px;
  851. width:expression(document.body.clientWidth > 150? "150px": "auto" );}
  852.  
  853.  
  854. #infscr-loading div{display: none;}
  855.  
  856. ol.notes {width:500px;
  857. padding: 0px;
  858. margin: 0px;
  859. list-style-type: none;
  860. margin-left:4px;
  861. }
  862. ol.notes li.note img.avatar {
  863. vertical-align: -4px;
  864. margin-right: 3px;
  865. margin-top:3px;
  866. margin-left:3px;
  867. margin-bottom:3px;
  868. width: 20px;
  869. height: 20px;
  870. }
  871.  
  872. .note{float:left;margin:1px;line-height: 16px;}
  873. .action, .note blockquote{display:none;}
  874. .more_notes_link_container{padding:0px !important;}
  875. .action a{color: #fff !important;}
  876. .note{z-index:10;}
  877. .note:hover{position:relative;z-index:100;}
  878. .note:hover .action{ display: block;
  879. position:absolute;
  880. float:left;
  881. white-space:nowrap;
  882. top:-2.2em;
  883. left:.5em;
  884. background:#000;
  885. color:#fff;
  886. padding: 1px 5px;
  887. z-index:10;
  888. }
  889. .tm {position:fixed;
  890. right:2px;
  891. top:25px;
  892. {block:ifbuttomfollowtransparent}
  893. opacity:0.5;
  894. {/block:ifbuttomfollowtransparent}
  895. z-index:9999;
  896. -webkit-transition: all 0.6s ease-out;
  897. -moz-transition: all 0.6s
  898. ease-out;-o-transition: all 0.6s}
  899. {block:ifbuttomfollowtransparent}
  900.  
  901.  
  902. {block:ifbuttomfollowtransparent}
  903. .tm :hover {opacity: 1;
  904. filter:alpha(opacity=100);
  905. -webkit-transition: all 0.6s ease-out;
  906. -moz-transition: all 0.6s
  907. ease-out;-o-transition: all 0.6s}
  908. {/block:ifbuttomfollowtransparent}
  909. #top{ position: fixed;
  910. bottom: 10px;
  911. right:15px;
  912. opacity:1;
  913. z-index: 999999;
  914. display: none;
  915. font-size:25px;
  916. color:{color:text};
  917. cursor: crosshair;
  918. color: transparent;
  919. font-weight: bold;
  920. }
  921.  
  922. #top:hover {opacity:0.8;
  923. -webkit-transition: all .4s ease-in;
  924. -moz-transition: all .4s ease-in;
  925. -o-transition: all .4s ease-in;}
  926.  
  927.  
  928. #fade { /*--Transparent background layer--*/
  929. display: none; /*--hidden by default--*/
  930. background: #000;
  931. position: fixed; left: 0; top: 0;
  932. width: 100%; height: 100%;
  933. opacity: .90;
  934. z-index: 9999;
  935. }
  936. .popup_block{
  937. display: none; /*--hidden by default--*/
  938. background: #000;
  939. padding: 20px;
  940. float: left;
  941. font-size: 1.2em;
  942. position: fixed;
  943. top: 52%; left: 52%;
  944. z-index: 99999;
  945. /*--CSS3 Box Shadows--*/
  946. -webkit-box-shadow: 0px 0px 20px #000;
  947. -moz-box-shadow: 0px 0px 20px #000;
  948. box-shadow: 0px 0px 20px #000;
  949. }
  950. img.btn_close {
  951. float: right;
  952. margin: -25px -40px 0 0;
  953. }
  954. /*--Making IE6 Understand Fixed Positioning--*/
  955. *html #fade {
  956. position: absolute;
  957. }
  958. *html .popup_block {
  959. position: absolute;
  960. }
  961.  
  962. {CustomCSS}
  963. </style>
  964.  
  965. <script type="text/javascript"
  966. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  967.  
  968.  
  969. <script type="text/javascript">
  970. $(function(){
  971. $("#top").click(function(){
  972. var target = $("html");
  973. $('html, body').animate({
  974. scrollTop: target.offset().top
  975. }, 1000);
  976. });
  977.  
  978. var topDiv = $("#top");
  979. var topDivTop = "100";
  980. var view = $( window );
  981. view.bind("scroll resize", function(){
  982. var viewTop = view.scrollTop();
  983. if (viewTop > topDivTop){
  984. topDiv.fadeIn(1000);
  985. }
  986. else if (viewTop <= topDivTop){
  987. topDiv.fadeOut(1000);
  988. }
  989. });
  990.  
  991. $("#pageLink").click(function(){
  992. $("#titlePages").fadeToggle(500);
  993. });
  994. });
  995. </script>
  996.  
  997. <script>
  998.  
  999.  
  1000.  
  1001. $(document).ready(function() {
  1002.  
  1003. //
  1004.  
  1005.  
  1006.  
  1007. //When you click on a link with class of poplight and the href starts with a #
  1008.  
  1009. $('a.poplight[href^=#]').click(function() {
  1010.  
  1011. var popID = $(this).attr('rel'); //Get Popup Name
  1012.  
  1013. var popURL = $(this).attr('href'); //Get Popup href to define size
  1014.  
  1015.  
  1016.  
  1017. //Pull Query & Variables from href URL
  1018.  
  1019. var query= popURL.split('?');
  1020.  
  1021. var dim= query[1].split('&');
  1022.  
  1023. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1024.  
  1025.  
  1026.  
  1027. //Fade in the Popup and add close button
  1028.  
  1029. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/dbek3sy/0HDm2tn21/closezoomx.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  1030.  
  1031.  
  1032. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  1033.  
  1034. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1035.  
  1036. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1037.  
  1038.  
  1039.  
  1040. //Apply Margin to Popup
  1041.  
  1042. $('#' + popID).css({
  1043.  
  1044. 'margin-top' : -popMargTop,
  1045.  
  1046. 'margin-left' : -popMargLeft
  1047.  
  1048. });
  1049.  
  1050.  
  1051.  
  1052. //Fade in Background
  1053.  
  1054. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  1055.  
  1056. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  1057.  
  1058.  
  1059.  
  1060. return false;
  1061.  
  1062. });
  1063.  
  1064.  
  1065.  
  1066. //Close Popups and Fade Layer
  1067.  
  1068. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  1069.  
  1070. $('#fade , .popup_block').fadeOut(function() {
  1071.  
  1072. $('#fade, a.close').remove(); //fade them both out
  1073.  
  1074. });
  1075.  
  1076. return false;
  1077.  
  1078. });
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084. });
  1085.  
  1086. </script>
  1087.  
  1088. <script type="text/javascript">
  1089.  
  1090. //desabilita menu de opcoes ao clicar no botao direito
  1091.  
  1092. function desabilitaMenu(e)
  1093.  
  1094. {
  1095.  
  1096. if (window.Event)
  1097.  
  1098. {
  1099.  
  1100. if (e.which == 2 || e.which == 3)
  1101.  
  1102. return false;
  1103.  
  1104. }
  1105.  
  1106. else
  1107.  
  1108. {
  1109.  
  1110. event.cancelBubble = true
  1111.  
  1112. event.returnValue = false;
  1113.  
  1114. return false;
  1115.  
  1116. }
  1117.  
  1118. }
  1119.  
  1120. document.oncontextmenu = desabilitaMenu;
  1121.  
  1122. document.onmousedown = desabilitaBotaoDireito;
  1123.  
  1124. document.onmouseup = desabilitaBotaoDireito;
  1125.  
  1126. </script>
  1127.  
  1128.  
  1129.  
  1130. </style>
  1131. </head>
  1132. <body>
  1133. <div id="container">
  1134. {block:indexpage}
  1135.  
  1136. {block:ifshowtitle}
  1137. <div class="title" href="/">{title}</a></div>{block:ifshowtitle}
  1138. <div class="side">
  1139. {block:ifshowsidebarimage}
  1140. <a href="/"title="home"><img id="imgSide" src="{image:Sidebar image}" width="180"></a>{block:ifshowsidebarimage}
  1141. <div class="description">{description}
  1142. </div>
  1143.  
  1144. <div id="links">
  1145. <div class="links1">
  1146. <a href="{text:Link1}">{text:Link1 Title}</a>
  1147. <a href="#?w=500" rel="askbox" class="poplight">{text:text ask me}</a>
  1148. <a href="{text:Link2}">{text:Link2 Title} </a>
  1149. <a href="{text:Link3}">{text:Link3 Title} </a>
  1150. <a href="{text:Link4}">{text:Link4 Title} </a>
  1151. <a href="{text:Link5}">{text:Link5 Title} </a>
  1152. <a href="{text:Link6}">{text:Link6 Title} </a>
  1153. </div></div> </div>
  1154.  
  1155. {/block:indexpage}
  1156.  
  1157.  
  1158. {block:IndexPage}
  1159. {block:Pagination}
  1160. <div id="pagination">
  1161. {block:NextPage}
  1162. <a id="nextPage" href="{NextPage}"> >> </a>
  1163. {/block:NextPage}
  1164. {block:PreviousPage}
  1165. <a href="{PreviousPage}"> << </a>
  1166. {/block:PreviousPage}
  1167. </div>
  1168. {/block:Pagination}
  1169. {/block:IndexPage}
  1170.  
  1171.  
  1172.  
  1173.  
  1174. <div id="posts">
  1175.  
  1176. {block:Posts}
  1177. <div class="entry">
  1178.  
  1179.  
  1180. {block:Photo}
  1181. <div class="photo" style="opacity:1; z-index:999999;">
  1182. <div class="permalink">
  1183. {block:ifnotoptions2}
  1184. <div class="notes"><a href="{Permalink}">
  1185. {NoteCount} </a></div>
  1186.  
  1187. <div class="date"><a href="{Permalink}">
  1188. {24Hour}:{Minutes} {AmPm}<br>{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a></div>
  1189.  
  1190. <div class="reblog">
  1191. <a href="{ReblogURL}" target="_blank">Reblog<big><big><a style="font-style:normal;">›</a></big></big></a><br><a href="{Permalink}">Permalink</a></div> {block:ifnotoptions2}
  1192.  
  1193. {block:ifoptions2}
  1194. {block:IndexPage}
  1195. <div class="position">
  1196. <a id="note_count_{PostID}" class="count_note" href="{Permalink}">{NoteCount}</a>
  1197.  
  1198. <div class="like" href="javascript:void(0);"><span id="{PostID}" rel="{ReblogURL}"></div></a>
  1199.  
  1200. <div id="reblog1"><a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="22px" height="20"/></a></div></div>
  1201.  
  1202. {/block:IndexPage}
  1203. {/block:ifoptions2}
  1204. </div>
  1205.  
  1206.  
  1207.  
  1208. <a href="{permalink}"> <img class="photo" style="opacity:1; z-index:9999;" src="{PhotoURL-400}" alt="{PhotoAlt}"></a><div id="shadow1"></div>
  1209. {block:ifshadowpost} <div id="shadow"><img src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png" style="width:400px;
  1210. {block:If2Columns}
  1211. width:280px;
  1212. {/block:If2Columns}
  1213. {block:If3Columns}
  1214. width:220px;
  1215. {/block:If3Columns}
  1216. {block:PermalinkPage}
  1217. width:500px;
  1218. {/block:PermalinkPage}">
  1219. </div>
  1220. {/block:ifshadowpost}
  1221. </div>
  1222.  
  1223. {/block:Photo}
  1224.  
  1225. {block:Photoset}
  1226.  
  1227. <div class="permalink">
  1228. {block:IndexPage}
  1229. <div class="position">
  1230. <a id="note_count_{PostID}" class="count_note" href="{Permalink}">{NoteCount}</a>
  1231.  
  1232. <div class="like" href="javascript:void(0);"><span id="{PostID}" rel="{ReblogURL}"></div></a>
  1233.  
  1234. <div id="reblog1"><a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="22px" height="20"/></a></div>
  1235.  
  1236. </div></div>
  1237.  
  1238. <div class="photoset">
  1239. {block:ifnot3Columns}{Photoset-400}{/block:ifnot3Columns}
  1240. {block:If3Columns}{Photoset-250}{/block:If3Columns}
  1241. {block:If4Columns}{Photoset-250}{/block:If4Columns}
  1242.  
  1243. {block:If2Columns}{block:If3Columns}{block:If4Columns}{Photoset-250}{/block:If4Columns}{/block:If3Columns}{/block:If2Columns}
  1244.  
  1245.  
  1246. </div>{/block:IndexPage}
  1247.  
  1248.  
  1249. {block:PermalinkPage}
  1250. {Photoset-500}
  1251. {/block:PermalinkPage}
  1252. {/block:Photoset}
  1253.  
  1254.  
  1255.  
  1256. {block:Video}
  1257. {block:IndexPage}
  1258. <div class="photoset"> {Video-400}</div>
  1259. {/block:IndexPage}
  1260. </center>
  1261. <div class="position">
  1262. {block:IndexPage}
  1263. <a id="note_count_{PostID}" class="count_note" href="{Permalink}"><font color="white">{NoteCount}</font></a>
  1264.  
  1265. <div class="like" href="javascript:void(0);"><span id="{PostID}" rel="{ReblogURL}"></div></a>
  1266.  
  1267. <div id="reblog1"><a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="22px" height="20"/></a></div></div>
  1268. {/block:IndexPage}
  1269.  
  1270.  
  1271. {block:PermalinkPage}
  1272. <div id="posts">
  1273. {Video-500}</div>
  1274.  
  1275. {/block:PermalinkPage}
  1276.  
  1277. {block:Video}
  1278.  
  1279. {block:Quote}
  1280. <div class="qt">
  1281. <span class="quote">❝</span><div style="font-family:verdana;padding-top:10px;padding-left:5px; font-size:12px;width:380px;
  1282. {block:If2Columns}
  1283. width:270px;
  1284. {/block:If2Columns}
  1285. {block:If3Columns}
  1286. width:220px;
  1287. {/block:If3Columns}
  1288. {block:PermalinkPage}
  1289. width:450px;
  1290. margin-left:-50px;
  1291. height:1000%;
  1292. {/block:PermalinkPage}">{Quote}
  1293. {block:Source}
  1294. <div style="font-family:verdana;font-size:13px;text-align:right;padding-top:5px;padding-right:5px;">- {Source}</div></div>
  1295. {/block:Source}
  1296. {block:IndexPage}
  1297. {block:Date}
  1298. <div class="description_notes">
  1299. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1300. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1301. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1302. </div>
  1303. {/block:Date}
  1304. {/block:IndexPage}<div id="shadow"><img src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png" style="width:400px;
  1305. {block:If2Columns}
  1306. width:290px;
  1307. {/block:If2Columns}
  1308. {block:If3Columns}
  1309. width:220px;
  1310. {/block:If3Columns}
  1311. {block:PermalinkPage}
  1312. width:450px;
  1313. margin-left:-50px;
  1314. {/block:PermalinkPage}"></div></div>
  1315.  
  1316.  
  1317. {/block:Quote}
  1318.  
  1319. {block:Text}
  1320. {block:Title}{Title}{/block:Title}
  1321. {Body}
  1322. {block:IndexPage}
  1323. <div class="description_notes">
  1324. <a href="{permalink}">{NoteCountWithLabel}</a> - <a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IndexPage}
  1325. {/block:Text}
  1326.  
  1327. {block:Link}
  1328. <a href="{URL}" class="details">{Name}</a>
  1329. {block:Description}{Description}{/block:Description}
  1330. {block:IndexPage}
  1331. {block:Date}
  1332. <div class="description_notes">
  1333. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1334. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1335. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1336. </div>
  1337. {/block:Date}
  1338. {/block:IndexPage}
  1339. {block:Link}
  1340.  
  1341.  
  1342. {block:Chat}
  1343. {block:Title}<span style="background-color:{color:background}; opacity:0.8;">{Title}</span>{/block:Title}
  1344. <ul style="font-family: helvetica; font-style:italic; font-size:11px;background-color:{color:background}; opacity:0.8;">
  1345. {block:Lines}
  1346. <li class="user_{UserNumber}"></b>
  1347. {block:Label}
  1348. <span class="label">{Label}</span>
  1349. {/block:Label}
  1350. {Line}
  1351. </li>
  1352. {/block:Lines}
  1353. </ul>
  1354. {block:IndexPage}
  1355. {block:Date}
  1356. <div class="description_notes">
  1357. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1358. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1359. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1360. </div>
  1361. {/block:Date}
  1362. {/block:IndexPage}
  1363. {/block:Chat}
  1364.  
  1365. {block:Audio}
  1366. <div class="audioplayer">{AudioPlayerBlack}</div>
  1367. {block:AlbumArt}
  1368. <img width="100%" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  1369. {/block:AlbumArt}
  1370. {block:IndexPage}{caption}{/block:IndexPage}
  1371. {block:IndexPage}
  1372. {block:Date}
  1373. <div class="description_notes">
  1374. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1375. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1376. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1377. </div>
  1378. {/block:Date}
  1379. {/block:IndexPage}
  1380. {/block:Audio}
  1381.  
  1382.  
  1383.  
  1384. {block:Answer}
  1385. <img class="left" src="{AskerPortraitURL-30}" style="margin-left:15px;margin-top:10px;{block:If2Columns} margin-left:10px; {/block:If2Columns}" width="30px">
  1386.  
  1387. <div style="text-align:left; margin-left:50px;font-family:helvetica;font-size:11px; margin-top:-35px;">
  1388. <b>{Asker}</b>:<br><i> {Question}</i>
  1389. </div>
  1390. <br><br>
  1391.  
  1392. <img class="left" style="margin-left:15px;{block:If2Columns} margin-left:10px; {/block:If2Columns}" width="30px" src="{PortraitURL-30}"/>
  1393. <div style="text-align:left; margin-left:50px; margin-top:-35px;font-family:helvetica;font-size:11px;"> <b>Me</b>:<div style="margin-top:-12px; font-style:italic;">{Answer}</div></div><br><br>
  1394.  
  1395. <center>
  1396.  
  1397.  
  1398. {block:IndexPage}
  1399. {block:Date}
  1400. <div class="description_notes" style="margin-bottom:-17px;margin-top:-20px;">
  1401. <a href="{Permalink}">{TimeAgo}</a>
  1402. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1403. <a href="{ReblogURL}" target="_blank">Reblog</a>
  1404. </div></center>
  1405. {/block:Date}
  1406. {/block:IndexPage}
  1407. {/block:Answer}
  1408.  
  1409. {block:PermalinkPage}
  1410. {block:Date}
  1411.  
  1412. <div style="width:500px; background-color:{color:backgroundpermalink};height:auto;padding-bottom:10px;">
  1413.  
  1414.  
  1415. {block:RebloggedFrom}
  1416. <span style="padding-left:10px; vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">/</span>
  1417. <span style="vertical-align: center;">Posted By</span>
  1418. <a href="{ReblogRootURL}" style="vertical-align: center;">{ReblogRootName}</a></span><br>
  1419. {/block:RebloggedFrom}
  1420.  
  1421. {block:Date}
  1422. <span style="padding-left:10px;vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">N</span> <span style="vertical-align: center;">{DayOfWeek}, {DayofMonth} {Month} {Year} </span><br>
  1423. {/block:Date}
  1424.  
  1425. {block:notecount}
  1426. <span style="padding-left:10px; vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">6</span>
  1427. <span style="vertical-align: center;">{notecountwithlabel}</span><br>
  1428. {/block:notecount}
  1429.  
  1430. {block:RebloggedFrom}
  1431. <span style="padding-left:10px; vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">h</span>
  1432. <span style="vertical-align: center;">Reblogged from</span>
  1433. <a href="{ReblogParentURL}" style="vertical-align: center;">{ReblogParentName}</a></span><br>
  1434. {/block:RebloggedFrom}
  1435.  
  1436.  
  1437. <span style="padding-left:10px; vertical-align: bottom; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';">h</span>
  1438. <a href="{ReblogURL}" target="_blank" style="vertical-align: center;">Reblog This Post</a></span><br>
  1439.  
  1440.  
  1441. {block:HasTags}
  1442. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags} {/block:HasTags}<br>
  1443.  
  1444. {block:PermalinkPagination}
  1445. {block:NextPost}
  1446.  
  1447. <center><div style="margin-left:0px;height:1px; width:100%; background-color: rgba(0,0,0,0.1);"></div></center>
  1448. <br><a href="{NextPost}"><span style="padding-left:10px;margin-right:10px;font-family:'helvetica'; font-size:12px; font-style:italic;text-transform:uppercase;">
  1449. << Previous</a>
  1450. {/block:NextPost}
  1451. {block:PreviousPost}<a href="{PreviousPost}" style="font-family:'helvetica'; font-size:12px; font-style:italic;text-transform:uppercase;">Next >></a></span>
  1452. <br><br>
  1453. <center><div style="margin-left:0px;height:1px; width:100%; margin-bottom:-5px; background-color: rgba(0,0,0,0.1);"></div></center>
  1454. {/block:PreviousPost}
  1455. {/block:PermalinkPagination}
  1456. <br>
  1457. {block:PostNotes}
  1458. {PostNotes}
  1459. {/block:PostNotes}
  1460. </div></div>
  1461. {/block:Date}
  1462. {/block:PermalinkPage}
  1463.  
  1464.  
  1465. </div>
  1466.  
  1467. {/block:Posts}
  1468. </div>
  1469. </div>
  1470.  
  1471. </div>
  1472. <div id="top"><img src="http://24.media.tumblr.com/tumblr_m9vb1ofk3F1qhtapco1_100.png" style="-webkit-border-radius: 15px;">
  1473.  
  1474. </div>
  1475.  
  1476. <script type="text/javascript" src="http://static.tumblr.com/hft4fqc/AxFmbvhcg/buttonstwo.js"></script>
  1477. <script type="text/javascript" src="http://static.tumblr.com/hft4fqc/0Ubmbvipt/mansoryjquery.js"></script>
  1478. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  1479. <script type="text/javascript">
  1480. $(function(){
  1481. $("#pageLink").click(function(){
  1482. $("#titlePages").fadeToggle(500);
  1483. });
  1484. });
  1485. </script>
  1486.  
  1487. {block:IndexPage}
  1488. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  1489.  
  1490. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1491. <script type="text/javascript">
  1492. $(window).load(function () {
  1493. var $content = $('#posts');
  1494. $content.masonry({
  1495. itemSelector: '.entry',
  1496. isAnimated: true
  1497. }),
  1498. $content.infinitescroll({
  1499. navSelector : '#pagination',
  1500. nextSelector : '#pagination a#nextPage',
  1501. itemSelector : '.entry',
  1502. loading: {
  1503. finishedMsg: '',
  1504. img: '{image:Loading Gif Posts}'
  1505. },
  1506. bufferPx : 10,
  1507. debug : false,
  1508. },
  1509. // call masonry as a callback.
  1510. function( newElements ) {
  1511. var $newElems = $( newElements );
  1512. $newElems.hide();
  1513. // ensure that images load before adding to masonry layout
  1514. $newElems.imagesLoaded(function(){
  1515. $content.masonry( 'appended',
  1516. $newElems, true,
  1517. function(){$newElems.fadeIn(300);}
  1518. );
  1519.  
  1520.  
  1521. });
  1522. });
  1523. });
  1524. </script>
  1525.  
  1526. <script type="text/javascript">
  1527. $(function() {
  1528. $('.like').live('click', function() {
  1529. var $this = $(this).find("span");
  1530. var id_post = $this.attr('id');
  1531. var count = parseInt($("#note_count_"+id_post).text());
  1532. var reblog_key = $this.attr('rel').slice(-8);
  1533. var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  1534. if($this.css("background-position") == "0px 0px"){
  1535. $("#note_count_"+id_post).text(count+1);
  1536. }
  1537. $('#likeIframe').attr('src', like_url);
  1538. $this.css("background-position","0px -20px");
  1539. });
  1540. });
  1541. </script>
  1542. {/block:IndexPage}
  1543.  
  1544. <iframe id="likeIframe" style="width:1px;height:1px;position:absolute;left:-9999px;"></iframe>
  1545.  
  1546.  
  1547. <div id="askbox" class="popup_block">
  1548. <iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{name}.tumblr.com"
  1549. ></iframe>
  1550. <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1551. </div>
  1552. </body>
  1553. </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!