API tools faq
paste
Advertisement
puellae-themes

Vital Theme

puellae-themes
Feb 3rd, 2013
150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--                
  4.  
  5.                          Vital Theme by
  6.  
  7.         _   __            ___  _             __  ___
  8.        / \ |  \|    ||   |    | \     |     /   |
  9.       |   ||  ||    ||   |    |  \    |    /    |
  10.       |   ||__/|    ||   |___ |   \   |---|     |___
  11.       \   /|   |    ||   |    |    \  |    \    |
  12.        \_/ |    \__/ |___|___ |     \_|     \__ |___
  13.      
  14.      
  15.      
  16. Please don't remove the credit. I worked very hard on this.
  17.  
  18.  
  19. If you don't have any html skills I wouldn't suggest you to use this theme because you have pretty much to edit in the html code not in the appearance page.
  20. I will work on this. If you have questions just send me a message and I will help you. Please leave the credit & enjoy your new theme :)xx
  21.  
  22. Navigation/sidebar credit goes to http://irene-themes.tumblr.com/
  23.  
  24.  
  25. -->
  26.  
  27. <head>
  28.  
  29. <title>{title}</title>
  30.  
  31. <meta name="color:background" content="#ffffff" />
  32. <meta name="color:text" content="#000000" />
  33. <meta name="color:links" content="#000000" />
  34. <meta name="color:link hover" content="#d4ff00" />
  35. <meta name="color:scrollbar" content="#E0E0E0" />
  36. <meta name="color:link border" content="#E0E0E0" />
  37.  
  38. <meta name="image:background" content="/" />
  39. <meta name="image:Sidebar" content=""/>
  40.  
  41. <meta name="text:reblog" content="reblog" />
  42.  
  43. <meta name="text:Link One Title" content="more" />
  44. <meta name="text:Link One" content="" />
  45. <meta name="text:Link Two Title" content="more" />
  46. <meta name="text:Link Two" content="" />
  47. <meta name="text:Link Three Title" content="more" />
  48. <meta name="text:Link Three" content="" />
  49. <meta name="text:Link Four Title" content="more" />
  50. <meta name="text:Link Four" content="" />
  51. <meta name="text:Link Five Title" content="more" />
  52. <meta name="text:Link Five" content="" />
  53. <meta name="text:Link Six Title" content="more" />
  54. <meta name="text:Link Six" content="more" />
  55. <meta name="text:moving tab" content=""/>
  56.  
  57.  
  58. <link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
  59.  
  60. <link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'>
  61.  
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script|Quicksand:700|Snowburst+One|Julius+Sans+One|Satisfy' rel='stylesheet' type='text/css'>
  64.  
  65. <style type="text/css">
  66. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.8s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  67.  
  68. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  69.  
  70. ::-webkit-scrollbar {width: 7px; height: 4px; background: #ffffff; border-left: 1px solid #aaaaaa; }
  71.  
  72. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; }
  73.  
  74.  
  75. body{
  76. margin:0px;
  77. background-color: {color:Background};
  78. background: url("{image:background}") top left fixed repeat;
  79. background-attachment: fixed;
  80. background-repeat: repeat;
  81. font-size: 11px;
  82. font-family: 'Text Me One', sans-serif;
  83. line-height:8px;
  84. color:{color:Text};
  85. }
  86.  
  87. a:link, a:active, a:visited{
  88. color:{color:links};
  89. text-decoration: none;
  90. }
  91.  
  92. a:hover {
  93. color:{color:link hover};
  94. border-bottom:2px solid {color:link border};
  95. text-decoration: none;
  96. }
  97.  
  98. #posting{
  99. padding-top:0px;
  100. padding-bottom:0px;
  101. position:fixed !important;
  102. width:250px;
  103. height:207px;
  104. background-color:transparent;
  105. {block:PermalinkPage}
  106. width:410px;
  107. height:207px;
  108. {/block:PermalinkPage}
  109. }
  110.  
  111. #posts{
  112. opacity: 1;
  113. float:center;
  114. {block:indexpage}
  115. width:1100px;
  116. {/block:indexpage}
  117. {block:permalinkpage}
  118. width:800px;
  119. {/block:permalinkpage}
  120. margin-left: 350px;
  121. margin-top: 17px;
  122. }
  123.  
  124. #permalink {
  125. position: absolute;
  126. margin-top: 8px;
  127. margin-rigth: 1061px;
  128. opacity: 1;
  129. -webkit-transition: all .3s ease;
  130. -moz-transition: all .3s ease;
  131. -o-transition: all .3s ease;
  132. transition: all .3s ease;
  133. }
  134.  
  135. #entry:hover #permalink {
  136. margin-top: 8px;
  137. margin-left: 400px;
  138. opacity: 1;
  139. }
  140.  
  141. #permalink {
  142. position: absolute;
  143. margin-top: -21px;
  144. margin-left: 05px;
  145. opacity: 0;
  146. -webkit-transition: all .3s ease;
  147. -moz-transition: all .3s ease;
  148. -o-transition: all .3s ease;
  149. transition: all .3s ease;
  150. }
  151.  
  152. #entry:hover #permalink {
  153. margin-top: -21px;
  154. margin-left: 05px;
  155. opacity: 1;
  156. }
  157.  
  158. .not {
  159. position: absolute;
  160. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  161. height: 20px;
  162. width: auto;
  163. font-size: 10px;
  164. line-height: 20px;
  165. color: #fff;
  166. position: absolute;
  167. margin-top: 26px;
  168. margin-left: 60px;
  169. padding-left: 4px;
  170. padding-right: 4px;
  171. -moz-border-radius: 2px;
  172. border-radius: 2px;
  173. }
  174.  
  175. .not a{
  176. color: #fff;
  177. width: auto;
  178. font-family: 'Text Me One', sans-serif;
  179.  
  180. }
  181.  
  182. .perma{
  183. opacity: 0;
  184. filter: alpha(opacity = 0);
  185. margin-top: 0px;
  186. width: 60px;
  187. height: 30px;
  188. line-height: 30px;
  189. font-size: 10px;
  190. position:absolute;
  191. text-align: center;
  192. z-index:9999991;
  193. margin-top: 5px;
  194. border: 0px dotted #aaa;
  195. font-family: overlock;
  196. margin-left: -2px;
  197. -webkit-transition: all .4s ease;
  198. -moz-transition: all .4s ease;
  199. -o-transition: all .4s ease;
  200. transition: all .4s ease;
  201. }
  202.  
  203. #entry:hover .perma {
  204. -webkit-transition: opacity 1s linear;
  205. opacity: 1;
  206. margin-top: 5px;
  207. margin-left: -2px;
  208. -webkit-transition: all .4s ease;
  209. -moz-transition: all .4s ease;
  210. -o-transition: all .4s ease;
  211. transition: all .4s ease;
  212. }
  213.  
  214. .likep {
  215. display: inline;
  216. width: 21px;
  217. float: right;
  218. height: 20px;
  219. margin-left:-4px;
  220. overflow: hidden;
  221. position: relative;
  222. z-index: 9999999;
  223. }
  224.  
  225. .likep a {
  226. background-image:
  227. url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  228. background-position: 0px 0px;
  229. display: block;
  230. z-index: 9999999;
  231. -webkit-transition: all .4s ease;
  232. -moz-transition: all .4s ease;
  233. -o-transition: all .4s ease;
  234. transition: all .4s ease;
  235. }
  236.  
  237. .likep img {
  238. width: 21px;
  239. height: 20px;
  240. -webkit-transition: all .4s ease;
  241. -moz-transition: all .4s ease;
  242. -o-transition: all .4s ease;
  243. transition: all .4s ease;
  244. }
  245. .rep img{
  246. width: 24px;
  247. height: 20px;
  248. line-height: 30px;
  249. display: inline;
  250. }
  251.  
  252. .permatext{
  253. background-color:#eee;
  254. display: block;
  255. text-transform:uppercase;
  256. font-family: Lato;
  257. font-size: 10px;
  258. text-align: center;
  259. letter-spacing:1px;
  260. }
  261.  
  262. #postnotes{
  263. text-align: right;
  264. }
  265.  
  266. #entry{
  267. font-family: 'Text Me One', sans-serif;
  268.  
  269. opacity:1;
  270. font-size: 12px;
  271. line height: 14px;
  272. text-align:left;
  273. z-index:9999;
  274. float:left;
  275. width: 200px;
  276. height: auto;
  277. {block:PermalinkPage}
  278. width: 502px;
  279. height: auto;
  280. {/block:PermalinkPage}
  281. line-height:14px;
  282. background: transparent;
  283. margin-right:20px;
  284. overflow:hidden;
  285. margin-bottom:10px;
  286. padding: 10px;
  287. padding-bottom:20px;
  288. transition: all 0.5s ease-out;
  289. -o-transition-transition: all 0.5s ease-out;
  290. -webkit-transition: all 0.5s ease-out;
  291. -moz-transition: all 0.5s ease-out;
  292. }
  293.  
  294. #entry:hover{    
  295. transform: scale(1.05);
  296. -ms-transform: scale(1.05);
  297. -webkit-transform: scale(1.05);
  298. -o-transform: scale(1.05);
  299. -moz-transform: scale(1.05);
  300. transition: all 0.5s ease-out;
  301. -o-transition-transition: all 0.5s ease-out;
  302. -webkit-transition: all 0.5s ease-out;
  303. -moz-transition: all 0.5s ease-out;
  304. }
  305.  
  306. blockquote{
  307. padding:0px 0px 2px 3px;
  308. margin:0px 0px 2px 1px;
  309. }
  310. ul, ol, li{
  311. list-style:none;
  312. margin:0px;
  313. padding:0px;
  314. }
  315.  
  316. #other {
  317. text-transform: lowercase;
  318. }
  319.    
  320. #titlecube{
  321. position:fixed;
  322.  
  323.  
  324. color:{color:description circle};
  325. top:80px;
  326. left:60px;
  327. height:200px;
  328. width:200px;
  329. border-radius:50%;
  330. background:{color:title circle};
  331. z-index:99999999999999999999999999;
  332. }
  333.  
  334. #navigation{
  335. position:fixed;    
  336. top:300px;
  337. left:57px;
  338. width:200px;
  339. font-size:14.5px;
  340. text-align:center;
  341. line-height:20px;
  342. letter-spacing;.5px;
  343. }
  344.  
  345.  
  346. #logo{
  347. position:fixed;
  348. bottom:-40px;
  349. right:20px;
  350. border:1px solid;
  351. border-color:#e8e8e8;
  352. border-radius:7px;
  353. padding-top:4px;
  354. padding-left:7px;
  355. padding-right:7px;
  356. padding-bottom:40px;
  357. -webkit-transition: all .4s ease;
  358. -moz-transition: all .4s ease;
  359. -o-transition: all .4s ease;
  360. transition: all .4s ease;
  361. z-index:99999999;
  362. }
  363.  
  364. #logo:hover{
  365. position:fixed;
  366. bottom:-10px;
  367. -webkit-transition: all .4s ease;
  368. -moz-transition: all .4s ease;
  369. -o-transition: all .4s ease;
  370. transition: all .4s ease;
  371. }
  372.  
  373. .title{
  374. font-size:16px;
  375. }
  376.  
  377. #star {
  378.     position: fixed;
  379.     top:340px;
  380.     height: 350px;
  381.     left: 0px;
  382.    
  383. }
  384.  
  385. #star img{
  386.     height: 150px;
  387. }
  388.  
  389. #des {
  390.     position: fixed;
  391.     bottom: 25px;
  392.     left: 25px;
  393.     height: 95px;
  394.     width: 190px;
  395.     padding: 10px;
  396.     font-family: 'Text Me One', sans-serif;
  397.     color: #000;
  398.     font-size: 10px;
  399.     background: #fff;
  400.     border: 0px solid #cfcfcf;
  401. }
  402.  
  403. #tit {
  404.     font-family: 'Text Me One', sans-serif;
  405.     font-size: 16px;
  406.     color: #fff;
  407.     margin-top: 5px;
  408. }
  409.  
  410. #links {
  411.     position: fixed;
  412.     bottom: 25px;
  413.     left:25px;
  414.     height: 10px;
  415.     padding: 5px;
  416.     width: 190px;
  417.     font-family: 'Text Me One', sans-serif;
  418.     background: #fff;
  419. }
  420.  
  421. #home {
  422.     position: fixed;
  423.     bottom: 150px;
  424.     left:25px;
  425.     width: 30px;
  426.     height: 10px;
  427.     padding: 5px;
  428.     text-align: center;
  429.     font-family: 'Text Me One', sans-serif;
  430.     font-size:9px;
  431.     background: #fff;
  432.     border-left: 2px solid #cfcfcf;
  433.     border-top: 2px solid #cfcfcf;
  434.     border-bottom: 2px solid #cfcfcf;
  435.     border-right: none;
  436.     z-index: 99;
  437.     -moz-transition: all 0.5;
  438.     -webkit-transition: all 0.5s;
  439.     -o-transition: all 0.5s;
  440.     transition: all 0.5;
  441. }
  442.  
  443. #home:hover {
  444.     background: #fff;
  445.     -moz-transition: all 0.5;
  446.     -webkit-transition: all 0.5s;
  447.     -o-transition: all 0.5s;
  448.     transition: all 0.5;
  449. }
  450.  
  451. #home:hover a{
  452.     color: #000;
  453.     -moz-transition: all 0.5;
  454.     -webkit-transition: all 0.5s;
  455.     -o-transition: all 0.5s;
  456.     transition: all 0.5;}
  457.  
  458. #ask {
  459.     position: fixed;
  460.     bottom: 150px;
  461.     left:67px;
  462.     width: 22px;
  463.     height: 10px;
  464.     text-align: center;
  465.     padding: 5px;
  466.     font-family: 'Text Me One', sans-serif;
  467.     font-size:9px;
  468.     background: #fff;
  469.     border-left: none;
  470.     border-top: 2px solid #cfcfcf;
  471.     border-bottom: 2px solid #cfcfcf;
  472.     border-right: none;
  473.     z-index: 99;
  474.     -moz-transition: all 0.5;
  475.     -webkit-transition: all 0.5s;
  476.     -o-transition: all 0.5s;
  477.     transition: all 0.5;
  478. }
  479.  
  480. #ask:hover {
  481.     background: #fff;
  482.     -moz-transition: all 0.5;
  483.     -webkit-transition: all 0.5s;
  484.     -o-transition: all 0.5s;
  485.     transition: all 0.5;
  486. }
  487.  
  488. #ask:hover a{
  489.     color: #000;
  490.     -moz-transition: all 0.5;
  491.     -webkit-transition: all 0.5s;
  492.     -o-transition: all 0.5s;
  493.     transition: all 0.5;}
  494.  
  495. #net {
  496.     position: fixed;
  497.     bottom: 150px;
  498.     left: 99px;
  499.     height: 10px;
  500.     width:40px;
  501.     padding: 5px;
  502.     text-align: center;
  503.     font-family: 'Text Me One', sans-serif;
  504.     font-size:9px;
  505.     background: #fff;
  506.     color: #000;
  507.     border-left: none;
  508.     border-top: 2px solid #cfcfcf;
  509.     border-bottom: 2px solid #cfcfcf;
  510.     border-right: none;
  511.     z-index: 99;
  512.     -moz-transition: all 0.5;
  513.     -webkit-transition: all 0.5s;
  514.     -o-transition: all 0.5s;
  515.     transition: all 0.5;
  516. }
  517.  
  518. #net:hover {
  519.     color: #000;
  520.     background: #fff;
  521.     -moz-transition: all 0.5;
  522.     -webkit-transition: all 0.5s;
  523.     -o-transition: all 0.5s;
  524.     transition: all 0.5;
  525. }
  526.  
  527.  
  528. #works {
  529.     position: fixed;
  530.     bottom: 25px;
  531.     left: -250px;
  532.     height: 95px;
  533.     width: 195px;
  534.     padding: 10px;
  535.     font-family: 'Text Me One', sans-serif;
  536.     color: #000;
  537.     font-size: 10px;
  538.     overflow: hidden;
  539.     background: #fff;
  540.     border: 0px solid #fff;
  541.     -moz-transition: all 0.5;
  542.     -webkit-transition: all 0.5s;
  543.     -o-transition: all 0.5s;
  544.     transition: all 0.5;
  545. }
  546.  
  547. #net:hover #works{
  548.     position: fixed;
  549.     bottom: 25px;
  550.     left: 25px;
  551.     height: 95px;
  552.     width: 190px;
  553.     padding: 10px;
  554.     font-family: 'Text Me One', sans-serif;
  555.     color: #000;
  556.     font-size: 10px;
  557.     background: #fff;
  558.     overflow-y: scroll;
  559.     border: 0px solid #fff;
  560.     -moz-transition: all 0.5;
  561.     -webkit-transition: all 0.5s;
  562.     -o-transition: all 0.5s;
  563.     transition: all 0.5;
  564. }
  565.  
  566. #up {
  567.     position: fixed;
  568.     bottom: 150px;
  569.     left:149px;
  570.     height: 10px;
  571.     width:40px;
  572.     text-align: center;
  573.     padding: 5px;
  574.     font-family: 'Text Me One', sans-serif;
  575.     font-size:9px;
  576.     background: #fff;
  577.     color: #000;
  578.     border-left: none;
  579.     border-top: 2px solid #cfcfcf;
  580.     border-bottom: 2px solid #cfcfcf;
  581.     border-right: none;
  582.     z-index: 99;
  583.     -moz-transition: all 0.5;
  584.     -webkit-transition: all 0.5s;
  585.     -o-transition: all 0.5s;
  586.     transition: all 0.5;
  587. }
  588.  
  589. #up:hover {
  590.     color: #000;
  591.     background: #fff;
  592.     -moz-transition: all 0.5;
  593.     -webkit-transition: all 0.5s;
  594.     -o-transition: all 0.5s;
  595.     transition: all 0.5;
  596. }
  597.  
  598.  
  599. #dates {
  600.     position: fixed;
  601.     bottom: -150px;
  602.     left: 25px;
  603.     height: 95px;
  604.     width: 190px;
  605.     text-align: left;
  606.     padding: 10px;
  607.     font-family: 'Text Me One', sans-serif;
  608.     color: #000;
  609.     font-size: 10px;
  610.     background: #fff;
  611.     border: 0px solid #cfcfcf;
  612.     -moz-transition: all 0.5;
  613.     -webkit-transition: all 0.5s;
  614.     -o-transition: all 0.5s;
  615.     transition: all 0.5;
  616. }
  617.  
  618. #up:hover #dates{
  619.     position: fixed;
  620.     bottom: 25px;
  621.     left: 25px;
  622.     height: 95px;
  623.     width: 190px;
  624.     padding: 10px;
  625.     font-family: 'Text Me One', sans-serif;
  626.     color: #000;
  627.     font-size: 10px;
  628.     background: #fff;
  629.     border: 0px solid #cfcfcf;
  630.     -moz-transition: all 0.5;
  631.     -webkit-transition: all 0.5s;
  632.     -o-transition: all 0.5s;
  633.     transition: all 0.5;
  634. }
  635.    
  636.    
  637. #links {
  638.     position: fixed;
  639.     bottom: 150px;
  640.     left:194px;
  641.     width: 33px;
  642.     height: 10px;
  643.     text-align: center;
  644.     padding: 5px;
  645.     font-family: 'Text Me One', sans-serif;
  646.     font-size:9px;
  647.     background: #fff;
  648.     color: #000;
  649.     border-left: none;
  650.     border-top: 2px solid #cfcfcf;
  651.     border-bottom: 2px solid #cfcfcf;
  652.     border-right: 2px solid #cfcfcf;
  653.     z-index: 99;
  654.     -moz-transition: all 0.5;
  655.     -webkit-transition: all 0.5s;
  656.     -o-transition: all 0.5s;
  657.     transition: all 0.5;
  658. }
  659.  
  660. #links:hover {
  661.     color: #000;
  662.     background: #fff;
  663.     -moz-transition: all 0.5;
  664.     -webkit-transition: all 0.5s;
  665.     -o-transition: all 0.5s;
  666.     transition: all 0.5;
  667. }
  668.  
  669. #click {
  670.     position: fixed;
  671.     bottom: -150px;
  672.     left: 25px;
  673.     height: 95px;
  674.     width: 190px;
  675.     text-align: left;
  676.     padding: 10px;
  677.     font-family: 'Text Me One', sans-serif;
  678.     color: #fff;
  679.     font-size: 10px;
  680.     background: #fff;
  681.     border: 0px solid #cfcfcf;
  682.     -moz-transition: all 0.5;
  683.     -webkit-transition: all 0.5s;
  684.     -o-transition: all 0.5s;
  685.     transition: all 0.5;
  686. }
  687.  
  688. #links:hover #click{
  689.     position: fixed;
  690.     bottom: 25px;
  691.     left: 25px;
  692.     height: 95px;
  693.     width: 190px;
  694.     padding: 10px;
  695.     font-family: 'Text Me One', sans-serif;
  696.     color: #fff;
  697.     font-size: 10px;
  698.     background: #fff;
  699.     border: 0px solid #cfcfcf;
  700.     -moz-transition: all 0.5;
  701.     -webkit-transition: all 0.5s;
  702.     -o-transition: all 0.5s;
  703.     transition: all 0.5;
  704. }
  705.  
  706.  
  707.  
  708. </style>
  709. <script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "YOURTEXT";tb8_messages[1] = "YOURTEXT";tb8_messages[2] = "YOURTEXT";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()</script>
  710.  
  711.  
  712. <title>{title}</title>
  713.  
  714. <link rel="shortcut icon" href="{Favicon}">
  715. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  716. <meta name="viewport" content="width=720" />
  717.  
  718. </head>
  719. <body>
  720.  
  721. <div id="star"><img src="{image:sidebar}" width=300px></div>
  722.  
  723. <div id="home"><a href="/">home</a></div>
  724. <div id="ask"><a href="/ask">ask</a></div>
  725. <div id="net">networks
  726. <div id ="works">put your network codes here!
  727. </div></div>
  728. <div id="up">updates
  729. <div id="dates">updates go here!
  730.  
  731. </div></div>
  732. <div id="links">links
  733. <div id="click">
  734.     <a href="/submit">submit</a><br>
  735.     <a href="/archive">archive</a><br>
  736.     <a href="text:Link One">{text:Link One Title}</a><br>
  737.     <a href="text:Link Two">{text:Link Two Title}</a><br>
  738.     <a href="text:Link Three">{text:Link Three Title}</a><br>
  739.     <a href="text:Link Four">{text:Link Four Title}</a><br>
  740.     <a href="text:Link Five">{text:Link Five Title}</a><br>
  741.     <a href="text:Link Six">{text:Link Six Title}</a>
  742. </div>
  743.    
  744.    
  745. </div>
  746.  
  747.  
  748. <div id="des">
  749. <div id="tit">About</div>
  750. <br>{description}
  751. </div>
  752.  
  753.  
  754. <div id="navigation">
  755. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><br>{/block:Pages}{/block:HasPages}
  756. </div>
  757.  
  758. <div id="posts">
  759. {block:Posts}
  760. <div id="entry">
  761.  
  762. {block:Photo}
  763. {block:IndexPage}
  764. <posting>
  765. <div class="perma">
  766. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="like" id="likeimage{PostID}"/></a></div>
  767. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  768. </div>
  769. <div id="permalink">
  770. <span class="not"><a href="{Permalink}">{notecount}</a></span></div>
  771. {/block:IndexPage}
  772. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=220px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=200px/>{LinkCloseTag}{/block:PermalinkPage}
  773. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  774. {/block:Photo}
  775.  
  776. {block:Answer}
  777. <div style="margin-top:2px; margin-bottom:0px; min-height:30px; padding: 3px; background-color: #{color:Accent};">
  778. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  779. <askk>{Asker}</askk> asked: {Question}</div>
  780. <div style="margin-top:2px; margin-bottom:4px; background: transparent;">{Answer}</div>
  781. <div class="permalink"><a href="{permalink}">{NoteCountwithLabel}</a> </div>
  782. {/block:Answer}
  783.  
  784.  
  785. {block:Photoset}
  786. {block:IndexPage}
  787. <center>
  788. <div class="perma">
  789. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="like this post" id="likeimage{PostID}"/></a></div>
  790. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  791. </div>
  792. <div id="permalink">
  793. <span class="countreblog"><a href="{Permalink}">{notecount}<font color="#fc3c5c">♥ </font></a></a></span></div>
  794. {/block:IndexPage}
  795. <div style="padding-top:0px; padding-bottom:0px;"><a href="{permalink}">
  796. {Photoset-250}</a></div>
  797.  
  798. {/block:Photoset}
  799.  
  800. {block:Text}
  801. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}
  802. <span class="entrytext">{Body}</span>
  803. <span class="permalink">
  804. </span>
  805. <div align="right"><a href="{permalink}">{NoteCountwithLabel}</a>&nbsp;/&nbsp;<a href="{ReblogURL}" target="_blank">{text:reblog}</a>&nbsp;/&nbsp;<a href="{permalink}">{TimeAgo}</a> </a></div>
  806. {/block:Text}
  807.  
  808.  
  809. {block:Link}
  810. <a href="{URL}" class="title">{Name}</a>
  811. {block:Description}{Description}{/block:Description}<br>
  812. <div align="right"><a href="{permalink}">{NoteCountwithLabel}</a>&nbsp;/&nbsp;<a href="{ReblogURL}" target="_blank">{text:reblog}</a>&nbsp;/&nbsp;<a href="{permalink}">{TimeAgo}</a></div>
  813. {block:Link}
  814.  
  815. {block:Quote}
  816. <span class="title">{Quote}</span> <br>
  817. {block:Source}<strong>{Source}</strong>{/block:Source}
  818. <span class="permalink">
  819. </span>
  820. <br>
  821. <div align="right"><a href="{permalink}">{NoteCountwithLabel}</a>&nbsp;+&nbsp;<a href="{ReblogURL}" target="_blank">{text:reblog}</a>&nbsp;+&nbsp;<a href="{permalink}">{TimeAgo}</a></div>
  822. {/block:Quote}
  823.  
  824. {block:Chat}
  825. {block:Title}<span class="title">{Title}</span>{/block:Title}
  826. <ul class="chat">
  827. {block:Lines}
  828. <li class="user_{UserNumber}">
  829. {block:Label}
  830. <span class="label">{Label}</span>
  831. {/block:Label}
  832.  
  833. {Line}
  834. </li>
  835. {/block:Lines}
  836. <span class="permalink">
  837. </span><br>
  838. <div align="right"><a href="{permalink}">{NoteCountwithLabel}</a>&nbsp;/&nbsp<a href="{ReblogURL}" target="_blank">{text:reblog}</a>&nbsp;/&nbsp;<a href="{permalink}">{TimeAgo}</a>  </a></div>
  839. {/block:Chat}
  840.  
  841.  
  842. {block:Audio}
  843. <div style="padding-top:0px; padding-bottom:0px;">
  844. <div style="float:center">
  845. {AudioPlayerGrey}
  846. </div>
  847. </div>
  848.  
  849. <div style="padding-bottom:0px;">{block:Caption}{Caption}{/block:Caption}</div>{block:indexpage}
  850. <hr size="1" width="270">
  851. <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
  852. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{NoteCountwithLabel}</a></div>{/block:indexpage}
  853. {/block:Audio}
  854.  
  855. {block:Video}
  856. <div style="padding-top:0px; padding-bottom:2px;">
  857. {Video-250}</div>
  858. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  859. {block:indexpage}<hr size="1" width="270">
  860. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{NoteCountwithLabel}</a>&nbsp;/&nbsp;<a href="{ReblogURL}" target="_blank">{text:reblog}</a>&nbsp;/&nbsp;<a href="{permalink}">{TimeAgo}</a></div>{/block:indexpage}
  861. {/block:Video}
  862.  
  863. {block:PermalinkPage}</a>
  864. <div id="other"><br>
  865. {TimeAgo}<br>{block:RebloggedFrom} reblogged from
  866. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>posted by
  867. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  868. {/block:RebloggedFrom}
  869. <br><br>
  870. <div align="left">
  871. {block:PostNotes}
  872. {PostNotes}
  873. {/block:PostNotes}
  874. </div>
  875. </div>
  876. {/block:PermalinkPage}
  877. </div>
  878. {/block:Posts}
  879. </div>
  880. </div>
  881. </div>
  882. </center>
  883. </div>
  884. </div>
  885. {block:indexpage}
  886. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  887. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  888. <script type="text/javascript" src="http://static.tumblr.com/sxplfnv/rrjmfqebp/jquery.txt"></script>
  889. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  890. <script type="text/javascript">
  891. $(window).load(function(){
  892. var $wall = $('#posts');
  893. $wall.imagesLoaded(function(){
  894. $wall.masonry({
  895. itemSelector: '#entry, #entry_photo',
  896. isAnimated : false
  897. });
  898. });
  899.  
  900. $wall.infinitescroll({
  901. navSelector : '#page-nav',
  902. nextSelector : '#page-nav a',
  903. itemSelector : '#entry, #entry_photo',
  904. bufferPx : 2000,
  905. debug : false,
  906. errorCallback: function() {
  907. $('#infscr-loading').fadeOut('normal');
  908. }},
  909. function( newElements ) {
  910. var $newElems = $( newElements );
  911. $newElems.hide();
  912. $newElems.imagesLoaded(function(){
  913. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  914. });
  915. }); $('#content').show(500);
  916. });
  917. </script>
  918. {/block:indexpage}
  919.  
  920. </body>
  921. </html>
  922.  
  923. </div>
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!