API tools faq
paste
Advertisement
rukoshima2

theme

rukoshima2
Jan 13th, 2014
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.00 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. _______________________________________________________________________
  3.  
  4. ► THEME MADE BY RACHEL @ ALMIGHTYONE.TUMBLR.COM
  5.  
  6. [THEME #3] BEAT
  7. If you have any questions, go to 7th-district.tumblr.com/message for help.
  8.  
  9. ► Terms Of Use
  10. - Do not remove the credit or move it anywhere! (No pages!)
  11. - Do not block the credit with images or anything else.
  12. - Do not make heavy changes that make the theme no longer recognizable as mine.
  13. - Do not take parts of my theme codes and add it into your theme.
  14. _______________________________________________________________________
  15. -->
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20.  
  21. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}" />
  24.  
  25. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  26. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
  29.  
  30. <meta name="color:background" content="#ffffff" />
  31. <meta name="color:text" content="#000000" />
  32. <meta name="color:blockquote" content="#8dc9c3" />
  33. <meta name="color:posts" content="#ffffff" />
  34. <meta name="color:posts border" content="#dddddd" />
  35. <meta name="color:links" content="#8dc9c3" />
  36. <meta name="color:links hover" content="#aaaaaa" />
  37. <meta name="color:links hover background" content="#f5f5f5" />
  38. <meta name="color:sidebar border" content="#e4e4e4" />
  39. <meta name="color:title" content="#000000" />
  40. <meta name="color:title shadow" content="#aaaaaa" />
  41. <meta name="color:custom links" content="#000000" />
  42. <meta name="color:custom links bg" content="#ffffff" />
  43. <meta name="color:custom links border" content="#dddddd" />
  44. <meta name="color:custom links hover" content="#000000" />
  45. <meta name="color:custom links hover bg" content="#8dc9c3" />
  46. <meta name="color:permalink" content="#000000" />
  47. <meta name="color:permalink hover" content="#565656" />
  48. <meta name="color:pagination" content="#000000" />
  49. <meta name="color:pagination background" content="#8dc9c3" />
  50. <meta name="color:pagination background hover" content="#ffffff" />
  51. <meta name="color:asker border" content="#000000" />
  52. <meta name="color:scrollbar" content="#000000" />
  53. <meta name="color:scrollbar bg" content="#ffffff" />
  54.  
  55. <meta name="image:background" content="http://31.media.tumblr.com/da510f60fcff7ce89cd25ea3511bfef4/tumblr_mps8cpjZnq1rebw0do3_500.png" />
  56. <meta name="image:sidebar" content="http://31.media.tumblr.com/tumblr_m2n64cFDRK1rn8y9oo1_400.jpg" />
  57.  
  58. <meta name="if:photo fade" content="0" />
  59. <meta name="if:grayscale" content="0" />
  60. <meta name="if:500" content="1" />
  61. <meta name="if:400" content="0" />
  62.  
  63. <meta name="text:Link1 url" content="/">
  64. <meta name="text:Link1" content"link 1"/>
  65. <meta name="text:Link2 url" content="/">
  66. <meta name="text:Link2" content"link 2"/>
  67. <meta name="text:Link3 url" content="/">
  68. <meta name="text:Link3" content"link 3"/>
  69. <meta name="text:Link4 url" content="/">
  70. <meta name="text:Link4" content"link 4"/>
  71. <meta name="text:Link5 url" content="/">
  72. <meta name="text:Link5" content"link 5"/>
  73.  
  74. <style type="text/css">
  75.  
  76. ::-webkit-scrollbar-track {background-color:{color:scrollbar bg};}
  77. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  78. ::-webkit-scrollbar {width:6px;height:5px;}
  79.  
  80. ::-moz-scrollbar-track {background-color:{color:scrollbar bg};}
  81. ::-moz-scrollbar-thumb {background-color:{scrollbar};}
  82. ::-moz-scrollbar {width:6px;height:5px;}
  83.  
  84. body{
  85. background:{color:background};
  86. background-attachment:fixed;
  87. background-repeat:repeat;
  88. margin:0;
  89. padding:0;
  90. word-wrap:break-word;
  91. background-image:url('{image:background}');
  92. font-family:consolas;
  93. font-size:11px;
  94. line-height:100%;
  95. color:{color:text}
  96. }
  97.  
  98. body a{
  99. text-decoration:none;
  100. }
  101.  
  102. #content{
  103. width:520px;
  104. margin-top:30px!important;
  105. margin-left:auto!important;
  106. margin-right:auto!important;
  107. margin-bottom:30px!important;
  108. }
  109.  
  110. #content blockquote{
  111. border-left:2px solid {color:blockquote};
  112. padding-left:8px;
  113. margin:0;
  114. }
  115.  
  116. #content blockquote img{
  117. {block:if500}
  118. width:400px
  119. {/block:if500}
  120. {block:if400}
  121. width:300px;
  122. {/block:if400}
  123. {block:permalinkpage}
  124. width:400px;
  125. {/block:permalinkpage}
  126. }
  127.  
  128. .posts{
  129. border:1px solid {color:posts border};
  130. padding:10px 10px 10px 10px;
  131. margin-bottom:20px;
  132. margin-left:auto;
  133. margin-right:auto;
  134. background:{color:posts};
  135. -webkit-transition-duration: 0.5s;
  136. -moz-transition-duration: 0.5s;
  137. -o-transition-duration: 0.5s;
  138. -ms-transition-duration: 0.5s;
  139. {block:ifphotofade}
  140. opacity:.8;
  141. {/block:ifphotofade}
  142. {block:ifgrayscale}
  143. -webkit-filter: grayscale(100%);
  144. -moz-filter: grayscale(100%);
  145. -o-filter: grayscale(100%);
  146. {/block:ifgrayscale}
  147. {block:if500}
  148. width:500px;
  149. {/block:if500}
  150. {block:if400}
  151. width:400px;
  152. {/block:if400}
  153. {block:permalinkpage}
  154. width:500px;
  155. {/block:permalinkpage}
  156. }
  157.  
  158. #posts:hover{
  159. -webkit-filter: grayscale(0%);
  160. -moz-filter: grayscale(0%);
  161. -o-filter: grayscale(0%);
  162. opacity:1;
  163. -webkit-transition-duration: 0.5s;
  164. -moz-transition-duration: 0.5s;
  165. -o-transition-duration: 0.5s;
  166. -ms-transition-duration: 0.5s;
  167. }
  168.  
  169. .posts a{
  170. color:{color:links}!important;
  171. -webkit-transition: all 0.5s ease-in-out;
  172. -moz-transition: all 0.5s ease-in-out;
  173. }
  174.  
  175. .posts a:hover{
  176. color:{color:links hover};
  177. background:{color:links hover background};
  178. -webkit-transition: all 0.5s ease-in-out;
  179. -moz-transition: all 0.5s ease-in-out;
  180. }
  181.  
  182. .title{
  183. font-family: 'Audiowide', cursive;
  184. font-size:14px;
  185. text-transform:uppercase;
  186. }
  187.  
  188. .title a{
  189. color:{color:links}!important;
  190. }
  191.  
  192. .title a:hover{
  193. color:{color:links hover}!important;
  194. background:{color:links hover background};
  195. -webkit-transition: all 0.5s ease-in-out;
  196. -moz-transition: all 0.5s ease-in-out;
  197. }
  198.  
  199. #sidebar{
  200. position:fixed;
  201. top:100px;
  202. left:50%;
  203. {block:if500}
  204. margin-left:-505px;
  205. {/block:if500}
  206. {block:if400}
  207. margin-left:-450px;
  208. {/block:if400}
  209. {block:permalinkpage}
  210. margin-left:-505px;
  211. {/block:permalinkpage}
  212. width:200px;
  213. height:350px;
  214. z-index:3;
  215. }
  216.  
  217. #sideimg img{
  218. background:{color:posts};
  219. width:150px;
  220. height:auto;
  221. margin-top:0px;
  222. margin-left:17px;
  223. border:1px solid {color:sidebar border};
  224. padding:7px;
  225. }
  226.  
  227. #tit{
  228. padding-top:5px;
  229. font-family: 'Audiowide', cursive;
  230. text-transform:uppercase;
  231. text-align:center;
  232. color:{color:title};
  233. font-size:16px;
  234. line-height:160%;
  235. text-shadow:0px 0px 5px {color:title shadow};
  236. }
  237.  
  238. #desc{
  239. width:150px;
  240. margin-left:15px;
  241. text-align:center;
  242. font-family:consolas;
  243. font-size:10px;
  244. line-height:12px;
  245. padding:5px 10px;
  246. }
  247.  
  248. #desc a{
  249. color:{color:links};
  250. -webkit-transition: all 0.5s ease-in-out;
  251. -moz-transition: all 0.5s ease-in-out;
  252. }
  253.  
  254. #desc a:hover{
  255. color:{color:links hover}
  256. background:{color:links hover background};
  257. -webkit-transition: all 0.5s ease-in-out;
  258. -moz-transition: all 0.5s ease-in-out;
  259. }
  260.  
  261.  
  262. #links {
  263. position:fixed;
  264. top:140px;
  265. left:50%;
  266. {block:if500}
  267. margin-left:325px;
  268. {/block:if500}
  269. {block:if400}
  270. margin-left:270px;
  271. {/block:if400}
  272. {block:permalinkpage}
  273. margin-left:325px;
  274. {/block:permalinkpage}
  275. z-index:6;
  276. }
  277.  
  278. .links{
  279. font-size:9px;
  280. display:block;
  281. width:90px;
  282. height:100%;
  283. margin-bottom:3px;
  284. padding:3px 3px;
  285. text-align:center;
  286. text-transform:uppercase;
  287. font-family: 'Audiowide', cursive;
  288. color:{color:custom links};
  289. background:{color:custom links bg};
  290. border:1px solid {color:custom links border};
  291. -webkit-transition: all 0.5s ease-in-out;
  292. -moz-transition: all 0.5s ease-in-out;
  293. }
  294.  
  295. .links:hover{
  296. padding:8px 3px;
  297. color:{color:custom links hover};
  298. background:{color:custom links hover bg};
  299. -webkit-transition: all 0.5s ease-in-out;
  300. -moz-transition: all 0.5s ease-in-out;
  301. }
  302.  
  303. #quote{
  304. font-family: consolas;
  305. line-height:110%;
  306. font-size:14px;
  307. text-align:right;
  308. text-transform:uppercase;
  309. }
  310.  
  311. #source{
  312. text-align:right;
  313. font-size:10px;
  314. }
  315.  
  316. #s-m-t-tooltip {
  317. position:relative;
  318. overflow:hidden;
  319. z-index:9999999999;
  320. max-width:200px;
  321. margin:10px 0 0 10px;
  322. padding:5px 6px 4px 6px;
  323. font:9px consolas;
  324. letter-spacing:1px;
  325. background:black;
  326. line-height:100%;
  327. text-transform:uppercase;
  328. letter-spacing:1px;
  329. color:#fff;
  330. }
  331.  
  332. #audio{
  333. display:block;
  334. {block:if500}
  335. max-width:500px;
  336. {/block:if500}
  337. {block:if400}
  338. max-width:400px;
  339. {/block:if400}
  340. {block:permalinkpage}
  341. max-width:500px;
  342. {/block:permalinkpage}
  343. background:black;
  344. }
  345.  
  346. #ques{
  347. padding:0px;
  348. height:auto;
  349. margin-left:0px;
  350. line-height:110%;
  351. }
  352.  
  353. #asker{
  354. float:right;
  355. padding-top:8px;
  356. padding-right:6px;
  357. text-align:right;
  358. font-size:10px;
  359. vertical-align:-15px!important;
  360. }
  361.  
  362. #answer{
  363. padding-top:7px;
  364. margin-left:0px;
  365. }
  366.  
  367. .info {
  368. width:auto;
  369. padding-top:5px;
  370. margin-bottom:0px;
  371. margin-left:330!important;
  372. margin:0;
  373. text-transform:uppercase;
  374. font-size:10px;
  375. background:{color:posts};
  376. line-height:110%;
  377. }
  378.  
  379. .info a{
  380. color:{color:links};
  381. -webkit-transition: all 0.4s linear;
  382. -moz-transition-duration: 0.4s;
  383. }
  384.  
  385. .info a:hover{
  386. color:{color:links hover};
  387. background:{color:links hover background};
  388. -webkit-transition: all 0.4s linear;
  389. -moz-transition-duration: 0.4s;
  390. }
  391.  
  392. .posts .perma{
  393. text-align:center;
  394. position: absolute;
  395. width:auto;
  396. height: 14px;
  397. line-height:14px;
  398. position:absolute;
  399. background-color: {color:posts};
  400. border:1px solid {color:posts border};
  401. color: black;
  402. margin-top: 30px;
  403. {block:if500}
  404. margin-left:515px;
  405. {/block:if500}
  406. {block:if400}
  407. margin-left:415px;
  408. {/block:if400}
  409. padding: 5px 5px 19px 5px;
  410. opacity: 0;
  411. font-size: 9px;
  412. font-family: 'Audiowide', cursive;
  413. text-transform: uppercase;
  414. letter-spacing: 1px;
  415. z-index:9;
  416. -webkit-transition: all 0.5s ease-in-out;
  417. -moz-transition: all 0.5s ease-in-out;
  418. }
  419.  
  420. .posts:hover .perma{
  421. margin-top:0px;
  422. opacity:1;
  423. -webkit-transition: all 0.5s ease-in-out;
  424. -moz-transition-duration: 0.5s;
  425.  
  426. }
  427.  
  428. .perma a {
  429. color: {color:permalink}!important;
  430. -webkit-transition: all 0.4s linear;
  431. -moz-transition-duration: 0.4s;
  432. }
  433.  
  434. .perma a:hover {
  435. color: {color:permalink hover}!important;
  436. background:{color:posts}
  437. -webkit-transition: all 0.4s linear;
  438. -moz-transition-duration: 0.4s;
  439. }
  440.  
  441. .date{
  442. font-size:10px;
  443. text-transform:uppercase;
  444. }
  445.  
  446. #note{
  447. margin:20px auto;
  448. width: 500px;
  449. font-size: 9px;
  450. text-transform:uppercase;
  451. font-family:consolas;
  452. }
  453.  
  454. ol.notes{
  455. list-style-type:none;
  456. margin:0px;
  457. padding:0;
  458. line-height:130%;
  459. color:{color:text};
  460. }
  461.  
  462. #pagination{
  463. margin-top:30px;
  464. text-align:center;
  465. width:150px;
  466. position:fixed;
  467. }
  468.  
  469. #pagination a {
  470. font-size:10px;
  471. padding:0px 4px;
  472. color:{color:pagination};
  473. background:{color:pagination background};
  474. border:1px solid {color:posts border};
  475. margin:1px;
  476. font-family:consolas;
  477. -webkit-transition: all 0.5s ease-in-out;
  478. -moz-transition: all 0.5s ease-in-out;
  479. }
  480.  
  481. #pagination a:hover{
  482. background:{color:pagination background hover};
  483. border:1px solid {color:posts border};
  484. color:{color:pagination};
  485. -webkit-transition: all 0.5s ease-in-out;
  486. -moz-transition: all 0.5s ease-in-out;
  487. }
  488. a:hover {
  489. color:{color:Links Hover};
  490. text-decoration:none;
  491. *, body, a, a:hover cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png),
  492. -webkit-transition: all 0.4s ease-out;
  493. -moz-transition: all 0.4s ease-out;
  494. transition: all 0.4s ease-out;
  495. }
  496.  
  497. ::selection {
  498. background: #fce2e8;
  499. }
  500. ::-moz-selection {
  501. background: #fce2e8
  502. }
  503.  
  504. *, body, a, a:hover {cursor: url('http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png'), auto;}
  505. </style>
  506.  
  507.  
  508.  
  509.  
  510.  
  511. </style>
  512.  
  513. </head>
  514. <body>
  515.  
  516.  
  517.  
  518. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  519.  
  520. <div id="links">
  521. <a href="/" class="links">home</a>
  522. <a href="/ask" class="links">message</a>
  523. <a href="/archive" class="links">archive</a>
  524. <a href="http://rukoshima2.tumblr.com/The%20GazettE%20DVDs_ISO%20download//" class="links">ガゼット-アップ</a>
  525. {block:IfLink1}
  526. <a href="{text:Link1 url}" class="links">{text:Link1}</a>
  527. {/block:IfLink1}
  528. {block:IfLink2}
  529. <a href="{text:Link2 url}" class="links">{text:Link2}</a>
  530. {/block:IfLink2}
  531. {block:IfLink3}
  532. <a href="{text:Link3 url}" class="links">{text:Link3}</a>
  533. {/block:IfLink3}
  534. {block:IfLink4}
  535. <a href="{text:Link4 url}" class="links">{text:Link4}</a>
  536. {/block:IfLink4}
  537. {block:IfLink5}
  538. <a href="{text:Link5 url}" class="links">{text:Link5}</a>
  539. {/block:IfLink5}
  540. </div>
  541.  
  542. <div id="sidebar">
  543. <div id="tit">{Title}</div>
  544. <div id="sideimg"><img src="{image:sidebar}" /></div>
  545. <div id="desc">{block:description}{description}{/block:description}
  546. {block:Pagination}
  547. <div id="pagination">
  548. {block:PreviousPage}
  549. <a href="{PreviousPage}">«</a>
  550. {/block:PreviousPage}
  551.  
  552. {block:JumpPagination length="4"}
  553. {block:CurrentPage}
  554. <span class="current_page">{PageNumber}</span>
  555. {/block:CurrentPage}
  556.  
  557. {block:JumpPage}
  558. <a class="jump_page" href="{URL}">{PageNumber}</a>
  559. {/block:JumpPage}
  560. {/block:JumpPagination}
  561.  
  562. {block:NextPage}
  563. <a href="{NextPage}">»</a>
  564. {/block:NextPage}
  565. </div>
  566. {/block:Pagination}
  567.  
  568.  
  569. </div>
  570. </div>
  571.  
  572.  
  573. <div id="content">
  574. {block:posts}
  575. <div class="posts">
  576.  
  577. {block:Text}
  578. {block:indexpage}
  579. <div class="perma">
  580. <a href="{Permalink}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}{/block:Date}</a> <a href="{ReblogURL}" target="_blank">{ReblogButton size="15"}</a></div>
  581. {block:Title}<div class="title">{Title}</div>{/block:Title}
  582. {Body}
  583. {/block:indexpage}
  584. {block:permalinkpage}
  585. {block:Title}<div class="title">{Title}</div>{/block:Title}
  586. {Body}
  587. <div class="info">
  588.  
  589. {block:RebloggedFrom}
  590. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">
  591. {ReblogParentName}</a>
  592. source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br />
  593. {/block:RebloggedFrom}
  594.  
  595. <div class="date">
  596. {block:Date}{Month} {DayOfMonth}, {Year}
  597. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  598. </div>{/block:Date}
  599.  
  600. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  601. </div><!--info -->
  602. {/block:permalinkpage}
  603. {/block:Text}
  604.  
  605. {block:Photo}
  606. {block:indexpage}
  607. <div class="perma">
  608. <a href="{Permalink}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}{/block:Date}</a> <a href="{ReblogURL}" target="_blank">{ReblogButton size="15"}</a></div>
  609. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="" style="
  610. {block:if400}max-width:400px;{/block:if400}
  611. {block:if500}max-width:500px;{/block:if500}" />{LinkCloseTag}</center>
  612. {/block:indexpage}
  613. {block:permalinkpage}
  614. {LinkOpenTag}<img src="{PhotoURL-500}" style="max-width:500px;"/>{LinkCloseTag}
  615. {block:Caption}{Caption}{/block:Caption}
  616. <div class="info">
  617.  
  618. {block:RebloggedFrom}
  619. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">
  620. {ReblogParentName}</a>
  621. source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br />
  622. {/block:RebloggedFrom}
  623.  
  624. <div class="date">
  625. {block:Date}{Month} {DayOfMonth}, {Year}
  626. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  627. </div>{/block:Date}
  628.  
  629. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  630. </div><!--info -->
  631. {/block:permalinkpage}
  632. {/block:Photo}
  633.  
  634. {block:Photoset}
  635. {block:indexpage}
  636. <div class="perma">
  637. <a href="{Permalink}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}{/block:Date}</a> <a href="{ReblogURL}" target="_blank">{ReblogButton size="15"}</a></div>
  638. {block:if500}
  639. {Photoset-500}
  640. {/block:if500}
  641. {block:if400}{Photoset-400}{/block:if400}
  642. {/block:indexpage}
  643. {block:permalinkpage}
  644. {Photoset-500}
  645. {block:Caption}{Caption}{/block:Caption}
  646. <div class="info">
  647.  
  648. {block:RebloggedFrom}
  649. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">
  650. {ReblogParentName}</a>
  651. source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br />
  652. {/block:RebloggedFrom}
  653.  
  654. <div class="date">
  655. {block:Date}{Month} {DayOfMonth}, {Year}
  656. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  657. </div>{/block:Date}
  658.  
  659. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  660. </div><!--info -->
  661. {/block:permalinkpage}
  662. {/block:Photoset}
  663.  
  664. {block:Video}
  665. {block:indexpage}
  666. <div class="perma">
  667. <a href="{Permalink}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}{/block:Date}</a> <a href="{ReblogURL}" target="_blank">{ReblogButton size="15"}</a></div>
  668. {block:if500}{Video-500}{/block:if500}
  669. {block:if400}{Video-400}{/block:if400}
  670. {/block:indexpage}
  671. {block:permalinkpage}
  672. {Video-500}
  673. {block:Caption}{Caption}{/block:Caption}
  674. <div class="info">
  675.  
  676. {block:RebloggedFrom}
  677. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">
  678. {ReblogParentName}</a>
  679. source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br />
  680. {/block:RebloggedFrom}
  681.  
  682. <div class="date">
  683. {block:Date}{Month} {DayOfMonth}, {Year}
  684. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  685. </div>{/block:Date}
  686.  
  687. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  688. </div><!--info -->
  689. {/block:permalinkpage}
  690. {/block:Video}
  691.  
  692. {block:Audio}
  693. {block:indexpage}
  694. <div class="perma">
  695. <a href="{Permalink}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}{/block:Date}</a> <a href="{ReblogURL}" target="_blank">{ReblogButton size="15"}</a></div>
  696. <div id="audio">{AudioPlayerBlack}</div>
  697. {block:Caption}{Caption}{/block:Caption}
  698. {/block:indexpage}
  699. {block:permalinkpage}
  700. <div id="audio">{AudioPlayerBlack}</div>
  701. {block:Caption}{Caption}{/block:Caption}
  702. <div class="info">
  703.  
  704. {block:RebloggedFrom}
  705. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">
  706. {ReblogParentName}</a>
  707. source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br />
  708. {/block:RebloggedFrom}
  709.  
  710. <div class="date">
  711. {block:Date}{Month} {DayOfMonth}, {Year}
  712. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  713. </div>{/block:Date}
  714.  
  715. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  716. </div><!--info -->
  717. {/block:permalinkpage}
  718. {/block:Audio}
  719.  
  720. {block:Quote}
  721. {block:indexpage}
  722. <div class="perma">
  723. <a href="{Permalink}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}{/block:Date}</a> <a href="{ReblogURL}" target="_blank">{ReblogButton size="15"}</a></div>
  724. <div id="quote">“{Quote}”</div>
  725. {block:Source}<br /><div id="source">{Source}</div>{/block:Source}
  726. {/block:indexpage}
  727. {block:permalinkpage}
  728. <div id="quote">“{Quote}”</div>
  729. {block:Source}<br /><div id="source">{Source}</div>{/block:Source}
  730. <div class="info">
  731.  
  732. {block:RebloggedFrom}
  733. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">
  734. {ReblogParentName}</a>
  735. source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br />
  736. {/block:RebloggedFrom}
  737.  
  738. <div class="date">
  739. {block:Date}{Month} {DayOfMonth}, {Year}
  740. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  741. </div>{/block:Date}
  742.  
  743. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  744. </div><!--info -->
  745. {/block:permalinkpage}
  746. {/block:Quote}
  747.  
  748. {block:Answer}
  749. {block:indexpage}
  750. <div class="perma">
  751. <a href="{Permalink}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}{/block:Date}</a></div>
  752. <div id="ques">{Question}<br />
  753. <img src="{AskerPortraitURL-16}" style="border:3px solid {color:asker border};float:right;margin-right:12px;margin-top:3px;"/>
  754. <div id="asker"> - {Asker}</div>
  755. </div><br />
  756. <div id="answer">{Answer}</div>
  757. {/block:indexpage}
  758. {block:permalinkpage}
  759. <div id="ques">{Question}<br />
  760. <img src="{AskerPortraitURL-16}" style="border:3px solid black;float:right;margin-right:12px;margin-top:3px;"/>
  761. <div id="asker"> - {Asker}</div>
  762. </div><br />
  763. <div id="answer">{Answer}</div>
  764. <div class="info">
  765.  
  766. <div class="date">
  767. {block:Date}{Month} {DayOfMonth}, {Year}
  768. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  769. </div>{/block:Date}
  770.  
  771. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  772. </div><!--info -->
  773. {/block:permalinkpage}
  774. {/block:Answer}
  775.  
  776. {block:Chat}
  777. {block:indexpage}
  778. <div class="perma">
  779. <a href="{Permalink}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}{/block:Date}</a> <a href="{ReblogURL}" target="_blank">{ReblogButton size="15"}</a></div>
  780. {block:Title}{Title}<br />{/block:Title}
  781. {block:Lines}
  782. {block:Label}<span style="line-height:110%;"><strong>{Label}</strong>{/block:Label} {Line}</span><br />
  783. {/block:Lines}
  784. {/block:indexpage}
  785. {block:permalinkpage}
  786. {block:Title}{Title}<br />{/block:Title}
  787. {block:Lines}
  788. {block:Label}<span style="line-height:110%;"><strong>{Label}</strong>{/block:Label} {Line}</span><br />
  789. {/block:Lines}
  790. <div class="info">
  791.  
  792. {block:RebloggedFrom}
  793. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">
  794. {ReblogParentName}</a>
  795. source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br />
  796. {/block:RebloggedFrom}
  797.  
  798. <div class="date">
  799. {block:Date}{Month} {DayOfMonth}, {Year}
  800. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  801. </div>{/block:Date}
  802.  
  803. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  804. </div><!--info -->
  805. {/block:permalinkpage}
  806. {/block:Chat}
  807.  
  808. {block:Link}
  809. {block:indexpage}
  810. <div class="perma">
  811. <a href="{Permalink}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}{/block:Date}</a> <a href="{ReblogURL}" target="_blank">{ReblogButton size="15"}</a></div>
  812. <div class="title"><a href="{URL}" >{Name}</a></div>
  813. {block:Description}<br />{Description}{/block:Description}
  814. {/block:indexpage}
  815. {block:permalinkpage}
  816. <div class="title"><a href="{URL}" >{Name}</a></div>
  817. {block:Description}<br />{Description}{/block:Description}
  818. <div class="info">
  819.  
  820. {block:RebloggedFrom}
  821. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">
  822. {ReblogParentName}</a>
  823. source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br />
  824. {/block:RebloggedFrom}
  825.  
  826. <div class="date">
  827. {block:Date}{Month} {DayOfMonth}, {Year}
  828. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  829. </div>{/block:Date}
  830.  
  831. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  832. </div><!--info -->
  833. {/block:permalinkpage}
  834. {/block:Link}
  835.  
  836. {block:PostNotes}
  837. <div id="note">{PostNotes}</div>
  838. {/block:PostNotes}
  839.  
  840. </div>
  841. {/block:posts}
  842. </div> <!--content -->
  843.  
  844. </body>
  845. <script type="text/javascript">
  846. // <![CDATA[
  847. var colour="#FFC0CB";
  848. var sparkles=120;
  849.  
  850. /****************************
  851. * Tinkerbell Magic Sparkle *
  852. * (c) 2005 mf2fm web-design *
  853. * http://www.mf2fm.com/rv *
  854. * DON'T EDIT BELOW THIS BOX *
  855. ****************************/
  856. var x=ox=400;
  857. var y=oy=300;
  858. var swide=800;
  859. var shigh=600;
  860. var sleft=sdown=0;
  861. var tiny=new Array();
  862. var star=new Array();
  863. var starv=new Array();
  864. var starx=new Array();
  865. var stary=new Array();
  866. var tinyx=new Array();
  867. var tinyy=new Array();
  868. var tinyv=new Array();
  869.  
  870. window.onload=function() { if (document.getElementById) {
  871. var i, rats, rlef, rdow;
  872. for (var i=0; i<sparkles; i++) {
  873. var rats=createDiv(3, 3);
  874. rats.style.visibility="hidden";
  875. document.body.appendChild(tiny[i]=rats);
  876. starv[i]=0;
  877. tinyv[i]=0;
  878. var rats=createDiv(5, 5);
  879. rats.style.backgroundColor="transparent";
  880. rats.style.visibility="hidden";
  881. var rlef=createDiv(1, 5);
  882. var rdow=createDiv(5, 1);
  883. rats.appendChild(rlef);
  884. rats.appendChild(rdow);
  885. rlef.style.top="2px";
  886. rlef.style.left="0px";
  887. rdow.style.top="0px";
  888. rdow.style.left="2px";
  889. document.body.appendChild(star[i]=rats);
  890. }
  891. set_width();
  892. sparkle();
  893. }}
  894.  
  895. function sparkle() {
  896. var c;
  897. if (x!=ox || y!=oy) {
  898. ox=x;
  899. oy=y;
  900. for (c=0; c<sparkles; c++) if (!starv[c]) {
  901. star[c].style.left=(starx[c]=x)+"px";
  902. star[c].style.top=(stary[c]=y)+"px";
  903. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  904. star[c].style.visibility="visible";
  905. starv[c]=50;
  906. break;
  907. }
  908. }
  909. for (c=0; c<sparkles; c++) {
  910. if (starv[c]) update_star(c);
  911. if (tinyv[c]) update_tiny(c);
  912. }
  913. setTimeout("sparkle()", 40);
  914. }
  915.  
  916. function update_star(i) {
  917. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  918. if (starv[i]) {
  919. stary[i]+=1+Math.random()*3;
  920. if (stary[i]<shigh+sdown) {
  921. star[i].style.top=stary[i]+"px";
  922. starx[i]+=(i%5-2)/5;
  923. star[i].style.left=starx[i]+"px";
  924. }
  925. else {
  926. star[i].style.visibility="hidden";
  927. starv[i]=0;
  928. return;
  929. }
  930. }
  931. else {
  932. tinyv[i]=50;
  933. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  934. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  935. tiny[i].style.width="2px";
  936. tiny[i].style.height="2px";
  937. star[i].style.visibility="hidden";
  938. tiny[i].style.visibility="visible"
  939. }
  940. }
  941.  
  942. function update_tiny(i) {
  943. if (--tinyv[i]==25) {
  944. tiny[i].style.width="1px";
  945. tiny[i].style.height="1px";
  946. }
  947. if (tinyv[i]) {
  948. tinyy[i]+=1+Math.random()*3;
  949. if (tinyy[i]<shigh+sdown) {
  950. tiny[i].style.top=tinyy[i]+"px";
  951. tinyx[i]+=(i%5-2)/5;
  952. tiny[i].style.left=tinyx[i]+"px";
  953. }
  954. else {
  955. tiny[i].style.visibility="hidden";
  956. tinyv[i]=0;
  957. return;
  958. }
  959. }
  960. else tiny[i].style.visibility="hidden";
  961. }
  962.  
  963. document.onmousemove=mouse;
  964. function mouse(e) {
  965. set_scroll();
  966. y=(e)?e.pageY:event.y+sdown;
  967. x=(e)?e.pageX:event.x+sleft;
  968. }
  969.  
  970. function set_scroll() {
  971. if (typeof(self.pageYOffset)=="number") {
  972. sdown=self.pageYOffset;
  973. sleft=self.pageXOffset;
  974. }
  975. else if (document.body.scrollTop || document.body.scrollLeft) {
  976. sdown=document.body.scrollTop;
  977. sleft=document.body.scrollLeft;
  978. }
  979. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  980. sleft=document.documentElement.scrollLeft;
  981. sdown=document.documentElement.scrollTop;
  982. }
  983. else {
  984. sdown=0;
  985. sleft=0;
  986. }
  987. }
  988.  
  989. window.onresize=set_width;
  990. function set_width() {
  991. if (typeof(self.innerWidth)=="number") {
  992. swide=self.innerWidth;
  993. shigh=self.innerHeight;
  994. }
  995. else if (document.documentElement && document.documentElement.clientWidth) {
  996. swide=document.documentElement.clientWidth;
  997. shigh=document.documentElement.clientHeight;
  998. }
  999. else if (document.body.clientWidth) {
  1000. swide=document.body.clientWidth;
  1001. shigh=document.body.clientHeight;
  1002. }
  1003. }
  1004.  
  1005. function createDiv(height, width) {
  1006. var div=document.createElement("div");
  1007. div.style.position="absolute";
  1008. div.style.height=height+"px";
  1009. div.style.width=width+"px";
  1010. div.style.overflow="hidden";
  1011. div.style.backgroundColor=colour;
  1012. return (div);
  1013. }
  1014. // ]]>
  1015. </html>
  1016. <!--
  1017.  
  1018.  
  1019. HI
  1020.  
  1021.  
  1022.  
  1023. -->
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!