API tools faq
paste
Advertisement
rowrz

Ashen Theme

rowrz
Apr 30th, 2014
375
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 35.64 KB | None | 0 0
raw download clone embed print report
  1. <!--                                  
  2. _ __ _____      ___ __ ____        
  3. | '__/ _ \ \ /\ / / '__|_  /        
  4. | | | (_) \ V  V /| |   / /        
  5. |_|  \___/ \_/\_/ |_|  /___|        
  6. | | | |                            
  7. | |_| |__   ___ _ __ ___   ___  ___
  8. | __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
  9. | |_| | | |  __/ | | | | |  __/\__ \
  10. \__|_| |_|\___|_| |_| |_|\___||___/
  11.                          
  12. ashen theme v1.9                                    
  13. designed & manufactured by alex: http://rowrz.com/
  14. help with ideas by shantel: http://discountable.tk/
  15. http://rowrz.tumblr.com/themes
  16. -->
  17. <!DOCTYPE html>
  18. <html>
  19. <head>
  20.  
  21.  
  22.  
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  24. {block:Description}
  25.             <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <meta name="color:Background" content="#f6f6f6"/>
  29. <meta name="color:Text" content="#000000"/>
  30. <meta name="color:Hover" content="#FFFFFF"/>
  31. <meta name="color:Link" content="#000000"/>
  32. <meta name="color:accents" content="#f6f6f6"/>
  33. <meta name="color:entrybg" content="#FFFFFF"/>
  34. <meta name="color:entryborbg" content="#FFFFFF"/>
  35. <meta name="color:tooltips" content="#000000"/>
  36. {block:ifcustomcolorscheme}
  37. <meta name="color:nav1" content="#000000" />
  38. <meta name="color:nav2" content="#666666"/>
  39. <meta name="color:nav3" content="#999999"/>
  40. <meta name="color:nav4" content="#aaaaaa"/>
  41. <meta name="color:nav5" content="#dddddd"/>
  42. <meta name="color:nav6" content="#f1f1f1"/>
  43. {/block:ifcustomcolorscheme}
  44. <meta name="image:sidebarpic" content="{block:ShowAvatar}{PortraitURL-128}{/block:ShowAvatar}{block:HideAvatar}0{/block:HideAvatar}">
  45.  
  46. <meta name="if:colorscheme" content="1"/>
  47. <meta name="if:customcolorscheme" content="1"/>
  48. <meta name="if:greycolorscheme" content="0"/>
  49. <meta name="if:pinkcolorscheme" content="0"/>
  50. <meta name="if:greencolorscheme" content="0"/>
  51. <meta name="if:bluecolorscheme" content="0"/>
  52. <meta name="if:entryborbgcolorscheme" content="0"/>
  53. <meta name="if:updatebox" content="0"/>
  54. <meta name="if:socialnetworks" content="1"/>
  55. <meta name="if:whitetumblrcontrols" content="0"/>
  56. <meta name="if:hovertooltips" content="1"/>
  57. <meta name="if:HoverPerma" content="0"/>
  58. <meta name="if:ShowCaptions" content="0"/>
  59. <meta name="if:2columns" content="1"/>
  60. <meta name="if:fadedimages" content="1"/>
  61. <meta name="if:TextLinks" content="1"/>
  62.  
  63. <meta name="text:tab 1 title" content="stats"/>
  64. <meta name="text:tab 1" content="put stuff in here like your fhs follower counter or page views!; html can be pasted in here"/>
  65. <meta name="text:tab 2 title" content="social"/>
  66. <meta name="text:tab 2" content="the socialnetworks switch must be disabled for this to show; html can be pasted in here" />
  67. <meta name="text:tab 3 title" content="networks"/>
  68. <meta name="text:tab 3" content="put network badges in here or alike things; html can be pasted in here"/>
  69. <meta name="text:fb username" content=""/>
  70. <meta name="text:twitter username" content=""/>
  71. <meta name="text:ig username" content=""/>
  72. <meta name="text:kik username" content=""/>
  73. <meta name="text:snap chat username" content=""/>
  74.  
  75. <meta name="text:desc font size" content="12px"/>
  76. <meta name="text:Body Font Size" content="10px"/>
  77. <meta name="text:img opacity" content=".8"/>
  78.  
  79. <meta name="text:home link title" content="return"/>
  80. <meta name="text:msg link title" content="message"/>
  81.  
  82. <meta name="text:link 1 title" content=""/>
  83. <meta name="text:link 1" content=""/>
  84.  
  85.  
  86. <meta name="text:link 2 title" content=""/>
  87. <meta name="text:link 2" content=""/>
  88.  
  89.  
  90. <meta name="text:link 3 title" content=""/>
  91. <meta name="text:link 3" content=""/>
  92.  
  93.  
  94.  
  95. <script src="http://static.tumblr.com/ojd74qh/LCQn7c8wv/g.jquery.1.11.0.min.ashen.js"></script>
  96.  
  97. <link href="http://static.tumblr.com/ojd74qh/nF6n4lotj/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  98. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  99. <script src="http://static.tumblr.com/ojd74qh/2nFn4lotg/jquery.style-my-tooltips.js"></script>
  100.  
  101. {block:ifhovertooltips}
  102. <script>
  103.     (function($){
  104.         $(document).ready(function(){
  105.             $("[title]").style_my_tooltips({
  106.                 tip_follows_cursor:true,
  107.                 tip_delay_time:400,
  108.                 tip_fade_speed:300,
  109.                 attribute:"title"
  110.             });
  111.         });
  112.     })(jQuery);
  113. </script>
  114. {/block:ifhovertooltips}
  115. <script src="http://static.tumblr.com/ojd74qh/zfyn5qcpo/g.jquery.1.6.2.min.js"></script>
  116. <script>
  117. $(document).ready(function(){
  118.   $("#click").click(function(){
  119.     $("#guts").slideToggle("fast");
  120.   });
  121.   $("#click2").click(function(){
  122.     $("#guts2").slideToggle("fast");
  123.   });
  124.   $("#click3").click(function(){
  125.     $("#guts3").slideToggle("fast");
  126.   });
  127. });
  128. </script>
  129.  
  130. <style type="text/css">
  131.  
  132.  ::-webkit-scrollbar {width: 9px; height: 3px; background: #FFFFFF;}
  133. ::-webkit-scrollbar-thumb {background-color:#e6e6e6; border-radius:4px;}
  134.  
  135.  
  136. -webkit-transition: all 0.4s ease-in-out;
  137.  
  138. -moz-transition: all 0.4s ease-in-out;
  139.  
  140. -o-transition: all 0.4s ease-in-out;
  141.  
  142. a {
  143. text-decoration:none;
  144. -webkit-transition: all 0.7s ease-out;
  145. -moz-transition: all 0.7s ease-out;
  146. transition: all 0.7s ease-out;
  147. }
  148.  
  149. a:hover {
  150. text-decoration:none;
  151. -webkit-transition: all 0.7s ease-out;
  152. -moz-transition: all 0.7s ease-out;
  153. transition: all 0.7s ease-out;
  154. }
  155.  
  156. iframe#tumblr_controls, #ib{
  157. position:fixed !important;
  158. {block:ifwhitetumblrcontrols}
  159. -webkit-filter: invert(100%);
  160. {/block:ifwhitetumblrcontrols}
  161. {block:ifnotwhitetumblrcontrols}
  162. -webkit-filter: invert(50%);
  163. {/block:ifnotwhitetumblrcontrols}
  164. }
  165.  
  166.  
  167.  
  168. #text img, #entry img {
  169.     height: auto;
  170.     max-width:100%;
  171. }
  172. .textitle{
  173.     font-weight:bold;
  174.     font-size:16px;
  175.     padding-bottom:8px;
  176. }
  177. #center{
  178. padding-top:3px;
  179. padding-bottom:3px;
  180. position:fixed !important;
  181. width:250px;
  182. height:207px;
  183. background-color:#fff;
  184. {block:PermalinkPage}
  185. width:410px;
  186. height:207px;
  187. {/block:PermalinkPage}
  188. }
  189.  
  190. #posts{
  191. {block:indexpage}
  192. {block:if2columns}
  193. width:700px;
  194. {/block:if2columns}
  195. {block:ifnot2columns}
  196. width:600px;
  197. {/block:ifnot2columns}
  198. {/block:indexpage}
  199. {block:permalinkpage}
  200. width:860px;
  201. {/block:permalinkpage}
  202. margin-left:400px;
  203. margin-top: 0px;
  204. }
  205.  
  206. body {
  207. padding: 0px;
  208. margin: 0px;
  209. {block:ifcolorscheme}
  210. {block:ifpinkcolorscheme}
  211. color:#f85f88;
  212. {/block:ifpinkcolorscheme}
  213.  
  214. {block:ifgreencolorscheme}
  215. color:#449c7c;
  216. {/block:ifgreencolorscheme}
  217.  
  218. {block:ifbluecolorscheme}
  219. color:#2386c5;
  220. {/block:ifbluecolorscheme}
  221.  
  222. {block:ifgreycolorscheme}
  223. color:#000;
  224. {/block:ifgreycolorscheme}
  225.  
  226. {block:ifcustomcolorscheme}
  227. color:{color:Text};
  228. {/block:ifcustomcolorscheme}
  229. {/block:ifcolorscheme}
  230. {block:ifnotcolorscheme}
  231. color:{color:Text};
  232. {/block:ifnotcolorscheme}
  233. font-family: tahoma;
  234. font-size: {text:BodyFontSize};
  235. line-height:14px;
  236. background-color: {color:Background};
  237. background-image:url({image:Background});
  238. background-attachment: fixed;
  239. background-size: cover;
  240. }
  241.  
  242. a:link, a:active, a:visited{
  243. text-decoration:none;
  244. {block:ifcolorscheme}
  245. {block:ifpinkcolorscheme}
  246. color:#fa85a4;
  247. {/block:ifpinkcolorscheme}
  248.  
  249. {block:ifgreencolorscheme}
  250. color:#60ba9a;
  251. {/block:ifgreencolorscheme}
  252.  
  253. {block:ifbluecolorscheme}
  254. color:#56abe1;
  255. {/block:ifbluecolorscheme}
  256.  
  257. {block:ifgreycolorscheme}
  258. color:#000;
  259. {/block:ifgreycolorscheme}
  260.  
  261. {block:ifcustomcolorscheme}
  262. color:{color:link};
  263. {/block:ifcustomcolorscheme}
  264. {/block:ifcolorscheme}
  265. {block:ifnotcolorscheme}
  266. color:{color:link};
  267. {/block:ifnotcolorscheme}
  268. -webkit-transition: all 0.3s ease-out;
  269. -moz-transition: all 0.3s ease-out;
  270. transition: all 0.3s ease-out;}
  271.  
  272. a:hover{
  273. color:{color:hover};
  274. text-shadow:0px 0px 20px #fff;
  275. -webkit-transition: all 0.3s ease-out;
  276. -moz-transition: all 0.3s ease-out;
  277. transition: all 0.3s ease-out;
  278. }
  279.  
  280. #entry blockquote {
  281.       border-left: solid 2px {color:accents};
  282.       margin: 0;
  283.       padding-left: 10px;
  284. }
  285. .text p{
  286.     text-align:left;
  287.     margin-top: -5px;
  288. }
  289. #entry {
  290. border-radius:4px;
  291. margin:16px;
  292. float:left;
  293. padding:9px;
  294. {block:IndexPage}
  295. width:200px;
  296. {/block:IndexPage}
  297. padding-bottom:6px;
  298. z-index:100;
  299. box-shadow:2px 2px 2px #ccc;
  300. {block:ifentryborbgcolorscheme}
  301. {block:ifpinkcolorscheme}
  302. border:1px solid #fa85a4;
  303. {/block:ifpinkcolorscheme}
  304.  
  305. {block:ifgreencolorscheme}
  306. border:1px solid #60ba9a;
  307. {/block:ifgreencolorscheme}
  308.  
  309. {block:ifbluecolorscheme}
  310. border:1px solid #56abe1;
  311. {/block:ifbluecolorscheme}
  312.  
  313. {block:ifgreycolorscheme}
  314. border:1px solid #000;
  315. {/block:ifgreycolorscheme}
  316.  
  317. {block:ifcustomcolorscheme}
  318. border:1px solid {color:entryborbg};
  319. {/block:ifcustomcolorscheme}
  320. {/block:ifentryborbgcolorscheme}
  321.  
  322. {block:ifnotentryborbgcolorscheme}
  323. border:1px solid {color:entryborbg};;
  324. {/block:ifnotentryborbgcolorscheme}
  325. background-color: {color:entrybg};
  326. font-size: 12px;
  327. line-height:15px;
  328. {block:PermalinkPage}
  329. margin-left:40px;
  330. max-width:400px;
  331. {/block:PermalinkPage}
  332. }
  333. #text, .txt, #entry #text, .text{
  334.     {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  335. }
  336. #answer{
  337.     {block:IndexPage}
  338.     word-wrap:break-word;
  339.     {/block:IndexPage}
  340. }
  341.  
  342. #entry .rblogp, #entry .notep{
  343. z-index:999999;
  344. position:absolute;
  345. width: 8px;
  346. height: 15px;
  347. overflow:hidden;
  348. top:5px;
  349. right:5;
  350. font-size: 16px;
  351. text-align: center;
  352. padding:5px;
  353. text-transform: uppercase;
  354. opacity:0.0;
  355. border-radius:4px;
  356. background-color: rgba(255,255,255,0.5);
  357. -webkit-transition: all 0.8s ease;
  358. -moz-transition: all 0.8s ease;
  359. transition: all 0.8s ease;
  360. -o-transition: all 0.8s ease;
  361. }
  362. #entry .perma{
  363. z-index:999999;
  364. position:absolute;
  365. width: auto;
  366. height: 15px;
  367. overflow:hidden;
  368. bottom:0px;
  369. margin-bottom:-9px;
  370. right:10px;
  371. font-size: 11px;
  372. text-align: center;
  373. padding:5px;
  374. text-transform: uppercase;
  375. opacity:0.0;
  376. border-radius:4px;
  377. background-color: {color:accents};
  378. -webkit-transition: all 0.8s ease;
  379. -moz-transition: all 0.8s ease;
  380. transition: all 0.8s ease;
  381. -o-transition: all 0.8s ease;
  382. }
  383. #entry .notep{
  384.     margin-left:20px;
  385. }
  386.  
  387. #entry:hover .rblogp, #entry:hover .notep{
  388. overflow:visible;
  389. top:9px;
  390. opacity: 1;
  391. }
  392. #entry:hover .perma {
  393.     right:10px;
  394.     bottom:9px;
  395.     opacity: 1;
  396. }
  397.  
  398. #entry .photo{
  399.     -webkit-transition: all 0.3s ease-out;
  400.     -moz-transition: all 0.3s ease-out;
  401.     transition: all 0.3s ease-out;
  402. }
  403. .photo img{
  404.     width:250px;
  405. }
  406. #entry .photo {
  407.     {block:iffadedimages}opacity:{text:imgopacity};{/block:iffadedimages}
  408.     -webkit-transition: all 0.3s ease-out;
  409.     -moz-transition: all 0.3s ease-out;
  410.     transition: all 0.3s ease-out;
  411. }
  412. #entry:hover .photo{
  413.     {block:ifnotfadedimages}opacity:{text:imgopacity};{/block:ifnotfadedimages}
  414.     {block:iffadedimages}opacity:1;{/block:iffadedimages}
  415.     -webkit-transition: all 0.3s ease-out;
  416.     -moz-transition: all 0.3s ease-out;
  417.     transition: all 0.3s ease-out;
  418. }
  419. #cap {
  420.     max-width:250px;
  421.     word-wrap:break-word;
  422. }
  423. .perm{
  424. display: block;
  425. font-size:9px;
  426. line-height:13px;
  427. text-transform:uppercase;
  428. text-align: right;
  429. background-color:{color:accents};
  430. border-right:3px {color:accents} solid;
  431. padding:3px;
  432. opacity:.8;
  433. margin: 0px;
  434. margin-bottom:5px;
  435. -webkit-transition: all 1s ease;
  436. -moz-transition: all 1s ease;
  437. transition: all 1s ease;
  438. -o-transition: all 1s ease;
  439. }
  440.  
  441. .perm:hover{
  442. opacity:.6;
  443. }
  444.  
  445. .blogtitle{
  446. font-size:14px;
  447. line-height:19px;
  448. margin-top:-90px;
  449. letter-spacing:3px;
  450. z-index:99;
  451. opacity:.9;
  452. font-family:tahoma;
  453. text-transform:uppercase;
  454. -webkit-transition: all 0.3s linear;
  455. -moz-transition: all 0.3s linear;
  456. transition: all 0.3s linear;
  457.  
  458. }
  459.  
  460. .blogtitlelink:hover{
  461. opacity:.75;
  462. color: black;
  463. -webkit-transition: all 0.3s linear;
  464. -moz-transition: all 0.3s linear;
  465. transition: all 0.3s linear;
  466. }
  467.  
  468. .title{
  469. text-transform:lowercase;
  470. font-size: 19px;
  471. line-height: 24px;
  472. {block:ifcolorscheme}
  473. {block:ifpinkcolorscheme}
  474. color:#fa85a4;
  475. {/block:ifpinkcolorscheme}
  476.  
  477. {block:ifgreencolorscheme}
  478. color:#60ba9a;
  479. {/block:ifgreencolorscheme}
  480.  
  481. {block:ifbluecolorscheme}
  482. color:#56abe1;
  483. {/block:ifbluecolorscheme}
  484.  
  485. {block:ifgreycolorscheme}
  486. color:#000;
  487. {/block:ifgreycolorscheme}
  488.  
  489. {block:ifcustomcolorscheme}
  490. color:{color:Text};
  491. {/block:ifcustomcolorscheme}
  492. {/block:ifcolorscheme}
  493. {block:ifnotcolorscheme}
  494. color:{color:text};
  495. {/block:ifnotcolorscheme}
  496. }
  497.  
  498. #sidebar{
  499. background-color:white;
  500. z-index:999;
  501. width:150px;
  502. height:auto;
  503. position:fixed;
  504. margin-left:160px;
  505. padding:14px;
  506. margin-top:200px;
  507. font-size:11px;
  508. line-height:15px;
  509. overflow:hidden;
  510. text-align:left;
  511. opacity:1;
  512. -webkit-transition: all 0.8s linear;
  513. -moz-transition: all 0.8s linear;
  514. transition: all 0.8s linear;
  515. box-shadow:2px 2px 2px #ccc;
  516. border-radius:5px;
  517. {block:ifentryborbgcolorscheme}
  518. {block:ifpinkcolorscheme}
  519. border:1px solid #fa85a4;
  520. {/block:ifpinkcolorscheme}
  521.  
  522. {block:ifgreencolorscheme}
  523. border:1px solid #60ba9a;
  524. {/block:ifgreencolorscheme}
  525.  
  526. {block:ifbluecolorscheme}
  527. border:1px solid #56abe1;
  528. {/block:ifbluecolorscheme}
  529.  
  530. {block:ifgreycolorscheme}
  531. border:1px solid #000;
  532. {/block:ifgreycolorscheme}
  533.  
  534. {block:ifcustomcolorscheme}
  535. border:1px solid {color:sideborbg};
  536. {/block:ifcustomcolorscheme}
  537. {/block:ifentryborbgcolorscheme}
  538. }
  539. .avatar {
  540.     display:none;
  541. }
  542. .pano img{
  543.     max-width:250px;
  544. }
  545. .sidepic{
  546.     width:100%;
  547. }
  548. #desc{
  549.     margin-top:0px;
  550.     font-size:{text:descfontsize};
  551. }
  552. .navalt a{
  553.     {block:ifpinkcolorscheme}
  554. background-color:#fb98b2;
  555. border:1px solid #fb98b2;
  556. {/block:ifpinkcolorscheme}
  557.  
  558. {block:ifgreencolorscheme}
  559. background-color:#97d2bd;
  560. border:1px solid #97d2bd;
  561. {/block:ifgreencolorscheme}
  562.  
  563. {block:ifbluecolorscheme}
  564. background-color:#99cced;
  565. border:1px solid #99cced;
  566. {/block:ifbluecolorscheme}
  567.  
  568. {block:ifgreycolorscheme}
  569. background-color:#000;
  570. border:1px solid #000;
  571. {/block:ifgreycolorscheme}
  572. {block:ifcustomcolorscheme}
  573. background-color:{color:nav1};
  574. border:1px solid {color:nav1};
  575. {/block:ifcustomcolorscheme}
  576. }
  577. .nav a{
  578. {block:ifpinkcolorscheme}
  579. background-color:#fb98b2;
  580. border:1px solid #fb98b2;
  581. {/block:ifpinkcolorscheme}
  582.  
  583. {block:ifgreencolorscheme}
  584. background-color:#97d2bd;
  585. border:1px solid #97d2bd;
  586. {/block:ifgreencolorscheme}
  587.  
  588. {block:ifbluecolorscheme}
  589. background-color:#99cced;
  590. border:1px solid #99cced;
  591. {/block:ifbluecolorscheme}
  592.  
  593. {block:ifgreycolorscheme}
  594. background-color:#000;
  595. border:1px solid #000;
  596. {/block:ifgreycolorscheme}
  597. {block:ifcustomcolorscheme}
  598. background-color:{color:nav1};
  599. border:1px solid {color:nav1};
  600. {/block:ifcustomcolorscheme}
  601. z-index:99999999999999999999;
  602. border-radius:4px;
  603. height:4px;
  604. padding:3px;
  605. width:4px;
  606. margin-left:0px;
  607. line-height:9px;
  608. text-align:center;
  609. letter-spacing:1px;
  610. color:transparent;
  611. text-transform:uppercase;
  612. font-family:calibri;
  613. display:block;
  614. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  615. }
  616.  
  617.  
  618. .nav a:hover {
  619. opacity:1;
  620. background-color:#fff;
  621. font-style:none;
  622. border:1px solid #efefef;
  623. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  624. }
  625.  
  626. .nav1 a{
  627. {block:ifpinkcolorscheme}
  628. background-color:#fcabc0;
  629. border:1px solid #fcabc0;
  630. {/block:ifpinkcolorscheme}
  631.  
  632. {block:ifgreencolorscheme}
  633. background-color:#a5d8c6;
  634. border:1px solid #a5d8c6;
  635. {/block:ifgreencolorscheme}
  636.  
  637. {block:ifbluecolorscheme}
  638. background-color:#aad4f0;
  639. border:1px solid #aad4f0;
  640. {/block:ifbluecolorscheme}
  641.  
  642. {block:ifgreycolorscheme}
  643. background-color:#666;
  644. border:1px solid #666;
  645. {/block:ifgreycolorscheme}
  646. {block:ifcustomcolorscheme}
  647. background-color:{color:nav2};
  648. border:1px solid {color:nav2};
  649. {/block:ifcustomcolorscheme}
  650. z-index:9;
  651. border-radius:4px;
  652. height:4px;
  653. margin-left:15px;
  654. padding:3px;
  655. width:4px;
  656. line-height:9px;
  657. text-align:center;
  658. margin-top:-12px;
  659. letter-spacing:1px;
  660. color:transparent;
  661. text-transform:uppercase;
  662. font-family:calibri;
  663. display:block;
  664. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  665. }
  666.  
  667.  
  668. .nav1 a:hover {
  669. opacity:1;
  670. background-color:#fff;
  671. font-style:none;
  672. border:1px solid #efefef;
  673. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  674. }
  675.  
  676. .nav2 a{
  677. {block:ifpinkcolorscheme}
  678. background-color:#fdbece;
  679. border:1px solid #fdbece;
  680. {/block:ifpinkcolorscheme}
  681.  
  682. {block:ifgreencolorscheme}
  683. background-color:#b2dece;
  684. border:1px solid #b2dece;
  685. {/block:ifgreencolorscheme}
  686.  
  687. {block:ifbluecolorscheme}
  688. background-color:#baddf3;
  689. border:1px solid #baddf3;
  690. {/block:ifbluecolorscheme}
  691.  
  692. {block:ifgreycolorscheme}
  693. background-color:#999;
  694. border:1px solid #999;
  695. {/block:ifgreycolorscheme}
  696. {block:ifcustomcolorscheme}
  697. background-color:{color:nav3};
  698. border:1px solid {color:nav3};
  699. {/block:ifcustomcolorscheme}
  700. z-index:9;
  701. border-radius:4px;
  702. height:4px;
  703. margin-left:30px;
  704. padding:3px;
  705. width:4px;
  706. line-height:9px;
  707. text-align:center;
  708. margin-top:-12px;
  709. letter-spacing:1px;
  710. color:transparent;
  711. text-transform:uppercase;
  712. font-family:calibri;
  713. display:block;
  714. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  715. }
  716.  
  717.  
  718. .nav2 a:hover {
  719. opacity:1;
  720. background-color:#fff;
  721. font-style:none;
  722. border:1px solid #efefef;
  723. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  724. }
  725.  
  726. .nav3 a{
  727. {block:ifpinkcolorscheme}
  728. background-color:#fdd1dc;
  729. border:1px solid #fdd1dc;
  730.  
  731. {/block:ifpinkcolorscheme}
  732.  
  733. {block:ifgreencolorscheme}
  734. background-color:#c0e4d7;
  735. border:1px solid #c0e4d7;
  736. {/block:ifgreencolorscheme}
  737.  
  738. {block:ifbluecolorscheme}
  739. background-color:#cbe5f6;
  740. border:1px solid #cbe5f6;
  741. {/block:ifbluecolorscheme}
  742.  
  743. {block:ifgreycolorscheme}
  744. background-color:#aaa;
  745. border:1px solid #aaa;
  746. {/block:ifgreycolorscheme}
  747. {block:ifcustomcolorscheme}
  748. background-color:{color:nav4};
  749. border:1px solid {color:nav4};
  750. {/block:ifcustomcolorscheme}
  751. z-index:9;
  752. border-radius:4px;
  753. height:4px;
  754. padding:3px;
  755. width:4px;
  756. margin-left:45px;
  757. line-height:9px;
  758. text-align:center;
  759. margin-top:-12px;
  760. letter-spacing:1px;
  761. color:transparent;
  762. text-transform:uppercase;
  763. font-family:calibri;
  764. display:block;
  765. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  766. }
  767.  
  768.  
  769. .nav3 a:hover {
  770. opacity:1;
  771. background-color:#fff;
  772. font-style:none;
  773. border:1px solid #efefef;
  774. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  775. }
  776.  
  777. .nav4 a{
  778. {block:ifpinkcolorscheme}
  779. background-color:#fee4eb;
  780. border:1px solid #fee4eb;
  781.  
  782. {/block:ifpinkcolorscheme}
  783.  
  784. {block:ifgreencolorscheme}
  785. background-color:#ceeae0;
  786. border:1px solid #ceeae0;
  787. {/block:ifgreencolorscheme}
  788.  
  789. {block:ifbluecolorscheme}
  790. background-color:#dcedf9;
  791. border:1px solid #dcedf9;
  792. {/block:ifbluecolorscheme}
  793.  
  794. {block:ifgreycolorscheme}
  795. background-color:#ddd;
  796. border:1px solid #ddd;
  797. {/block:ifgreycolorscheme}
  798. {block:ifcustomcolorscheme}
  799. background-color:{color:nav5};
  800. border:1px solid {color:nav5};
  801. {/block:ifcustomcolorscheme}
  802. z-index:9;
  803. border-radius:4px;
  804. height:4px;
  805. padding:3px;
  806. margin-left:60px;
  807. width:4px;
  808. line-height:9px;
  809. text-align:center;
  810. margin-top:-12px;
  811. letter-spacing:1px;
  812. color:transparent;
  813. text-transform:uppercase;
  814. font-family:calibri;
  815. display:block;
  816. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  817. }
  818.  
  819.  
  820. .nav4 a:hover {
  821. opacity:1;
  822. background-color:#fff;
  823. font-style:none;
  824. border:1px solid #efefef;
  825. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  826. }
  827.  
  828. .nav5 a{
  829. {block:ifpinkcolorscheme}
  830. background-color:#fff7f9;
  831. border:1px solid #fff7f9;
  832. {/block:ifpinkcolorscheme}
  833.  
  834. {block:ifgreencolorscheme}
  835. background-color:#dbf0e8;
  836. border:1px solid #dbf0e8;
  837. {/block:ifgreencolorscheme}
  838.  
  839. {block:ifbluecolorscheme}
  840. background-color:#ecf6fc;
  841. border:1px solid #ecf6fc;
  842. {/block:ifbluecolorscheme}
  843.  
  844. {block:ifgreycolorscheme}
  845. background-color:#f1f1f1;
  846. border:1px solid #f1f1f1;
  847. {/block:ifgreycolorscheme}
  848. {block:ifcustomcolorscheme}
  849. background-color:{color:nav6};
  850. border:1px solid {color:nav6};
  851. {/block:ifcustomcolorscheme}
  852. z-index:9;
  853. border-radius:4px;
  854. height:4px;
  855. padding:3px;
  856. margin-left:75px;
  857. width:4px;
  858. line-height:9px;
  859. text-align:center;
  860. margin-top:-12px;
  861. letter-spacing:1px;
  862. color:transparent;
  863. text-transform:uppercase;
  864. font-family:calibri;
  865. display:block;
  866. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  867. }
  868.  
  869.  
  870. .nav5 a:hover {
  871. opacity:1;
  872. background-color:#fff;
  873. font-style:none;
  874. border:1px solid #efefef;
  875. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  876. }
  877.  
  878. #s-m-t-tooltip{
  879.   /* basic */
  880.   width:auto;
  881.   z-index:9999;
  882.   margin:24px 14px 7px 12px;
  883.   /* style and design */
  884.   padding:2px;
  885.   background:#222; /* fallback if rgba not supported */
  886.   background:rgba(255,255,255,0.8);
  887.   -moz-border-radius:3px;
  888.   -webkit-border-radius:3px;
  889.   border-radius:3px;
  890.   -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  891.   -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  892.   box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  893.   /* font */
  894.   font-family:Verdana,Geneva,sans-serif;
  895.   font-size:9px;
  896.   line-height:16px;
  897.   {block:ifnotcolorscheme}
  898. color:{color:tooltips};
  899. {/block:ifnotcolorscheme}
  900. {block:ifcolorscheme}
  901.     {block:ifpinkcolorscheme}
  902. color:#fa85a4;
  903. {/block:ifpinkcolorscheme}
  904.  
  905. {block:ifgreencolorscheme}
  906. color:#60ba9a;
  907. {/block:ifgreencolorscheme}
  908.  
  909. {block:ifbluecolorscheme}
  910. color:#56abe1;
  911. {/block:ifbluecolorscheme}
  912.  
  913. {block:ifgreycolorscheme}
  914. color:#000;
  915. {/block:ifgreycolorscheme}
  916.  
  917. {block:ifcustomcolorscheme}
  918. color:{color:Text};
  919. {/block:ifcustomcolorscheme}
  920. {/block:ifcolorscheme}
  921. }
  922.  
  923.    
  924. #updates{
  925.     position:fixed;
  926.     width:80px;
  927.     top:20px;
  928.     left:20px;
  929.     padding-top:7px;
  930.     padding-left:7px;
  931.     padding-right:7px;
  932.     padding-top:4px;
  933.     font-family:consolas;
  934.     font-size:9px;
  935.     line-height:12px;
  936.     background-color:#ffffff; /*background hex color code*/
  937.     {block:ifentryborbgcolorscheme}
  938.     {block:ifpinkcolorscheme}
  939.     border:1px solid #fa85a4;
  940.     {/block:ifpinkcolorscheme}
  941.    
  942.     {block:ifgreencolorscheme}
  943.     border:1px solid #60ba9a;
  944.     {/block:ifgreencolorscheme}
  945.    
  946.     {block:ifbluecolorscheme}
  947.     border:1px solid #56abe1;
  948.     {/block:ifbluecolorscheme}
  949.    
  950.     {block:ifgreycolorscheme}
  951.     border:1px solid #000;
  952.     {/block:ifgreycolorscheme}
  953.    
  954.     {block:ifcustomcolorscheme}
  955.     border:1px solid {color:entryborbg};
  956.     {/block:ifcustomcolorscheme}
  957.     {/block:ifentryborbgcolorscheme}
  958.    
  959.     {block:ifcolorscheme}
  960.     {block:ifpinkcolorscheme}
  961.     color: #fa85a4;
  962.     {/block:ifpinkcolorscheme}
  963.    
  964.     {block:ifgreencolorscheme}
  965.     color: #60ba9a;
  966.     {/block:ifgreencolorscheme}
  967.    
  968.     {block:ifbluecolorscheme}
  969.     color: #56abe1;
  970.     {/block:ifbluecolorscheme}
  971.    
  972.     {block:ifgreycolorscheme}
  973.     color: solid #000;
  974.     {/block:ifgreycolorscheme}
  975.    
  976.     {block:ifcustomcolorscheme}
  977.     color: {color:Text};
  978.     {/block:ifcustomcolorscheme}
  979.     {/block:ifcolorscheme}
  980.     z-index:999;
  981.     /*delete the following for no shadows*/
  982.     box-shadow:rgba(0,0,0,0.07)1px 1px;
  983.     /*delete the following for no rounded edges*/
  984.     border-radius: 5px;
  985. }
  986.  
  987. #guts,#click{
  988.     padding:1px;
  989.     display:inline-block;
  990. }
  991.    
  992. #click{
  993.     margin-bottom:4px;
  994.     padding:1px;
  995.     text-transform:uppercase;
  996.     letter-spacing:1px;
  997.     text-align:center;
  998.     background:#f4f4f4; /*tab 1 background color*/
  999.     border:1px solid #f4f4f4;
  1000.     padding:1px;
  1001.     display:block;
  1002.     -webkit-transition: all 0.1s ease;
  1003.     -moz-transition: all 0.1s ease;
  1004.     transition: all 0.1s ease;
  1005.     /*delete the following for no rounded edges*/
  1006.     -webkit-border-radius: 4px;
  1007.     -moz-border-radius: 4px;
  1008.     border-radius: 4px;
  1009. }
  1010.    
  1011. #click:hover{
  1012.     cursor:help;
  1013. }
  1014.  
  1015. #click:active{
  1016.     background:#f4f4f4; /*color of tab when clicked*/
  1017. }
  1018.    
  1019. #guts{
  1020.     padding:1px;
  1021.     display:none;
  1022. }
  1023.  
  1024. #guts2,#click2{
  1025.     padding:1px;
  1026.     display:inline-block;
  1027. }
  1028.    
  1029. #click2{
  1030.     margin-bottom:4px;
  1031.     padding:1px;
  1032.     text-transform:uppercase;
  1033.     letter-spacing:1px;
  1034.     text-align:center;
  1035.     background:#f4f4f4; /*tab 2 background color*/
  1036.     border:1px solid #f4f4f4;
  1037.     padding:1px;
  1038.     display:block;
  1039.     -webkit-transition: all 0.1s ease;
  1040.     -moz-transition: all 0.1s ease;
  1041.     transition: all 0.1s ease;
  1042.     /*delete the following for no rounded edges*/
  1043.     -webkit-border-radius: 4px;
  1044.     -moz-border-radius: 4px;
  1045.     border-radius: 4px;
  1046. }
  1047.    
  1048. #click2:hover{
  1049.     cursor:help;
  1050. }
  1051.  
  1052. #click2:active{
  1053.     background:#f4f4f4; /*color of tab when clicked*/
  1054. }
  1055.    
  1056. #guts2{
  1057.     padding:1px;
  1058.     display:none;
  1059. }
  1060.  
  1061. #guts3,#click3{
  1062.     padding:1px;
  1063.     display:inline-block;
  1064. }
  1065.    
  1066. #click3{
  1067.     margin-bottom:4px;
  1068.     padding:1px;
  1069.     text-transform:uppercase;
  1070.     letter-spacing:1px;
  1071.     text-align:center;
  1072.     background:#f4f4f4; /*tab 3 background color*/
  1073.     border:1px solid #f4f4f4;
  1074.     padding:1px;
  1075.     display:block;
  1076.     -webkit-transition: all 0.1s ease;
  1077.     -moz-transition: all 0.1s ease;
  1078.     transition: all 0.1s ease;
  1079.     /*delete the following for no rounded edges*/
  1080.     -webkit-border-radius: 4px;
  1081.     -moz-border-radius: 4px;
  1082.     border-radius: 4px;
  1083. }
  1084.    
  1085. #click3:hover{
  1086.     cursor:help;
  1087. }
  1088.  
  1089. #click3:active{
  1090.     background:#f4f4f4; /*color of tab when clicked*/
  1091. }
  1092.    
  1093. #guts3{
  1094.     padding:1px;
  1095.     display:none;
  1096. }
  1097.  
  1098. {CustomCSS}
  1099.  
  1100. </style>
  1101.  
  1102. <title>{title}</title>
  1103. <link rel="shortcut icon" href="{favicon}">
  1104. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  1105. <meta name="viewport" content="width=720" />
  1106.  
  1107. </head>
  1108.  
  1109. <body onkeydown="return false">
  1110.  
  1111. <div class="center">
  1112. <div id="sidebar">
  1113.  
  1114. <a title="{Title}" href="/">{block:ifsidebarpic}<img class="sidepic" title="{Title}" src="{image:sidebarpic}"/>{/block:ifsidebarpic}</a>
  1115.  
  1116.  
  1117. <div id="desc">{description}</div>
  1118.  
  1119. <br />
  1120.  
  1121. {block:ifnotTextLinks}
  1122. <div class="nav"><a href="/" title="{text:homelinktitle}">-</a></div>
  1123. <div class="nav1"><a href="/ask" title="{text:msglinktitle}">-</a> </div>
  1124. <div class="nav2"><a href="{text:link1}" title="{text:link1title}">-</a>
  1125. </div>
  1126. <div class="nav3"><a href="{text:link2}" title="{text:link2title}">-</a></div>
  1127. <div class="nav4"><a href="{text:link3}" title="{text:link3title}">-</a></div>
  1128. <div class="nav5"><span id="inner"></span></div>
  1129. {/block:ifnotTextLinks}
  1130. {block:ifTextLinks}
  1131. <div class="altnav">
  1132.     <a href="/" title="{text:home link title}">{text:home link title}</a> //
  1133.     <a href="/ask" title="{text:msg link title}">{text:msg link title}</a> {block:iflink1} //
  1134.     <a href="{text:link 1}" title="{text:link 1 title}">{text:link 1 title}</a>{/block:iflink1}{block:iflink2} //
  1135.     <a href="{text:link 2}" title="{text:link 2 title}">{text:link 2 title}</a>{/block:iflink2}{block:iflink3} //
  1136.     <a href="{text:link 3 }" title="{text:link 3 title}">{text:link 3 title}</a> {/block:iflink3} //
  1137.     <span id="inner"></span>
  1138. </div>
  1139. {/block:ifTextLinks}
  1140. <!-- -->
  1141. </div>
  1142.  
  1143.  
  1144. <div class="content">
  1145.  
  1146. <div class="left">
  1147.  
  1148. <div id="posts">
  1149.  
  1150. {block:Posts}
  1151. <div id="entry">
  1152.  
  1153.  
  1154. {block:Photo}
  1155. {block:IndexPage}
  1156. <div class="rblogp"><a title="reblog" href="{ReblogURL}" target="_blank">&#9675;</a></div>
  1157. <div class="notep"><a title="{NoteCountWithLabel}" href="{Permalink}">&#9679;</a></div>
  1158. {/block:IndexPage}
  1159. {block:IndexPage}
  1160. <div class="photo">{LinkOpenTag}<a href="{permalink}"><img title="posted {TimeAgo}" width="200" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></a>{LinkCloseTag}</div>
  1161. {block:ifShowCaptions}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1162. {/block:IndexPage}
  1163. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  1164. {/block:Photo}
  1165.  
  1166.  
  1167.  
  1168. {block:Text}
  1169. <div class="txt">
  1170. {block:Title}<div class="textitle">{Title}</div>{/block:Title}
  1171. <div class="text">{Body}</div></div>
  1172. {block:IndexPage}
  1173. {block:ifHoverPerma}
  1174. <div class="perma"><a href="{Permalink}">{notecount}</span></a></div>
  1175. {/block:ifHoverPerma}
  1176. {block:ifnotHoverPerma}
  1177. <div class="perm"><a href="{Permalink}">{notecount}</span></a></div>
  1178. {/block:ifnotHoverPerma}
  1179. {/block:IndexPage}
  1180. {/block:Text}
  1181.  
  1182.  
  1183.  
  1184.  
  1185. {block:Link}
  1186. <a href="{URL}" class="title">{Name}</a>
  1187. {block:Description}{Description}{/block:Description}
  1188. {block:IndexPage}
  1189. {block:ifHoverPerma}
  1190.  
  1191. <div class="perma"><a href="{Permalink}">{notecount}</a></div>
  1192.  
  1193. {/block:ifHoverPerma}
  1194. {block:ifnotHoverPerma}
  1195.  
  1196. <div class="perm"><a href="{Permalink}">{notecount}</a></div>
  1197.  
  1198. {/block:ifnotHoverPerma}
  1199. {/block:IndexPage}
  1200. {block:Link}
  1201.  
  1202.  
  1203.  
  1204. {block:Panorama}
  1205. {block:IndexPage}
  1206. <div class="rblogp"><a title="reblog" href="{ReblogURL}" target="_blank">&#9675;</a></div>
  1207. <div class="notep"><a title="{NoteCountWithLabel}" href="{Permalink}">&#9679;</a></div>
  1208. {/block:IndexPage}
  1209. {block:IndexPage}
  1210.     {LinkOpenTag}<div class="photo"><img class="pano" src="{PhotoURL-Panorama}" title="posted {TimeAgo}" alt="{PhotoAlt}" width="260"/></div>{LinkCloseTag}
  1211.     {block:ifShowCaptions}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1212.     {/block:IndexPage}
  1213.     {block:PermalinkPage}
  1214.     {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"  width="400"/>{LinkCloseTag}
  1215.         {Caption}
  1216.     {/block:PermalinkPage}
  1217. {/block:Panorama}
  1218.  
  1219.  
  1220. {block:Photoset}{block:IndexPage}
  1221. <div class="rblogp"><a title="reblog" href="{ReblogURL}" target="_blank">&#9675;</a></div>
  1222. <div class="notep"><a title="{NoteCountWithLabel}" href="{Permalink}">&#9679;</a></div>
  1223. <center><div title="posted {TimeAgo}" id="photset">{Photoset}</div></center></span>
  1224. {block:ifShowCaptions}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1225. {/block:IndexPage}
  1226. {block:PermalinkPage}
  1227. {Photoset}
  1228. {/block:PermalinkPage}
  1229. {/block:Photoset}
  1230.  
  1231. {block:Quote}
  1232. <span class="title">{Quote}</span><br />
  1233. {block:Source}{Source}{/block:Source}
  1234. {block:IndexPage}
  1235. {block:ifHoverPerma}
  1236.  
  1237. <br /><div class="perma"><a href="{Permalink}">{notecount}</span></a></div>
  1238. {/block:ifHoverPerma}
  1239. {block:ifnotHoverPerma}
  1240. <br /><div class="perm"><a href="{Permalink}">{notecount}</span></a></div>
  1241.  
  1242. {/block:ifnotHoverPerma}
  1243. {/block:IndexPage}
  1244. {/block:Quote}
  1245.  
  1246. {block:Chat}
  1247. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1248. <ul class="chat">
  1249. {block:Lines}
  1250. <li class="user_{UserNumber}">
  1251. {block:Label}
  1252. <span class="label">{Label}</span>
  1253. {/block:Label}
  1254.  
  1255. {Line}
  1256. </li>
  1257. {/block:Lines}
  1258. </ul>
  1259. {block:IndexPage}
  1260. {block:ifHoverPerma}
  1261. <div class="perma"><a href="{Permalink}">{notecount}</span></a></div>
  1262. {block:ifHoverPerma}
  1263. {block:ifnotHoverPerma}
  1264. <div class="perm"><a href="{Permalink}">{notecount}</span></a></div>
  1265. {block:ifnotHoverPerma}
  1266. {/block:IndexPage}
  1267. {/block:Chat}
  1268.  
  1269. {block:Audio}
  1270. <center><div style="width:200px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  1271. {FormattedPlayCount} plays</small></div></div></center><br>
  1272. {block:Caption}{Caption}{/block:Caption}
  1273. {block:IndexPage}
  1274. {block:ifHoverPerma}
  1275. <div class="perma"><a href="{Permalink}">{notecount}</span></a></div>
  1276. {/block:ifHoverPerma}
  1277. {block:ifnotHoverPerma}
  1278. <div class="perm"><a href="{Permalink}">{notecount}</span></a></div>
  1279. {/block:ifnotHoverPerma}
  1280. {/block:IndexPage}
  1281. {/block:Audio}
  1282.  
  1283. {block:Video}{block:IndexPage}
  1284. <div class="permalink">
  1285. <a href="{permalink}">{NoteCount}</a></span></div>{/block:IndexPage}
  1286. <center>
  1287. <div class="videoperma">{Video-300}</div><BR>
  1288. {block:Caption}{Caption}</a>{/block:Caption}</center>
  1289. {block:Video}
  1290.  
  1291. {block:Answer}
  1292. <div class="text">
  1293. <div class="question"><strong>{Asker} asks</strong>: {Question}<br/></div>
  1294. <div id="answer">{Answer}</div>
  1295. </div>
  1296. {block:IndexPage}
  1297. {block:ifHoverPerma}
  1298. <div class="perma"><a href="{permalink}">{notecount}</a></div>
  1299. {/block:ifHoverPerma}
  1300. {block:ifnotHoverPerma}
  1301. <div class="perm"><a href="{permalink}">{notecount}</a></div>
  1302. {block:ifnotHoverPerma}
  1303. {/block:IndexPage}
  1304. {/block:Answer}
  1305.  
  1306. {block:PermalinkPage}
  1307. <div id="permalinks">
  1308. {block:Date} {TimeAgo}, {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date} {block:NoteCount}/ {NoteCountWithLabel}{/block:NoteCount}
  1309. {block:RebloggedFrom}</br>Original: <a href="{ReblogRootURL}">{ReblogRootName}</a> / Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1310. {block:HasTags}</br>Tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  1311. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1312. </span>{/block:PermalinkPage}
  1313.  
  1314. </div>
  1315.  
  1316. {/block:Posts}
  1317. </div>
  1318. </div>
  1319. </div>
  1320. </div>{block:indexpage}
  1321. {block:NextPage}<div id="pagination"><a href="{NextPage}"></a></div>{/block:NextPage}{/block:indexpage}
  1322.  
  1323. </div>
  1324. {block:ifupdatebox}
  1325. <div id="updates">
  1326.  
  1327. <!-- delete this part to take off bar and buttons-->
  1328.  
  1329. <!--end-->
  1330.  
  1331. <div title="click!" id="click">{text:tab 1 title}</div>
  1332. <div id="guts">
  1333. {text:tab 1}
  1334. </div>
  1335.  
  1336. <div title="click!" id="click2">{text:tab 2 title}</div>
  1337. <div id="guts2">
  1338. {block:ifsocialnetworks}
  1339. {block:iffbusername}
  1340. <a href="http://facebook.com/{text:fbusername}" title="/{text:fbusername}" target="_blank"><img src="http://static.tumblr.com/4ra4qv5/mjhn4jy7j/facebook_round.png" width="30"/></a>{/block:iffbusername}
  1341.  
  1342. {block:iftwitterusername}<a href="http://twitter.com/{text:twitterusername}" title="@{text:twitterusername}" target="_blank"><img src="http://static.tumblr.com/4ra4qv5/WPCn4jy7e/twitter_round.png" width="30"/></a>{/block:iftwitterusername}
  1343.  
  1344. {block:ifigusername}
  1345. <a href="http://instagram.com/{text:igusername}" title="@{text:igusername}" target="_blank"><img src="http://static.tumblr.com/4ra4qv5/xrin4jy7q/instagram_round.png" width="30"/></a>{/block:ifigusername}
  1346.  
  1347. {block:ifkikusername}<p>kik: {text:kikusername}</p>{/block:ifkikusername}
  1348.  
  1349. {block:ifsnapchatusername}<p>snapchat: {text:snapchatusername}</p>{/block:ifsnapchatusername}
  1350.  
  1351. {/block:ifsocialnetworks}
  1352. {block:ifnotsocialnetworks}
  1353. {text:tab2}
  1354. {/block:ifnotsocialnetworks}
  1355. </div>
  1356.  
  1357. <div title="click!" id="click3">{text:tab 3 title}</div>
  1358. <div id="guts3">
  1359. {text:tab 3}
  1360. </div>
  1361.  
  1362. </div>
  1363. {/block:ifupdatebox}
  1364.  
  1365.  
  1366. {block:indexpage}
  1367. <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  1368. <script type="text/javascript" src="http://isotope.metafizzy.co/isotope.pkgd.min.js"></script>
  1369. <script type="text/javascript" src="http://static.tumblr.com/4ra4qv5/8N8n57y0s/infinitescroll.min.js"></script>
  1370. <script type="text/javascript" src="http://imagesloaded.desandro.com/imagesloaded.pkgd.min.js"></script>
  1371. <script type="text/javascript">
  1372. $(document).ready(function() {
  1373. //http://www.shambix.com/en/isotope-twitter-bootstrap-infinite-scroll-fluid-responsive-layout/
  1374.     var $container = $('#posts');
  1375.        
  1376.     // Fire Isotope only when images are loaded
  1377.     $container.imagesLoaded(function(){
  1378.         $container.isotope({
  1379.             itemSelector : '#entry',
  1380.             masonry: {
  1381.             }
  1382.         });
  1383.     });
  1384.  
  1385.     // Infinite Scroll
  1386.     $('#posts').infinitescroll({
  1387.         navSelector  : '#pagination',
  1388.         nextSelector : '#pagination a',
  1389.         itemSelector : '#entry',
  1390.         bufferPx     : 200,
  1391.         loading: {
  1392.             finishedMsg: '',
  1393.         }
  1394.     },
  1395.  
  1396.     // Infinite Scroll Callback
  1397.     function( newElements ) {
  1398.         var $newElems = jQuery( newElements ).hide();
  1399.         $newElems.imagesLoaded(function(){
  1400.             $newElems.fadeIn();
  1401.             $container.isotope( 'appended', $newElems );
  1402.         });
  1403.     });
  1404.  
  1405. });
  1406. </script>
  1407.  
  1408.  
  1409. {/block:indexpage}
  1410. </body>
  1411. </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!