API tools faq
paste
Advertisement
jessaby

Untitled

jessaby
Feb 18th, 2019
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. + wave theme by tukut +
  5.  
  6. please direct any questions or inquiries
  7. to https://www.tukut.tumblr.com/
  8.  
  9. + do not remove credit +
  10. -->
  11.  
  12.  
  13. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  17.  
  18.  
  19.  
  20.  
  21. {block:ifsounds}
  22.  
  23.  
  24. <script>
  25.  
  26. // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
  27. // Visit JavaScript Kit at https://www.javascriptkit.com/ for full source code
  28.  
  29. //** Usage: Instantiate script by cwrappering: var uniquevar=createsoundbite("soundfile1", "fwrapperbackfile2", "fwrapperebacksound3", etc)
  30. //** Cwrapper: uniquevar.playclip() to play sound
  31.  
  32. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  33. "mp3": "audio/mpeg",
  34. "mp4": "audio/mp4",
  35. "ogg": "audio/ogg",
  36. "wav": "audio/wav"
  37. }
  38.  
  39. function createsoundbite(sound){
  40. var html5audio=document.createElement('audio')
  41. if (html5audio.canPlayType){ //check support for HTML5 audio
  42. for (var i=0; i<arguments.length; i++){
  43. var sourceel=document.createElement('source')
  44. sourceel.setAttribute('src', arguments[i])
  45. if (arguments[i].match(/\.(\w+)$/i))
  46. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  47. html5audio.appendChild(sourceel)
  48. }
  49. html5audio.load()
  50. html5audio.playclip=function(){
  51. html5audio.pause()
  52. html5audio.currentTime=0
  53. html5audio.play()
  54. }
  55. return html5audio
  56. }
  57. else{
  58. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  59. }
  60. }
  61.  
  62. //Initialize two sound clips with 1 fwrapperback file each:
  63.  
  64. var mouseoversound=createsoundbite("{text:HoverSoundMP3}")
  65. var clicksound=createsoundbite("{text:ClickSoundMP3}")
  66.  
  67. </script>
  68. {/block:ifsounds}
  69.  
  70. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>
  71.  
  72.  
  73.  
  74.  
  75. <title>{Title}</title>
  76. <link rel="shortcut icon" href="{Favicon}">
  77. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  78. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  79.  
  80.  
  81.  
  82. <meta name="color:Background" content="#9ed1d6"/>
  83. <meta name="color:Text" content="#51535e"/>
  84. <meta name="color:Chat1" content="#eafdbc"/>
  85. <meta name="color:Chat2" content="#bce8fe"/>
  86. <meta name="color:ChatBorder" content="#b3cbe2"/>
  87. <meta name="color:Footer" content="#e2ffba"/>
  88. <meta name="color:FooterBorder" content="#b3ce91"/>
  89. <meta name="color:FooterText" content="#54565d"/>
  90. <meta name="color:Link" content="#8d7fd7"/>
  91. <meta name="color:Hover" content="#6c8cce"/>
  92. <meta name="color:HoverBG" content="#abf9ff"/>
  93. <meta name="color:Border" content="#ffffff"/>
  94. <meta name="color:WrapperBorder" content="#ffffff"/>
  95. <meta name="color:Accent" content="#dadcf5"/>
  96. <meta name="color:AccentText" content="#707070"/>
  97. <meta name="color:AccentBorder" content="#b8bbde"/>
  98. <meta name="color:ImgBorder1" content="#d2fff9"/>
  99. <meta name="color:ImgBorder2" content="#969fe4"/>
  100. <meta name="color:Line" content="#93a8d1"/>
  101. <meta name="color:Blockquote" content="#ffffff"/>
  102. <meta name="color:Search" content="#e2ffbd"/>
  103. <meta name="color:SearchBorder" content="#c0d6a0"/>
  104. <meta name="color:SearchText" content="#505058"/>
  105. <meta name="color:Nav" content="#e4ffb5"/>
  106. <meta name="color:NavBorder" content="#bbd4a2"/>
  107. <meta name="color:NavText" content="#464856"/>
  108. <meta name="color:ScrollbarThumb" content="#e2ffab"/>
  109. <meta name="color:scrollbarBG" content="#b4a8f4"/>
  110. <meta name="color:Selection" content="#8996c9"/>
  111. <meta name="color:SelectionBG" content="#ffffff"/>
  112. <meta name="color:Tooltip" content="#dadcf5"/>
  113. <meta name="color:TooltipBorder" content="#b8bbde"/>
  114. <meta name="color:TooltipText" content="#707070"/>
  115.  
  116.  
  117. <meta name="image:Sidebar" content=""/>
  118. <meta name="image:Background" content=""/>
  119. <meta name="image:Pixelie" content=""/>
  120. <meta name="image:Bottom" content=""/>
  121.  
  122.  
  123. <meta name="text:ClickSoundMP3" content="https://a.tumblr.com/tumblr_mzbd1tcAgS1svhlqqo1.mp3#_=_" />
  124. <meta name="text:HoverSoundMP3" content="https://a.tumblr.com/tumblr_mzbcwoFx741svhlqqo1.mp3#_=_" />
  125.  
  126.  
  127. <meta name="text:MenuTitle" content="Navigation" />
  128. <meta name="text:link 1 url" content="" />
  129. <meta name="text:link 1" content="" />
  130. <meta name="text:link 2 url" content="" />
  131. <meta name="text:link 2" content="" />
  132. <meta name="text:link 3 url" content="" />
  133. <meta name="text:link 3" content="" />
  134. <meta name="text:link 4 url" content="" />
  135. <meta name="text:link 4" content="" />
  136. <meta name="text:link 5 url" content="" />
  137. <meta name="text:link 5" content="" />
  138. <meta name="text:link 6 url" content="" />
  139. <meta name="text:link 6" content="" />
  140. <meta name="text:link 7 url" content="" />
  141. <meta name="text:link 7" content="" />
  142. <meta name="text:link 8 url" content="" />
  143. <meta name="text:link 8" content="" />
  144. <meta name="text:BottomImageLeft" content="50" />
  145. <meta name="text:BottomImageTop" content="50" />
  146.  
  147.  
  148. <meta name="select:BodyTransparency" content="1" title="opaque">
  149. <meta name="select:BodyTransparency" content=".9" title=".9">
  150. <meta name="select:BodyTransparency" content=".8" title=".8">
  151. <meta name="select:BodyTransparency" content=".7" title=".7">
  152. <meta name="select:BodyTransparency" content=".6" title=".6">
  153. <meta name="select:BodyTransparency" content=".5" title="semi-transparent">
  154. <meta name="select:BodyTransparency" content=".4" title=".4">
  155. <meta name="select:BodyTransparency" content=".3" title=".3">
  156. <meta name="select:BodyTransparency" content=".2" title=".2">
  157. <meta name="select:BodyTransparency" content=".1" title=".1">
  158. <meta name="select:BodyTransparency" content=".0" title="transparent">
  159. <meta name="select:WrapperTransparency" content="1" title="opaque">
  160. <meta name="select:WrapperTransparency" content=".9" title=".9">
  161. <meta name="select:WrapperTransparency" content=".8" title=".8">
  162. <meta name="select:WrapperTransparency" content=".7" title=".7">
  163. <meta name="select:WrapperTransparency" content=".6" title=".6">
  164. <meta name="select:WrapperTransparency" content=".5" title="semi-transparent">
  165. <meta name="select:WrapperTransparency" content=".4" title=".4">
  166. <meta name="select:WrapperTransparency" content=".3" title=".3">
  167. <meta name="select:WrapperTransparency" content=".2" title=".2">
  168. <meta name="select:WrapperTransparency" content=".1" title=".1">
  169. <meta name="select:WrapperTransparency" content=".0" title="transparent">
  170.  
  171.  
  172. <meta name="select:bodyColor" content="255,255,255" title="white">
  173. <meta name="select:bodyColor" content="255,212,245" title="pink">
  174. <meta name="select:bodyColor" content="217,212,255" title="indigo">
  175. <meta name="select:bodyColor" content="212,227,255" title="blue">
  176. <meta name="select:bodyColor" content="255,253,184" title="yellow">
  177. <meta name="select:bodyColor" content="103,173,90" title="green">
  178. <meta name="select:bodyColor" content="222,222,222" title="gray">
  179. <meta name="select:bodyColor" content="252,93,93" title="red">
  180. <meta name="select:bodyColor" content="181,251,255" title="cyan">
  181. <meta name="select:bodyColor" content="0,0,0" title="black">
  182.  
  183.  
  184. <meta name="select:WrapperColor" content="217,212,255" title="indigo">
  185. <meta name="select:WrapperColor" content="255,255,255" title="white">
  186. <meta name="select:WrapperColor" content="255,212,245" title="pink">
  187. <meta name="select:WrapperColor" content="212,227,255" title="blue">
  188. <meta name="select:WrapperColor" content="255,253,184" title="yellow">
  189. <meta name="select:WrapperColor" content="103,173,90" title="green">
  190. <meta name="select:WrapperColor" content="222,222,222" title="gray">
  191. <meta name="select:WrapperColor" content="252,93,93" title="red">
  192. <meta name="select:WrapperColor" content="181,251,255" title="cyan">
  193. <meta name="select:WrapperColor" content="0,0,0" title="black">
  194.  
  195.  
  196.  
  197. <meta name="select:Font" content="Arial" title="Arial">
  198. <meta name="select:Font" content="Consolas" title="Consolas">
  199. <meta name="select:Font" content="Lucida Sans" title="Lucida Sans">
  200. <meta name="select:Font" content="Calibri" title="Calibri">
  201. <meta name="select:Font" content="Verdana" title="Verdana">
  202. <meta name="select:Font" content="Corbel" title="Corbel">
  203. <meta name="select:Font" content="Franklin Gothic Book" title="Franklin">
  204.  
  205.  
  206. <meta name="select:LikeReblogPerm" content="
  207. filter:invert(20%);
  208. -webkit-filter:invert(20%);
  209. -moz-filter:invert(20%);
  210. -o-filter:invert(20%);" title="gray">
  211. <meta name="select:LikeReblogPerm" content="
  212. filter:invert(0%);
  213. -webkit-filter:invert(0%);
  214. -moz-filter:invert(0%);
  215. -o-filter:invert(0%);" title="white">
  216. <meta name="select:LikeReblogPerm" content="
  217. filter:invert(100%);
  218. -webkit-filter:invert(100%);
  219. -moz-filter:invert(100%);
  220. -o-filter:invert(100%);" title="Black">
  221.  
  222. <meta name="select:SidebarImgShape" content="
  223. -moz-border-radius: 70px;
  224. -webkit-border-radius: 70px;
  225. border-radius: 70px;" title="Circle">
  226. <meta name="select:SidebarImgShape" content="
  227. -moz-border-radius: 8px;
  228. -webkit-border-radius: 8px;
  229. border-radius: 8px;" title="Rounded">
  230. <meta name="select:SidebarImgShape" content="" title="Square">
  231.  
  232.  
  233.  
  234. <meta name="select:SidebarStyle" content="
  235. margin-top:70px;
  236. -webkit-border-radius: 245px 245px 15px 15px;
  237. -moz-border-radius: 245px 245px 15px 15px;
  238. border-radius: 245px 245px 15px 15px;
  239. height:100%;
  240. padding-top: 10px;" title="Bottom Circle">
  241.  
  242. <meta name="select:SidebarStyle" content="
  243. padding-top: 113px;
  244. margin-top:-33px;
  245. height:100%;
  246. -webkit-border-radius: 0 0 5px 5px;
  247. -moz-border-radius: 0 0 5px 5px;
  248. border-radius: 0 0 5px 5px;" title="Full Tall">
  249.  
  250. <meta name="select:SidebarStyle" content="
  251. margin-top:70px;
  252. -webkit-border-radius: 5px;
  253. -moz-border-radius: 5px;
  254. border-radius: 5px;
  255. height:100%;
  256. padding-top: 10px;" title="Bottom Rectangle">
  257.  
  258. <meta name="select:SidebarStyle" content="
  259. padding-top: 30px;
  260. margin-top:-33px;
  261. -webkit-border-bottom-left-radius:245px;
  262. -moz-border-bottom-left-radius: 245px;
  263. border-bottom-left-radius: 245px;
  264. -webkit-border-bottom-right-radius:245px;
  265. -moz-border-bottom-right-radius: 245px;
  266. border-bottom-right-radius: 245px;" title="Top Circle">
  267.  
  268. <meta name="select:SidebarStyle" content="
  269. padding-top: 30px;
  270. margin-top:-33px;
  271. -webkit-border-bottom-left-radius: 5px;
  272. -moz-border-bottom-left-radius: 5px;
  273. border-bottom-left-radius: 5px;
  274. -webkit-border-bottom-right-radius: 5px;
  275. -moz-border-bottom-right-radius: 5px;
  276. border-bottom-right-radius: 5px;" title="Top Rectangle">
  277.  
  278. <meta name="select:SidebarStyle" content="
  279. margin-top:70px;
  280. -webkit-border-radius: 245px 245px 15px 15px;
  281. -moz-border-radius: 245px 245px 15px 15px;
  282. border-radius: 245px 245px 15px 15px;
  283. padding-top: 10px;" title="Middle Both">
  284.  
  285. <meta name="select:SidebarStyle" content="
  286. margin-top:70px;
  287. -webkit-border-radius: 5px;
  288. -moz-border-radius: 5px;
  289. border-radius: 5px;
  290. padding-top: 10px;" title="Middle Rectangle">
  291.  
  292. <meta name="select:SidebarStyle" content="
  293. margin-top:70px;
  294. -webkit-border-radius: 245px;
  295. -moz-border-radius: 245px;
  296. border-radius: 245px;
  297. padding-top: 10px;" title="Middle Circle">
  298.  
  299.  
  300. <meta name="if:SidebarWrapper" content="1" />
  301. <meta name="if:Footers" content="1" />
  302. <meta name="if:FooterReblogLink" content="0" />
  303. <meta name="if:SidebarImgBorder" content="1" />
  304.  
  305. <meta name="if:SearchBox" content="1" />
  306.  
  307.  
  308.  
  309. <meta name="if:SideHover" content="1" />
  310. <meta name="if:HoverTags" content="1" />
  311. <meta name="if:TransparentSideHover" content="0" />
  312. <meta name="if:Sounds" content="1" />
  313. <meta name="if:Border" content="1" />
  314. <meta name="if:NavButtons" content="1" />
  315. <meta name="if:NavMenu" content="0" />
  316. <meta name="if:ShowCaptions" content="1" />
  317. <meta name="if:ShowTags" content="1" />
  318. <meta name="if:ShowSidebarImage" content="1" />
  319. <meta name="if:HighSidebar" content="1" />
  320. <meta name="if:UpsideDown" content="0" />
  321. <meta name="if:MaximizedBackground" content="1" />
  322.  
  323.  
  324. <style> body, a, a:hover { }</style>
  325.  
  326. <style type="text/css">
  327.  
  328. #tumblr_controls{ position:fixed !important; -webkit-filter: invert(100%) } #s-m-t-tooltip { text-align:center; text-transform:lowercase; max-width:320px; z-index:9999999999999; background: {color:tooltip}; font-size: 11px; word-wrap:break-word; padding: 1px 5px; font-family: {select:Font}; display: block; letter-spacing:0px; margin-left:28px; margin-top:20px; border: 1px solid {color:tooltipborder}; color: {color:tooltiptext}; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } ::selection { background: {color:selectionBG}; color:{color:selection}; } ::-moz-selection { background: {color:selectionBG}; color:{color:selection}; } ::-webkit-selection { background: {color:selectionBG}; color:{color:selection}; } ::-webkit-scrollbar{ width: 9px; background:{color:scrollbarbg}; } ::-webkit-scrollbar-track{ background:{color:scrollbarbg}; } ::-webkit-scrollbar-thumb{ -webkit-box-shadow:inset 1px 1px 2px 0 rgba(255,255,255,.6); box-shadow:inset 1px 1px 2px 0 rgba(255,255,255,.6); background: {color:scrollbarthumb}; border: 2px solid {color:scrollbarbg}; } ::-webkit-scrollbar-corner{ } .clear { clear: both; height: 0px; overflow: hidden; }
  329. body { {block:ifMaximizedBackground} background:{color:background} url('{image:Background}') no-repeat center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; {/block:ifMaximizedBackground} {block:ifnotMaximizedBackground} background:{color:background} url('{image:Background}') top left fixed repeat; {/block:ifnotMaximizedBackground} margin:0px; color:{color:text}; font-family: {select:Font}; } a { text-decoration:none; -moz-outline-style:none; color:{color:link}; cursor:help; } img { border:none; } a:hover { opacity:1; color:{color:hover}; background:{color:HoverBG}; }
  330. #seokjin { {block:ifsidebarwrapper} {block:ifborder} border: 1px solid {color:wrapperborder}; {/block:ifborder} background:rgba({select:WrapperColor},{select:wrappertransparency} ); {/block:ifsidebarwrapper} transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; padding-left:15px; padding-right:15px; padding-bottom:5px; position:fixed; width:150px; margin-left:-230px; {select:SidebarStyle} } #seokjin .profile { {block:ifnotshowsidebarimage} display:none; {/block:ifnotshowsidebarimage} text-align:center; margin-bottom:15px; margin-top:15px; }
  331.  
  332. #seokjin .profile a{}
  333. #seokjin .profile a:hover{background:none;}
  334.  
  335.  
  336.  
  337. #seokjin .profile img{ padding:3px; {select:SidebarImgShape} position:relative; {block:ifsidebarimgborder} border:1px solid {color:imgborder2}; background: {color:imgborder1}; {/block:ifsidebarimgborder} max-width:120px; /*height:120px;*/ transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #seokjin .profile:hover img{ transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); } .zelo{ font-family: {select:Font}; font-size:11px; text-align:center; margin-bottom:11px; text-transform:lowercase; } .zelo a{ margin-left:3px; margin-right:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: rgba({select:bodycolor},{select:BodyTransparency}); {block:ifborder} border: 1px solid {color:border}; {/block:ifborder} padding: 1px 5px; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } .zelo a:hover{ color:{color:hover}; } #seokjin .desc { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; outline:0px auto {color:border}; background: rgba({select:bodycolor},{select:BodyTransparency}); {block:ifborder} border:1px solid {color:border}; {/block:ifborder} padding:10px 10px; color:{color:text}; text-align:center; }
  338. #seokjin .desc a{
  339. transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out;
  340. }
  341.  
  342. #seokjin .desc a:hover{ color:{color:hover}; } #pagi{ transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; font-size:11px; text-align:center; letter-spacing:0px; margin-top:12px; margin-bottom:10px;line-height: 22px; } #pagi a{ color:{color:link}; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: rgba({select:bodycolor},{select:BodyTransparency}); {block:ifborder}border:1px solid {color:border}; {/block:ifborder} padding:1px 5px; margin-left:3px; margin-right:3px; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #pagi a:hover{ color:{color:hover}; } .nav { text-align: center; width: 100%; margin-top:7px; margin-bottom:0px; font-size:11px; line-height: 22px; } .nav a{ color:{color:navText}; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid {color:navborder}; margin-right: 2px; background-color:{color:nav}; padding: 1px 5px!important; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } .nav a:hover{ -webkit-box-shadow: 2px 2px 0 0 {color:navborder}; -moz-box-shadow: 2px 2px 0 0 {color:navborder}; box-shadow: 2px 2px 0 0 {color:navborder}; color:{color:navtext}!important; } .search { font-family:{select:Font}; background: {color:search}; border: 1px solid {color:searchborder}; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .search form { margin: 0; } .search form .query { padding: 2px; font-family:{select:Font}; border: none; background: transparent; outline: none; width: 50%; float: left; color: {color:searchtext}; } .search form .submit { background: rgba(255,255,255,.0); color:{color:searchtext}; font-family:{select:Font}; border:none; padding: 2px 4px; font-size:11px; margin: 3px 3px 2px 0; float: right; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; cursor: pointer; }
  343. #wrapper { width:445px; padding-top:30px; padding-right:30px; padding-left:52px; padding-bottom:30px; margin: 0 auto; font-size:11px; }
  344.  
  345. #youngjae { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height:55px; font-size:11px; outline: 0px auto {color:border}; {block:ifborder} border:1px solid {color:border}; {/block:ifborder} {block:ifnotborder} border-right:1px solid rgba(255,255,255,.01); {/block:ifnotborder} width:400px; {block:iffooters} overflow:auto; {/block:iffooters} word-wrap:break-word; padding-bottom:8px; padding-top:10px; padding-right:10px; padding-left:10px; margin-bottom:30px; background: rgba({select:bodycolor},{select:BodyTransparency}); transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }
  346. #youngjae:hover{ {block:ifsidehover} {block:indexpage} {block:ifnottransparentsidehover} border-right:26px solid {color:border}; {/block:ifnottransparentsidehover} {/block:indexpage}{/block:ifsidehover} } #youngjae .link{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: {color:accenttext}; letter-spacing:2px; font-size:13px; background:{color:accent}; padding:6px 8px; overflow:hidden; margin-bottom:3px; border:1px solid {color:accentborder}; border-bottom:4px solid {color:accentborder}; text-align:center; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }
  347. #youngjae .link a{ color:{color:accenttext}; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #youngjae .link a:hover{ color:{color:hover}; } #youngjae .link:hover{ } #youngjae .quote{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: {color:accenttext}; letter-spacing:1px; font-size:12px; background:{color:accent}; padding:6px 2px; margin-top:0px; margin-bottom:4px; border:1px solid {color:accentborder}; text-align:center; line-height:15px; } .chat ul { list-style: none; margin:0; padding: 0; } .chat li { border:1px solid {color:chatborder}; margin-left:3px; margin-top:-1px; color:{color:text}; font-size:11px; padding: 3px 5px; width: 382px ; } .chat .odd { float: left; background: {color:chat1}; } .chat .even { float: left ; background: {color:chat2}; } #youngjae .title{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: {color:accenttext}; letter-spacing:2px; font-size:17px; background:{color:accent}; padding:6px 2px; margin-top:0px; margin-bottom: 3px; border:1px solid {color:accentborder}; text-align:center; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #youngjae .texto{ margin-bottom:0px; margin-top:0px; padding:1px 5px; } #youngjae .texto a{ transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #youngjae .texto a:hover{ } #youngjae blockquote{ margin-left:12px; width:90%; padding-top:1px; word-wrap:break-word; background:rgba(0,0,0,.02); border-left:1px solid {color:blockquote}; padding-left:12px; padding-bottom:1px; padding-right:0px; } #youngjae img{ max-width:100%; } pre{ letter-spacing:1px; font-size:10px; padding-right:5px; font-family:arial; } #youngjae #bap { {select:LikeReblogPerm} text-align:center; padding:3px; font-size:13px; background: transparent; margin-top:-11px; margin-left:410px; height:90px; width:0px; overflow:hidden; position:absolute; opacity:0; transition: .1s ease-in; -moz-transition: .1s ease-in; -webkit-transition: .1s ease-in; } #youngjae:hover #bap { height:90px; opacity:1; width:19px; transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; }
  348.  
  349. #youngjae #bap a:hover{background:transparent;}
  350.  
  351. #youngjae #jonguppie{ {block:ifnotfooters}{block:indexpage} display:none;{/block:indexpage}{/block:ifnotfooters} padding-top:4px; padding-bottom:2px; margin-top: 0px; text-align:center; border-top: 1px dashed {color:line}; overflow:hidden; } #youngjae #jonguppie .tags{ text-transform:lowercase; line-height:20px; display:block; margin-top:-2px; margin-left:2px; } #youngjae #jonguppie a{ color:{color:link}; } #youngjae #jonguppie .tags a{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: {color:footertext}; margin-right:4px; padding:1px 5px; background: {color:footer}; border:1px solid {color:footerborder}; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #youngjae #jonguppie .tags a:hover{ color: {color:footertext}; -webkit-box-shadow: 2px 2px 0 0 {color:footerborder}; -moz-box-shadow: 2px 2px 0 0 {color:footerborder}; box-shadow: 2px 2px 0 0 {color:footerborder}; } #youngjae #jonguppie #bebop { {block:ifnotshowtags}{block:indexpage} display:none;{/block:indexpage} {/block:ifnotshowtags} {block:indexpage} {block:ifhovertags}max-height:0px; {/block:ifhovertags} {block:ifnothovertags}max-height:245px; {/block:ifnothovertags} margin-bottom:-3px; {/block:indexpage} transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } {block:ifHoverTags}
  352. #youngjae #jonguppie:hover #bebop { {block:indexpage} max-height:245px;{/block:indexpage} transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out; } {/block:ifHoverTags} #youngjae #jonguppie #bebop .tago { {block:indexpage} max-height:231px; overflow:auto;{/block:indexpage} color:{color:text}; margin-top:4px; line-height:15px; font-size:11px; } #youngjae #jonguppie
  353. #bebop .tago a{ transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out; color:{color:text}; } #youngjae #jonguppie #bebop .tago a:hover{ transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; color:{color:hover}; } #youngjae #jonguppie #bebop .tago { } #youngjae #jonguppie a:hover{ color:{color:text}; } .qwrapper{ min-height:15px; padding:20px; position:relative; } .question { -webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 0; margin-top:-20px; margin-left:41px; margin-bottom:10px; position:relative; width:310px; float:left; text-align:justify; border:1px solid {color:accentborder}; background: {color:accent}; color: {color:accenttext}; font-size:11px; padding: 12px 12px; overflow:hidden; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } .question a{ letter-spacing:0px; color:{color:accenttext}; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } .question:hover a{ color:{color:accenttext}; } #youngjae:hover .question { } .jihoon { overflow:hidden; width:48px; height:48px; background: {color:imgborder1}; border:1px solid {color:imgborder2}; padding:3px; float:left; position:absolute; overflow:hidden; margin-top:-24px; margin-left:-24px; -moz-border-radius: 38px; -webkit-border-radius: 38px; border-radius: 38px; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } .qarrowleft { z-index:9999999; margin-top:-7px; margin-left:52px; position:absolute; width: 0; height: 0; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right:11px solid {color:accentborder}; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } #youngjae:hover .jihoon{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .jihoon img { width:48px; -moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px; }
  354. #asswipe{ margin:8px; float:left; width:80px; background: {color:imgborder1}; border:3px solid {color:imgborder2}; height:80px; overflow:hidden; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; } #youngjae:hover #asswipe{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } #rapmon{ position:relative; float:left; width: 280px ; background-color:#fff; overflow-x:hidden; overflow-y:hidden; -moz-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; -webkit-transition: all .9s ease; color:{color:Text}; margin-top:-10px; margin-left:-5px; } .arrow-left { margin-top:30px; margin-left:80px; position:absolute; width: 0; height: 0; border-top: 21px solid transparent; border-bottom: 20px solid transparent; border-right:25px solid {color:accentborder}; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } #youngjae #yonggu { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; position:absolute; margin-left:105px; border:8px solid {color:accentborder}; font-size:11px; font-family:calibri; text-transform: none; float:right; margin-top:30px; padding:5px; padding-top:8px; overflow:hidden; color: {color:accentText}; background: {color:accent}; width:260px; height:12px; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } #youngjae:hover #yonggu{ position:absolute; margin-top:8px; height:60px; } #youngjae:hover .arrow-left { border-right:25px solid {color:accentborder}; margin-top:8px; } ol.notes { max-height:300px; overflow-y:auto; padding: 0px; margin: 5px 0px; list-style-type: none; } ol.notes a{ transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } ol.notes li.note { padding: 5px; } ol.notes li.note img.avatar { -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } ol.notes li.note span.action { font-weight: normal; } ol.notes li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote { border-color: {color:blockquote}; padding: 4px 10px; margin: 10px 0px 0px 25px; } ol.notes li.note blockquote a { text-decoration: none; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #credit { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; font-size:11px; position:fixed; bottom:-1px; left:-91px; color:#51535e; } #credit .creditl{ transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; border-top:1px solid {color:border}; border-right:1px solid {color:border}; background: rgba(255,255,255,.8); font-family:consolas; width:75px; float:left; margin-left:2px; padding:3px 4px; margin-right:0px; } #credit .creditr{ transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; background: rgba(255,255,255,.8); border-left:5px solid {color:border}; border-top:1px solid {color:border}; border-right:1px solid {color:border}; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; font-size:16px; float:right; font-family:arial; padding-top:0px; padding-bottom:1px; padding-left:5px; padding-right:5px; } #credit:hover { left:-1px; } #credit:hover .creditr{ padding-right:4px;} #credit:hover .creditl{ } #credit a{ color:#51535e; }
  355.  
  356.  
  357.  
  358. {CustomCSS}</style>
  359. </head><body>
  360.  
  361.  
  362. <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  363. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  364. //** v1.1 (April 7th, 10'):
  365. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  366. //** 2) Fixes scroll animation not working in Opera.
  367.  
  368.  
  369. var scrolltotop={
  370. setting: {startline:0, scrollto: 0, scrollduration:900, fadeduration:[500, 100]},
  371. controlHTML: '<img src="{image:Bottom}" style="max-width:240px;" width="" onclick="clicksound.playclip()"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  372. controlattrs: {offsetx:{text:BottomImageLeft}, offsety:{text:BottomImageTop}}, //offset of control relative to right/ bottom of window corner
  373. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  374.  
  375. state: {isvisible:false, shouldvisible:false},
  376.  
  377. scrollup:function(){
  378. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  379. this.$control.css({opacity:0}) //hide control immediately after clicking it
  380. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  381. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  382. dest=jQuery('#'+dest).offset().top
  383. else
  384. dest=0
  385. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  386. },
  387.  
  388. keepfixed:function(){
  389. var $window=jQuery(window)
  390. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  391. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  392. this.$control.css({left:controlx+'px', top:controly+'px'})
  393. },
  394.  
  395. togglecontrol:function(){
  396. var scrolltop=jQuery(window).scrollTop()
  397. if (!this.cssfixedsupport)
  398. this.keepfixed()
  399. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  400. if (this.state.shouldvisible && !this.state.isvisible){
  401. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  402. this.state.isvisible=true
  403. }
  404. else if (this.state.shouldvisible==false && this.state.isvisible){
  405. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  406. this.state.isvisible=false
  407. }
  408. },
  409.  
  410. init:function(){
  411. jQuery(document).ready(function($){
  412. var mainobj=scrolltotop
  413. var iebrws=document.all
  414. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLhttpsRequest //not IE or IE7+ browsers in standards mode
  415. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  416. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  417. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  418. .attr({title:'scroll to top'})
  419. .click(function(){mainobj.scrollup(); return false})
  420. .appendTo('body')
  421. if (document.all && !window.XMLhttpsRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  422. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  423. mainobj.togglecontrol()
  424. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  425. mainobj.scrollup()
  426. return false
  427. })
  428. $(window).bind('scroll resize', function(e){
  429. mainobj.togglecontrol()
  430. })
  431. })
  432. }
  433. }
  434.  
  435. scrolltotop.init()</script>
  436.  
  437.  
  438.  
  439. <div id="wrapper">
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446. <div id="seokjin">
  447.  
  448.  
  449. {block:ifnotUpsideDown}
  450.  
  451. <div class="profile">
  452.  
  453.  
  454. <a href="/" title="{title}" onmouseover="mouseoversound.playclip()">
  455. <img src="{image:sidebar}"></a></div>{/block:ifnotUpsideDown}
  456.  
  457.  
  458.  
  459.  
  460. {block:ifUpsideDown}
  461. <center><br>
  462. <img src="{image:pixelie}" style="float:center; max-width:100%; margin-bottom:18px;">
  463.  
  464. </center>{/block:ifUpsideDown}
  465.  
  466.  
  467. <div class="zelo">
  468. <a href="/" title="{lang:Home}">{lang:Home}</a><a href="/ask" title="Ask">ask</a><a href="/archive" title="{lang:Archive}">{lang:Past}</a></div>
  469.  
  470. <div class="desc">{Description}
  471.  
  472. {block:ifNavButtons}
  473. <div class="nav">
  474. {block:haspages}
  475. {block:pages} <a href="{url}" onclick="clicksound.playclip()" >{label}</a> {/block:pages}{/block:haspages}
  476. {block:iflink1}<a href="{text:link 1 url}" onclick="clicksound.playclip()">{text:link 1}</a>{/block:iflink1}
  477. {block:iflink2}<a href="{text:link 2 url}"onclick="clicksound.playclip()" >{text:link 2}</a>{/block:iflink2}
  478. {block:iflink3}<a href="{text:link 3 url}"onclick="clicksound.playclip()" >{text:link 3}</a>{/block:iflink3}
  479. {block:iflink4}<a href="{text:link 4 url}"onclick="clicksound.playclip()" >{text:link 4}</a>{/block:iflink4}
  480. {block:iflink5}<a href="{text:link 5 url}"onclick="clicksound.playclip()" >{text:link 5}</a>{/block:iflink5}
  481. {block:iflink6}<a href="{text:link 6 url}"onclick="clicksound.playclip()" >{text:link 6}</a>{/block:iflink6}
  482. {block:iflink7}<a href="{text:link 7 url}"onclick="clicksound.playclip()" >{text:link 7}</a>{/block:iflink7}
  483. {block:iflink8}<a href="{text:link 8 url}"onclick="clicksound.playclip()" >{text:link 8}</a>{/block:iflink8}
  484. </div>
  485. {/block:ifNavButtons}
  486.  
  487. {block:ifNavMenu}
  488. <select onChange="location=this.options[this.selectedIndex].value;" style="
  489. font-family:{select:font};
  490. cursor:pointer;
  491. font-size: 11px;
  492. color:{color:navtext};
  493.  
  494. max-width:100%;
  495. padding:0px 2px;
  496.  
  497. -moz-border-radius: 3px;
  498. -webkit-border-radius: 3px;
  499. border-radius: 3px;
  500.  
  501. border: 1px solid {color:navBorder};
  502. background-color: {color:nav};
  503. margin-bottom:0px;
  504. -webkit-appearance: none;
  505. text-align:center;
  506. margin-top:5px; "><option value="">{text:MenuTitle}</option><!-- <option value="/ask">ask</option><option value="/submit">submit</option>-->{block:haspages}{block:pages}<option value="{url}">{label}</option>{/block:pages}{/block:haspages}{block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}{block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}{block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}{block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}{block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}{block:iflink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:iflink6}{block:iflink7}<option value="{text:link 7 url}">{text:link 7}</option>{/block:iflink7}{block:iflink8}<option value="{text:link 8 url}">{text:link 8}</option>{/block:iflink8}</select></form>
  507. {/block:ifNavMenu}
  508.  
  509.  
  510.  
  511.  
  512.  
  513. </div>
  514.  
  515. {block:Pagination}<div id="pagi">
  516. {block:PreviousPage}<a href="{PreviousPage}" title="{lang:Previous page}">&larr;</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"> {PageNumber} </span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" title="{lang:Next page}">&rarr;</a>{/block:NextPage}
  517. </div>{/block:Pagination} <div style="line-height:2px;"><br></div>
  518. <div id="credit"> <div class="creditl"><a href="https://www.tukut.tumblr.com/">Theme Credit</a></div><div class="creditr">✖</div></div>
  519. {block:ifsearchbox}{block:permalinkpage}<br>{/block:permalinkpage}
  520. <div style="background: rgba({select:bodycolor},{select:BodyTransparency}); text-align:center; padding: 8px; -moz-border-radius: 3px;
  521. -webkit-border-radius:3px;
  522. border-radius:3px; {block:ifborder} border:1px solid {color:border};{/block:ifborder} ">
  523. <div class="search"><form action="/search" method="get" class="search-form"><input type="hidden" name="t" value="{Name}" /><input type="text" name="q" class="query" value="{SearchQuery}" /><input type="submit" value="{lang:search}" class="submit" /><div class="clear"></div></form></div> {block:SearchPage}<div style="line-height:3px;"><br></div>[{block:SearchResults}{lang:SearchResultCount results for SearchQuery 2}{/block:SearchResults}{block:NoSearchResults}{lang:No search results for SearchQuery 2}{/block:NoSearchResults}] {/block:SearchPage}</div>
  524.  
  525.  
  526. {/block:ifsearchbox}
  527.  
  528.  
  529.  
  530.  
  531. {block:ifUpsideDown}
  532.  
  533. <div class="profile">
  534.  
  535.  
  536. <a href="/" title="{title}" onmouseover="mouseoversound.playclip()">
  537. <img src="{image:sidebar}"></a></div>{/block:ifUpsideDown}
  538.  
  539.  
  540.  
  541.  
  542. {block:ifnotUpsideDown}
  543. <center><br>
  544. <img src="{image:pixelie}" style="float:center; max-width:100%; margin-bottom:8px;">
  545.  
  546. </center>{/block:ifnotUpsideDown}
  547.  
  548.  
  549.  
  550.  
  551. </div>
  552.  
  553.  
  554.  
  555. {block:Posts}<div id="youngjae">
  556.  
  557.  
  558. {block:ifsidehover}{block:indexpage}
  559. <div id="bap">
  560.  
  561.  
  562.  
  563. <div style="padding-bottom:5px;">{likebutton color="white"}<div style="line-height:0px"><br></div> {reblogbutton color="white"}</div>
  564.  
  565. <div style="line-height:0px"><br></div>
  566.  
  567.  
  568. <a href="{Permalink}" target="_blank" onclick="clicksound.playclip()" title="{lang:Permalink}"> <img src="httpss://31.media.tumblr.com/cf50f8f56da95164585dca423527ccd4/tumblr_mzn0pdlJPv1sue43xo1_75sq.png" style="margin-left:-1px;width:24px;">
  569. </a>
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576. </div>{/block:indexpage}{/block:ifsidehover}
  577.  
  578. {block:Text} {block:Title}<div class="title">{Title}</div>{/block:Title} <div class="texto"> {Body}</div> {/block:Text}
  579.  
  580. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}
  581.  
  582. {block:ifshowcaptions}
  583. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  584. {/block:ifshowcaptions}
  585.  
  586. {block:ifnotshowcaptions}{block:permalinkpage}
  587. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  588. {/block:permalinkpage}{/block:ifnotshowcaptions}
  589.  
  590.  
  591.  
  592. {/block:Photo}
  593.  
  594.  
  595. {block:Link} <!--
  596. <div class="poopie"> <a href="{URL}"{Target} target="_blank" title="{name}" onclick="clicksound.playclip()">&raquo;</a></div> -->
  597.  
  598. <div class="link"><div class="piff"><a href="{URL}"{Target}>{Name} &raquo; </a></div>
  599.  
  600. </div>
  601. {block:Description}<div class="texto">{Description}</div>{/block:Description}
  602.  
  603.  
  604. {/block:Link}
  605.  
  606. {block:Photoset}<center>{Photoset-400}</center>
  607.  
  608. {block:ifshowcaptions}
  609. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  610. {/block:ifshowcaptions}
  611.  
  612. {block:ifnotshowcaptions}{block:permalinkpage}
  613. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  614. {/block:permalinkpage}{/block:ifnotshowcaptions}
  615.  
  616.  
  617.  
  618. {/block:Photoset}
  619.  
  620.  
  621.  
  622.  
  623. {block:Quote}<div class="quote">{Quote}</div>
  624.  
  625. <div class="texto">
  626. {block:Source}<div style="text-align:right; padding-right:5px;">{Source} &larr;</div>{/block:Source} <div style="line-height:7px;"><br></div></div>
  627.  
  628. {/block:Quote}
  629.  
  630. {block:Audio}
  631. {block:AudioPlayer}
  632. <!--<img width="40px" src="https://static.tumblr.com/cdqiodf/XXSmuhh4a/album-art.png" style="position:absolute; margin-top:9px;margin-left:9px; z-index:-1;-moz-border-radius: 53px;
  633. -webkit-border-radius: 53px;
  634. border-radius: 53px;padding:22px; background:{color:imgborder1}; "/> -->
  635.  
  636. <div id="asswipe">{block:AlbumArt}
  637.  
  638. <img width="80px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  639.  
  640.  
  641. <div class="arrow-left"></div>
  642.  
  643. <div id="yonggu">
  644. <div id="rapmon">{AudioPlayerWhite} </div>
  645.  
  646. <span style="">
  647.  
  648.  
  649. <div style="line-height:10px"><br></div><br>
  650.  
  651. <div style="height:40px; overflow-y:auto;">
  652. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}{block:ExternalAudio}<a href="{ExternalAudioURL}" title="{lang:Download}"> +</a>{/block:ExternalAudio}</span><br>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>{block:Album}<b>Album:</b> {Album}{/block:Album}</div></div>
  653.  
  654.  
  655.  
  656.  
  657. <div class="clear"></div> {/block:AudioPlayer}
  658.  
  659.  
  660.  
  661. {block:AudioEmbed} {AudioEmbed-400} {/block:AudioEmbed}
  662. {block:ifshowcaptions}
  663. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  664. {/block:ifshowcaptions}
  665.  
  666. {block:ifnotshowcaptions}{block:permalinkpage}
  667. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  668. {/block:permalinkpage}{/block:ifnotshowcaptions}
  669. {/block:Audio}
  670.  
  671.  
  672.  
  673. {block:Video}<center>{VideoEmbed-400}</center>
  674.  
  675.  
  676. {block:ifshowcaptions}
  677. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  678. {/block:ifshowcaptions}
  679.  
  680. {block:ifnotshowcaptions}{block:permalinkpage}
  681. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  682. {/block:permalinkpage}{/block:ifnotshowcaptions}
  683.  
  684. {/block:Video}
  685.  
  686. {block:Chat}
  687. {block:Title}<div class="title">{Title}</div><div style="line-height:9px;"><br></div>{/block:Title}
  688.  
  689. <div class="chat"><ul>{block:Lines}<li class="{Alt}">{block:Label}<b>{Label} </b> {/block:Label} {Line}</li>{/block:Lines}</ul></div>
  690.  
  691.  
  692. <div class="clear"></div><div style="height:10px;"></div>{/block:Chat}
  693.  
  694.  
  695. {block:Answer}
  696.  
  697. <div class="qarrowleft"></div>
  698. <div class="qwrapper">
  699.  
  700.  
  701. <div class="jihoon">
  702. <img src="{AskerPortraitURL-64}">
  703. </div>
  704.  
  705.  
  706.  
  707. <div class="question">
  708.  
  709.  
  710.  
  711.  
  712.  
  713. <b>{asker}</b> asked: {Question}</div> </div>
  714.  
  715. <div class="clear"></div>
  716. <div class="texto"> {Answer}</div>
  717. {/block:Answer}
  718.  
  719. {block:Date}
  720.  
  721.  
  722. <div id="jonguppie">
  723.  
  724. <div class="tags">
  725. <div style="line-height:5px;"><br></div>
  726.  
  727.  
  728. <a href="{Permalink}" target="_blank" onclick="clicksound.playclip()" title="
  729. {lang:Permalink}">{TimeAgo}</a>
  730.  
  731. {block:Reblog}<a href="{ReblogParentURL}" title="{lang:PostTypeNoun reblogged from ReblogParentName}">{lang:Via}</a>
  732.  
  733. {block:ContentSource}<a href="{SourceURL}" title="{lang:Originally from ReblogRootName}">{lang:Source}</a>{/block:ContentSource}
  734.  
  735. {/block:Reblog}
  736.  
  737. <a href="{Permalink}" title="{lang:This post has NoteCount notes}"> {block:NoteCount}
  738. {NoteCount} {/block:NoteCount} ♡</a>
  739.  
  740. {block:ifFooterReblogLink}
  741. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:ifFooterReblogLink}
  742.  
  743.  
  744.  
  745.  
  746.  
  747.  
  748.  
  749. </div>
  750.  
  751.  
  752. {block:hastags}<div id="bebop"> <div class="tago">
  753.  
  754. {block:ifshowtags} {lang:Tagged}: {block:Tags}
  755.  
  756. <a href="{TagURL}">#{Tag}</a>
  757.  
  758. {/block:Tags} {/block:ifshowtags}
  759.  
  760.  
  761. {block:ifnotshowtags}{block:permalinkpage} {block:Tags}
  762.  
  763. <a href="{TagURL}">#{Tag}</a>
  764.  
  765. {/block:Tags} {/block:permalinkpage}{/block:ifnotshowtags}
  766.  
  767. </div> </div>{/block:hastags}
  768.  
  769. </div>
  770.  
  771. {/block:Date}
  772.  
  773. {block:permalinkpage} {PostNotes} {/block:permalinkpage}
  774.  
  775. </div>
  776.  
  777.  
  778.  
  779. {/block:Posts}
  780. </div></div></div>
  781.  
  782.  
  783.  
  784. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!