API tools faq
paste
Advertisement
radiatingbiebs

theme 6; catch me

radiatingbiebs
Apr 20th, 2013
1,626
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.41 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 6 by acousticized
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <script type="text/javascript">
  11. <!--
  12.  
  13. // Disable Right Click Script
  14.  
  15. function IE(e)
  16. {
  17. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  18. {
  19. return false;
  20. }
  21. }
  22. function NS(e)
  23. {
  24. if (document.layers || (document.getElementById && !document.all))
  25. {
  26. if (e.which == "2" || e.which == "3")
  27. {
  28. return false;
  29. }
  30. }
  31. }
  32. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  33.  
  34. //-->
  35. </script>
  36.  
  37. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  38. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  39. <script>
  40. $(function(){
  41. var $container = $('#content');
  42. $container.imagesLoaded(function(){
  43. $container.masonry({
  44. itemSelector: '#posts',
  45. });
  46. });
  47. $container.infinitescroll({
  48. itemSelector : "#posts",
  49. navSelector : "div.pagination",
  50. nextSelector : ".pagination a#next",
  51. loadingImg : "",
  52. loadingText : "<em></em>",
  53. bufferPx : 500,
  54. extraScrollPx: 500,
  55. },
  56. function( newElements ) {
  57. var $newElems = $( newElements ).css({ opacity: 0 });
  58. $newElems.imagesLoaded(function(){
  59. $newElems.animate({ opacity: 1 });
  60. $container.masonry( 'appended', $newElems, true );
  61. });
  62. }
  63. );
  64. });
  65. </script>
  66.  
  67. <script type="text/javascript"
  68. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  69.  
  70. <!--DEFAULT VARIABLES-->
  71. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  72. <meta name="color:Background" content="#ffffff"/>
  73. <meta name="color:Title" content="#292929"/>
  74. <meta name="color:Text" content="#363636"/>
  75. <meta name="color:Link" content="#C29B9B"/>
  76. <meta name="color:scrollbar" content="#727272"/>
  77. <meta name="color:Sidebar Title" content="#dddddd"/>
  78. <meta name="color:Sidebar Title 2" content="#dddddd"/>
  79. <meta name="image:Background" content=""/>
  80. <meta name="image:Sidebar" content=""/>
  81. <meta name="text:Sidebar Title"content=""/>
  82. <meta name="text:Sidebar Title 2"content=""/>
  83. <meta name="text:Link One" content="" />
  84. <meta name="text:Link Two" content="" />
  85. <meta name="text:Link Three" content="" />
  86. <meta name="text:Link four" content="" />
  87. <meta name="text:Link five" content="" />
  88. <meta name="color:links background" content="#fd2053"/>
  89. <meta name="color:links background 2" content="#aaaaaa"/>
  90. <style type="text/css">
  91.  
  92.  
  93. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  94.  
  95. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  96.  
  97. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  98. @font-face { font-family: "fang"; src: url('http://static.tumblr.com/gmywsxl/PCrmjnofp/fangtasia.ttf'); }
  99. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  100. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/dcylwch/06vmh5wfz/neverletgo.ttf'); }
  101. @font-face { font-family: "sem"; src: url('http://static.tumblr.com/ygfurav/QgNmga3qn/semplice_regular.ttf'); }
  102. @font-face { font-family: "cutty"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  103. @font-face{font-family:Basic L;src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  104.  
  105.  
  106. ::-webkit-scrollbar {width: 5px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  107.  
  108. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid
  109. #aaaaaa; border-right: 1px solid #aaaaaa; }
  110. p {
  111. margin:0px;
  112. margin-top:0px;
  113. }
  114. @font-face { font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  115.  
  116.  
  117. body {
  118. padding: 0px;
  119. margin: 0px;
  120. color:{color:text};
  121. font-family: helvetica;
  122. line-height:12px;
  123. font-size:11px;
  124. background-color: {color:Background};
  125. background-image:url({image:Background});
  126. background-attachment: fixed;
  127. background-repeat: repeat;
  128. }
  129.  
  130.  
  131. a:link, a:active, a:visited{
  132. text-decoration: none;
  133. -webkit-transition: color 0.3s ease-out;
  134. -moz-transition: color 0.3s ease-out;
  135. transition: color 0.3s ease-out;
  136. color:{color:link};
  137. }
  138.  
  139. a:hover {
  140. text-decoration: none;
  141. font-style:;
  142. color: {color:Hover};
  143. }
  144. #rissa {
  145. position:fixed;
  146. width:auto;
  147. font-family:pixel;
  148. font-size:8px;
  149. line-height:10px;
  150. right:14px;
  151. bottom:10px;
  152. height:10px;
  153. text-align:left;
  154. color:#222;
  155. background-color:#fcfcfc;
  156. padding:5px;
  157. opacity:1;
  158. border:1px solid #ddd;
  159. z-index:99999999999999999999;
  160. -moz-transition-duration:0.5s;
  161. -webkit-transition-duration:0.5s;
  162. -o-transition-duration:0.5s;
  163. }
  164.  
  165. #rissa a{
  166. color:#555;}
  167.  
  168. cred{
  169. font-family:calibri light;
  170. font-size:11px;
  171. line-height:12px;
  172. }
  173. #cunt{width:250px; height:auto;}
  174. {block:PermalinkPage}
  175. width:410px;
  176. {/block:PermalinkPage}
  177. }
  178.  
  179. #center{
  180. padding-top:3px;
  181. padding-bottom:3px;
  182. position:fixed !important;
  183. width:250px;
  184. height:207px;
  185. background-color:#fff;
  186. {block:PermalinkPage}
  187. width:410px;
  188. height:207px;
  189. {/block:PermalinkPage}
  190. }
  191.  
  192. #posts{
  193. float:center;
  194. overflow:show;
  195. {block:indexpage}
  196. width:1000px;
  197. {/block:indexpage}
  198. {block:permalinkpage}
  199. width:800px;
  200. {/block:permalinkpage}
  201. margin-left: 395px;
  202. margin-top: 0px;
  203. }
  204.  
  205.  
  206. #sidebar {
  207. opacity: 1.0;
  208. position:fixed !important;
  209. width:250px;
  210. font-family: Consolas;
  211. height: auto;
  212. background: #f9f9f9;
  213. margin-left: 43px;
  214. margin-top: 132px;
  215. padding:10px;
  216. border: 1px solid #ddd;
  217. z-index:99999;
  218. transition: all 0.9s ease-out;
  219. -o-transition-transition: all 0.9s ease-out;
  220. -webkit-transition: all 0.9s ease-out;
  221. -moz-transition: all 0.9s ease-out;
  222. }
  223. #sidebar:hover {
  224. opacity: 1.0;
  225. transition: all 0.9s ease-out;
  226. -o-transition-transition: all 0.9s ease-out;
  227. -webkit-transition: all 0.9s ease-out;
  228. -moz-transition: all 0.9s ease-out;
  229. }
  230.  
  231. div#links{
  232. width:210px;
  233. opacity:1.0;
  234. top:106px;
  235. margin-left:20px;
  236. padding:2px;
  237. line-height:20px;
  238. border-bottom: 0px solid #ddd;
  239. padding-top:1px;
  240. color: {color:sidebar title};
  241. background:transparent;
  242. position:fixed;
  243. overflow: show;
  244. text-align: center;
  245. letter-spacing: 0px;
  246. font-family:cutty;
  247. text-transform: lowercase;
  248. font-weight:light;
  249. z-index:999;
  250. font-size: 35px;transition: all 0.5s ease-out;
  251. -o-transition-transition: all 0.6s ease-out;
  252. -webkit-transition: all 0.5s ease-out;
  253. -moz-transition: all 0.3s ease-out;
  254. }
  255.  
  256. #sidebar:hover #links{opacity:0;transition: all 0.6s ease;
  257. -o-transition-transition: all 0.6s ease;
  258. -webkit-transition: all 0.6s ease;
  259. -moz-transition: all 0.5s ease}
  260.  
  261. #linkies{
  262. width:31px;
  263. height:207px;
  264. top:185px;
  265. margin-left:262px;
  266. position:fixed;
  267. font-family:consolas;
  268. padding:2px;
  269. padding-top:4px;
  270. opacity:0;
  271.  
  272. z-index:999;
  273. transition: all 0.9s ease-out;
  274. -o-transition-transition: all 0.9s ease-out;
  275. -webkit-transition: all 0.9s ease-out;
  276. -moz-transition: all 0.9s ease-out;
  277. background: {color:background};
  278. }
  279.  
  280. #sidebar:hover #linkies{
  281. opacity:1;
  282. transition: all 0.9s ease-out;
  283. -o-transition-transition: all 0.9s ease-out;
  284. -webkit-transition: all 0.9s ease-out;
  285. -moz-transition: all 0.9s ease-out;}
  286.  
  287. #link1 a{
  288. opacity: 1;
  289. color:#ffffff;
  290. position: fixed;
  291. display: inline-block;
  292. text-transform: uppercase;
  293. font-size:13px;
  294. text-align: center;
  295. line-height: 24px;
  296. height: 25px;
  297. width: 25px;border:1px solid #ddd;
  298. z-index:99;
  299. transition: all 0.6s ease-out;
  300. -o-transition-transition: all 0.6s ease-out;
  301. -webkit-transition: all 0.6s ease-out;
  302. -moz-transition: all 0.6s ease-out;
  303. margin: 0px 0px 0px 0px;
  304. background:{color:links background};
  305. }
  306. #link1 a:hover{background:#fff;}
  307. #link2 a{
  308. opacity: 1;
  309. color:#ffffff;
  310. position: fixed;
  311. display: inline-block;
  312. text-transform: uppercase;
  313. border:1px solid #ddd;
  314. font-size:13px;
  315. text-align: center;
  316. line-height: 24px;
  317. height: 25px;
  318. width: 25px;
  319. z-index:9999;
  320. transition: all 0.6s ease-out;
  321. -o-transition-transition: all 0.6s ease-out;
  322. -webkit-transition: all 0.6s ease-out;
  323. -moz-transition: all 0.6s ease-out;
  324. margin: 45px 0px 0px 0px;
  325. background:{color:links background 2};
  326. }
  327. #link2 a:hover{background:#fff;}
  328. #link3 a{
  329. opacity:1;
  330. color:#ffffff;
  331. position: fixed;
  332. display: inline-block;
  333. text-transform: uppercase;
  334. font-size:13px;
  335. text-align: center;
  336. line-height: 24px;
  337. height: 25px;
  338. border:1px solid #ddd;
  339. width: 25px;
  340. z-index:9999;
  341. transition: all 0.6s ease-out;
  342. -o-transition-transition: all 0.6s ease-out;
  343. -webkit-transition: all 0.6s ease-out;
  344. -moz-transition: all 0.6s ease-out;
  345. margin:90px 0px 0px 0px;
  346. background:{color:links background};
  347. }
  348. #link3 a:hover{background:#fff;}
  349. #link4 a{
  350. opacity:1;
  351. color:#ffffff;
  352. position: fixed;
  353. display: inline-block;
  354. text-transform: uppercase;
  355. border:1px solid #ddd;
  356. font-size:13px;
  357. text-align: center;
  358. line-height: 24px;
  359. height: 25px;
  360. width: 25px;
  361. z-index:9999;
  362. transition: all 0.6s ease-out;
  363. -o-transition-transition: all 0.6s ease-out;
  364. -webkit-transition: all 0.6s ease-out;
  365. -moz-transition: all 0.6s ease-out;
  366. margin:135px 0px 0px 0px;
  367. background:{color:links background 2};
  368. }
  369. #link4 a:hover{background:#fff;}
  370. #link5 a{
  371. opacity:1;
  372. color:#ffffff;
  373. position: fixed;
  374. display: inline-block;
  375. text-transform: uppercase;
  376. border:1px solid #ddd;
  377. font-size:13px;
  378. text-align: center;
  379. line-height: 24px;
  380. height: 25px;
  381. width: 25px;
  382. z-index:9999;
  383. transition: all 0.6s ease-out;
  384. -o-transition-transition: all 0.6s ease-out;
  385. -webkit-transition: all 0.6s ease-out;
  386. -moz-transition: all 0.6s ease-out;
  387. margin:180px 0px 0px 0px;
  388. background:{color:links background};
  389. }
  390. #link5 a:hover{background:#fff;}
  391. div#links2{
  392. width:20px;
  393. opacity:1.0;
  394. height: auto;
  395. top:185px;
  396. margin-left:263px;
  397. padding:2px;
  398. line-height: 20px;
  399. border-bottom: 0px solid #ddd;
  400. padding-top:1px;
  401. position:fixed;
  402. text-align: CENTER;
  403. letter-spacing: 3px;
  404. font-family:calibri light;
  405. color: {color:sidebar title 2};
  406. text-transform: uppercase;
  407. font-size: 18px;
  408. z-index:999;
  409. transition: all 0.9s ease-out;
  410. -o-transition-transition: all 0.9s ease-out;
  411. -webkit-transition: all 0.9s ease-out;
  412. -moz-transition: all 0.9s ease-out;
  413. }
  414. #sidebar:hover #links2{opacity:0;transition: all 0.3s ease-out;
  415. -o-transition-transition: all 0.3s ease-out;
  416. -webkit-transition: all 0.3s ease-out;
  417. -moz-transition: all 0.5s ease-out;}
  418.  
  419.  
  420.  
  421. div#side{
  422. opacity: 1.0;
  423. width:135px;
  424. position:fixed !important;
  425. text-align:center;
  426. top:120px;
  427. height:50px;
  428. margin-left:-100px;
  429. background: transparent;
  430. border-top: 1px solid #ddd;
  431. -webkit-animation:fadeInDownBig 3s;
  432. -moz-animation:fadeInDownBig 3s;
  433. -ms-animation:fadeInDownBig 3s;
  434. transition: all 0.9s ease-out;
  435. -o-transition-transition: all 0.9s ease-out;
  436. -webkit-transition: all 0.9s ease-out;
  437. -moz-transition: all 0.3s ease-out;
  438. }
  439.  
  440. #sidebar:hover #side{
  441. width:210px;
  442. opacity:1;transition: all 0.9s ease-out;
  443. -o-transition-transition: all 0.8s ease-out;
  444. -webkit-transition: all 0.8s ease-out;
  445. -moz-transition: all 0.4s ease-out;
  446. }
  447.  
  448. div#side2{
  449. opacity: 1.0;
  450. width:100px;
  451. position:fixed !important;
  452. text-align:center;
  453. top:120px;
  454. height:50px;
  455. margin-left:220px;
  456. background: transparent;
  457. border-top: 1px solid #ddd;
  458. transition: all 0.9s ease-out;
  459. -o-transition-transition: all 0.8s ease-out;
  460. -webkit-transition: all 0.8s ease-out;
  461. -moz-transition: all 0.4s ease-out;
  462. }
  463.  
  464. #sidebar:hover #side2{
  465. margin-left:110px;
  466. width:210px;
  467. opacity:1;transition: all 0.9s ease-out;
  468. -o-transition-transition: all 0.8s ease-out;
  469. -webkit-transition: all 0.8s ease-out;
  470. -moz-transition: all 0.4s ease-out;
  471. }
  472.  
  473.  
  474. div#side3{
  475. opacity: 1.0;
  476. width:50px;
  477. position:fixed !important;
  478. text-align:center;
  479. top:90px;
  480. height:95px;
  481. margin-left:224px;
  482. background: transparent;
  483. border-right: 1px solid #ddd;
  484. -webkit-animation:fadeInDownBig 3s;
  485. -moz-animation:fadeInDownBig 3s;
  486. -ms-animation:fadeInDownBig 3s;
  487. -webkit-transition: all 0.8s ease;
  488. -moz-transition: all 0.8s ease;
  489. -o-transition: all 0.5s ease;
  490. }
  491.  
  492. #sidebar:hover #side3{
  493. height:165px;
  494. opacity:1;transition: all 0.8s ease-out;
  495. -o-transition-transition: all 0.8s ease-out;
  496. -webkit-transition: all 0.8s ease-out;
  497. -moz-transition: all 0.8s ease-out;
  498. }
  499.  
  500. div#side4{
  501. opacity: 1.0;
  502. width:50px;
  503. position:fixed !important;
  504. text-align:center;
  505. top:415px;
  506. height:100%;
  507. margin-left:224px;
  508. background: transparent;
  509. border-right: 1px solid #ddd;
  510. -webkit-animation:fadeInDownBig 3s;
  511. -moz-animation:fadeInDownBig 3s;
  512. -ms-animation:fadeInDownBig 3s;
  513. -webkit-transition: all 0.8s ease;
  514. -moz-transition: all 0.8s ease;
  515. -o-transition: all 0.5s ease;
  516. }
  517.  
  518. #sidebar:hover #side4{
  519. top:265px;
  520. opacity:1;transition: all 0.8s ease-out;
  521. -o-transition-transition: all 0.8s ease-out;
  522. -webkit-transition: all 0.8s ease-out;
  523. -moz-transition: all 0.4s ease-out;
  524. }
  525. @font-face { font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  526. .entry{
  527. font-family: calibri;
  528. font-size:10.5px;
  529. z-index:9999;
  530. float:left;
  531.  
  532. width: 250px;
  533. text-align:left;
  534. overflow:hidden;
  535. height: auto;
  536. line-height:13px;
  537. background-color:#fafafa;
  538. margin:8px;
  539. overflow:hidden;
  540. padding: 10px;
  541. border:1px solid #ddd;
  542. {block:PermalinkPage}
  543. width: 528px;
  544. height: auto;
  545. margin-left:10px;
  546. {/block:PermalinkPage}
  547. }
  548.  
  549. .entry .perma{
  550. background:#fafafa;
  551. color:#000;
  552. width:231px;
  553. height:10px;
  554. padding:3px;
  555. position: absolute;
  556. text-transform: none;
  557. font-family: consolas;
  558. font-size: 8px;
  559. line-height:10px;
  560. letter-spacing: 1px;
  561. text-transform:uppercase;
  562. text-align:center;
  563. top:17px;
  564. left:-17px;
  565. opacity:0;
  566. z-index:999999;
  567. -webkit-transition: all 0.3s linear;
  568. -webkit-transition: all 0.3s linear;
  569. -moz-transition: all 0.3s linear;
  570. transition: all 0.3s linear;
  571. }
  572.  
  573. .entry:hover .perma{
  574. left:17px;
  575. opacity:0.9;
  576. -webkit-transition: all 0.3s linear;
  577. -webkit-transition: all 0.3s linear;
  578. -moz-transition: all 0.3s linear;
  579. transition: all 0.3s linear;
  580. }
  581.  
  582.  
  583. .permalinktext {
  584. display: block;
  585. padding: 5px;
  586. margin: 7px 0px 0px 15px;
  587. font-family: calibri;
  588. letter-spacing: 0px;
  589. font-size: 10px;
  590. background:#fff;
  591. text-transform: uppercase;
  592. color: #424242;
  593. line-height: 10px;
  594. margin-left:3px;
  595. width:233px;
  596. text-align: center;
  597. text-decoration: none;
  598. border:1px solid #ddd;
  599. {block:PermalinkPage}
  600. width: 513px;
  601. height: auto;
  602. {/block:PermalinkPage}
  603. transition: all 0.7s ease-out;
  604. -o-transition-transition: all 0.7s ease-out;
  605. -webkit-transition: all 0.7s ease-out;
  606. -moz-transition: all 0.9s ease-out;
  607.  
  608. }
  609. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  610. @font-face {font-family:"Dreams";src:url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  611.  
  612.  
  613.  
  614. .titlee{
  615. font-family: dreams;
  616. font-size: 25px;
  617. text-align:left;
  618. line-height: 20px;
  619. text-transform:uppercase;
  620. color:{color:Title};
  621.  
  622. }
  623.  
  624. .quo{
  625. font-family: cambria;
  626. font-size: 12px;
  627. text-align:right;
  628. width:225px;
  629. font-style:italic;
  630. line-height: 20px;
  631. color:{color:Title};
  632. letter-spacing: 0px;
  633. border-bottom:1px solid #ddd;
  634. margin: 3px 0px 0px -9px;
  635. {block:PermalinkPage}
  636. width:550px;
  637. {/block:PermalinkPage}
  638. }
  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
  642. {
  643. color:{color:Title};
  644. }
  645.  
  646. a.links {
  647. font-family: ronda;
  648. font-size: 8px;
  649. line-height: 8px;
  650. text-transform: normal;
  651. letter-spacing:0px;
  652. display:block;
  653. padding: 0px;
  654. margin-bottom: 0px;
  655. }
  656.  
  657. a.links:hover {
  658. font-style: none;
  659. text-decoration: none;
  660. letter-spacing:10px;
  661. }
  662. #infscr-loading{
  663. bottom: -70px;
  664. position: absolute;
  665. left: 50%;
  666. margin-left:-8px;
  667. width:16px;
  668. height:11px;
  669. overflow:hidden;
  670. margin-bottom: 50px;
  671. }
  672.  
  673. #postnotes{
  674. text-align: justify;}
  675.  
  676. #postnotes blockquote{
  677. border: 0px;}
  678.  
  679. blockquote{
  680. padding:0px 0px 2px 5px;
  681. margin:0px 0px 2px 10px;
  682. border-left: 1px dotted #555555;
  683. }
  684.  
  685. blockquote p, ul{
  686. margin:0px;
  687. padding:0px;
  688. }
  689.  
  690. a img{border: 0px;}
  691.  
  692.  
  693. ul, ol, li{
  694. list-style:none;
  695. margin:0px;
  696. padding:0px;
  697. }
  698.  
  699. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  700. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  701.  
  702. .notes img{width:10px; position:relative; top:3px;}
  703. <--ses-->
  704. small{font-size: 90%;}
  705.  
  706. {CustomCSS}
  707.  
  708. </style>
  709.  
  710. {block:IndexPage}
  711. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  712. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  713.  
  714. <script type="text/javascript">
  715. $(window).load(function(){
  716. var $wall = $('#posts');
  717. $wall.imagesLoaded(function(){
  718. $wall.masonry({
  719. itemSelector: '.entry, .entry_photo',
  720. isAnimated : false
  721. });
  722. });
  723.  
  724. $wall.infinitescroll({
  725. navSelector : '#pagination',
  726. nextSelector : '#pagination a',
  727. itemSelector : '.entry, .entry_photo',
  728. bufferPx : 2000,
  729. debug : false,
  730. errorCallback: function() {
  731. $('#infscr-loading').fadeOut('normal');
  732. }},
  733. function( newElements ) {
  734. var $newElems = $( newElements );
  735. $newElems.hide();
  736. $newElems.imagesLoaded(function(){
  737. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  738. });
  739. }); $('#posts').show(500);
  740. });
  741. </script>
  742.  
  743.  
  744. {/block:IndexPage}
  745.  
  746.  
  747. <title>{title}</title>
  748.  
  749. <link rel="shortcut icon" href="{Favicon}" />
  750. <meta name="viewport" content="width=820" />
  751.  
  752.  
  753. </head>
  754.  
  755. <body>
  756. <BODY onselectstart="return false;" ondragstart="return false;">
  757. <div class="wrapper">
  758. <div class="header">
  759. <div id="sidebar">
  760. <a href="/"><img src="{image:sidebar}" style="width: 240px; height:auto; background: transparent; padding: 4px;"></a>
  761.  
  762. {Description}
  763. <div id="links">
  764. {text:sidebar title}
  765. </div>
  766. <div id="links2">
  767. {text:sidebar title 2}
  768. </div>
  769. <div id="side">
  770. </div>
  771. <div id="side2">
  772. </div>
  773. <div id="side3">
  774. </div>
  775. <div id="side4"></div>
  776. <div id="linkies">
  777. <div id="link1"><a href="{text:link one}"><font color="#787878">I</font></a></div>
  778. <div id="link2"><a href="{text:link two}"><font color="#787878">II</font></a></div>
  779. <div id="link3"><a href="{text:link three}"><font color="#787878">III</font></a></div>
  780. <div id="link4"><a href="{text:link four}"><font color="#787878">IV</font></a></div>
  781. <div id="link5"><a href="{text:link five}"><font color="#787878">V</font></a></div></div></div>
  782.  
  783.  
  784. <div class="left">
  785. <div id="posts">
  786. {block:Posts}
  787. <div class="entry">
  788.  
  789. {block:Answer}
  790. <img src="{AskerPortraitURL-30}" width="31" align="left" style="padding:6px; background:white; border:1px solid #ddd;"/>
  791. <div style="margin-left:48px;margin-top:0px;margin-bottom:0px;min-height:35px;padding: 4px; background-color:#f5f5f5;border:1px solid #ddd;border-radius:0px;overflow:auto;">
  792. <askname>{asker}</askname>: {Question}</div>
  793. <div style="margin-top:2px; line-height:11px;margin-bottom:4px; background: transparent;">{Answer}</div>
  794. <div class="permalinktext"> {timeago} with <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog this</a> </div>
  795. {/block:Answer}
  796.  
  797. {block:Text}{block:Title}<div class="titlee">{Title}</div>{/block:Title}<br><span class="body">{Body}</span><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>/<a href="{permalink}">{timeago}</a>/<a href="{ReblogURL}" target="_blank">reblog</a> </div>
  798. {/block:Text}
  799.  
  800. {block:Link}<div class="titlee"><a href="{URL}">{Name}</a></div>{block:Description}<br><div class="body">{Description}</div>{/block:Description} <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>/<a href="{permalink}">{timeago}</a>/<a href="{ReblogURL}" target="_blank">reblog</a> </div>{block:Link}
  801.  
  802. {block:Photo}
  803. {block:IndexPage}
  804. <center>
  805.  
  806. <div class="perma">
  807. <a href="{permalink}">{NoteCount}$</a> - <a href="{permalink}">{timeago}</a> - <a href="{ReblogURL}" target="_blank"> purchase </a></span></div>
  808. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  809. {/block:IndexPage}
  810. {block:PermalinkPage}
  811. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  812.  
  813. {LinkCloseTag}
  814. {/block:PermalinkPage}
  815. {/block:Photo}
  816.  
  817. {block:Photoset}
  818. {block:IndexPage}
  819. <center>
  820.  
  821. {Photoset-250}</center><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>/<a href="{permalink}">{timeago}</a>/<a href="{ReblogURL}" target="_blank">reblog</a> </div>
  822. {/block:IndexPage}
  823. {block:PermalinkPage}
  824. <center>
  825. {Photoset-500}</center>
  826. {/block:PermalinkPage}
  827. {/block:Photoset}
  828.  
  829. {block:Quote}<div class="quo">"{Quote}"</div> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>/<a href="{permalink}">{timeago}</a>/<a href="{ReblogURL}" target="_blank">reblog</a> </div>{/block:Quote}
  830.  
  831. {block:Chat}
  832. {block:Title}<div class="titlee">{Title}</span>{/block:Title}
  833. <ul class="chat">
  834. {block:Lines}
  835. <li class="user_{UserNumber}">
  836. {block:Label}
  837. <span class="label">{Label}</span>
  838. {/block:Label}
  839.  
  840. {Line}
  841. </li>
  842. {/block:Lines}
  843. </ul>
  844. {block:IndexPage}
  845. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  846. {/block:IndexPage}
  847. {/block:Chat}
  848.  
  849.  
  850. {block:Audio}
  851. <div style="width:200px; height:30px;">
  852. {AudioPlayerBlack}
  853. </div>
  854. {block:IndexPage}
  855. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>/<a href="{permalink}">{timeago}</a>/<a href="{ReblogURL}" target="_blank">reblog</a> </div>{/block:IndexPage}
  856. {/block:Audio}
  857.  
  858. {block:Video}
  859. {block:IndexPage}
  860. <center>
  861. {Video-250}</center><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>/<a href="{permalink}">{timeago}</a>/<a href="{ReblogURL}" target="_blank">reblog</a> </div>
  862. {/block:IndexPage}
  863. {block:PermalinkPage}
  864. <center>
  865. {Video-400}</center>
  866. {/block:PermalinkPage}
  867. {block:Video}
  868.  
  869.  
  870. {block:PostNotes}<div align="middle">{caption}</div>
  871. <center>
  872.  
  873. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  874.  
  875. {block:HasTags}
  876. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  877. {block:RebloggedFrom}
  878. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  879. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  880.  
  881. {/block:RebloggedFrom}
  882. </center></span>
  883. <br>
  884. <div id="postnotes">{PostNotes}</div><br>
  885.  
  886. <center>{block:ContentSource}
  887. <br><a href="{SourceURL}">
  888. {lang:Source}:
  889. {block:SourceLogo}
  890. <img src="{BlackLogoURL}" width="{LogoWidth}"
  891. height="{LogoHeight}" alt="{SourceTitle}" />
  892. {/block:SourceLogo}
  893. {block:NoSourceLogo}
  894. {SourceLink}
  895. {/block:NoSourceLogo}
  896. </a>
  897. {/block:ContentSource}</center>
  898.  
  899. {/block:PostNotes}
  900. </div>
  901. {/block:Posts}
  902. </div></div>
  903.  
  904. {block:IndexPage}
  905. {block:Pagination}
  906. <div id="pagination">
  907. {block:NextPage}
  908. <a id="nextPage" href="{NextPage}"></a>
  909. {/block:NextPage}
  910. {block:PreviousPage}
  911. <a href="{PreviousPage}"></a>
  912. {/block:PreviousPage}
  913. </div>
  914. {/block:Pagination}
  915. {/block:IndexPage}
  916. </body>
  917. <div id="rissa"><cred>created by </cred><a href="http://acousticized.tumblr.com/">acousticized</a></div>
  918. </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!