Advertisement
kimwonsik

fyv theme - zelos

May 3rd, 2016
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.96 KB | None | 0 0
  1. <!---
  2. THEME BY:
  3. ___ ___ _
  4. / _ \ / _ \ _ __ | |__
  5. \_, / \_, / | ' \ | '_ \
  6. /_/ /_/ |_|_|_| |_.__/
  7.  
  8. --->
  9.  
  10. <html><head><title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <meta name="color:Text" content="#000000">
  14. <meta name="color:Links" content="#898989">
  15. <meta name="color:Links Hover" content="#4e5276">
  16. <meta name="color:Bold" content="#fc8b65">
  17. <meta name="color:Header BG" content="#ffffff">
  18. <meta name="color:Header Title" content="#000000">
  19. <meta name="color:Top Links" content="#fc8b65">
  20. <meta name="color:Scrollbar" content="#4e5276">
  21. <meta name="color:Source Text" content="#c5c5c5">
  22. <meta name="color:Tags" content="#000000">
  23. <meta name="color:Date" content="#000000">
  24. <meta name="color:Title Color" content="#000000">
  25. <meta name="color:Sidebar BG" content="#f8f8f8">
  26. <meta name="color:Sidebar Border" content="#ededed">
  27. <meta name="color:Sidebar Title" content="#000000">
  28. <meta name="color:Sidebar Text" content="#555555">
  29. <meta name="color:Search Box" content="#ffffff">
  30.  
  31. <meta name="image:750x400 Header 1" content="http://i.imgur.com/4BzgpOM.png"/>
  32. <meta name="image:750x400 Header 2" content="http://i.imgur.com/65l5TOE.png"/>
  33. <meta name="image:750x400 Header 3" content="http://i.imgur.com/NLOSkt2.png"/>
  34. <meta name="image:750x400 Header 4" content="http://i.imgur.com/5opS4x4.png"/>
  35. <meta name="image:750x400 Header 5" content="http://i.imgur.com/P7nvYoa.png"/>
  36. <meta name="image:750x400 Header 6" content="http://i.imgur.com/jRdwI6d.png"/>
  37.  
  38. <meta name="text:2nd Link URL" content="">
  39. <meta name="text:2nd Link Title" content="link 2">
  40. <meta name="text:3rd Link URL" content="">
  41. <meta name="text:3rd Link Title" content="link 3">
  42. <meta name="text:4th Link URL" content="">
  43. <meta name="text:4th Link Title" content="link 4">
  44. <meta name="text:5th Link URL" content="">
  45. <meta name="text:5th Link Title" content="link 5">
  46. <meta name="text:6th Link URL" content="">
  47. <meta name="text:6th Link Title" content="link 6">
  48.  
  49. <meta name="text:3rd Sidebar Title" content="3rd Sidebar Title">
  50. <meta name="text:3rd Sidebar Content" content="REPLACE THIS WITH 3RD SIDEBAR CONTENT"/>
  51. <meta name="text:4th Sidebar Title" content="4th Sidebar Title">
  52. <meta name="text:4th Sidebar Content" content="REPLACE THIS WITH 4TH SIDEBAR CONTENT"/>
  53.  
  54. <meta name="text:Event 1" content="<b>7/15</b> Event here"/>
  55. <meta name="text:Event 2" content="<b>7/16</b> Event here"/>
  56. <meta name="text:Event 3" content=""/>
  57. <meta name="text:Event 4" content=""/>
  58. <meta name="text:Event 5" content=""/>
  59.  
  60. <meta name="text:Disclaimer" content=""/>
  61.  
  62.  
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64.  
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
  67.  
  68. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  69.  
  70. <style type="text/css">
  71. /*tumblr controls thank you sorrism*/
  72.  
  73. .tmblr-lightbox {background:rgba(250,250,250, .95)!important;}
  74.  
  75. .tmblr-lightbox img {opacity:0;}
  76.  
  77. .lightbox-caption {
  78. color:#000000!important;
  79. font-family:inherit!important;
  80. font-size:10px!important;
  81. font-weight:normal!important;
  82. text-shadow:none!important;
  83. }
  84.  
  85. .lightbox-image {
  86. -moz-box-shadow:none!important;
  87. -webkit-box-shadow:none!important;
  88. box-shadow:none!important;
  89. -moz-border-radius:0px!important;
  90. -webkit-border-radius:0px!important;
  91. border-radius:0px!important;
  92. padding:3px!important;
  93. margin:-4px 0 0 -4px!important;
  94. background:#ffffff!important;
  95. border:1px solid #f1f1f1!important;
  96. opacity:1!important;
  97. }
  98.  
  99. .vignette {opacity:0!Important;}
  100.  
  101. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  102. white-space:nowrap!important;
  103. top:13px!important;
  104. right:10px!important;
  105. opacity:1!important;
  106. position:fixed!important;
  107. z-index:999999999!important;
  108. }
  109.  
  110. @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
  111.  
  112. body {background-color:#fff; color:{color:Text}; padding:0;margin:0;height:100%; overflow-x:hidden; font-family:'PT Sans', sans-serif; font-size:12px; text-transform:normal; line-height:12px; word-wrap:break-word;}
  113.  
  114. b, strong {font-weight: bold; color:{color:Bold};}
  115. i, italic, em {font-style: italic;}
  116.  
  117. 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;}
  118. a:hover {color:{color:Links Hover}; text-decoration:none;}
  119.  
  120. div#container2 {position:relative; margin:auto; float:center; width:100%; margin-top:10px; padding-left:80px; padding-right: 40px; padding-top: 20px;}
  121.  
  122. #picture {width:500px; padding:5px; margin-bottom:45px; margin-left:50px; float:center; display: block;}
  123. #picture:hover #perm {opacity:0.9; margin:-15px 5px 0px 22px;}}
  124. .picturebord img {float:left; max-width:500px;}
  125.  
  126. .tags {font-size:10px; padding:5px; width:495px; line-height:15px; margin-top:4px;} .tag {font-size:14px; font-weight:bold; text-transform:uppercase;} .tag a, .tags a {color:{color:Tags};} .tag:after {content: ",";} .tag:last-child:after { content: " ";}
  127.  
  128. #source {width:500px; text-align:right; color:{color:Source Text}; line-height:5px; font-size:11px;} .sb {color:{color:Source Text};} .sb a {color:{color:Source Text};}
  129.  
  130. #perm {position:absolute; margin:2px 5px 0px 20px; width:452px; padding:5px; background-color:{color:Header BG}; opacity:0; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;} .date {text-align:left; font-size:18px; text-transform:uppercase; padding:1px 3px 1px 0px; color:{color:Date}; font-weight:bold; display:block; line-height:22px;}
  131.  
  132. #side {position:relative; padding-left:50px; padding-right:30px; float:center; margin:auto; margin-top:10px; z-index:9;}
  133.  
  134. #headback {position:relative; margin:auto; margin-top:50px; height:400px; left:0%;}
  135. #header {position:absolute; left:0%; top:0%; width:100%; height:auto; background:{color:Header BG}; z-index:9000; }
  136.  
  137.  
  138. blockquote {border-left:2px solid {color:Sidebar BG}; 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. .welc {font-weight:bold; font-size:18px; letter-spacing:1px; color:{color:Sidebar Title}; text-transform:uppercase; padding:4px; margin:5px; display:inline-block;}
  142.  
  143. .welcc {font-weight:bold; font-size:18px; letter-spacing:1px; color:#d175a8; text-transform:uppercase; padding:4px; margin:5px; display:inline-block;}
  144.  
  145. .disclaimer {font-weight:bold; font-size:18px; letter-spacing:1px; color:{color:Sidebar Title}; text-transform:uppercase; padding:7px; margin-bottom:8px; display:inline-block; border:1px solid {color:Sidebar Title};}
  146. .bottomdesc {font-size:11px; line-height:15px; width:300px; text-align:justify;}
  147. .sidedesc {padding:15px; font-size:11px; line-height:15px; width:250px; height:210px; text-align:justify; color:{color:Sidebar Text}; background:{color:Sidebar BG}; display:inline-block; margin-right:30px; border:1px solid {color:Sidebar Border};}
  148. .sidedescc {padding:15px; font-size:11px; line-height:15px; width:250px; height:210px; text-align:justify; color:{color:Sidebar Text}; background:{color:Sidebar BG}; display:inline-block; margin-right:30px; border:1px solid {color:Sidebar Border};}
  149. .ssidedesc {overflow: auto; padding:15px; font-size:11px; line-height:18px; width:250px; height:210px; color:{color:Sidebar Text}; background:{color:Sidebar BG}; margin-right:30px; border:1px solid {color:Sidebar Border};} .ssidedesc b {color:{color:Bold}; font-size:15px;}
  150.  
  151. #question {padding:8px; border-bottom:1px solid {color:Bold}; line-height:16px;} #question b {color:{color:Text};}
  152.  
  153. .title {Font-size:26px;font-weight:bold; color:{color:Title Color}; text-align:Center; text-transform:uppercase; line-height:25px; padding:10px;}
  154.  
  155. .btitle {font-size:35px; color:{color:Header Title}; font-weight:bold; text-transform:uppercase; padding:20px 30px 20px 30px;}
  156. .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};}
  157.  
  158.  
  159. 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;}
  160.  
  161. #pagin {position:relative; bottom:0; left:0; width:100%; height:auto; background-color:#ffffff; font-size:20px; padding:18px 15px 5px 0px; margin-left:-10px; z-index:901; color:black;} #pagin a {font-weight:bold;}
  162.  
  163. .audalbum {width:130px; height:130px; margin-right:20px;} .audplayer
  164. {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;}
  165.  
  166. ol.notes {padding: 10px; margin: 25px 0px; list-style-type: none;}
  167. ol.notes li.note {padding: 10px;}
  168. ol.notes li.note img.avatar {display:none; margin-right:10px;}
  169.  
  170.  
  171. ::-webkit-scrollbar {width:6px; height:5px;}
  172. ::-webkit-scrollbar-track-piece {background-color:#E9EEF2;}
  173. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  174.  
  175. #makeMeScrollable {width:100%;height:400px; position:relative; overflow: hidden;}
  176.  
  177. #makeMeScrollable div.scrollableArea img{
  178. position: relative; float: left;
  179. margin: 0; padding: 0;
  180. -webkit-user-select: none;
  181. -khtml-user-select: none;
  182. -moz-user-select: none;
  183. -o-user-select: none;
  184. user-select: none;}
  185.  
  186. div.scrollWrapper{position: relative; overflow: hidden; width: 100%; height: 100%;}
  187. div.scrollableArea{position: relative; width: auto; height: 100%;}
  188.  
  189.  
  190.  
  191. #makeMeScrollable2 {width:100%;height:100px; position:relative; overflow: hidden;}
  192.  
  193. #makeMeScrollable2 div.scrollableArea img{
  194. position: relative; float: left;
  195. margin: 0; padding: 0;
  196. -webkit-user-select: none;
  197. -khtml-user-select: none;
  198. -moz-user-select: none;
  199. -o-user-select: none;
  200. user-select: none;}
  201.  
  202. div.scrollWrapper2{position: relative; overflow: hidden; width: 100%; height: 100%;}
  203. div.scrollableArea2{position: relative; width: auto; height: 100%;}
  204.  
  205. .footer {
  206. padding:20px;
  207. width:auto;
  208. height:auto;
  209. position:relative;
  210. background: #ffffff;
  211. color: black;
  212. }
  213.  
  214. .hana {
  215. font-size:11px;
  216. letter-spacing:1px;
  217. background: #ffffff;
  218. color: black;
  219. line-height:14px;
  220. text-align:justify;
  221. width:260px;
  222. float:left;
  223. }
  224.  
  225. .dhul {
  226. margin-left:60px;
  227. width:260px;
  228. background: #ffffff;
  229. color: black;
  230. font-size:11px;
  231. letter-spacing:1px;
  232. line-height:16px;
  233. float:right;
  234. text-align:center;
  235. }
  236.  
  237. .dhul a {
  238. display:block;
  239. color: #808081;
  240. }
  241.  
  242. .sehtt {
  243. margin-left:60px;
  244. background: #ffffff;
  245. color: black;
  246. width:260px;
  247. letter-spacing:1px;
  248. line-height:12px;
  249. float:left;
  250. font-size: 11px;
  251. text-align:center;
  252. text-transform:uppercase;
  253. }
  254.  
  255. .sehtt a {
  256. color: #808081;
  257. }
  258.  
  259. .footer_inner {
  260. width:900px;
  261. height:auto;
  262. background: #ffffff;
  263. color: black;
  264. margin-right:auto;
  265. margin-left:auto;
  266. }
  267.  
  268. {CustomCSS}
  269. </style>
  270.  
  271. </head>
  272.  
  273.  
  274. <body>
  275. <div id="header">
  276. <div class="btitle"><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>&nbsp; <a href="/support">support</a> <a href="/tutorial">tutorials</a><div style="float:right"><form onsubmit="return tagSearch(this)"><input type="text" size="20" name="tag" placeholder="Type a keyword" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  277. <input type="submit" value="GO" /></form></div></div>
  278. </div><br>
  279.  
  280.  
  281.  
  282.  
  283. <div id="headback">
  284. <div id="fadeshow1">
  285.  
  286. </div></div>
  287.  
  288. <br>
  289.  
  290. <center>
  291. <div id="side"><br>
  292. <table><tr><td>
  293. <div class="sidedesc">
  294. <div class="welc">welcome</div>
  295. <div style="padding:10px;"><p align="justify">A blog dedicated to Jellyfish Entertainment's 6 membered group, <a href="/about">"VIXX"</a>, consisting of <a href="/n">N</a>, <a href="/leo">Leo</a>, <a href="/ken">Ken</a>, <a href="/ravi">Ravi</a>, <a href="/hongbin">Hongbin</a> and <a href="/hyuk">Hyuk</a>.<br><br>
  296. Your #1 source to all things VIXX. Here you can find the latest news, pictures, videos, translations, everything imaginable on this blog.<p align="right">
  297. <b>EST:</b> MAY 31, 2012 <font color="A6362A">♥</font><br>
  298. <script type="text/javascript" src="http://st2.freeonlineusers.com/on3.php?id=1422172"></script> ST<font color="A6362A">★</font>RLIGHT(S)</p></div></div></td>
  299.  
  300. <td><div class="ssidedesc">
  301. <div class="welc">schedule</div>
  302. <div style="padding:10px;">
  303. <b>→ 05/02</b> [EVENT] MWAVE MEET&GREET @ 3:30PM<Br>
  304. <b>→ 05/02</b> [EVENT] Suwon Fan Sign @ 7PM<br>
  305. <b>→ 05/03</b> [EVENT] Musical "Mata Hari"@ 8PM<br>
  306. <b>→ 05/04</b> [EVENT] Ilsan Fan Sign @ 7PM<br>
  307. <a href="http://www.jelly-fish.co.kr/sub/artist_singer08.php?prof_id=26&num=4#!">More</a>
  308.  
  309.  
  310.  
  311. </div></div></td>
  312.  
  313. <td><div class="sidedescc">
  314. <iframe frameborder="0" height="210" src="https://www.youtube.com/embed/4bnIb1JJHdA" width="250"></iframe></td>
  315.  
  316. <td><div class="ssidedesc">
  317. <div class="welc">updates & info</div>
  318. <div style="padding:10px;">
  319. <B>→</B> 5th Single Album "Zelos" Info & Purchase (<a href="http://fyeah-vixx.com/post/142672699396/preorder-vixx-5th-single-zelos-shipping">Regular Version</a> or <a href="http://fyeah-vixx.com/post/142673550621/preorder-vixx-5th-single-zelos-kihno-version">Kihno Version</a>)<br>
  320. <B>→</B> <a href="/tagged/tomorrow boy">Tomorrow Boy (N)</a><br>
  321. <B>→</B> <a href="/tagged/mata hari">"Mata Hari" (Leo)</a><br>
  322. <B>→</B> <a href="http://fyeah-vixx.com/tagged/rebirth">Ravi 1st Mixtape "R.EBIRTH"</a><br>
  323. <B>→</B> <a href="http://twitter.com/FYVIXX">More Updates</a><br>
  324. </div></div></div>
  325.  
  326. </td></tr></table>
  327. </div>
  328. </center>
  329.  
  330.  
  331. <div id="container2">
  332.  
  333. <br><bR>
  334. {block:Posts}
  335.  
  336. {block:Text}
  337. <div id="picture">
  338. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{Month} {DayOfMonth}, {Year}</b></a></td> <td style="padding-right:10px"><font color="d95e40">{LikeButton size="20"}</font></td> <td><font color="56bc8a">{ReblogButton size="20"}</font></td></tr></table></center></div>
  339. {block:Title}<div class="title">{Title}</div>{/block:Title}
  340. <div class="caption">{Body}</div>
  341. {block:IndexPage}<Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} ({TimeAgo}) with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>{/block:IndexPage}
  342. </div>{/block:Text}
  343.  
  344.  
  345. {block:Photo}
  346. <div id="picture">
  347. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{Month} {DayOfMonth}, {Year}</b></a></td> <td style="padding-right:10px"><font color="d95e40">{LikeButton size="20"}</font></td> <td><font color="56bc8a">{ReblogButton size="20"}</font></td></tr></table></center></div>
  348.  
  349. <A href="{Permalink}">{LinkOpenTag}<img class="picturebord" src="{PhotoURL-500}" width="500"/>{LinkCloseTag}</a><br>
  350. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  351.  
  352. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb">posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} ({TimeAgo}) with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  353. </div>{/block:Photo}
  354.  
  355.  
  356. {block:Photoset}
  357. <div id="picture">
  358. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{Month} {DayOfMonth}, {Year}</b></a></td> <td style="padding-right:10px"><font color="d95e40">{LikeButton size="20"}</font></td> <td><font color="56bc8a">{ReblogButton size="20"}</font></td></tr></table></center></div>
  359.  
  360. <div class="picturebord">{Photoset-500}</div>
  361. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  362.  
  363. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb">posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} ({TimeAgo}) with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  364. </div>{/block:Photoset}
  365.  
  366.  
  367. {block:Audio}
  368. <div id="picture">
  369. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{Month} {DayOfMonth}, {Year}</b></a></td> <td style="padding-right:10px"><font color="d95e40">{LikeButton size="20"}</font></td> <td><font color="56bc8a">{ReblogButton size="20"}</font></td></tr></table></center></div>
  370. <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>
  371. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  372. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb">posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} ({TimeAgo}) with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  373. </div>{/block:Audio}
  374.  
  375.  
  376. {block:Quote}
  377. <div id="picture">
  378. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{Month} {DayOfMonth}, {Year}</b></a></td> <td style="padding-right:10px"><font color="d95e40">{LikeButton size="20"}</font></td> <td><font color="56bc8a">{ReblogButton size="20"}</font></td></tr></table></center></div>
  379. <div class="title">"{Quote}"</div>{block:Source}<blockquote> — {Source}</blockquote>{/block:Source}
  380. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} ({TimeAgo}) with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  381. </div>{/block:Quote}
  382.  
  383.  
  384. {block:Video}
  385. <div id="picture">
  386. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{Month} {DayOfMonth}, {Year}</b></a></td> <td style="padding-right:10px"><font color="d95e40">{LikeButton size="20"}</font></td> <td><font color="56bc8a">{ReblogButton size="20"}</font></td></tr></table></center></div>
  387. <div class="picturebord">{video-500}</div>
  388. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  389. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} ({TimeAgo}) with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  390. </div>{/block:Video}
  391.  
  392.  
  393. {block:Link}
  394. <div id="picture">
  395. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{Month} {DayOfMonth}, {Year}</b></a></td> <td style="padding-right:10px"><font color="d95e40">{LikeButton size="20"}</font></td> <td><font color="56bc8a">{ReblogButton size="20"}</font></td></tr></table></center></div>
  396. <div class="title"><a href="{URL}" style="color:{color:Title Color};" {Target}>→ {Name}</a></div>{block:Description}{Description}{/block:Description}
  397. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} ({TimeAgo}) with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  398. </div>{/block:Link}
  399.  
  400.  
  401. {block:Chat}
  402. <div id="picture">
  403. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{Month} {DayOfMonth}, {Year}</b></a></td> <td style="padding-right:10px"><font color="d95e40">{LikeButton size="20"}</font></td> <td><font color="56bc8a">{ReblogButton size="20"}</font></td></tr></table></center></div>
  404. {block:Title}<div class="title">{Title}</div>{/block:Title}
  405. <div class="chat">{block:Lines}
  406. <div class="lines"><div class="line {Alt}">
  407. {block:Label}<b>{Label}</b>{/block:Label} {Line}</div></div>{/block:Lines}
  408. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} ({TimeAgo}) with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  409. </div></div>{/block:Chat}
  410.  
  411.  
  412. {block:Answer}
  413. <div id="picture">
  414. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{Month} {DayOfMonth}, {Year}</b></a></td> <td style="padding-right:10px"><font color="d95e40">{LikeButton size="20"}</font></td> <td><font color="56bc8a">{ReblogButton size="20"}</font></td></tr></table></center></div>
  415. <table><tr><td><img src="{AskerPortraitURL-30}"></img></td>
  416. <td><div id="question" style="width:460px;"><b>{Asker}</b>: {Question}</div></td></tr></table><br>
  417. {Answer}
  418. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} ({TimeAgo}) with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  419. </div>{/block:Answer}
  420.  
  421. {block:PermalinkPage}
  422. <div id="picture">
  423. <div style="float:center;">
  424. {block:PostNotes}<table><tr><td>{PostNotes}</td></tr></table>{/block:PostNotes}
  425. </div></div>{/block:PermalinkPage}
  426.  
  427. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  428. {/block:Posts}</div>
  429.  
  430. <script type="text/javascript" src="http://static.tumblr.com/tyt3xth/xgQmuff5c/slidedshow.js">
  431.  
  432.  
  433.  
  434. /***********************************************
  435.  
  436. * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  437.  
  438. * This notice MUST stay intact for legal use
  439.  
  440. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script
  441.  
  442. ***********************************************/
  443.  
  444.  
  445.  
  446. </script>
  447.  
  448.  
  449.  
  450. <script type="text/javascript">
  451.  
  452.  
  453.  
  454. var mygallery=new fadeSlideShow({
  455.  
  456. wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
  457.  
  458. dimensions: [1600, 400], //width/height of gallery in pixels. Should reflect dimensions of largest image
  459.  
  460. imagearray: [
  461.  
  462. ["http://i.imgur.com/4BzgpOM.png"],
  463.  
  464. ["http://i.imgur.com/65l5TOE.png"],
  465.  
  466. ["http://i.imgur.com/NLOSkt2.png"],
  467.  
  468. ["http://i.imgur.com/5opS4x4.png"],
  469.  
  470. ["http://i.imgur.com/P7nvYoa.png"],
  471.  
  472. ["http://i.imgur.com/jRdwI6d.png"]//<--no trailing comma after very last image element!
  473.  
  474.  
  475.  
  476.  
  477.  
  478. ],
  479.  
  480. displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false},
  481.  
  482. persist: false, //remember last viewed slide and recall within same session?
  483.  
  484. fadeduration: 400, //transition duration (milliseconds)
  485.  
  486. descreveal: "ondemand",
  487.  
  488. togglerid: ""
  489.  
  490. })
  491.  
  492.  
  493.  
  494. </script>
  495.  
  496. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
  497. <script src="http://static.tumblr.com/tyt3xth/Bu4nazg0f/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
  498. <script src="http://static.tumblr.com/tyt3xth/TzUnazftn/smoothdivscroll.js" type="text/javascript"></script>
  499. <script type="text/javascript" src="http://static.tumblr.com/tyt3xth/ZG1nazgq3/jquerymousewheel.js"></script>
  500. <script type="text/javascript">
  501. $(document).ready(function () {
  502. $("#makeMeScrollable").smoothDivScroll({
  503. mousewheelScrolling: "",
  504. visibleHotSpotBackgrounds: "hover",
  505. autoScrollingDirection: "backAndForth",
  506. manualContinuousScrolling: true,
  507. hotSpotScrollingInterval: 80,
  508. autoScrollingMode: "onStart"
  509. });
  510. });
  511. </script>
  512.  
  513.  
  514. <script type="text/javascript">
  515. $(function() {
  516. $(window).scroll(function(){
  517. var scrollTop = $(window).scrollTop();
  518. if(scrollTop != 0)
  519. $('#header').stop().animate({'opacity':'0.2'},400);
  520. else
  521. $('#header').stop().animate({'opacity':'1'},400);
  522. });
  523.  
  524. $('#header').hover(
  525. function (e) {
  526. var scrollTop = $(window).scrollTop();
  527. if(scrollTop != 0){
  528. $('#header').stop().animate({'opacity':'1'},400);
  529. }
  530. },
  531. function (e) {
  532. var scrollTop = $(window).scrollTop();
  533. if(scrollTop != 0){
  534. $('#header').stop().animate({'opacity':'0.2'},400);
  535. }
  536. }
  537. );
  538. });</script>
  539.  
  540.  
  541. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  542. <script>
  543. $(function(){
  544. var $container = $('#container2');
  545. $container.imagesLoaded(function(){
  546. $container.masonry({
  547. itemSelector: '#picture',
  548. }); });
  549. $container.infinitescroll({
  550. itemSelector : "#picture",
  551. navSelector : "",
  552. nextSelector : "",
  553. },
  554. function( newElements ) {
  555. var $newElems = $( newElements ).css({ opacity: 0 });
  556. $newElems.imagesLoaded(function(){
  557. $newElems.animate({ opacity: 1 });
  558. $container.masonry( 'appended', $newElems, true );
  559. }); } ); });
  560. </script>
  561. </body>
  562.  
  563. </div>
  564. </html>
  565. <div class="footer">
  566. {block:IndexPage}{block:Pagination}<div id="pagin"><center>{block:PreviousPage} <a href="{PreviousPage}">←</a> {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage} {PageNumber} {/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination}{block:NextPage} <a href="{NextPage}">→</a>{/block:NextPage}</center><br>
  567. <Center><table><tr><td valign="top"><br><div class="footer_inner"><div style="padding-bottom:10px;">
  568. <div class="hana">
  569. <div class="welcc">DISCLAIMER</div><Br>
  570. FYEAH-VIXX is not affiliated with Jellyfish Entertainment or VIXX. All content posted is copyright to their respective owners. Please do not edit fantaken photos or videos and please credit anything taken out accordingly. This theme is optimized for Chrome and a 1680 x 1050 screen.
  571. </div>
  572. <div class="sehtt">
  573. <div class="welcc">★</div><br>
  574. <br>fyeah-vixx.com powered by tumblr
  575. <br>since May 31, 2012<br>
  576. Theme by <A href="http://99mb.tumblr.com">99mb</A><br>customized by JENNA & ANGELA</a><br>
  577.  
  578.  
  579. </div>
  580. <div class="dhul">
  581. <div class="welcc">Official Links</div><br>
  582. <div style="float:left; width:120px;">
  583. JELLYFISH
  584. <a href="http://www.jelly-fish.co.kr/">Website</a>
  585. <a href="http://www.youtube.com/user/Jellyfishenter">YouTube</a>
  586. <a href="http://twitter.com/Jellyfish_Ent">Twitter</a>
  587. <A href="http://facebook.com/jellyfishentertainment">Facebook</A>
  588. </div>
  589. <div style="float:left; width:120px; margin-left:20px">
  590. VIXX
  591. <a href="http://www.jelly-fish.co.kr/sub/artist_singer02.php?prof_id=26&num=4">Website</a>
  592. <a href="http://www.youtube.com/realvixx">YouTube</a>
  593. <a href="http://twitter.com/RealVIXX">Twitter</a>
  594. <a href="http://cafe.daum.net/RealVIXX">Fancafe</a>
  595. </div></div>
  596. </div></div>
  597. {/block:Pagination}
  598. {/block:IndexPage}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement