Advertisement
divakey

No, Sehun

Sep 25th, 2013
2,085
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.28 KB | None | 0 0
  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. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  12.  
  13. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  14. <script type="text/javascript" src="http://static.tumblr.com/xeob1hy/tjXm1txrh/top.txt"></script>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=ABeeZee' rel='stylesheet' type='text/css'>
  21.  
  22. {block:IfEndlessScrolling}
  23. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScrolling}
  24.  
  25. <meta name="image:Background" content=""/>
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="color:Background" content="#cfcfcf"/>
  28. <meta name="color:Link" content="#926969"/>
  29. <meta name="color:Tags" content="#926969"/>
  30. <meta name="color:Borders" content="#d3d3d3"/>
  31. <meta name="color:Text" content="#000000"/>
  32. <meta name="color:Bold" content="#554444" />
  33. <meta name="color:Ask background" content="#A4C6CF" />
  34. <meta name="color:Italic" content="#998877" />
  35. <meta name="color:Permalink" content="#cccccc"/>
  36. <meta name="color:Link hover" content="#615b5b"/>
  37. <meta name="color:Content Background" content="#ffffff"/>
  38. <meta name="color:Scrollbar" content="#cccccc"/>
  39. <meta name="if:EndlessScrolling" content="0"/>
  40. <meta name="if:Show Captions" content="">
  41. <meta name="if:Show Tags" content="1">
  42. <meta name="if:Monochrome" content="">
  43. <meta name="if:Post Border" content="1">
  44. <meta name="text:Link1" content="" />
  45. <meta name="text:Link1 URL" content=""/>
  46. <meta name="text:Link2" content="" />
  47. <meta name="text:Link2 URL" content=""/>
  48. <meta name="text:Link3" content="" />
  49. <meta name="text:Link3 URL" content=""/>
  50. <meta name="text:Link4" content="" />
  51. <meta name="text:Link4 URL" content=""/>
  52.  
  53.  
  54. <style>
  55. div#qTip {
  56. padding: 3px;
  57. display: none;
  58. text-align: center;
  59. position: absolute;
  60. font-size:10px;
  61. line-height:9px;
  62. font-family:georgia;
  63. z-index: 1000;
  64. background: white;
  65. border:1px solid {color:borders};
  66. color: {color:text};
  67. background: #fff;
  68. font-style:italic;
  69. }
  70. </style>
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75. /* SCROLLBAR */
  76.  
  77. ::-webkit-scrollbar { width: 4px; height: 4px; }
  78. ::-webkit-scrollbar-button:start:decrement,
  79. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #9C9C9C; }
  80. ::-webkit-scrollbar-track-piece { background-color: white; }
  81. ::-webkit-scrollbar-thumb { border-radius: 0px; height: 50px; background-color: {color:scrollbar}; }
  82.  
  83.  
  84. /* BODY */
  85.  
  86. body {background:{color:background};
  87. background-image: url({image:Background}) ;
  88. background-attachment:fixed;
  89. color:{color:text};
  90. font-family:'ABeeZee', sans-serif;
  91. font-size:10px;}
  92.  
  93.  
  94. a:link, a:active, a:visited{
  95. text-decoration:none;
  96. color:{color:link};
  97. opacity:;
  98. z-index:999;
  99. -webkit-transition: all 0.5s ease-in-out;
  100. -moz-transition: all 0.5s ease-in-out;
  101. -o-transition: all 0.5s ease-in-out; }
  102.  
  103. a:hover{opacity: .5;
  104. -webkit-transition: all 0.5s ease-in-out;
  105. -moz-transition: all 0.5s ease-in-out;
  106. -o-transition: all 0.5s ease-in-out;}
  107.  
  108. b {color:{color:bold};}
  109. i {color:{color:italic};}
  110.  
  111.  
  112. /*MAKES PHOTOS BLACK AND WHITE */
  113.  
  114. {block:ifmonochrome}
  115. img, .photo, .photoset{
  116. -webkit-filter: Grayscale(100%);
  117. -webkit-transition-duration: 0.8s;
  118. -moz-transition-duration:0.8s;
  119. transition-duration:0.8s;
  120. -o-transition-duration:0.8s;}
  121.  
  122. img:hover, .photo:hover, .photoset:hover{
  123. -webkit-filter: Grayscale(100%);
  124. opacity:;
  125. -webkit-transition: all 0.5s ease-out;
  126. -moz-transition: all 0.5s ease-out;
  127. transition: all 0.5s ease-out;}
  128. {block:ifmonochrome}
  129.  
  130. /*PHOTO FADING */
  131.  
  132. img, .photo, .photoset{ opacity: 0.9;
  133. transition: opacity 1s ease-in-out;
  134. -moz-transition: opacity 1s ease-in-out;
  135. -webkit-transition: opacity 1s ease-in-out;}
  136.  
  137. img:hover, .photo:hover, .photoset:hover{
  138. opacity: 1.0;
  139. transition: opacity .55s ease-in-out;
  140. -moz-transition: opacity .55s ease-in-out;
  141. -webkit-transition: opacity .55s ease-in-out;}
  142.  
  143.  
  144. /* POSTS */
  145.  
  146. #container {width:760px;
  147. margin:0px 0px 20px 100px;}
  148.  
  149.  
  150. #content {width:510px;
  151. margin-left:370px;}
  152.  
  153.  
  154. .post {background: {color:content background};
  155. {block:ifpostborder}border: 1px solid {color:borders};{/block:ifpostborder}
  156. margin-top:0px;
  157. margin-bottom:15px;
  158. margin-left:50px;
  159. width: 400px;
  160. padding-top:5px;
  161. padding-left:5px;
  162. padding-right:5px;
  163. padding-bottom:10px;}
  164.  
  165. .posttitle{
  166. color:{color:post title};
  167. font-size: 15px;
  168. line-height: 10px;
  169. letter-spacing: 0px;
  170. text-align: left;
  171. padding:2px;
  172. text-transform: normal;
  173. border-bottom: 1px dashed {color:borders};}
  174.  
  175. blockquote{
  176. padding-left: 5px;
  177. margin: 0px 0px 10px 0px;
  178. display: block;
  179. position: relative;
  180. border-left: 1px solid {color:borders};}
  181.  
  182.  
  183. /* AUDIO POSTS */
  184. #audiopost {font-family: ;
  185. margin-bottom:5px;
  186. width:400px;
  187. height:150px}
  188.  
  189. .cover {
  190. width:150px;
  191. height:150px;
  192. position:absolute;}
  193.  
  194. .cover img {
  195. width:150px;
  196. height:150px;
  197. float:left;}
  198.  
  199. .player {
  200. opacity: 0.2;
  201. position:absolute;
  202. z-index:1;
  203. background:#fff;
  204. width:150px;
  205. height:150px;
  206. display:block;
  207. -webkit-transition: all 0.7s ease;
  208. -moz-transition: all 0.7s ease;
  209. -o-transition: all 0.7s ease;}
  210.  
  211. .playerr {
  212. width:25px;
  213. height:25px;
  214. margin-top:55px;
  215. margin-left:55px;
  216. overflow:hidden;
  217. padding:3px;}
  218.  
  219. .track {
  220. margin-left:160px; line-height:12px; padding-top: 35px;}
  221.  
  222.  
  223. /* ASKS */
  224. .ask {
  225. display:block;
  226. padding:10px;
  227. background-color:{color:ask background};
  228. color:{color:text};}
  229.  
  230. .ask2 {
  231. display:block;
  232. float:left;
  233. font-family: 'Istok Web', sans-serif;
  234. text-transform:lowercase;
  235. margin-top:5px;
  236. font-size:15px;
  237. margin-left:5px;}
  238.  
  239.  
  240. .ask3{
  241. display:block;
  242. margin-top:25px;
  243. border-top: 1px solid {color:borders};}
  244.  
  245. .point {
  246. margin-top:-5px;
  247. display:block;
  248. margin-left:10px;
  249. width:0px;
  250. height:0px;
  251. border-left:10px solid transparent;
  252. border-right:10px solid transparent;
  253. border-top:15px solid{color:ask background};
  254. font-size:0px;
  255. line-height:0px;}
  256.  
  257. /* PERMALINKS */
  258.  
  259. .bottom {
  260. height:1px;
  261. margin-bottom:5px;
  262. margin-top:5px;
  263. width:400px;
  264. padding-top:5px;
  265. padding-bottom:2px;
  266. font-family: 'Istok Web', sans-serif;
  267. font-size:10px;
  268. text-align:center;
  269. opacity:0.5;
  270. border-top: 1px dashed {color:borders};
  271. -webkit-transition: all .7s ease-in-out;
  272. -moz-transition: all .7s ease-in-out;
  273. -o-transition: all .7s ease-in-out;
  274. -ms-transition: all .7s ease-in-out;
  275. Transition: all .7s ease-in-out;}
  276.  
  277.  
  278. .bottom a {
  279. color:{color:permalink};
  280. background-color:{color:permalink bg};
  281. text-decoration: none;
  282. -webkit-transition: all .7s ease-in-out;
  283. -moz-transition: all .7s ease-in-out;
  284. -o-transition: all .7s ease-in-out;
  285. -ms-transition: all .7s ease-in-out;
  286. transition: all .7s ease-in-out;}
  287.  
  288. .bottom a:hover{
  289. color:{color:permalink hover};
  290. background-color:{color:permalink bg};
  291. -webkit-transition: all .7s ease-in-out;
  292. -moz-transition: all .7s ease-in-out;
  293. -o-transition: all .7s ease-in-out;
  294. -ms-transition: all .7s ease-in-out;
  295. transition: all .7s ease-in-out;}
  296.  
  297. .tags {background: transparent url('http://media.tumblr.com/09f4bf3b0177fb1f763be48a84538df7/tumblr_inline_mt6tjmWH551rxfplt.png') no-repeat left center; padding-left: 20px;
  298. margin-top:10px;
  299. text-transform:none;
  300. letter-spacing:1px;
  301. width:380px;
  302. text-align:left;
  303. font-size:9px;
  304. font-family:'Istok Web', sans-serif;}
  305.  
  306. .tags a {color:{color:tags};
  307. background-color:{color:permalink bg};
  308. text-decoration: none;
  309. -webkit-transition: all .7s ease-in-out;
  310. -moz-transition: all .7s ease-in-out;
  311. -o-transition: all .7s ease-in-out;
  312. -ms-transition: all .7s ease-in-out;
  313. transition: all .7s ease-in-out;}
  314.  
  315. .tags a:hover{
  316. color:{color:tags};
  317. background-color:{color:permalink bg};
  318. -webkit-transition: all .7s ease-in-out;
  319. -moz-transition: all .7s ease-in-out;
  320. -o-transition: all .7s ease-in-out;
  321. -ms-transition: all .7s ease-in-out;
  322. transition: all .7s ease-in-out;}
  323.  
  324.  
  325. /* PERMALINK PAGE */
  326.  
  327. #source{
  328. width: 400px;
  329. padding:0px 5px;
  330. margin-left:-5px!important;
  331. margin-top: 10px;
  332. font-size: 9px;
  333. color:{color:text};
  334. text-align:center;}
  335.  
  336. #source a{
  337. color:{color:links};
  338. text-decoration:none;
  339. -webkit-transition: all 0.7s ease-in-out;
  340. -moz-transition: all 0.7s ease-in-out;
  341. -o-transition: all 0.7s ease-in-out;
  342. -ms-transition: all 0.7s ease-in-out;
  343. transition: all 0.7s ease-in-out;}
  344.  
  345. #source a:hover{
  346. color:{color:links hover};
  347. -webkit-transition: all 0.7s ease-in-out;
  348. -moz-transition: all 0.7s ease-in-out;
  349. -o-transition: all 0.7s ease-in-out;
  350. -ms-transition: all 0.7s ease-in-out;
  351. transition: all 0.7s ease-in-out;}
  352.  
  353.  
  354. #PostNotes {
  355. margin-left:15px;
  356. text-align:left;
  357. width:400px;}
  358.  
  359. h3 {text-decoration:none;
  360. margin-top:0px;
  361. font-size:11px;
  362. letter-spacing:1px;
  363. line-height:15px;
  364. border-bottom: 1px solid #CCCCCC;}
  365.  
  366. blockquote {margin-left:0px;
  367. padding-left:10px;
  368. border-left:1px solid {color:borders};}
  369.  
  370. blockquote blockquote {margin-left:0px;
  371. padding-left:10px;
  372. border-left:1px solid {color:borders};}
  373.  
  374.  
  375.  
  376. /* SIDEBAR */
  377.  
  378. #sidebar {position:fixed;
  379. margin-left:-10px;
  380. width:202px;
  381. padding:5px;
  382. line-height:100%;}
  383.  
  384.  
  385. #sidebarimage img {
  386. border-left:1px solid {color:borders};
  387. border-right:1px solid {color:borders};}
  388.  
  389.  
  390. #title {position:fixed;
  391. margin-left:-215px;
  392. margin-top:0px;
  393. margin-bottom:5px;
  394. padding-bottom:5px;
  395. padding-top:5px;
  396. padding-right:5px;
  397. width:400px;
  398. background-color: white;
  399. font-size:15px;
  400. text-align:center;
  401. font-style:italic;
  402. text-align:right;
  403. font-family: georgia;
  404. letter-spacing:1px;}
  405.  
  406. #description {width:190px;
  407. padding: 5px;
  408. line-height:12px;
  409. border-bottom: 1px solid {color:borders};
  410. font-size:9px;
  411. letter-spacing:1px;
  412. font-family:'Istok Web', sans-serif;}
  413.  
  414. .toplinks {letter-spacing:2px;
  415. margin-top:40px;
  416. background:{color:background};
  417. padding-bottom:5px;
  418. padding-top:10px;
  419. border-top:1px solid {color:borders};
  420. border-left:1px solid {color:borders};
  421. border-right:1px solid {color:borders};
  422. border-bottom:px solid {color:borders};
  423. border-radius: 20px 20px 0px 0px;}
  424.  
  425. .navilinks {letter-spacing:2px;
  426. background:{color:background};
  427. margin-bottom:15px;
  428. margin-top:px;
  429. padding-bottom:5px;
  430. padding-top:10px;
  431. border-top:0px;
  432. border-left:1px solid {color:borders};
  433. border-right:1px solid {color:borders};
  434. border-bottom:1px solid {color:borders};
  435. border-radius: 0px 0px 20px 20px;}
  436.  
  437.  
  438.  
  439. /* CREDIT PLEASE DO NOT REMOVE */
  440.  
  441. .credit { position: fixed;
  442. bottom: 5px;
  443. left: 5px;}
  444.  
  445. .credittext {
  446. width:50px;
  447. overflow:hidden;
  448. -webkit-transition: all 0.5s ease;
  449. -moz-transition: all 0.5s ease;
  450. -o-transition: all 0.5s ease;
  451. font-family:calibri;
  452. font-size:10px;
  453. text-align:center;}
  454.  
  455. .credit:hover .credittext{
  456. -webkit-transition: all 0.5s ease;
  457. -moz-transition: all 0.5s ease;
  458. -o-transition: all 0.5s ease;}
  459.  
  460. </style></head>
  461.  
  462.  
  463.  
  464.  
  465. <body>
  466. <div id="container">
  467.  
  468. <div id="title"><a href="/">{Title}</a></div>
  469. <div id="sidebar">
  470. <div class="toplinks"><center><a href="/" title="home">I.</a> <a href="/ask" title="ask">II.</a> <a href="/archive" title="archive">III.</a>
  471. <a href="/random" title="random post">IV.</a> </center></div>
  472. {block:ifsidebarimage}<div id="sidebarimage"><img src="{image:sidebar}" width="200px;"></div>{/block:ifsidebarimage}
  473. <div class="navilinks"><center>
  474. {block:ifLink1}<a href="{text:Link1 URL}" title="{text:Link1}"> V.</a>{/block:ifLink1} {block:ifLink2}<a href="{text:Link2 URL}" title="{text:Link2}">VI.</a>{/block:ifLink2} {block:ifLink3}<a href="{text:Link3 URL}" title="{text:Link3}">VII.</a>{/block:ifLink3} {block:ifLink4}<a href="{text:Link4 URL}" title="{text:Link4}">VIII.</a>{/block:ifLink4}
  475. </div>
  476.  
  477. <div id="description">{Description}</div><p>
  478.  
  479. {block:IfNotEndlessScrolling}
  480. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« BACK</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">NEXT »</a>{/block:NextPage}{/block:Pagination}
  481. {/block:IfNotEndlessScrolling}
  482.  
  483. </div></div>
  484.  
  485.  
  486.  
  487. <div id="content">
  488.  
  489. <div class="autopagerize_page_element">
  490.  
  491. {block:Posts}
  492.  
  493. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  494.  
  495. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  496.  
  497. {/block:SourceLogo}
  498.  
  499. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>
  500.  
  501. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  502.  
  503. <div class="post">
  504.  
  505.  
  506. {block:Text}
  507. {block:indexpage}<div class="text">
  508. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  509. {Body}
  510. <div class="bottom"> <a href="{Permalink}" title="Posted">{ShortMonth} {DayOfMonth}</a>
  511. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a>
  512. </div>
  513. {block:ifshowtags}
  514. <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}{block:HasTags}</div>
  515. {/block:ifshowtags}
  516. {/block:indexpage}
  517. {block:PermalinkPage}
  518. {block:Title}
  519. <a href="{Permalink}" class="posttitle">{Title}</a>
  520. {/block:Title}
  521. {Body}
  522. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  523. <br>
  524. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  525. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  526. </div></div></div>
  527. {/block:PermalinkPage}
  528. {/block:Text}
  529.  
  530. {block:Photo}
  531. {block:indexpage}
  532. <div class="photo">
  533. <img src="{PhotoURL-400}" alt="{PhotoAlt}" /> {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  534. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  535. {Caption}
  536. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  537. <div class="bottom"> <a href="{Permalink}" title="Posted">{ShortMonth} {DayOfMonth}</a>
  538. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a>
  539. </div>
  540. {block:ifshowtags}
  541. <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}{block:HasTags}</div>
  542. {/block:ifshowtags}
  543. {/block:indexpage}
  544. {block:PermalinkPage}
  545. <div class="photo">
  546. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseTag}
  547. {block:Caption}{Caption}{/block:Caption}
  548. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  549. <br>
  550. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  551. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  552. </div></div></div>
  553. {/block:PermalinkPage}
  554. {/block:Photo}
  555.  
  556.  
  557.  
  558.  
  559. {block:Photoset}
  560. {block:indexpage}
  561. <div class="photoset">
  562. {Photoset-400}
  563. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  564. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  565. {Caption}
  566. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  567. <div class="bottom"> <a href="{Permalink}" title="Posted">{ShortMonth} {DayOfMonth}</a>
  568. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a>
  569. </div>
  570. {block:ifshowtags}
  571. <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}{block:HasTags}</div>
  572. {/block:ifshowtags}
  573. {/block:indexpage}
  574. {block:PermalinkPage}
  575. <div class="photoset">
  576. {Photoset-400}
  577. {block:Caption}{Caption}{/block:Caption}
  578. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  579. <br>
  580. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  581. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  582. </div></div></div>
  583. {/block:PermalinkPage}
  584. {/block:Photoset}
  585.  
  586.  
  587.  
  588.  
  589. {block:Quote}
  590. {block:indexpage}<div class="quote">
  591. <blockquote>{Quote}</blockquote>
  592. {block:Source}<cite> {Source} </cite>{/block:Source}
  593. <div class="bottom"> <a href="{Permalink}" title="Posted">{ShortMonth} {DayOfMonth}</a>
  594. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a>
  595. </div>
  596. {block:ifshowtags}
  597. <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}{block:HasTags}</div>
  598. {/block:ifshowtags}
  599. {/block:indexpage}
  600. {block:permalinkpage}
  601. <div class="quote">
  602. <blockquote>{Quote}</blockquote>
  603. {block:Source}<cite> {Source} </cite>{/block:Source}
  604. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  605. <br>
  606. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  607. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  608. </div></div></div>
  609. {/block:PermalinkPage}
  610. {/block:Quote}
  611.  
  612.  
  613. {block:Link}
  614. {block:indexpage}<div class="link">
  615. <center><a href="{URL}" target="{Target}" class="Link"> <font size="3px;">{Name}</font> </a> </class></center>
  616. {block:Description}{Description}{/block:Description}
  617. <div class="bottom"> <a href="{Permalink}" title="Posted">{ShortMonth} {DayOfMonth}</a>
  618. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a>
  619. </div>
  620. {block:ifshowtags}
  621. <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}{block:HasTags}</div>
  622. {/block:ifshowtags}
  623. {/block:indexpage}
  624. {block:permalinkpage}
  625. <div class="link">
  626. <a href="{URL}" target="{Target}" class="Link"> {Name} </a> </class>
  627. {block:Description}{Description}{/block:Description}
  628. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  629. <br>
  630. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  631. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  632. </div></div></div>
  633. {/block:PermalinkPage}
  634. {/block:Link}
  635.  
  636.  
  637.  
  638. {block:Chat}
  639. {block:indexpage} {block:Title}<div id="xtitle"><center><a href="{Permalink}">{Title}</a></center></div>{/block:Title}
  640. <table cellpadding-"0" cellspacing="0">
  641. {block:Lines}<tr><td style="text-align:right;padding-right:5px;border-right:1px dashed {color:Borders};">
  642. {block:Label}{Label}{/block:Label}</td><td style="padding-left:15px;">
  643. {Line}
  644. </td></tr>{/block:Lines}
  645. </table>
  646. <div class="bottom"> <a href="{Permalink}" title="Posted">{ShortMonth} {DayOfMonth}</a>
  647. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a>
  648. </div>
  649. {block:ifshowtags}
  650. <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}{block:HasTags}</div>
  651. {/block:ifshowtags}
  652. {/block:indexpage}
  653. {block:permalinkpage}
  654. <div class="chat">
  655. <ul>
  656. {block:Lines}<li class="{Alt}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  657. </ul>
  658. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  659. <br>
  660. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  661. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  662. </div></div></div>
  663. {/block:PermalinkPage}
  664. {/block:Chat}
  665.  
  666.  
  667. {block:Audio}
  668. {block:indexpage}<div class="audio">
  669. <div id="audiopost">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="player">
  670. <div class="playerr">{AudioPlayerWhite}</div></div><div class="track"><br>{block:TrackName}{TrackName}{/block:TrackName}<br />{block:Artist}{Artist}{/block:Artist}<br />{PlayCountWithLabel}</div></div>
  671. <div class="bottom"> <a href="{Permalink}" title="Posted">{ShortMonth} {DayOfMonth}</a>
  672. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a>
  673. </div>
  674. {block:ifshowtags}
  675. <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}{block:HasTags}</div>
  676. {/block:ifshowtags}
  677. {/block:indexpage}
  678. {block:permalinkpage}
  679. <div class="audio">
  680. <div id="audiopost">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="player">
  681. <div class="playerr">{AudioPlayerWhite}</div></div><div class="track"><br>{block:TrackName}{TrackName}{/block:TrackName}<br />{block:Artist}{Artist}{/block:Artist}<br />{PlayCountWithLabel}</div></div>
  682. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  683. <br>
  684. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  685. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  686. </div></div></div>
  687. {/block:PermalinkPage}
  688. {/block:Audio}
  689.  
  690.  
  691. {block:Video}
  692. {block:indexpage}<div class="video">
  693. <div class="video-player">{Video-400}</div>
  694. {block:Caption}{Caption}{/block:Caption}
  695. <div class="bottom"> <a href="{Permalink}" title="Posted">{ShortMonth} {DayOfMonth}</a>
  696. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a>
  697. </div>
  698. {block:ifshowtags}
  699. <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}{block:HasTags}</div>
  700. {/block:ifshowtags}
  701. {/block:indexpage}
  702. {block:permalinkpage}
  703. <div class="video">
  704. <div class="video-player">{Video-400}</div>
  705. {block:Caption}{Caption}{/block:Caption}
  706. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  707. <br>
  708. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  709. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  710. </div></div></div>
  711. {/block:PermalinkPage}
  712. {/block:Video}
  713.  
  714.  
  715.  
  716. {block:Answer}{block:indexpage}
  717. <div class="ask">{Question}</div>
  718. <div class="point"></div>
  719. <div class="ask2">{Asker}</div>
  720. <div class="ask3">{Answer}
  721. <div class="bottom"> <a href="{Permalink}" title="Posted">{ShortMonth} {DayOfMonth}</a>
  722. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a>
  723. </div>
  724. {block:ifshowtags}
  725. <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}{block:HasTags}</div>
  726. {/block:ifshowtags}
  727. {/block:indexpage}
  728. {block:permalinkpage}
  729. <div class="ask">{Question}</div>
  730. <div class="point"></div>
  731. <div class="ask2">{Asker}</div>
  732. <div class="ask3">{Answer}
  733. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  734. <br>
  735. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  736. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  737. </div></div></div>
  738. {/block:PermalinkPage}
  739. {/block:Answer}
  740. </div> </div>
  741.  
  742.  
  743.  
  744. {/block:Posts}
  745.  
  746. </div></div>
  747.  
  748. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  749. <script type="text/javascript">var scrolltotop={
  750. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  751. controlHTML: '<img src="http://static.tumblr.com/xeob1hy/LXilzjmzc/arrow.png" style="width:50px; height:50px" />',
  752. controlattrs: {offsetx:10, offsety:10},
  753. anchorkeyword: '#top',
  754.  
  755. state: {isvisible:false, shouldvisible:false},
  756.  
  757. scrollup:function(){
  758. if (!this.cssfixedsupport)
  759. this.$control.css({opacity:0})
  760. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  761. if (typeof dest=="string" && jQuery('#'+dest).length==1)
  762. dest=jQuery('#'+dest).offset().top
  763. else
  764. dest=0
  765. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  766. },
  767.  
  768. keepfixed:function(){
  769. var $window=jQuery(window)
  770. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  771. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  772. this.$control.css({left:controlx+'px', top:controly+'px'})
  773. },
  774.  
  775. togglecontrol:function(){
  776. var scrolltop=jQuery(window).scrollTop()
  777. if (!this.cssfixedsupport)
  778. this.keepfixed()
  779. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  780. if (this.state.shouldvisible && !this.state.isvisible){
  781. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  782. this.state.isvisible=true
  783. }
  784. else if (this.state.shouldvisible==false && this.state.isvisible){
  785. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  786. this.state.isvisible=false
  787. }
  788. },
  789.  
  790. init:function(){
  791. jQuery(document).ready(function($){
  792. var mainobj=scrolltotop
  793. var iebrws=document.all
  794. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
  795. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  796. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  797. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  798. .attr({title:'Top'})
  799. .click(function(){mainobj.scrollup(); return false})
  800. .appendTo('body')
  801. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!=")
  802. mainobj.$control.css({width:mainobj.$control.width()})
  803. mainobj.togglecontrol()
  804. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  805. mainobj.scrollup()
  806. return false
  807. })
  808. $(window).bind('scroll resize', function(e){
  809. mainobj.togglecontrol()
  810. })
  811. })
  812. }
  813. }
  814.  
  815. scrolltotop.init()</script>
  816. <div class="credit"><div class="credittext"><a href="http://chinqu.tumblr.com" title="theme by">Theme</a></div></div>
  817. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement