API tools faq
paste
Advertisement
rasperries

farahmir multi

rasperries
Dec 20th, 2014
221
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.58 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!-- °°° Made by septim °°° -->
  3.  
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  14.  
  15. <!--Default Variables-->
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#cccccc"/>
  19. <meta name="color:Link" content="#a7a7a7"/>
  20. <meta name="color:Title"content="#000000"/>
  21. <meta name="color:Borders" content="#eeeeee"/>
  22. <meta name="color:Scrollbar" content="#d5d5d5" />
  23. <meta name="color:Link Hover" content="#aaaaaa"/>
  24. <meta name="color:Entries" content="#ffffff"/>
  25. <meta name="color:Accents" content="#fbfbfb"/>
  26. <meta name="color:Accent Text" content="#000000"/>
  27. <meta name="color:Popup" content="#ffffff"/>
  28. <meta name="color:Popup Text" content="#a8a8a8"/>
  29.  
  30.  
  31. <meta name="if:Hide Captions" content="0"/>
  32. <meta name="if:Background Image" content="0"/>
  33. <meta name="if:Stretch Background" content="0"/>
  34. <meta name="if:Show Avatar Image" content="1"/>
  35. <meta name="if:Music Player" content="1"/>
  36. <meta name="if:Infinite scroll" content="1"/>
  37.  
  38. <meta name="select:Post Effect" content="none" title="None" />
  39. <meta name="select:Post Effect" content="gray" title="Grayscale" />
  40. <meta name="select:Post Effect" content="fade" title="Fade" />
  41. <meta name="select:Post Effect" content="des" title="Desaturate"/>
  42.  
  43. <meta name="image:Avatar Image" content=""/>
  44. <meta name="image:Background Image" content=""/>
  45. <meta name="text:Billy Player Code" content=""/>
  46.  
  47. <meta name="text:Link 1 URL" content="" />
  48. <meta name="text:Link 1" content="" />
  49. <meta name="text:Link 2 URL" content="" />
  50. <meta name="text:Link 2" content="" />
  51. <meta name="text:Link 3 URL" content="" />
  52. <meta name="text:Link 3" content="" />
  53.  
  54.  
  55.  
  56. <!-- jquery -->
  57.  
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  59. {block:indexpage}
  60. {block:ifinfinitescroll}
  61. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  62. {/block:ifinfinitescroll}
  63. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  64. {/block:indexpage}
  65. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  66. <script>
  67. $(function() {
  68. $(document).tooltip({
  69. track:true
  70. });
  71. });
  72. </script>
  73.  
  74.  
  75. <script>
  76. $(function(){
  77. $('.t').click(function() {
  78. $('.same').slideToggle(400);
  79. });
  80. $('.btit').click(function() {
  81. $('.modal').fadeIn(400);
  82. });
  83. $('.close').click(function() {
  84. $('.modal').fadeOut(400);
  85. });
  86. });
  87. </script>
  88.  
  89.  
  90. <!--CSS customization here. -->
  91.  
  92. <style type="text/css">
  93.  
  94.  
  95.  
  96. #tumblr_lightbox {background-color:rgba(246, 246, 246, .9)!important;z-index:99999!important;}
  97. #tumblr_lightbox img { opacity:0; }
  98. #tumblr_lightbox_caption {color:black!important;
  99. font-family:arial!important;
  100. font-size:10px!important;
  101. font-weight:normal!important;text-shadow:none!important;}
  102. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {padding:10px!important;
  103. background:white!important;
  104. margin-top:-10px!important;;
  105. margin-left:-10px!important;;
  106. -moz-box-shadow:none!important;
  107. -webkit-box-shadow:none!important;
  108. box-shadow:none!important;
  109. -moz-border-radius:0px!important;
  110. -webkit-border-radius:0px!important;
  111. border-radius:0pxpx!important;
  112. opacity:1!important;}
  113.  
  114. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  115. opacity:.6!important;}
  116.  
  117.  
  118. iframe#tumblr_controls { white-space:nowrap!important;
  119. -webkit-filter:invert(100%)!important;
  120. -moz-filter:invert(100%)!important;
  121. -ms-filter:invert(100%)!important;
  122. -o-filter:invert(100%)!important;
  123. filter:invert(100%)!important;
  124. top:12px!important;
  125. right:5px!important;
  126. position:fixed!important;
  127. opacity:.3!Important;
  128. }
  129.  
  130.  
  131.  
  132.  
  133. .ui-tooltip
  134. { position:Absolute;
  135. z-index:9999;
  136. padding-top:10px;
  137. }
  138. .ui-tooltip-content {background:{color:Accents};
  139. padding:2px 4px;
  140. text-transform:lowercase;
  141. font-family:trebuchet ms;
  142. color:{color:accent text};
  143. font-style:italic;
  144. }
  145.  
  146.  
  147.  
  148.  
  149. /*scrollbar*/
  150. ::-webkit-scrollbar{height: 11px;
  151. width:11px;
  152. background-color:{color:background}}
  153. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};
  154. border:3px solid {color:background};
  155. }
  156. ::-webkit-scrollbar-track{background-color:{color:scrollbar};
  157. border:5px solid {color:background};
  158. }
  159.  
  160.  
  161.  
  162. /*main structure*/
  163. blockquote {padding:0 0 0 10px;
  164. border-left:1px solid #ddd;
  165. margin:5px 0 0px 0px;
  166. }
  167.  
  168. blockquote blockquote {
  169. border-left:1px solid #ddd;
  170. }
  171.  
  172.  
  173. body {
  174. {block:ifbackgroundimage}
  175. background:url('{image:background image}') center center fixed repeat;
  176. {/block:ifbackgroundimage}
  177. {block:ifnotbackgroundimage}
  178. background:{color:background};
  179. {/block:ifnotbackgroundimage}
  180. {block:ifstretchbackground}
  181. -webkit-background-size: cover;
  182. -moz-background-size: cover;
  183. -o-background-size: cover;
  184. background-size: cover;
  185. {/block:ifstretchbackground}
  186. color:{color:text};
  187. font-family:helvetica;
  188. font-size:9px;
  189. letter-spacing:0.04em;
  190. font-weight:lighter;
  191. text-align:justify;
  192. margin:0;
  193. line-height:150%;}
  194. *, body {
  195. cursor: url(http://static.tumblr.com/aegsbm3/yx8mynbjg/cursor__3_.png), crosshair;
  196. }
  197.  
  198. a {
  199. color:{color:link};
  200. text-decoration:none;
  201. transition:0.4s;
  202. -o-transition-transition:0.4s;
  203. -webkit-transition-duration:0.4s;
  204. -moz-transition-duration:0.4s;
  205. }
  206.  
  207. a:hover {color:{color:link hover};
  208. text-decoration:none;
  209. cursor:help;
  210. transition:0.4s;
  211. -o-transition-transition:0.4s;
  212. -webkit-transition-duration:0.4s;
  213. -moz-transition-duration:0.4s;
  214. }
  215.  
  216. img{
  217. opacity:1;
  218. border:none;
  219. text-decoration:none}
  220.  
  221.  
  222.  
  223.  
  224.  
  225. p {margin:5px 0}
  226.  
  227. p:first-of-type {margin-top:0;
  228. padding-top:0;
  229. }
  230. p:last-of-type {margin-bottom:0;
  231. padding-bottom:0;
  232. }
  233.  
  234.  
  235. b, strong {color:{color:title};}
  236.  
  237. ol {
  238. list-style:lower-roman;
  239. text-align:justify;}
  240. ul {
  241. list-style:circle;
  242. text-align:justify;}
  243.  
  244. small {
  245. font-size:9px;}
  246.  
  247. big {
  248. font-size:9px;}
  249.  
  250. h1, h2, h3, h4 {font-size:10px;}
  251.  
  252.  
  253. #title {
  254. text-align:center;
  255. font-style:italic;
  256. text-transform:capitalize;
  257. font-family:trebuchet ms;
  258. font-size:10px;;
  259. margin-bottom:15px;
  260. color:{color:title};
  261. }
  262.  
  263.  
  264. #title a {color:{color:title};
  265. text-decoration:none;
  266. }
  267.  
  268. #title a:hover {color:{color:link hover};}
  269.  
  270.  
  271. /*side*/
  272.  
  273. #inner {
  274. width:100%;
  275. top:0px;
  276. left:0px;
  277. text-align:left;
  278. background:#fff;
  279. border-bottom:1px solid {color:borders};
  280. height:50px;
  281. line-height:50px;
  282. position:fixed;
  283. z-index:5;
  284. }
  285.  
  286. .close {width:100%;
  287. height:100%;
  288. left:0;
  289. bottom:0;
  290. z-index:99;
  291. position:Fixed;}
  292. .modal {display:none;
  293. position:Fixed;
  294. width:100%;
  295. height:100%;
  296. left:0;
  297. bottom:0;
  298. z-index:99;
  299. {block:ifbackgroundimage}
  300. background:{color:background} url('{image:background image}') center center fixed repeat;
  301. {/block:ifbackgroundimage}
  302. {block:ifnotbackgroundimage}
  303. background:{color:background};
  304. {/block:ifnotbackgroundimage}
  305. {block:ifstretchbackground}
  306. -webkit-background-size: cover;
  307. -moz-background-size: cover;
  308. -o-background-size: cover;
  309. background-size: cover;
  310. {/block:ifstretchbackground}
  311. }
  312.  
  313. .holding {width:250px;
  314. padding:50px;
  315. background:{color:popup};
  316. color:{color:popup text};
  317. position:Absolute;
  318. left:50%;
  319. z-index:100;
  320. top:50%;
  321. border:10px solid {color:accents};
  322. margin-left:-185px;
  323. transform: translate(0,-50%);
  324. -webkit-transform: translate(0%,-50%); /** Chrome & Safari **/
  325. -o-transform: translate(0,-50%); /** Opera **/
  326. -moz-transform: translate(0,-50%); /** Firefox **/
  327. }
  328.  
  329.  
  330. .im {position:relative;
  331. width:50px;
  332. height:50px;
  333. border:10px solid {color:accents};
  334. margin:-25px auto 25px auto;
  335. display:block;
  336. border-radius:100%;
  337. }
  338.  
  339. .im img {width:50px;
  340. -webkit-backface-visibility: hidden;
  341. height:50px;
  342. border-radius:100%;
  343. display:block;
  344. cursor:help;
  345. transition:0.4s;
  346. -o-transition-transition:0.4s;
  347. -webkit-transition-duration:0.4s;
  348. -moz-transition-duration:0.4s; }
  349.  
  350. .im img:hover {opacity:.7;
  351. transition:0.4s;
  352. -o-transition-transition:0.4s;
  353. -webkit-transition-duration:0.4s;
  354. -moz-transition-duration:0.4s;
  355. }
  356.  
  357.  
  358. .btit {
  359. font-size:11px;
  360. font-family:trebuchet ms;
  361. text-transform:uppercase;
  362. letter-spacing:2px;
  363. padding-left:50px;
  364. cursor:help!important;
  365. font-weight:bold;
  366. color:{color:title};
  367. position:relative;
  368. transition:0.4s;
  369. -o-transition-transition:0.4s;
  370. -webkit-transition-duration:0.4s;
  371. -moz-transition-duration:0.4s;
  372. }
  373.  
  374. .btit:hover {color:{color:link hover};
  375. transition:0.4s;
  376. -o-transition-transition:0.4s;
  377. -webkit-transition-duration:0.4s;
  378. -moz-transition-duration:0.4s;
  379. }
  380.  
  381. .btit:before {content:'☰';
  382. font-size:13px;
  383. position:absolute;
  384. left:20px;}
  385.  
  386.  
  387.  
  388. #d {
  389. display:block;
  390. text-align:center;
  391. }
  392.  
  393.  
  394. .standardlinks {margin-bottom:15px;
  395. letter-spacing:2px;
  396. font-size:8px;
  397. text-align:center;
  398. }
  399.  
  400. .standardlinks a {
  401. cursor:help;
  402. color:{color:title};
  403. text-transform:capitalize;
  404. margin:0 5px;
  405. position:relative;
  406. display:inline-block;
  407. }
  408.  
  409. .standardlinks a:hover {color:{color:link hover};}
  410.  
  411. /*pagination*/
  412. #pagination {
  413. text-align:right;
  414. font-family:trebuchet ms;
  415. color:{color:title};
  416. position:fixed;
  417. right:15px;
  418. bottom:15px;
  419. font-size:8px;
  420. width:250px;
  421. z-index:5;
  422. {block:ifinfinitescroll}
  423. display:none;
  424. {/block:ifinfinitescroll}
  425. }
  426. #pagination a {text-decoration:none;
  427. color:{color:title};
  428. }
  429. #pagination a, .current_page {margin:0 3px;
  430. cursor:help; color:{color:white};
  431. }
  432. #pagination a:hover {color:{color:link hover};}
  433. .current_page {color:{color:title}}
  434. .nice {cursor:help;
  435. display:inline-block;
  436. letter-spacing:1px;
  437. text-transform:uppercase;
  438. text-decoration:none;
  439. }
  440. #left:after {content:'/';
  441. margin-right:-5px;
  442. margin-left:10px;
  443. font-size:10px;
  444. color:{color:title};
  445. }
  446. #right:before {content:'/';
  447. margin-left:-5px;
  448. margin-right:10px;
  449. font-size:10px;
  450. color:{color:title};
  451. }
  452.  
  453.  
  454.  
  455. a.tumblr_blog {
  456. text-transform:uppercase;
  457. font-size:8px;
  458. font-family:trebuchet ms;
  459. letter-spacing:1px;
  460. color:{color:title};
  461. text-decoration:none;
  462. }
  463. a.tumblr_blog:hover {color:{color:link hover};}
  464.  
  465.  
  466.  
  467. /*posts*/
  468.  
  469.  
  470.  
  471. #entries {
  472. margin:75px auto 100px auto;
  473. z-index:3;
  474. width:680px;
  475. {block:permalinkpage}
  476. width:440px;
  477. {/block:permalinkpage}
  478. }
  479.  
  480.  
  481. #posts {z-index:3;
  482. padding:19px;
  483. border:1px solid {color:borders};
  484. width:250px;
  485. background:{color:entries};
  486. {block:indexpage}
  487. margin:25px;
  488. {/block:indexpage}
  489. position:relative;
  490. display:block;
  491. -webkit-animation-name: fade-in;
  492. -webkit-animation-duration: 1.5s;
  493. {block:permalinkpage}
  494. width:400px;
  495. {/block:permalinkpage}
  496. transition:0.8s;
  497. -o-transition-transition:0.8s;
  498. -webkit-transition-duration:0.8s;
  499. -moz-transition-duration:0.8s;
  500. }
  501.  
  502.  
  503.  
  504. .gray img, .gray .html_photoset {
  505. -webkit-backface-visibility: hidden;
  506. -webkit-filter: grayscale(1);
  507. -moz-filter: grayscale(1);
  508. -o-filter: grayscale(1);
  509. -ms-filter: grayscale(1);
  510. filter: grayscale(1);
  511. transition:0.4s;
  512. -o-transition-transition:0.4s;
  513. -webkit-transition-duration:0.4s;
  514. -moz-transition-duration:0.4s;
  515. }
  516.  
  517. .gray:hover img, .gray:hover .html_photoset {
  518. -webkit-filter: grayscale(0);
  519. -moz-filter: grayscale(0);
  520. -o-filter: grayscale(0);
  521. -ms-filter: grayscale(0);
  522. filter: grayscale(0);
  523. transition:0.4s;
  524. -o-transition-transition:0.4s;
  525. -webkit-transition-duration:0.4s;
  526. -moz-transition-duration:0.4s;
  527. }
  528.  
  529. .fade img,.fade .html_photoset {opacity:.7;
  530. -webkit-backface-visibility: hidden;
  531. transition:0.4s;
  532. -o-transition-transition:0.4s;
  533. -webkit-transition-duration:0.4s;
  534. -moz-transition-duration:0.4s;
  535. }
  536.  
  537. .fade:hover img, .fade:hover .html_photoset {opacity:1;
  538. transition:0.4s;
  539. -o-transition-transition:0.4s;
  540. -webkit-transition-duration:0.4s;
  541. -moz-transition-duration:0.4s;
  542. }
  543.  
  544. .des img, .des .html_photoset {
  545. -webkit-backface-visibility: hidden;
  546. -webkit-filter: grayscale(.5);
  547. -moz-filter: grayscale(.5);
  548. -o-filter: grayscale(.5);
  549. -ms-filter: grayscale(.5);
  550. filter: grayscale(.5);
  551. transition:0.4s;
  552. -o-transition-transition:0.4s;
  553. -webkit-transition-duration:0.4s;
  554. -moz-transition-duration:0.4s;
  555. }
  556.  
  557. .des:hover img, .des:hover .html_photoset
  558. {-webkit-filter: grayscale(0);
  559. -moz-filter: grayscale(0);
  560. -o-filter: grayscale(0);
  561. -ms-filter: grayscale(0);
  562. filter: grayscale(0);
  563. transition:0.4s;
  564. -o-transition-transition:0.4s;
  565. -webkit-transition-duration:0.4s;
  566. -moz-transition-duration:0.4s;}
  567. {/block:permalinkpage}
  568.  
  569. #posts img {
  570. max-width:250px;
  571. {block:permalinkpage}
  572. max-width:400px;
  573. {/block:permalinkpage}
  574.  
  575. }
  576.  
  577. #buttt iframe {display:block;}
  578. #buttt img {width:250px;
  579. display:block;
  580. {block:permalinkpage}
  581. width:400px;
  582. {/block:permalinkpage}
  583. }
  584.  
  585. #titlequote {
  586. text-align:justify;
  587. padding:5px;
  588. font-size:9px;
  589. letter-spacing:0.03em;
  590. line-height:150%;
  591. font-family:trebuchet ms;
  592. background:{color:accents};
  593. color:{color:title};
  594. }
  595.  
  596. #source {text-align:center;
  597. margin-top:10px;
  598. text-transform:uppercase;
  599. letter-spacing:1px;
  600. font-size:7px;
  601. padding:0 5px;
  602. }
  603.  
  604. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  605. .caption img{
  606. max-width:300px;
  607. }
  608.  
  609.  
  610.  
  611. /*audio*/
  612.  
  613.  
  614. .tumblr_audio_player {width:250px;
  615. height:30px;
  616. margin-top:-2px;
  617. }
  618.  
  619. .player {width:75px;
  620. height:25px;
  621. display:block;
  622. overflow:hidden;}
  623.  
  624. .hold {
  625. background:white;
  626. display:block;
  627. border:10px solid {color:Accents};
  628. }
  629.  
  630. .audio_info {
  631. display:block;
  632. background:{color:accents};
  633. color:{color:accent text};
  634. padding:5px;
  635. margin-top:10px;
  636. font-family:trebuchet ms;
  637. letter-spacing:1px;
  638. font-size:8px;
  639. text-transform:uppercase;
  640. }
  641. .audio_info b {
  642. padding:0 5px;
  643. display:inline-block;
  644. }
  645.  
  646. .audio_info span {display:block;}
  647.  
  648. /*asks*/
  649. .q {
  650. padding-left:10px;
  651. border-left: 1px solid {color:borders};
  652. margin:0 0 0 50px;
  653. text-align:left;
  654. min-height:40px;
  655. }
  656. .as img {display:block;
  657. width:30px;
  658. height:30px;
  659. cursor:help;
  660. border:5px solid {color:accents};
  661. margin:0px;
  662. border-radius:100%;}
  663. .as {
  664. float:left;}
  665. .as a {color:{color:text};
  666. text-decoration:none;
  667. }
  668. .as a:hover {color:{color:link hover}}
  669. .a {margin-top:10px}
  670.  
  671.  
  672.  
  673.  
  674.  
  675. .chat ol {
  676. margin:0;
  677. padding:0;
  678. list-style:none;
  679. text-align:left;
  680. }
  681. .l.odd {
  682. background:{color:accent};
  683. color:{color:accent text};
  684. padding:5px;
  685. }
  686.  
  687. .l.even {padding:5px;
  688. }
  689.  
  690. .label {
  691. font-family:trebuchet ms;
  692. text-transform:uppercase;
  693. letter-spacing:1px;
  694. font-size:8px;
  695. display:inline-block;
  696. }
  697.  
  698.  
  699.  
  700.  
  701.  
  702. /*permalink and notes*/
  703.  
  704. #permalink {
  705. display:block;
  706. font-family:trebuchet ms;
  707. text-align:center;
  708. color:{color:title};
  709. opacity:0;
  710. position:absolute;
  711. top:calc(100% + 10px);
  712. width:290px;
  713. left:0;
  714. transition:0.4s;
  715. -o-transition-transition:0.4s;
  716. -webkit-transition-duration:0.4s;
  717. -moz-transition-duration:0.4s;
  718. }
  719. #doh {position:Relative;
  720. -webkit-animation-name: fade-in;
  721. -webkit-animation-duration: 1.5s;
  722. display:block;
  723. font-family:trebuchet ms;
  724. z-index:3;
  725. text-align:center;
  726. color:{color:title};
  727. background:{color:Accents};
  728. padding:10px;
  729. margin-top:10px;
  730. font-style:italic;
  731. width:420px;
  732. }
  733.  
  734. #posts:hover #permalink {opacity:1;
  735. transition:0.4s;
  736. -o-transition-transition:0.4s;
  737. -webkit-transition-duration:0.4s;
  738. -moz-transition-duration:0.4s;
  739. }
  740.  
  741. #doh a {text-decoration:none;
  742. color:{color:title};
  743. }
  744.  
  745. #when a {margin:0 5px;
  746. font-size:7px;
  747. color:{color:title};
  748. text-transform:uppercase;
  749. letter-spacing:1px;
  750. }
  751. #when a:hover {color:{color:link hover}}
  752.  
  753. .caption {text-transform:none;
  754. background:{color:accents};
  755. margin-top:10px;
  756. padding:10px;
  757. {block:ifhidecaptions}
  758. {block:indexpage}
  759. display:none;
  760. {/block:indexpage}
  761. {/block:ifhidecaptions}
  762. }
  763.  
  764.  
  765.  
  766. .pagenotes {
  767. -webkit-animation-name: fade-in;
  768. -webkit-animation-duration: 1.5s;
  769. margin-top:10px;
  770. font-size:9px;
  771. position:Relative;
  772. display:block;
  773. z-index:3;
  774. letter-spacing:1px;
  775. text-align:left;
  776. width:440px;
  777. }
  778.  
  779. .pagenotes a {text-decoration:none;}
  780.  
  781. .same {display:none;}
  782.  
  783. ol.notes {
  784. list-style-type:none;
  785. text-align:left;
  786. padding:19px;
  787. background:{color:entries};
  788. border:1px solid {color:borders};
  789. }
  790.  
  791. ol.notes li.note {
  792. padding:5px;
  793. font-size:8px;
  794. color:{color:accent text};
  795. background:{color:accents};
  796. display:block;
  797. margin:5px 0;}
  798.  
  799. ol.notes li.note a {color:{color:text};}
  800. ol.notes li.note a:hover {color:{color:link hover};}
  801. a.more_notes_link {text-transform:uppercase;}
  802. ol.notes li.note img.avatar {
  803. display:none!important;
  804. }
  805.  
  806.  
  807. .t {font-family:Calibri, arial;
  808. cursor:help;
  809. text-transform:uppercase;
  810. font-size:10px;
  811. background:{color:accents};
  812. text-align:center;
  813. font-weight:bold;
  814. color:{color:accent text};
  815. padding:10px;}
  816.  
  817.  
  818. #box {
  819. overflow:hidden;
  820. position:fixed;
  821. width:18px;
  822. height:18px;
  823. bottom:15px;
  824. background:{color:entries};
  825. padding:5px;
  826. left:15px;
  827. border:1px solid {color:borders};
  828. }
  829. #c {position:Absolute;
  830. width:100px;
  831. left:50%;
  832. margin-left:-50px;
  833. font-family:trebuchet ms;
  834. color:{color:popup text};
  835. bottom:50px;
  836. font-size:7px;
  837. z-index:100;
  838. text-transform:uppercase;
  839. letter-spacing:2px;
  840. text-align:center;}
  841. #c a {color:{color:title};}
  842.  
  843. #icon{
  844. transition:0.4s;
  845. -o-transition-transition:0.4s;
  846. -webkit-transition-duration:0.4s;
  847. -moz-transition-duration:0.4s;
  848. }
  849. #icon img {width:12px;
  850. padding:5px 3px 3px 3px;
  851. height:8px;}
  852. #box:hover #icon{
  853. margin-top:-18px;
  854. transition:0.4s;
  855. -o-transition-transition:0.4s;
  856. -webkit-transition-duration:0.4s;
  857. -moz-transition-duration:0.4s;
  858. }
  859.  
  860. #musicbox{
  861. background:{color:bar};
  862. height:20px;
  863. width:18px;
  864. overflow:hidden;
  865. }
  866.  
  867. #music{
  868. margin-left:-21px;
  869. }
  870.  
  871. @-webkit-keyframes fade-in {
  872. 0% { opacity: 0; }
  873. 50% { opacity: 0; }
  874. 100% { opacity: 1; }
  875.  
  876. #infscr-loading {display:none!important;}
  877.  
  878.  
  879. {CustomCSS}
  880.  
  881.  
  882.  
  883.  
  884. </style>
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891. </head>
  892.  
  893. <body>
  894.  
  895. <div id="inner">
  896. <div class="btit">{title}</div>
  897. </div>
  898.  
  899. <div class="modal"><div class="close"></div>
  900. <div class="holding">
  901. {block:ifshowavatarimage}
  902. <div class="im"><a href="/" style="cursor:help"><img src="{image:avatar image}"></a></div>{/block:ifshowavatarimage}
  903. <div class="standardlinks">
  904. <a href="/">index</a><a href="/faq">contact</a>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</div>
  905.  
  906. <div id="d">{description}</div>
  907. </div>
  908. <div id="c">theme by <a href="http://farahmir.tumblr.com" target="_blank" >septim</a>
  909. </div>
  910. </div>
  911.  
  912. {block:ifmusicplayer}
  913. <div id="box"><div id="icon">
  914. <img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  915. </div>
  916. <div id="musicbox"><div id="music">{text:billy player code}</div>
  917. </div></div>
  918. {/block:ifmusicplayer}
  919.  
  920. <div id="entries">
  921.  
  922.  
  923.  
  924. {block:Posts}
  925.  
  926.  
  927. <div class="{select:Post Effect}" id="posts">
  928.  
  929. {block:indexpage}
  930. {block:Date}
  931. <div id="permalink">
  932. <div id="when">
  933. <a href="{Permalink}" target="_blank" title="{timeago}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}<a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<a href="{ReblogURL}">reblog</a></div>
  934. </div>
  935. {/block:Date}{/block:indexpage}
  936.  
  937. {block:Quote}
  938.  
  939.  
  940. <div id="titlequote">{Quote}</div>
  941. {block:Source}<div id="source">{Source}</div>{/block:Source}
  942. {/block:Quote}
  943.  
  944.  
  945.  
  946. {block:Text}
  947. {block:Title}<div id="title">{Title}</div>{/block:Title}
  948.  
  949. {Body}
  950. {/block:Text}
  951.  
  952. {block:Link}
  953.  
  954. <div id="title"><a href="{URL}">{Name}</a></div>
  955. {block:Description}{Description}{/block:Description}
  956.  
  957. {/block:Link}
  958.  
  959. {block:Chat}
  960. {block:Title}<div id="title">{Title}</div>{/block:Title}
  961. <div class="chat">
  962. <ol>
  963. {block:Lines}
  964. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  965. {/block:Lines}
  966. </ol></div>
  967. {/block:Chat}
  968.  
  969. {block:Photo}
  970. <div id="buttt">
  971. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  972. {/block:Photo}
  973.  
  974. {block:Photoset}<div id="buttt">
  975. {block:indexpage}
  976. {Photoset-250}
  977. {/block:indexpage}
  978. {block:permalinkpage}
  979. {Photoset-400}
  980. {/block:permalinkpage}
  981. </div>
  982. {/block:Photoset}
  983.  
  984. {block:Video}<div id="buttt">
  985. {block:indexpage}
  986. {Video-250}
  987. {/block:indexpage}
  988. {block:permalinkpage}
  989. {Video-400}
  990. {/block:permalinkpage}
  991. </div>
  992. {/block:Video}
  993.  
  994.  
  995. {block:Audio}
  996. {block:AudioPlayer}
  997. <div class="hold">
  998. <div class="player">{AudioPlayerWhite}</div>
  999. </div>
  1000. {/block:AudioPlayer}
  1001. <div class="audio_info">
  1002. {block:TrackName}<span><b>Track:</b> {TrackName}</span>{/block:TrackName}
  1003. {block:Artist}<span><b>Artist:</b> {Artist}</span>{/block:Artist}
  1004. <span><b>Plays:</b> {playcount}</span>
  1005. </div>
  1006. {/block:Audio}
  1007.  
  1008. {block:Answer}
  1009. <div class="as"><a href="{askerUrl}" title="{Askername}"><img src="{AskerPortraitURL-128}"></a></div>
  1010. <div class="q">
  1011. {Question}</div>
  1012. <div class="a">{Answer}</div>
  1013.  
  1014. {/block:Answer}
  1015.  
  1016.  
  1017. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1018.  
  1019.  
  1020.  
  1021. </div>
  1022.  
  1023.  
  1024. {block:permalinkpage}
  1025. {block:Date}
  1026. <div id="doh">
  1027. Posted on <a href="{Permalink}">{shortmonth} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</a>
  1028. {block:NoteCount} with <a href="{permalink}" target="_blank">{NoteCountWithLabel}</a>{/block:NoteCount}
  1029. {block:RebloggedFrom}<br>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
  1030. {block:HasTags}<br>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1031. {/block:Date}{/block:permalinkpage}
  1032.  
  1033.  
  1034. {/block:Posts}
  1035.  
  1036.  
  1037. {block:Pagination}
  1038. <div id="pagination">
  1039. {block:PreviousPage}
  1040. <a href="{PreviousPage}" class="nice" style="margin-right:10px" id="left">back</a>
  1041. {/block:PreviousPage}
  1042. {block:JumpPagination length="5"}
  1043. {block:CurrentPage}
  1044. <span class="current_page">{PageNumber}</span>
  1045. {/block:CurrentPage}
  1046. {block:JumpPage}
  1047. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1048. {/block:JumpPage}
  1049. {/block:JumpPagination}
  1050. {block:NextPage}
  1051. <a href="{NextPage}" class="nice next" id="right" style="margin-left:10px">next</a>
  1052. {/block:NextPage}
  1053. </div>
  1054. {/block:Pagination}
  1055.  
  1056.  
  1057.  
  1058. {block:PostNotes}
  1059. <div class="pagenotes">
  1060. <div class="t">Notes</div>
  1061. <div class="same">{PostNotes}</div>
  1062. </div>
  1063. {/block:PostNotes}
  1064.  
  1065.  
  1066. </div>
  1067.  
  1068.  
  1069.  
  1070. {block:IndexPage}
  1071.  
  1072. <script>
  1073. $(function(){
  1074. var $container = $('#entries');
  1075. $container.imagesLoaded(function(){
  1076. $container.masonry({
  1077. itemSelector: '#posts',
  1078. },function(){
  1079. $( layoutItems ).css("z-index","1");
  1080. });
  1081. });
  1082. {block:ifinfinitescroll}
  1083. $container.infinitescroll({
  1084. itemSelector : "#posts",
  1085. navSelector : "#pagination",
  1086. nextSelector : "#pagination .next",
  1087. loading: {
  1088. img: "http://probablyprogramming.com/wp-content/uploads/2009/03/handtinyblack.gif",
  1089. msgText: ""
  1090. },
  1091. bufferPx : 1000,
  1092. extraScrollPx: 12000,
  1093. },
  1094. // trigger Masonry as a callback
  1095. function( newElements ) {
  1096. var $newElems = $( newElements ).css({ opacity: 0 });
  1097. // ensure that images load before adding to masonry layout
  1098. $newElems.imagesLoaded(function(){
  1099. $container.masonry( 'appended', $newElems, true, function(){
  1100. $newElems.css("z-index","1");
  1101. $newElems.animate({ opacity: 1 });
  1102. });
  1103. });
  1104. });
  1105. {/block:ifinfinitescroll}
  1106. });
  1107. </script>
  1108.  
  1109. {/block:IndexPage}
  1110.  
  1111.  
  1112.  
  1113.  
  1114.  
  1115. {block:ContentSource}
  1116. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1117. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1118. {/block:SourceLogo}
  1119. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1120. {/block:ContentSource}
  1121.  
  1122. </body></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!