xmisa0923

cfsdf

May 23rd, 2013
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.04 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="http://i.imgur.com/evYEhtP.png">
  5. <meta name="description" content="{MetaDescription}" />
  6.  
  7. <!----
  8.  
  9. theme one (revised from original) by joydivisions.tumblr.com
  10.  
  11. --->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="color:text" content="#999999"/>
  19. <meta name="color:link" content="#bdbdbd"/>
  20. <meta name="color:link hover" content="#000000"/>
  21. <meta name="color:link2" content="#a4a4a4"/>
  22. <meta name="color:link2 hover" content="999999"/>
  23. <meta name="color:border" content="#f8f8f8"/>
  24. <meta name="color:sidetext" content="8f8f8f"/>
  25. <meta name="color:bold" content="#000000"/>
  26. <meta name="color:scroll" content="eeeeee"/>
  27.  
  28. <meta name="image:lsidebar" content=""/>
  29.  
  30. <meta name="if:400px posts" content="0" />
  31.  
  32. <meta name="text:Link1" content="/" />
  33. <meta name="text:Link1 Title" content="home" />
  34. <meta name="text:Link2" content="/ask" />
  35. <meta name="text:Link2 Title" content="ask" />
  36. <meta name="text:Link3" content="" />
  37. <meta name="text:Link3 Title" content="" />
  38. <meta name="text:Link4" content="" />
  39. <meta name="text:Link4 Title" content="" />
  40. <meta name="text:Link5" content="" />
  41. <meta name="text:Link5 Title" content="" />
  42.  
  43. <style type="text/css">
  44. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.25s linear;opacity: 0.25;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  45.  
  46. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.5s linear;opacity: .7;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  47.  
  48. ::-webkit-scrollbar {width:.5%; height:auto; background:{color:scrollbg};}
  49. ::-webkit-scrollbar-corner {background:{color:scroll};}
  50. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  51. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  52.  
  53. body {font-size:10px;line-height:130%;margin:0px;color:{color:text};background:#ffffff;font-family:{text:body font};}
  54.  
  55. a:link, a, a:active, a:visited {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;text-decoration: none;color: {color:link};}
  56.  
  57. a:hover{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;color: {color:link hover};}
  58.  
  59. blockquote {padding-left:5px;border-left:2px solid #e6e6e6;}
  60.  
  61. blockquote blockquote {padding-left:5px;border-left:2px solid #e6e6e6;}
  62.  
  63. h1 {font-size:15px;line-height:110%;font-style:italic;text-transform:lowercase;font-weight:lighter;padding-left:5%;padding-right:3%;font-family:{text:link font};}
  64.  
  65. .op {opacity: {text:image opacity};-webkit-transition: all 0.9s ease;{block:permalinkpage} opacity:1;{/block:permalinkpage}}
  66.  
  67. .op:hover {opacity: 1;}
  68.  
  69. #essentiel {padding:50px;{block:if500pxposts}width:500px;{/block:if500pxposts} {block:if400pxposts}width:400px;{block:permalinkpage}width:500px;{/block:permalinkpage}{/block:if400pxposts}{block:if500pxposts}margin-left:25.3%;{/block:if500pxposts}{block:if400pxposts}margin-left:30%;{/block:if400pxposts}{block:ifpostborder}{block:indexpage}border-left:1px solid {color:#FFFFFF};border-right:1px solid {color:#FFFFFF};{/block:indexpage}{/block:ifpostborder}}
  70.  
  71. #post {{block:if400pxposts}width:400px;margin-bottom:{text:post margin};{block:permalinkpage}width:500px; {/block:permalinkpage} {/block:if400pxposts}{block:if500pxposts}width:500px;margin-bottom:{text:post margin};{/block:if500pxposts}padding-bottom:2%;}{block:ifgreyscale}
  72.  
  73. img {margin-bottom:0px;-webkit-transition: all 0.9s ease;filter: url(filters.svg#grayscale);filter: gray;-webkit-filter: grayscale(0);-webkit-filter: grayscale(0);{block:permalinkpage}filter: url(filters.svg#grayscale);-webkit-filter: grayscale(0);{/block:permalinkpage}}
  74.  
  75. img:hover {filter: none;-webkit-filter: grayscale(1);-webkit-transition: all 0.9s ease;}
  76.  
  77. #posted {-webkit-transition: all 0.9s ease;filter: url(filters.svg#grayscale);filter: gray;-webkit-filter: grayscale(0);-webkit-filter: grayscale(0);{block:permalinkpage}filter: url(filters.svg#grayscale);-webkit-filter: grayscale(0);{/block:permalinkpage}}
  78.  
  79. #posted:hover {filter: none;-webkit-filter: grayscale(1);-webkit-transition: all 0.9s ease;}{/block:ifgreyscale}
  80.  
  81.  
  82. /*--- S I D E ---*/
  83.  
  84. #sidebar {
  85. position:fixed;
  86. margin-top:130px;
  87. }
  88.  
  89. #side {
  90. margin-left:200px;
  91. padding:10px 10px 15px 10px;
  92. }
  93.  
  94. #lsidebar {
  95. width:100px;
  96.  
  97. }
  98.  
  99. #lsidebar img {
  100. width: 100px;
  101. padding:10px;
  102. border:1px solid {color:border};
  103. -webkit-transition: opacity 0.7s linear;
  104. opacity: 0.7s;
  105. -webkit-transition: all 0.6s ease-out;
  106. -moz-transition: all 0.6s ease-out;
  107. transition: all 0.6s ease-out
  108. }
  109.  
  110. #lsidebar img:hover {
  111. opacity:.9;
  112. -webkit-transition: opacity 0.7s linear;
  113. opacity: 0.7s;
  114. -webkit-transition: all 0.6s ease-out;
  115. -moz-transition: all 0.6s ease-out;
  116. transition: all 0.6s ease-out;
  117. }
  118.  
  119.  
  120. /*--- D E S C R I P T I O N ---*/
  121.  
  122. #desc {
  123. width:90px;
  124. margin-top:7px;
  125. margin-left:-5px;
  126. font-size:8.5px;
  127. font-family:georgia;
  128. font-style:italic;
  129. text-align:justify;
  130. color:{color:sidetext};
  131. border-top:1px solid ##f7f7f7;
  132. border-bottom:1px solid #f7f7f7;
  133. background-image:url('http://static.tumblr.com/sqlgzwf/A3mmm55tr/bright_lace.jpg');
  134. text-transform:lowercase;
  135. padding:7px 20px;
  136. }
  137.  
  138.  
  139.  
  140. /*--- N A V I G A T I O N ---*/
  141.  
  142. #sidelink {
  143. text-align:center;
  144. margin-left:5px;
  145. margin-top:7px;
  146. }
  147.  
  148. #sidelink a {
  149. padding:3px;
  150. font-family:cambria;
  151. line-height:8px;
  152. font-size:7.5px;
  153. color:{color:link2};
  154. letter-spacing: 2px;
  155. text-align:center;
  156. text-transform: uppercase;
  157. -webkit-transition: opacity 0.7s linear;
  158. opacity: 0.7s;
  159. -webkit-transition: all 0.6s linear;
  160. -moz-transition: all 0.6s linear;
  161. transition: all 0.6s linear}
  162.  
  163. #sidelink a:hover {
  164. text-transform:lowercase;
  165. font-size:9px;
  166. color:#131313;
  167. -webkit-transition: opacity 0.7s linear;
  168. opacity: 0.7s;
  169. -webkit-transition: all 0.6s linear;
  170. -moz-transition: all 0.6s linear;
  171. transition: all 0.6s linear;
  172. }
  173.  
  174. /*--- P A G I N A T I O N ---*/
  175.  
  176. #pagination {
  177. {block:IfNot400pxPosts}width:500px;{/block:IfNot400pxPosts}
  178. {block:If400pxPosts}width:400px;{/block:If400pxPosts}
  179. margin-left:250px;
  180. padding-top:10px;
  181. height:20px;
  182. text-align:center;
  183. background-color:#ffffff;
  184. font-size:20px;
  185. bottom:0px;
  186. position:fixed;
  187. -webkit-transition: opacity 0.7s linear;
  188. opacity: 0.7s;
  189. -webkit-transition: all 0.6s linear;
  190. -moz-transition: all 0.6s linear;
  191. transition: all 0.6s linear;
  192. }
  193.  
  194.  
  195. #pagination a:hover {
  196. color:{color:link hover};
  197. }
  198.  
  199. .quote {font-size:15px;font-style:italic;letter-spacing:0px;line-height:100%;opacity:1;font-family:{text:link font};}
  200.  
  201. .source {font-size:10px;font-style:;opacity:1;margin-bottom:10px;margin-left:45px;margin-top:-5px;font-family:{text:body font};}
  202.  
  203. .aud {width:100%;background-color:{color:audio bg};background-image: url('{image:audio bg}');background-attachment:repeat;background-color:{color:background};}
  204.  
  205. .aud2{height:26px;{block:if500pxposts}width:5.5%;{/block:if500pxposts}{block:if400pxposts}width:6.5%;{block:permalinkpage}width:5.5%;{/block:permalinkpage}{/block:if400pxposts}margin-left: 45%;overflow:hidden;opacity:.75;}
  206.  
  207. #perm {font-size:10px;letter-spacing:0px;padding:3.5%;padding-bottom:10px;padding-top:8px;text-align:center;margin-top:3px;font-style:italic;text-transform:lowercase;background:{color:perma bg color};font-family:{text:link font};{block:permalinkpage}background-color:transparent;{/block:permalinkpage}}
  208.  
  209. .tags {text-transform:lowercase;letter-spacing:0;font-size:10px;line-height:120%;font-style:italic;text-align:right;font-family:{text:link font};}
  210.  
  211. ol.notes { padding-left:6%;padding-bottom:2%;width:90%;text-align:left ;list-style-type:lower-roman;}
  212.  
  213. ol.notes li.note{border-bottom:1px solid #e2e2e2;padding:2%;}
  214.  
  215. ol.notes li.note img.avatar{width:0px;height:0px;}
  216.  
  217. #vaudes {position:fixed;right:5px;bottom:2%;text-align:center;font-size:10px;font-family:justus,arial;font-style:italic;width:30px;}
  218. #vaudes a{color:#8ea7a7;}
  219.  
  220. #asker {
  221. float:left;
  222. margin-right:5px;}
  223.  
  224. #caption {padding:0px 3px 0px 3px;}
  225.  
  226.  
  227.  
  228. {CustomCSS}</style></head><body>
  229. <div id="vaudes"><a href="http://vaudes.tumblr.com/">◂</a> </div>
  230.  
  231.  
  232. <div id="sidebar">
  233. <div id="side">
  234.  
  235.  
  236. </br>
  237. <div id="lsidebar">
  238.  
  239. <a href="/"><img src="http://static.tumblr.com/e2acc221ba584d8639a0b7fc18da2b3d/cz3bzzs/eTbmn9hj6/tumblr_static_cb_wolf.gif" /></a>
  240.  
  241. </div>
  242.  
  243. <div id="sidelink">
  244. {block:ifLink1}<a href="http://byunbaek.tk/" title="home">i.</a>{/block:ifLink1}
  245. {block:ifLink2}<a href="http://byunbaek.tk/ask" title="ask">ii</a>{/block:ifLink2}
  246. {block:ifLink3}<a href="http://byunbaek.tk/archive" title="history">iii.</a>{/block:ifLink3}
  247. {block:ifLink4}<a href="http://byunbaek.tk/links" title="{text:links}">iv.</a>{/block:ifLink4}
  248. {block:ifLink5}<a href="http://vaudes.tumblr.com/" title="theme">v.</a>{/block:ifLink5}
  249. </div>
  250.  
  251. <div id="desc">
  252. {Description}
  253. </div>
  254.  
  255. <div id="pagination">
  256. {block:Pagination}<div class="pagination">
  257. {block:PreviousPage}<a href="{PreviousPage}"><big>↚</big></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:PreviousPage}
  258. {block:NextPage}<a href="{NextPage}"><big>↛</big></a> {/block:NextPage}
  259. </div>{/block:Pagination}
  260. </div>
  261. </div>
  262.  
  263.  
  264.  
  265. </div>
  266. </br>
  267.  
  268.  
  269.  
  270. </div>
  271.  
  272.  
  273.  
  274. <div id="essentiel"><div style="margin-top:6px;"></div>
  275. {block:Posts}
  276. <div id="post">
  277.  
  278.  
  279. {block:Text}
  280. <h1>{block:Title}<span style="opacity:.50;font-style:normal;">❝&nbsp;</span>{Title}{/block:Title}</h1>
  281. <div id="caption">{Body}</div>{/block:Text}
  282.  
  283.  
  284. {block:Photo}
  285. <div id="posted"><div class="op">{LinkOpenTag}<a href="{Permalink}">{block:if400pxposts}{block:indexpage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=400px/>{/block:indexpage}{/block:if400pxposts}{block:if500pxposts}{block:indexpage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/>{/block:indexpage}{/block:if500pxposts}{block:permalinkpage} <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/>{/block:permalinkpage} </a>{LinkCloseTag}</div></div>
  286. {/block:Photo}
  287.  
  288. {block:Photoset}
  289. <div id="posted">
  290. <div class="op">
  291. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  292. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  293. </div></div>
  294. {/block:Photoset}
  295.  
  296. {block:Quote}
  297. <div class="quote">
  298. <span style="opacity:.50;font-style:normal;">❝&nbsp;</span>{Quote}</div>
  299. {block:Source}<div class="source"><br>&mdash; {Source}</div>{/block:Source}
  300. {/block:Quote}
  301.  
  302. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<div id="caption">{Description}</div>{/block:Description}{/block:Link}
  303.  
  304. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  305. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  306.  
  307. {block:Audio}
  308. <div style="border-top:1px solid {color:perma bg color};"></div>
  309. <div class="aud"><div class="aud2"><center>{AudioPlayerWhite}</center></div></div><div style="border-top:1px solid {color:perma bg color};"></div>
  310. {/block:Audio}
  311.  
  312. {block:Video}
  313. {block:if400pxposts}{Video-400}{block:permalinkpage}{Video-500} {/block:permalinkpage} {/block:if400pxposts}{block:if500pxposts}{Video-500}{/block:if500pxposts}
  314. {/block:Video}
  315.  
  316. {block:Answer}
  317. <div style="font-size:11px;padding-bottom:1.8%;font-style:italic;border-bottom:1px solid {color:perma bg color};font-family:{text:link font};line-height:160%;">&middot; {Asker} &middot;</u> asked:&nbsp; {Question}</div>
  318. <br><div style="font-size:10px;margin-top:-3%;padding:3px 7px 3px 7px;font-family:{text:body font};">{Answer}</div>{/block:Answer}
  319.  
  320.  
  321.  
  322. <div id="perm">
  323. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  324. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  325.  
  326. {block:permalinkpage}
  327. {timeago} &nbsp;&nbsp; <a href="{Permalink}"title="{timeago}">{Month} {DayOfMonth}{DayOfMonthSuffix}&nbsp;{ShortYear}</a>{block:NoteCount} &nbsp; <span style="opacity:.9;"><a href="{Permalink}">+{NoteCount}</a> &nbsp;&nbsp;&nbsp;&nbsp;</span>{/block:NoteCount} {block:RebloggedFrom}via: <a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> &nbsp;&nbsp; &nbsp; from: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a><BR>{/block:RebloggedFrom}
  328. {/block:permalinkpage}
  329.  
  330. {block:indexpage}{block:date}<a href="{Permalink}"title="{timeago}">{ShortMonth}. {DayOfMonth}{DayOfMonthSuffix}</a> {/block:date}{block:NoteCount}&nbsp;<span style="opacity:.9;font-style:normal;">&nbsp;<a href="{Permalink}"title="{notecountwithlabel}">&middot; {NoteCount} &middot;</a>&nbsp;</span>{/block:NoteCount}{/block:indexpage}
  331.  
  332. {block:HasTags}<span class="tags"> &nbsp; <span style="opacity:.8;">{text:tag title}:</span> <span style="opacity:.9;">&nbsp;{block:Tags}<a href="{TagURL}">{Tag}</a><span style="opacity:.7;">.</span> {/block:Tags}</span></span>{/block:HasTags}</div>
  333.  
  334. </div><BR>
  335. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Posts}
  336. </div>
  337.  
  338. </body>
Advertisement
Add Comment
Please, Sign In to add comment