API tools faq
paste
vya

jjangkiyong+customized xlink

vya
Nov 25th, 2014
162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.99 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. THEME BY:
  3. ___ ___ _
  4. / _ \ / _ \ _ __ | |__
  5. \_, / \_, / | ' \ | '_ \
  6. /_/ /_/ |_|_|_| |_.__/
  7.  
  8. (slide out navigation: http://codepen.io/rdallaire/pen/zcqjx)
  9. --->
  10.  
  11. <html><head><title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <meta name="color:Background" content="#f3f3f3">
  15. <meta name="color:Text" content="#000000">
  16. <meta name="color:Links" content="#898989">
  17. <meta name="color:Links Hover" content="#fddd2d">
  18. <meta name="color:Bold" content="#f3416d">
  19. <meta name="color:Pic Border" content="#f1f1f1">
  20. <meta name="color:Source" content="#b3b3b3">
  21. <meta name="color:Header BG" content="#000000">
  22. <meta name="color:Header Title" content="#000000">
  23. <meta name="color:Top Links" content="#fc8b65">
  24. <meta name="color:Side Links" content="#ffffff">
  25. <meta name="color:Side Links BG" content="#ff80a1">
  26. <meta name="color:Scrollbar" content="#ff9ebc">
  27. <meta name="color:Tags" content="#000000">
  28. <meta name="color:Date" content="#000000">
  29. <meta name="color:Title Color" content="#000000">
  30. <meta name="color:Sidebar BG" content="#ffffff">
  31. <meta name="color:Sidebar Title BG" content="#000000">
  32. <meta name="color:Sidebar Title" content="#ffffff">
  33.  
  34. <meta name="color:Extra Link Font" content="#D40000" />
  35. <meta name="color:Extra Link Hover Font" content="#FFFFFF" />
  36. <meta name="color:Extra Link Background" content="#FFFFFF" />
  37. <meta name="color:Extra Link Hover Background" content="#D40000" />
  38.  
  39. <meta name="image:750x400 Header 1" content="http://i.imgur.com/iJlUlBY.png"/>
  40. <meta name="image:750x400 Header 2" content="http://i.imgur.com/iJlUlBY.png"/>
  41. <meta name="image:750x400 Header 3" content="http://i.imgur.com/iJlUlBY.png"/>
  42. <meta name="image:750x400 Header 4" content="http://i.imgur.com/iJlUlBY.png"/>
  43. <meta name="image:750x400 Header 5" content="http://i.imgur.com/iJlUlBY.png"/>
  44. <meta name="image:750x400 Header 6" content="http://i.imgur.com/iJlUlBY.png"/>
  45.  
  46. <meta name="text:2nd Link URL" content="">
  47. <meta name="text:2nd Link Title" content="link 2">
  48. <meta name="text:3rd Link URL" content="">
  49. <meta name="text:3rd Link Title" content="link 3">
  50. <meta name="text:4th Link URL" content="">
  51. <meta name="text:4th Link Title" content="link 4">
  52. <meta name="text:5th Link URL" content="">
  53. <meta name="text:5th Link Title" content="link 5">
  54. <meta name="text:6th Link URL" content="">
  55. <meta name="text:6th Link Title" content="link 6">
  56.  
  57. <meta name="if:Extra Link Box" content="1" />
  58. <meta name="if:Extra Link One" content="1" />
  59. <meta name="if:Extra Link Two" content="1" />
  60. <meta name="if:Extra Link Three" content="1" />
  61. <meta name="if:Extra Link Four" content="1" />
  62. <meta name="if:Extra Link Five" content="1" />
  63. <meta name="if:Extra Link Six" content="1" />
  64. <meta name="if:Extra Link Seven" content="1" />
  65. <meta name="if:Extra Link Nine" content="1" />
  66. <meta name="if:Extra Link Eight" content="1" />
  67. <meta name="if:Extra Link Nine" content="1" />
  68. <meta name="if:Extra Link Ten" content="1" />
  69.  
  70.  
  71. <meta name="text:Extra Link One" content="Extra Link One" />
  72. <meta name="text:Extra Link One URL" content="Extra Link One URL" />
  73. <meta name="text:Extra Link Two" content="Extra Link Two" />
  74. <meta name="text:Extra Link Two URL" content="Extra Link Two URL" />
  75. <meta name="text:Extra Link Three" content="Extra Link Three" />
  76. <meta name="text:Extra Link Three URL" content="Extra Link Three URL" />
  77. <meta name="text:Extra Link Four" content="Extra Link Four" />
  78. <meta name="text:Extra Link Four URL" content="Extra Link Four URL" />
  79. <meta name="text:Extra Link Five" content="Extra Link Five" />
  80. <meta name="text:Extra Link Five URL" content="Extra Link Five URL" />
  81.  
  82. <meta name="text:3rd Sidebar Title" content="3rd Sidebar Title">
  83. <meta name="text:3rd Sidebar Content" content="REPLACE THIS WITH 3RD SIDEBAR CONTENT"/>
  84. <meta name="text:4th Sidebar Title" content="4th Sidebar Title">
  85. <meta name="text:4th Sidebar Content" content="REPLACE THIS WITH 4th SIDEBAR CONTENT"/>
  86.  
  87. <meta name="text:Event 1" content="<b>141012</b> Event here"/>
  88. <meta name="text:Event 2" content="<b>141019</b> Event here"/>
  89. <meta name="text:Event 3" content=""/>
  90. <meta name="text:Event 4" content=""/>
  91. <meta name="text:Event 5" content=""/>
  92.  
  93. <meta name="text:Disclaimer" content=""/>
  94.  
  95.  
  96. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  97.  
  98.  
  99. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
  100.  
  101. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  102.  
  103. <style type="text/css">
  104. @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
  105.  
  106. body {background-color:{color:Background}; color:{color:Text}; padding:0;margin:0;height:100%; overflow-x:hidden; font-family:'PT Sans', arial; font-size:12px; text-transform:normal; text-align:justify; line-height:12px; word-wrap:break-word; -webkit-font-smoothing: antialiased;}
  107.  
  108. b, strong {font-weight: bold; color:{color:Bold};}
  109. i, italic, em {font-style: italic;}
  110.  
  111. a:link, a:active, a:visited {color:{color:Links}; text-decoration: none; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  112. a:hover {color:{color:Links Hover}; text-decoration:none;}
  113.  
  114.  
  115. div#container2 {position:relative; width:870px; margin-left:185px; margin-top:40px; padding:58px 5px 20px 120px;}
  116.  
  117.  
  118. #picture {width:500px; padding:5px; margin-left:-25px; margin-bottom:70px;}
  119. .picturebord {width:500px; background:#fff; padding:5px;}
  120. .picturebord img {float:left; max-width:500px;}
  121. #pictureperm {width:500px; float:center; margin-left:20px; margin-top:auto;}
  122.  
  123. .tags {font-size:11px; padding:5px; width:495px; line-height:15px; margin-top:0px;} .tag {font-size:11px; text-transform:uppercase; font-weight:none;} .tag a, .tags a {color:{color:Tags};}
  124. .tag:after {content: ",";} .tag:last-child:after { content: " ";}
  125.  
  126. #source {width:500px; text-align:right; margin:5px 5px 12px 5px; border-top:1px solid #232323; font-size:11px; color:{color:text};} #perm a {color:{color:Source};}
  127. .date {text-align:left; font-size:20px; text-transform:uppercase; padding:1px 3px 1px 0px; color:{color:Date}; letter-spacing:-1px; font-weight:bold; display:block; width:70px; line-height:22px;}
  128.  
  129. #perm {position:absolute; margin-left:-95px;}
  130.  
  131. #side {position:absolute; left:670px; top:55px; width:300px; z-index:3;}
  132.  
  133. #headback {position:relative; margin:auto; margin-top:50px; height:400px; left:0%;}
  134. #header {position:fixed; left:0%; top:0%; width:100%; height:auto; background:{color:Header BG}; z-index:9999; }
  135.  
  136. .toplinks {padding:0px 30px 30px 30px; width:310px; font-size:15px; color:{color:Bold}; text-transform:uppercase; line-height:30px;} .toplinks a {color:{color:Header Title}; font-weight:bold; padding:4px; border:1px solid {color:Header BG};} .toplinks a:hover { border:1px solid {color:Header Title};}
  137.  
  138. blockquote {border-left:2px solid {color:Pic Border}; padding-left:10px; margin-left:30px;} small {font-size:11px;} sub {font-size:11px;} pre {font-size:11px;} blockquote img {max-width:37em; max-height:37em}
  139. .caption {line-height:15px; margin-top:5px; width:500px; overflow:hidden; padding-left:7px;}
  140.  
  141. .subcontent {
  142. margin-bottom: 40px;
  143. padding: 10px;
  144. }
  145.  
  146. #xlinks {
  147. margin-top: 10px;
  148. }
  149.  
  150. #xlinks a {
  151. width: 250px;
  152. display: block;
  153. height: 25px;
  154. font-size: 9=10px;
  155. line-height: 25px;
  156. text-align: center;
  157. text-transform: uppercase;
  158. background: {color:Extra Link Background};
  159. color: {color:Extra Link Font};
  160. letter-spacing: 2px;
  161. margin-bottom: 5px;
  162. }
  163.  
  164. #xlinks a:hover {
  165. background: {color:Extra Link Hover Background};
  166. color: {color:Extra Link Hover Font};
  167. }
  168.  
  169. .welc {font-weight:bold; font-size:18px; letter-spacing:1px; color:{color:Sidebar Title}; background:{color:Sidebar BG}; text-transform:uppercase; border:1px solid #000; padding:8px; margin:15px;} .welc:first-letter {color:{color:Side Links BG}; font-style:italic;}
  170.  
  171. .disclaimer {font-weight:bold; font-size:22px; color:#ffffff; text-transform:uppercase; padding-bottom:3px;}
  172. .bottomdesc {font-size:11px; line-height:15px; width:300px; text-align:justify;}
  173.  
  174. .sidedesc {padding:10px; font-size:11px; line-height:15px; text-align:justify; color:#555; background:{color:Sidebar BG}; border:1px solid {color:Pic Border};}
  175. .ssidedesc {padding:10px; font-size:11px; line-height:25px; text-align:justify; color:#555; background:{color:Sidebar BG}; border:1px solid {color:Pic Border};} .ssidedesc b {color:{color:Text}; font-size:13px; border-bottom:2px solid {color:Side Links BG}; }
  176. .ssidedesco b {color:{color:Side Links BG}; font-size:13px;}
  177.  
  178.  
  179. #question {padding:8px; border-bottom:0px solid {color:Bold}; line-height:16px;} #question b {color:{color:Text};}
  180.  
  181. .title {Font-size:18px;font-weight:bold; color:{color:Title Color}; text-align:center; text-transform:uppercase; line-height:25px; padding:5px;}
  182.  
  183. .btitle {font-size:35px; color:{color:Header Title}; font-weight:bold; text-transform:uppercase; padding:20px 30px 20px 30px;}
  184. .btitle a {margin:0px 25px 0px 25px; padding:4px; display:inline-block; vertical-align:middle; font-size:15px; color:{color:Top Links}; text-transform:uppercase; line-height:30px; border-bottom:2px solid {color:Header BG};} .btitle a:hover {border-bottom:2px solid {color:Header Title};}
  185.  
  186.  
  187. input {background-color:{color:Search Box}; color:{color:Text}; padding:7px; border-style:none; font-size:11px;margin-top:8px; margin-right:18px;} input[type=submit] {font-weight:bold; letter-spacing:1px; margin-left:-15px; background-color:{color:Sidebar BG}; color:{color:Sidebar Title}; text-transform:uppercase;}
  188.  
  189. #pagin {position:relative; bottom:0; left:0; width:100%; height:auto; background-color:#000000; font-size:25px; padding:18px 15px 5px 0px; margin-left:-10px; z-index:901; color:#fff;} #pagin a {font-weight:bold; color:#ffffff}
  190.  
  191. .audalbum {width:130px; height:130px; margin-right:20px;} .audplayer
  192. {position:absolute; background:#000; margin-top:-95px; margin-left:45px; border:10px solid #000; width:25px; height:25px; overflow:hidden; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
  193.  
  194. ol.notes {padding: 10px; margin: 25px 0px; list-style-type: none;}
  195. ol.notes li.note {padding: 10px;}
  196. ol.notes li.note img.avatar {display:none; margin-right:10px;}
  197. iframe#tumblr_controls {position:fixed !important; top:0% !important;
  198. right:0% !important; -webkit-filter:invert(100%); opacity:1; z-index:9999;}
  199.  
  200. ::-webkit-scrollbar {width:6px; height:5px;}
  201. ::-webkit-scrollbar-track-piece {background-color:#fff;}
  202. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  203.  
  204. #makeMeScrollable {width:100%;height:400px; position:relative; overflow: hidden;}
  205.  
  206. #makeMeScrollable div.scrollableArea img{
  207. position: relative; float: left;
  208. margin: 0; padding: 0;
  209. -webkit-user-select: none;
  210. -khtml-user-select: none;
  211. -moz-user-select: none;
  212. -o-user-select: none;
  213. user-select: none;}
  214.  
  215. div.scrollWrapper{position: relative; overflow: hidden; width: 100%; height: 100%;}
  216. div.scrollableArea{position: relative; width: auto; height: 100%;}
  217.  
  218. {CustomCSS}
  219. </style>
  220.  
  221. </head>
  222.  
  223. <body>
  224. <div id="header">
  225. <div class="btitle">{title} <a href="/">home</a>&nbsp; <a href="{text:2nd Link URL}">{text:2nd Link Title}</a>&nbsp; <a href="{text:3rd Link URL}">{text:3rd Link Title}</a>&nbsp; <a href="{text:4th Link URL}">{text:4th Link Title}</a> <a href="{text:5th Link URL}">{text:5th Link Title}</a>&nbsp; <a href="{text:6th Link URL}">{text:6th Link Title}</a></div>
  226. </div><br><br><br><br><br>
  227.  
  228.  
  229.  
  230.  
  231. <div id="headback">
  232. <div id="makeMeScrollable">
  233. <img src="{image:750x400 Header 1}"/>
  234. <img src="{image:750x400 Header 2}"/>
  235. <img src="{image:750x400 Header 3}" />
  236. <img src="{image:750x400 Header 4}"/>
  237. <img src="{image:750x400 Header 5}" />
  238. <img src="{image:750x400 Header 6}" />
  239. </div>
  240.  
  241. </div>
  242. <br>
  243.  
  244.  
  245. <div id="container2">
  246.  
  247. <div id="side"><br>
  248.  
  249. <div class="sidedesc">
  250. <div class="welc">welcome</div>
  251. <div style="padding:15px;">{Description}</div></div>
  252. {block:IndexPage}
  253. <br><br>
  254.  
  255. <div class="ssidedesc">
  256. <div class="welc">acting</div>
  257. <div style="padding:15px;"><B>2014</B> It's Okay, That's Love<br> <B>2014</B> Surplus Princess<br><B>2014</B> The Greatest Marriage<br> <B>2014</B> Sunam Girls High School Detectives</div></div>
  258. <br><br>
  259.  
  260. <div class="sidedesc">
  261. <div class="welc">MODELLING</div>
  262. <div style="padding:15px;">Kiyong began modelling in 2012 and was selected as most promising newcomer model by Korea Model Association at the same time. He made his runway debut at the General Idea by Bumsuk Choi 2012 S/S Show. Following his success as a fashion model, Kiyong became more well-known due to being charged as the face of several clothing brands such as ROLIAT.</div></div>
  263. <br><br>
  264.  
  265. <div class="ssidedesc">
  266. <div class="welc">OFFICIAL LINKS</div>
  267. <div class="subcontent"><center><div id="xlinks">
  268.  
  269. {block:ifExtraLinkOne}
  270. <a href="{text:Extra Link One URL}">{text:Extra Link One}</a>
  271. {/block:ifExtraLinkOne}
  272.  
  273. {block:ifExtraLinkTwo}
  274. <a href="{text:Extra Link Two URL}">{text:Extra Link Two}</a>
  275. {/block:ifExtraLinkTwo}
  276.  
  277. {block:ifExtraLinkThree}
  278. <a href="{text:Extra Link Three URL}">{text:Extra Link Three}</a>
  279. {/block:ifExtraLinkThree}
  280.  
  281. {block:ifExtraLinkFour}
  282. <a href="{text:Extra Link Four URL}">{text:Extra Link Four}</a>
  283. {/block:ifExtraLinkFour}
  284.  
  285. {block:ifExtraLinkFive}
  286. <a href="{text:Extra Link Five URL}">{text:Extra Link Five}</a>
  287. {/block:ifExtraLinkFive}
  288.  
  289. </div></center></div></div>
  290. <br><br>
  291.  
  292. <div class="sidedesc">
  293. <div class="welc">FEATURED</div>
  294. <div style="padding:15px;"><a href="/tagged/yong-tv"> <img src="http://static.tumblr.com/9svpram/cunnfjvx8/untitled-13.jpg"></a><br><br>
  295. <a href="/tagged/ygkplus-tv"><img src="http://static.tumblr.com/9svpram/XJAnfjvw4/untitled-11.jpg"></a>
  296. </div></div>
  297. {/block:IndexPAge}
  298. </div>
  299.  
  300. <br><br>
  301. {block:Posts}
  302.  
  303. {block:Text}
  304. <div id="picture">
  305. {block:IndexPage}<div id="perm"><table><tr><td style="padding-right:10px">{LikeButton size="22" color="black"}</td> <td>{ReblogButton size="22" color="black"}</td></tr></table><Br> <a href="{Permalink}"><span title="{NoteCountwithLabel}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></span></a></div>{/block:IndexPage}
  306.  
  307. {block:Title}<div class="title">{Title}</div>{/block:Title}
  308. <div class="caption">{Body}</div>
  309. {block:IndexPage}<Div id="source">{block:HasTags}<div class="tags"> <b>TAGS:</b>{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br></div>{/block:IndexPage}
  310. </div>{/block:Text}
  311.  
  312.  
  313. {block:Photo}
  314. <div id="picture">
  315. <div id="perm"><table><tr><td style="padding-right:10px">{LikeButton size="22" color="black"}</td> <td>{ReblogButton size="22" color="black"}</td></tr></table><Br> <a href="{Permalink}"><span title="{NoteCountwithLabel}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></span></a></div>
  316.  
  317. <A href="{Permalink}">{LinkOpenTag}<img class="picturebord" src="{PhotoURL-500}" width="500"/>{LinkCloseTag}</a><br>
  318. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  319.  
  320. <Div id="source">{block:HasTags}<div class="tags"> <b>TAGS:</b>{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br></div>
  321. </div>{/block:Photo}
  322.  
  323.  
  324. {block:Photoset}
  325. <div id="picture">
  326. <div id="perm"><table><tr><td style="padding-right:10px">{LikeButton size="22" color="black"}</td> <td>{ReblogButton size="22" color="black"}</td></tr></table><Br><a href="{Permalink}"><span title="{NoteCountwithLabel}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></span></a></div>
  327.  
  328. <div class="picturebord">{Photoset-500}</div>
  329. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  330.  
  331. <Div id="source">{block:HasTags}<div class="tags"> <b>TAGS:</b>{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br></div>
  332. </div>{/block:Photoset}
  333.  
  334.  
  335. {block:Audio}
  336. <div id="picture">
  337. <div id="perm"><table><tr><td style="padding-right:10px">{LikeButton size="22" color="black"}</td> <td>{ReblogButton size="22" color="black"}</td></tr></table><Br><a href="{Permalink}"><span title="{NoteCountwithLabel}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></span></a></div>
  338.  
  339. <table><tr><td><img class="audalbum" style="border:1px solid #f2f2f2; padding:3px;" src="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}"> <div class="audplayer">{block:AudioPlayer}{AudioPlayerBlack} {/block:AudioPlayer}</div></td> <td style="font-size:17px; line-height:18px;">{block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName} {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:PlayCount}<b>Plays:</b> {PlayCount}{/block:PlayCount}</div></td></tr></table>
  340. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  341. <Div id="source">{block:HasTags}<div class="tags"> <b>TAGS:</b>{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br></div>
  342. </div>{/block:Audio}
  343.  
  344.  
  345. {block:Quote}
  346. <div id="picture">
  347. <div id="perm"><table><tr><td style="padding-right:10px">{LikeButton size="22" color="black"}</td> <td>{ReblogButton size="22" color="black"}</td></tr></table><Br> <a href="{Permalink}"><span title="{NoteCountwithLabel}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></span></a></div>
  348.  
  349. <div class="title">"{Quote}"</div>{block:Source}<blockquote> — {Source}</blockquote>{/block:Source}
  350. <Div id="source">{block:HasTags}<div class="tags"> <b>TAGS:</b>{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br></div>
  351. </div>{/block:Quote}
  352.  
  353.  
  354. {block:Video}
  355. <div id="picture">
  356. <div id="perm"><table><tr><td style="padding-right:10px">{LikeButton size="22" color="black"}</td> <td>{ReblogButton size="22" color="black"}</td></tr></table><Br> <a href="{Permalink}"><span title="{NoteCountwithLabel}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></span></a></div>
  357.  
  358. <div class="picturebord">{video-500}</div>
  359. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  360. <Div id="source">{block:HasTags}<div class="tags"><b>TAGS:</b>{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br></div>
  361. </div>{/block:Video}
  362.  
  363.  
  364. {block:Link}
  365. <div id="picture">
  366. <div id="perm"><table><tr><td style="padding-right:10px">{LikeButton size="22" color="black"}</td> <td>{ReblogButton size="22" color="black"}</td></tr></table><Br><a href="{Permalink}"><span title="{NoteCountwithLabel}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></span></a></div>
  367.  
  368. <div class="title"><a href="{URL}" style="color:{color:Title Color};" {Target}>→ {Name}</a></div>{block:Description}{Description}{/block:Description}
  369. <Div id="source">{block:HasTags}<div class="tags"><b>TAGS:</b>{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br></div>
  370. </div>{/block:Link}
  371.  
  372.  
  373. {block:Chat}
  374. <div id="picture">
  375. <div id="perm"><table><tr><td style="padding-right:10px">{LikeButton size="22" color="black"}</td> <td>{ReblogButton size="22" color="black"}</td></tr></table><Br> <a href="{Permalink}"><span title="{NoteCountwithLabel}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></span></a></div>
  376.  
  377. {block:Title}<div class="title">{Title}</div>{/block:Title}
  378. <div class="chat">{block:Lines}
  379. <div class="lines"><div class="line {Alt}">
  380. {block:Label}<b>{Label}</b>{/block:Label} {Line}</div></div>{/block:Lines}
  381. <Div id="source">{block:HasTags}<div class="tags"><b>TAGS:</b>{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br></div>
  382. </div></div>{/block:Chat}
  383.  
  384.  
  385. {block:Answer}
  386. <div id="picture">
  387. <div id="perm"><table><tr><td style="padding-right:10px">{LikeButton size="22" color="black"}</td> <td>{ReblogButton size="22" color="black"}</td></tr></table><Br> <a href="{Permalink}"><span title="{NoteCountwithLabel}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></span></a></div>
  388.  
  389. <table><tr><td><img src="{AskerPortraitURL-30}"></img></td>
  390. <td><div id="question" style="width:460px;"><b>{Asker}</b>: {Question}</div></td></tr></table><br>
  391. {Answer}
  392. <Div id="source">{block:HasTags}<div class="tags"><b>TAGS:</b>{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br></div>
  393. </div>{/block:Answer}
  394.  
  395. {block:PermalinkPage}
  396. <div id="pictureperm">
  397. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  398. </div>{/block:PermalinkPage}
  399.  
  400. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  401. {/block:Posts}
  402. </div>
  403.  
  404. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
  405. <script src="http://static.tumblr.com/tyt3xth/Bu4nazg0f/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
  406. <script src="http://static.tumblr.com/tyt3xth/TzUnazftn/smoothdivscroll.js" type="text/javascript"></script>
  407. <script type="text/javascript" src="http://static.tumblr.com/tyt3xth/ZG1nazgq3/jquerymousewheel.js"></script>
  408. <script type="text/javascript">
  409. $(document).ready(function () {
  410. $("#makeMeScrollable").smoothDivScroll({
  411. mousewheelScrolling: "",
  412. visibleHotSpotBackgrounds: "hover",
  413. autoScrollingDirection: "backAndForth",
  414. manualContinuousScrolling: true,
  415. hotSpotScrollingInterval: 80,
  416. autoScrollingMode: "onStart"
  417. });
  418. });
  419. </script>
  420.  
  421.  
  422. <script type="text/javascript">
  423. $(function() {
  424. $(window).scroll(function(){
  425. var scrollTop = $(window).scrollTop();
  426. if(scrollTop != 0)
  427. $('#header').stop().animate({'opacity':'0.2'},400);
  428. else
  429. $('#header').stop().animate({'opacity':'1'},400);
  430. });
  431.  
  432. $('#header').hover(
  433. function (e) {
  434. var scrollTop = $(window).scrollTop();
  435. if(scrollTop != 0){
  436. $('#header').stop().animate({'opacity':'1'},400);
  437. }
  438. },
  439. function (e) {
  440. var scrollTop = $(window).scrollTop();
  441. if(scrollTop != 0){
  442. $('#header').stop().animate({'opacity':'0.2'},400);
  443. }
  444. }
  445. );
  446. });</script>
  447.  
  448.  
  449. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  450. <script>
  451. $(function(){
  452. var $container = $('#container2');
  453. $container.imagesLoaded(function(){
  454. $container.masonry({
  455. itemSelector: '#picture',
  456. }); });
  457. $container.infinitescroll({
  458. itemSelector : "#picture",
  459. navSelector : "",
  460. nextSelector : "",
  461. },
  462. function( newElements ) {
  463. var $newElems = $( newElements ).css({ opacity: 0 });
  464. $newElems.imagesLoaded(function(){
  465. $newElems.animate({ opacity: 1 });
  466. $container.masonry( 'appended', $newElems, true );
  467. }); } ); });
  468. </script>
  469. </body>
  470.  
  471. </div>
  472. </html>
  473. {block:IndexPage}{block:Pagination}<div id="pagin"><center><table><tr><td valign="top" style="padding-right:200px;"><div class="bottomdesc"><br>
  474. <div class="disclaimer">Disclaimer</div><br>
  475. {text:Disclaimer}</div></td> <td style="font-size:20px; font-style:italic; text-transform:uppercase; letter-spacing:1px;">{block:PreviousPage} <a href="{PreviousPage}">back</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}</td>
  476.  
  477. <td width="250"><Center><span style="font-size:10px; line-height:10px; color:#616161;">Powered by Tumblr<br> Theme by <a href="http://99mb.tumblr.com/">99mb</a></span></Center></td></tr></table></Center><br><br>
  478. {/block:Pagination}</div>{/block:IndexPage}
  479. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!