divakey

No, Sehun

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