Advertisement
lleelii

nct u

May 22nd, 2016
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.58 KB | None | 0 0
  1. <!---
  2. THEME BY: 99MB EXCLUSIVELY FOR NCT U
  3.  
  4. NAV MENU BY: http://codepen.io/jaywerra/pen/fIcGv
  5. --->
  6.  
  7. <html><head><title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9.  
  10. <meta name="color:Links" content="#00bcc5">
  11.  
  12. <meta name="image:Header 1" content="">
  13. <meta name="image:Header 2" content="">
  14. <meta name="image:Header 3" content="">
  15. <meta name="image:Header 4" content="">
  16. <meta name="image:Header 5" content="">
  17. <meta name="image:Header 6" content="">
  18.  
  19.  
  20. <meta name="text:1st Update IMG" content="http://cfile239.uf.daum.net/original/2257883B5569EBCB2C57A7"/>
  21. <meta name="text:2nd Update IMG" content="https://36.media.tumblr.com/5c59a9097fffeb05b3b49b30ecdb472d/tumblr_np4dhwUqae1rnkj5ho1_1280.jpg"/>
  22. <meta name="text:3rd Update IMG" content="http://i.imgur.com/V9GcE7a.jpg"/>
  23. <meta name="text:4th Update IMG" content="http://41.media.tumblr.com/76e17ee2335bafd4ab8a75b2f6a76664/tumblr_nkixywWW9t1rnkj5ho1_1280.jpg"/>
  24.  
  25. <meta name="text:1st Update Title" content="150530 Daehyun @ Busan Port Festival"/>
  26. <meta name="text:2nd Update Title" content="150529 Daehyun @ Busan Port Festival"/>
  27. <meta name="text:3rd Update Title" content="150509 Daehyun & Himchan @ Guerilla Street Concert in Sinchon"/>
  28. <meta name="text:4th Update Title" content="150228 Daehyun @ One Voices Concert"/>
  29. <meta name="text:1st Update Link" content="/tagged/150530"/>
  30. <meta name="text:2nd Update Link" content="/tagged/150529"/>
  31. <meta name="text:3rd Update Link" content="/tagged/150509"/>
  32. <meta name="text:4th Update Link" content="/tagged/150228"/>
  33.  
  34. <meta name="text:Schedule" content="<b>DATE</b> Schedule Thing"/>
  35.  
  36.  
  37. <!-- FONTS -->
  38. <link href='https://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  39. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
  40. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  41.  
  42. <!-- jQuery library (served from Google) -->
  43. <script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
  44.  
  45.  
  46. <script type="text/javascript" src="http://static.tumblr.com/tyt3xth/xgQmuff5c/slidedshow.js">
  47.  
  48. /***********************************************
  49. * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  50. * This notice MUST stay intact for legal use
  51. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script
  52. ***********************************************/
  53.  
  54. </script>
  55.  
  56. <script type="text/javascript">
  57.  
  58. var mygallery=new fadeSlideShow({
  59. wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
  60. dimensions: [1200, 550], //width/height of gallery in pixels. Should reflect dimensions of largest image
  61. imagearray: [
  62. ["{image:Header 1}"],
  63. ["{image:Header 2}"],
  64. ["{image:Header 3}"],
  65. ["{image:Header 4}"] //<--no trailing comma after very last image element!
  66. ],
  67. displaymode: {type:'auto', pause:4600, cycles:0, wraparound:false},
  68. persist: false, //remember last viewed slide and recall within same session?
  69. fadeduration: 500, //transition duration (milliseconds)
  70. descreveal: "ondemand",
  71. togglerid: ""
  72. })
  73.  
  74. </script>
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79. /* BODY -----------------------------------*/
  80. body {background-color:#ffffff; color:#333; padding:0;margin:0;height:100%; overflow-x:hidden; font-family: 'Lato', sans-serif; font-size:13px; text-transform:normal; line-height:16px; word-wrap:break-word; -webkit-font-smoothing: antialiased;}
  81.  
  82. b, strong {font-weight: bold; color:#040404;}
  83. i, italic, em {font-style: italic;}
  84.  
  85. 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;}
  86. a:hover {color:#b70e0e; text-decoration:none;}
  87.  
  88. div#container2 {margin:100px auto; min-height:100%; width:1280px; padding:10px; background:#fff; overflow:auto;}
  89.  
  90. #postcontain {float:left; margin-left:80px; margin-top:-10px; width:480px; position:relative;}
  91. #picture {width:550px; margin:40px 25px 5px 15px; background:#fff;}
  92. .picturebord {width:550px;}
  93. .picturebord img {float:left; max-width:550px;}
  94. #pictureperm {width:550px; float:center; margin-left:20px;font-size:11px;}
  95. #picture:hover .date {opacity:0;}
  96.  
  97. .center {margin:0 auto; text-align:Center;}
  98.  
  99. /* SOURCES -----------------------------------*/
  100. .tags {font-size:10px; padding:5px; width:510px; line-height:22px; } .tag {text-transform:uppercase; color:#000; border-radius:5px; padding:3px;} .tag a, .tags a {color:#000 !important; font-weight:700;} .tag a:hover, .tags a:hover {background-color:#d30606; color:#fff !important;}
  101.  
  102. #source {width:600px; margin:-5px 0px 90px 15px; text-align:left; line-height:5px; padding:15px 10px 4px 10px; font-size:12px; text-transform:uppercase;box-sizing: border-box;}
  103. #source a {color:#777;}
  104.  
  105. #cat {width:600px; padding:10px; height:50px; text-align:left; font-size:13px; display:Block; margin-top:-4px; text-transform:uppercase; font-weight:700; box-sizing: border-box;}
  106. #cat a {color:#333;}
  107.  
  108. .e {background-color:rgba(0, 0, 0, 0); padding:6px; border-radius:5px; -moz-border-radius:5px;} .e:hover {background-color:rgba(0, 0, 0, 0.05);}
  109.  
  110. .date {position:absolute; background-color:rgba(0,0,0,0.5); border-radius:100%; width:75px; margin:10px; padding:18px; text-align:center; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  111. .date a {font-family: 'Open Sans Condensed', sans-serif; text-transform:uppercase; font-weight:700; font-size:20px; color:#fff; line-height:26px; text-shadow:1px 1px #000;}
  112.  
  113. /* HEADER -----------------------------------*/
  114. header {position:fixed; left:0%; top:0%; width:100%; height:auto; background:#000; z-index:99; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; padding:10px 0;}
  115. .shrink {padding:5px 0; height:65px; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.03); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.03); }
  116. .logo, .logo a {font-family: 'Six Caps', sans-serif; color:#fff !important; font-size:45px; letter-spacing:2px; font-weight:bold; text-transform:uppercase; -webkit-filter:invert(0%); position:relative; float:left;}
  117. .logo img {width:60px; margin-top:-5px; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  118. .nav img {width:30px;}
  119. .shrink .logo img {width:60px;}
  120. .shrink .nav img {width:20px;}
  121. #headback {position:relative; height:550px; margin:15px auto; width:1200px; }
  122.  
  123.  
  124. /* CAPTION -----------------------------------*/
  125. blockquote {border-left:1px solid #e4e4e4; padding-left:12px; margin-left:30px;} small {font-size:11px;} sub {font-size:11px;} pre {font-size:11px;} blockquote img {max-width:37em; max-height:37em}
  126. .caption {line-height:20px; margin-top:-4px; width:550px; overflow:hidden; padding:16px; background-color:#f9f9f9; text-align:justify; box-sizing: border-box;} .caption a {text-decoration:;}
  127.  
  128. .readmore {text-transform:uppercase; padding:8px; background-color:#f3f3f3; border:1px solid #e8e8e8; border-radius:10px; font-size:12px; border-bottom:1px dotted #989898; float:right;}
  129. .readmore:hover {background-color:#d9d9d9;}
  130.  
  131. /* SIDEBARS -----------------------------------*/
  132. #side {position:relative; float:right; margin-top:30px; margin-right:90px; width:380px; z-index:3; padding:18px; background-color:#f7f7f7;}
  133. .info {width:330px;}
  134.  
  135. .welc {font-weight:bold; font-size:25px; line-height:16px; color:#da0000; font-family: 'Open Sans Condensed', sans-serif; letter-spacing:-1px; text-transform:uppercase; padding:18px 18px 10px 10px; border-bottom:1px solid #eee;}
  136. .sidedesc {padding:5px; font-size:13px; line-height:20px; text-align:justify; color:#555; border-bottom:1px solid #f1f1f1; }
  137. .ssidedesc {padding:5px; font-size:12px; line-height:25px; text-align:justify; color:#555; }
  138. .ssidedesc b {color:{color:Text}; font-family: 'Open Sans Condensed', sans-serif; text-transform:uppercase; font-weight:700; font-size:20px; color:#fff; margin-right:10px; line-height:26px; text-shadow:1px 1px #000; -webkit-text-stroke: 0.5px black;}
  139. .ssidedesc a {-moz-border-radius:9px; border-radius:9px; padding:10px; border:1px solid #efefef; margin:10px;}
  140. .oflinks {}
  141. .oflinks a {line-height:34px; font-size:24px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; -webkit-text-stroke: 0.5px black; text-shadow:1px 1px #fff; color:transparent;}
  142. .oflinks a:hover {text-shadow:1px 1px #000; }
  143.  
  144. /* ASK & TITLE -----------------------------------*/
  145. #question {padding:8px; border-bottom:1px solid #f1f1f1; line-height:16px;} #question a {color:#000 !important;}
  146.  
  147. .title {Font-size:24px; font-weight:700; font-family: 'Open Sans Condensed', sans-serif; color:#000; text-align:Center; line-height:25px; padding:15px;}
  148.  
  149. /* SEARCH -----------------------------------*/
  150. input[type=text] {background-color:#f3f3f3; color:#000; padding:8px; border-style:none; font-size:14px; outline:0;}
  151. input[type=submit] {font-weight:bold; background:rgba(255,255,255,0); letter-spacing:1px; font-size:26px; margin-left:5px; color:#000; border-style:none; outline:0; font-family:calibri;}
  152.  
  153. /* PAGIN -----------------------------------*/
  154. #pagin {height:auto; font-size:14px; padding:5px 0px 20px 30px; color:#000; display:inline; } #pagin a {color:#000; padding:10px; background-color:#fff; border:1px solid #f1f1f1; margin-right:20px; }
  155. #pagin a:hover {color:#fff; background-color:#b70e0e;}
  156.  
  157. /* DISCLAIMER -----------------------------------*/
  158. footer {width: 100%; height:180px; padding:20px; background:#040404; clear: both; position: relative;bottom:0%; left:0%;}
  159.  
  160. .scd {font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:34px; color:#fff; text-transform:uppercase; padding:10px 0px 10px 0px;}
  161. .bottomdesc {font-size:12px;line-height:18px; width:450px;text-align:justify;color:#777;} .bottomdesc b {Color:#777;}
  162.  
  163. /* NOTES -----------------------------------*/
  164. ol.notes {padding:10px;margin:25px 0px; list-style-type:none;}
  165. ol.notes li.note {padding:5px;}
  166. ol.notes li.note img.avatar {display:none; margin-right:10px;}
  167. iframe#tumblr_controls, iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {position:fixed !important; top:0% !important; right:0% !important; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); z-index:9999;}
  168.  
  169. /* CUSTOM VIDEO SIZE -----------------------------------*/
  170. .video iframe, .tumblr_video_container {display:block;}
  171.  
  172. .tumblr_video_container {width:auto!important; height:auto!important;}
  173.  
  174. .video {display:block; position:Relative; width:540px;}
  175.  
  176. {CustomCSS}
  177.  
  178. #owl-demo .item, #owl-demo2 .item{margin: 3px;}
  179. #owl-demo .item img, #owl-demo2 .item img{display: block; width: 100%; height: auto;}
  180. #owl-demo .item:after, #owl-demo2 .item:after {
  181. content:'\A';
  182. position:absolute;
  183. width:100%; height:100%;
  184. top:0; left:0;
  185. background:rgba(183,14,14,0.6);
  186. opacity:0; transition: all 0.5s;
  187. -webkit-transition: all 0.5s;}
  188. #owl-demo .item:hover:after, #owl-demo2 .item:hover:after {opacity:1;}
  189.  
  190. .upcap {position:absolute; font-weight:700; width:280px; margin-left:30px; margin-top:20%; font-weight:bold; z-index:900; color:#fff; font-size:22px; padding:5px; text-align:center; text-shadow: rgba(0,0,0,0.7) 1px 1px 0px; line-height:26px; opacity:0;}.upcap a {color:#fff;}
  191. #owl-demo .item:hover .upcap {opacity:1;}
  192.  
  193.  
  194. .nav {position:relative; float:left; width:70%; left:0; margin-top:10px; margin-right:40px; z-index:2;}
  195. .nav li a {font-family: 'Montserrat', sans-serif; text-transform:uppercase; color:#fff; font-size:14px; font-weight:700;}
  196. .nav ul li {display:block; text-align:Center; width:70px; float:left;padding:0 20px;position:relative;
  197. }
  198. .dd-content {display:none; position:absolute; left:-25px; top:0px; background:#000; padding:14px; text-align:Center; overflow: hidden; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.03); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.03); }
  199. .dd-content ul { width:100px;}
  200. .dd-content ul li {margin-left:-30px; width:100%; padding:10px;}
  201. .dd-content ul li a { width:80% !important; padding:10px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; color:#fff; font-size:11px;}
  202. .dd-content ul li a:hover {color:#b70e0e;}
  203.  
  204.  
  205.  
  206. /* Slider Arrows */
  207.  
  208. .nivo-directionNav a {
  209. width:40px;
  210. height:200px;
  211. top:33%;
  212. border:0;
  213. position:absolute;
  214. display:block;
  215. z-index:9;
  216. cursor:pointer;
  217. background:url('http://static.tumblr.com/tyt3xth/zP0mzzsju/barrows.png') no-repeat;
  218. text-indent:-9999px;
  219.  
  220. }
  221. .nivoSlider .nivo-directionNav a {
  222. opacity: 0;
  223. -webkit-transition: all 200ms ease-in-out;
  224. -moz-transition: all 200ms ease-in-out;
  225. -o-transition: all 200ms ease-in-out;
  226. transition: all 200ms ease-in-out;
  227. }
  228. .nivoSlider:hover .nivo-directionNav a {opacity:1;}
  229. a.nivo-nextNav {background-position:-105px 0;right:15px;}
  230. a.nivo-prevNav {left:15px;}
  231. .nivo-prevNav {left:0px;}
  232. .nivo-nextNav {right:0px;}
  233.  
  234. </style>
  235.  
  236. <link rel="stylesheet" href="http://static.tumblr.com/tyt3xth/S8Fnqtz97/owl.carousel.css">
  237. <link rel="stylesheet" href="http://static.tumblr.com/tyt3xth/mDlnqtz7o/owl.theme.css">
  238.  
  239. </head>
  240.  
  241. <body onload="increaseVideoSize()">
  242.  
  243.  
  244. <header><a class="logo" style="margin-left:40px;" href="/"><img src="http://i.imgur.com/E2vxwLe.png" /></a>
  245.  
  246. <div class="nav">
  247. <ul id="full-size">
  248. <li><a href="/message">ask</a></li>
  249. <li><a href="/"><span>about<span></a>
  250. <div class="dd-content"><ul>
  251. <li><a href="/Taeil">Taeil</a></li>
  252. <li><a href="/Hansol">Hansol</a></li>
  253. <li><a href="/Johnny">Johnny</a></li>
  254. <li><a href="/Taeyong">Taeyong</a></li>
  255. <li><a href="/Yuta">Yuta</a></li>
  256. <li><a href="/Kun">Kun</a></li>
  257. <li><a href="/Doyoung">Doyoung</a></li>
  258. <li><a href="/Ten">Ten</a></li>
  259. <li><a href="/Jaehyun">Jaehyun</a></li>
  260. <li><a href="/WinWin">Win Win</a></li>
  261. </ul>
  262. </div>
  263. </li>
  264. <li><a href="/tags">tags</a></li>
  265. <li><a href="/events">events</a>
  266. <div class="dd-content"><ul>
  267. <li><a href="/events">events</a></li>
  268. <li><a href="/e2014">2014</a></li>
  269. <li><a href="/e2015">2015</a></li>
  270. </ul> </div>
  271. </li>
  272. <li><a href="/archive">fansites</a></li>
  273. </ul>
  274. </header>
  275.  
  276. <br /><Br /><Br /><Br />
  277. <div id="headback">
  278. <Br /><Br />
  279. <div id="fadeshow1" style="min-width:100% !important; z-index:1;"></div>
  280. </div>
  281.  
  282.  
  283.  
  284. <div id="container2">
  285. <div id="side"><br>
  286.  
  287. <div class="welc">Welcome <br> <t style="font-size:13px; line-height:25px; font-weight:300;">information about our site</t></div><br>
  288. <div class="sidedesc">{description} <br><br> <center><form onsubmit="return tagSearch(this)"><input type="text" name="tag" size="30" placeholder="Search" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" /><input type="submit" value="➜" /></form></center>
  289. <br />
  290. </div>
  291. <br /><br />
  292.  
  293. <div class="welc">recent events</div><br>
  294. <div class="sidedesc">
  295. <div id="owl-demo">
  296. <div class="item"><div class="upcap"><a href="{text:1st Update Link}">{text:1st Update Title}</a></div><img src="{text:1st Update IMG}"></div>
  297. <div class="item"><div class="upcap"><a href="{text:2nd Update Link}">{text:2nd Update Title}</a></div><img src="{text:2nd Update IMG}"></div>
  298. <div class="item"> <div class="upcap"><a href="{text:3rd Update Link}">{text:3rd Update Title}</a></div><img src="{text:3rd Update IMG}"></div>
  299. <div class="item"><div class="upcap"><a href="{text:4th Update Link}">{text:4th Update Title}</a></div><img src="{text:4th Update IMG}"></div>
  300.  
  301. </div>
  302.  
  303. </div>
  304. <br><br>
  305.  
  306. <div class="welc">official links</div>
  307. <div class="sidedesc" style="padding:15px;">
  308. <center><span class="oflinks">
  309. <A href="">OFFICIAL WEBSITE</a><br/>
  310. <a href="">OFFICIAL TWITTER</a> <br/>
  311. <a href="">OFFICIAL FACEBOOK</a> <br/>
  312. <a href="">OFFICIAL WEIBO</a> <br/>
  313. <a href="">OFFICIAL YOUTUBE</a> <br/> </span>
  314. </center>
  315. </div>
  316. <br><br>
  317.  
  318. <div class="welc">schedule</div>
  319. <div class="ssidedesc" style="padding:15px;">{text:Schedule}<br><br> <center><a href="/tagged/T:schedule" class="readmore">More Schedules Here</a></center></div>
  320. <br><br><br><br><br>
  321.  
  322. </div>
  323.  
  324.  
  325.  
  326.  
  327. <div id="postcontain">
  328. {block:Posts}
  329.  
  330. {block:Text}
  331. <div id="picture">
  332. {block:Title}<div class="title">{Title}</div>{/block:Title}
  333. <table style="margin-left:-3px;"><tr><td><div class="caption">{Body}</div></td></tr></table>
  334. {block:IndexPage}<div id="cat"><table><tr><td class="e">{LikeButton size="15" color="grey"}</td> <td class="e">{ReblogButton size="15" color="grey"}</td> <td><a href="{Permalink}"> posted {Month} {DayOfMonthWithZero} {Year}</a></td></tr></table></div>{/block:IndexPage}
  335. </div>{/block:Text}
  336.  
  337.  
  338. {block:Photo}
  339. <div id="picture">
  340. <div class="date"><a href="{Permalink}"> posted {ShortMonth} {DayOfMonthWithZero} {Year}</a></div>
  341.  
  342. <A href="{Permalink}">{LinkOpenTag}<img class="picturebord" src="{PhotoURL-HighRes}" width="540"/>{LinkCloseTag}</a><br>
  343. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  344.  
  345. </div>{/block:Photo}
  346.  
  347.  
  348. {block:Photoset}
  349. <div id="picture">
  350. <div class="date"><a href="{Permalink}"> posted {ShortMonth} {DayOfMonthWithZero} {Year}</a></div>
  351.  
  352. <div class="picturebord">{Photoset}</div>
  353. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  354. </div>{/block:Photoset}
  355.  
  356.  
  357. {block:Audio}
  358. <div id="picture">
  359. <center>{block:AudioEmbed} {AudioEmbed} {/block:AudioEmbed}</center>
  360. <table style="margin-left:-3px;"><tr><td>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</td></tr></table>
  361. </div>{/block:Audio}
  362.  
  363.  
  364. {block:Quote}
  365. <div id="picture">
  366. <div class="title">"{Quote}"</div>{block:Source}<blockquote> — {Source}</blockquote>{/block:Source}
  367. </div>{/block:Quote}
  368.  
  369.  
  370. {block:Video}
  371. <div id="picture">
  372.  
  373. <div class="video">{Video-500}</div>
  374. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  375. </div>{/block:Video}
  376.  
  377.  
  378. {block:Link}
  379. <div id="picture">
  380. <div class="title"><a href="{URL}" style="color:{color:Title Color};" {Target}>→ {Name}</a></div>{block:Description}{Description}{/block:Description}<br>
  381.  
  382. </div>{/block:Link}
  383.  
  384.  
  385. {block:Chat}
  386. <div id="picture">
  387.  
  388. {block:Title}<div class="title">{Title}</div>{/block:Title}
  389. <div class="chat">{block:Lines}
  390. <div class="lines"><div class="line {Alt}">
  391. {block:Label}<b>{Label}</b>{/block:Label} {Line}</div></div>{/block:Lines}
  392.  
  393. </div></div>{/block:Chat}
  394.  
  395.  
  396. {block:Answer}
  397. <div id="picture">
  398. <div class="caption">
  399. <table><tr><td><img src="{AskerPortraitURL-30}"></img></td>
  400. <td><div id="question" style="width:460px;"><b>{Asker}</b>: {Question}</div></td></tr></table><br>
  401. {Answer} </div><br>
  402.  
  403. </div>{/block:Answer}
  404.  
  405. {block:PermalinkPage}
  406. <div id="picture"><center><a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year} {block:NoteCount} &nbsp;|&nbsp; {NoteCountwithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}&nbsp;|&nbsp; <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom} {block:ContentSource}&nbsp;|&nbsp; <a href="{SourceURL}">©</a>{/block:ContentSource}<br>{block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}" class="tag">&nbsp;{Tag}</a>{/block:Tags}</div>{/block:HasTags}</center></div>
  407.  
  408. {block:PostNotes}<div id="picture">{PostNotes}</div>{/block:PostNotes}</div>{/block:PermalinkPage}
  409.  
  410.  
  411. {block:IndexPage}<Div id="source"><table><tr><td style="width:450px;"><a href="{Permalink}"> {block:NoteCount} {NoteCountwithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}&nbsp;&middot;&nbsp; <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom} {block:ContentSource}&nbsp;&middot;&nbsp; <a href="{SourceURL}">©</a>{/block:ContentSource}</td> <td><table><tr><td class="e">{LikeButton size="15" color="grey"}</td> <td class="e">{ReblogButton size="15" color="grey"}</td></tr></table></td> </tr></table>
  412. <br>
  413. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}" class="tag">&nbsp;{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:IndexPage}
  414.  
  415.  
  416. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  417. {/block:Posts}
  418.  
  419.  
  420. {block:Pagination}<br><br><br><br><div id="pagin">{block:PreviousPage} <a href="{PreviousPage}">←</a> {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage} <span style="padding-right:30px;">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination}{block:NextPage} <a href="{NextPage}">→</a>{/block:NextPage}
  421. <br><Br>
  422. </div>{/block:Pagination}
  423. </div>
  424.  
  425.  
  426.  
  427. </div>
  428. <script>
  429. function increaseVideoSize() {
  430. var columnWidth = 540; // width of your content column - any
  431. var defaultVideoWidth = 500; // theme tag width - 400,500
  432. var increaseRatio = columnWidth/defaultVideoWidth;
  433. $(".video").each(function() {
  434. var iframe = $("iframe", this);
  435. if(iframe.length>0) {
  436. var currHeight = iframe.height();
  437. var newHeight = currHeight * increaseRatio;
  438. iframe.height(newHeight).width(columnWidth);
  439. } else {
  440. var object = $("object", this);
  441. var embed = $("embed", object);
  442. var currHeight = object.attr('height');
  443. var newHeight = currHeight * increaseRatio;
  444. object.width(columnWidth).attr('height', newHeight);
  445. embed.width(columnWidth).attr('height', newHeight);
  446. };
  447. });
  448. };
  449. </script>
  450.  
  451.  
  452. <script src="http://static.tumblr.com/tyt3xth/uBRnqtz6o/jquery-1.9.1.min.js"></script>
  453. <script src="http://static.tumblr.com/tyt3xth/LOBnqtz9q/owl.carousel.js"></script>
  454. <script>
  455. $(document).ready(function() {
  456.  
  457. $("#owl-demo").owlCarousel({
  458.  
  459. autoPlay: 3000, //Set AutoPlay to 3 seconds
  460. stopOnHover: true,
  461.  
  462. items :1,
  463. itemsDesktop : [1199,3],
  464. itemsDesktopSmall : [979,3]
  465.  
  466. });
  467.  
  468. });
  469. </script>
  470.  
  471.  
  472. <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
  473. <script>
  474. $(document).ready(function(){
  475. $('.nav li').hover(function(){
  476. $(this).find('.dd-content').slideToggle('fast');
  477. });
  478. });
  479. </script>
  480.  
  481. <script>
  482. $(document).on("scroll", function(){
  483. if($(document).scrollTop() > 100){
  484. $("header").addClass("shrink");
  485. updateSliderMargin();
  486. }
  487. else
  488. {
  489. $("header").removeClass("shrink");
  490. updateSliderMargin();
  491. }
  492. });
  493. </script>
  494. </body>
  495. </div>
  496. </html>
  497.  
  498. <footer><center><table><tr><td style="padding:10px;"><img src="http://i.imgur.com/E2vxwLe.png" width="80" /></td>
  499. <td><div class="scd">Disclaimer</div><br>
  500. <div class="bottomdesc">We are not SMROOKIES nor are we affiliated with them or SM Entertainment. We do not own any of the material posted, unless otherwise stated. All content is credited accordingly. Please refrain from editing, cropping or removing the logo of fantaken pictures.</div><br> <div style="padding-left:50px; font-size:16px; text-transform:uppercase; color:#777; width:400px; font-weight:300;">Powered by Tumblr © {CopyrightYears}</div> </td> <Br>
  501. </tr></table></center>
  502. </footer>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement