API tools faq
paste
yeoli

Theme 09 - Cheonchu

yeoli
Oct 17th, 2012
9,955
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- THEME 09 - CHEONCHU
  5. MADE BY YEOLI-THM.TUMBLR.COM -->
  6.  
  7. <head>
  8.  
  9. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  10. <script type="text/javascript">
  11. $(document).ready(function () {
  12. $('li.drawer div:nth-child(2)').hide();
  13. $('li.drawer desc').click(function () {
  14. if ($(this).hasClass('open')) {
  15. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  16. else {
  17. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  18. $(this).next().slideDown();
  19. $(this).addClass('open');}
  20. });
  21. });
  22. </script>
  23. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  24. <link rel="shortcut icon" href="{Favicon}" />
  25. <meta name="description" content="{MetaDescription}" />
  26. <meta name="color:Background" content="#fcfcfc"/>
  27. <meta name="color:Borders" content="#dddddd"/>
  28. <meta name="color:BoldText" content="#c0acdd"/>
  29. <meta name="color:ItalicText" content="#9cdbcf"/>
  30. <meta name="color:Text" content="#acacac"/>
  31. <meta name="color:Links" content="#a2b7cf"/>
  32. <meta name="color:LinksHover" content="#6a8aaf"/>
  33. <meta name="color:PostBackground" content="#ffffff"/>
  34. <meta name="color:SidebarBackground" content="#ffffff"/>
  35. <meta name="color:SidebarLinks" content="#b6b6b6"/>
  36. <meta name="color:SidebarLinksHover" content="#dddddd"/>
  37. <meta name="color:BlogTitle" content="#b6b6b6"/>
  38. <meta name="color:Description" content="#b6b6b6"/>
  39. <meta name="color:Permalink" content="#b6b6b6"/>
  40. <meta name="color:PermalinkHover" content="#dddddd"/>
  41. <meta name="color:Scrollbar" content="#dddddd"/>
  42. <meta name="image:Background" content=""/>
  43. <meta name="image:SidebarImage" content="http://media.tumblr.com/tumblr_mc21i2kumm1r0x4q9.jpg"/>
  44. <meta name="text:Link1 URL"content=""/>
  45. <meta name="text:Link1" content="Link 1"/>
  46. <meta name="text:Link2 URL"content=""/>
  47. <meta name="text:Link2" content="Link 2"/>
  48. <meta name="text:Link3 URL"content=""/>
  49. <meta name="text:Link3" content="Link 3"/>
  50. <meta name="text:Link4 URL"content=""/>
  51. <meta name="text:Link4" content="Link 4"/>
  52. <meta name="text:Link5 URL"content=""/>
  53. <meta name="text:Link5" content="Link 5"/>
  54. <meta name="text:Link6 URL"content=""/>
  55. <meta name="text:Link6" content="Link 6"/>
  56. <meta name="if:InfiniteScroll" content="0"/>
  57. <meta name="if:250px" content="1"/>
  58. <meta name="if:400px" content="0"/>
  59. <meta name="if:500px" content="0"/>
  60. <meta name="if:SidebarImage" content="1"/>
  61.  
  62. <style type="text/css">
  63.  
  64. #tumblr_controls, .tmblr-iframe{
  65. position:fixed!important;
  66. z-index:99999!important;
  67. top:0px!important;
  68. right:0px!important;
  69. }
  70.  
  71. ::-webkit-scrollbar {
  72. width:8px;
  73. height:10px;
  74. background-color:{color:Background};
  75. }
  76.  
  77. ::-webkit-scrollbar-thumb:vertical{
  78. height:10px;
  79. background-color:{color:Scrollbar};
  80. }
  81.  
  82. ::-webkit-scrollbar-button:end:increment{
  83. height:13px;
  84. display:block;
  85. background-color:{color:SidebarBackground};
  86. border-top:1px solid {color:Borders};
  87. }
  88.  
  89. body {
  90. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  91. background-attachment:fixed;
  92. background-repeat:repeat;
  93. background-image:url('{image:Background}');
  94. background-color:{color:Background};
  95. }
  96.  
  97. a, a:link, a:active, a:visited{
  98. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  99. text-decoration:none;
  100. color: {color:Links};
  101. }
  102.  
  103. a:hover{
  104. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  105. color: {color:LinksHover};
  106. }
  107.  
  108. b, strong{
  109. color:{color:BoldText};
  110. }
  111.  
  112. i, em {
  113. color:{color:ItalicText};
  114. }
  115.  
  116. #content{
  117. margin-left:200px;
  118. }
  119.  
  120. .posts{
  121. font-family:Calibri;
  122. margin:20px;
  123. padding:25px;
  124. color:{color:Text};
  125. background:{color:PostBackground};
  126. border:1px solid {color:Borders};
  127. {block:IndexPage}
  128. {block:If250px}width:262px;font-size:10px;{/block:If250px}
  129. {block:If400px}width:412px;font-size:10px;{/block:If400px}
  130. {block:If500px}width:512px;font-size:11px;{/block:If500px}
  131. {/block:IndexPage}
  132. {block:PermalinkPage}
  133. {block:IfNot500px}width:412px;font-size:10px;{/block:IfNot500px}
  134. {block:If500px}width:512px;font-size:11px;{/block:If500px}
  135. {/block:PermalinkPage}
  136. }
  137.  
  138. .posts li{
  139. list-style:square;
  140. }
  141.  
  142. .posts blockquote{
  143. overflow:hidden;
  144. padding-top:0px;
  145. padding-bottom:0px;
  146. padding-left: 5px;
  147. padding-right: 5px;
  148. margin-left:10px;
  149. border-left: 1px solid {color:Borders};
  150. {block:IndexPage}
  151. {block:If250px}width:210px;{/block:If250px}
  152. {block:If400px}width:360px;{/block:If400px}
  153. {block:If500px}width:460px;{/block:If500px}
  154. {/block:IndexPage}
  155. {block:PermalinkPage}
  156. {block:IfNot500px}width:360px;{/block:IfNot500px}
  157. {block:If500px}width:460px;{/block:If500px}
  158. {/block:PermalinkPage}
  159. }
  160.  
  161. #headings{
  162. font-family:calibri;
  163. text-transform:uppercase;
  164. text-align:right;
  165. border-bottom:1px solid {color:Borders};
  166. {block:IndexPage}
  167. {block:If250px}font-size:11px;{/block:If250px}
  168. {block:If400px}font-size:11px;{/block:If400px}
  169. {block:If500px}font-size:12px;{/block:If500px}
  170. {/block:IndexPage}
  171. {block:PermalinkPage}
  172. {block:IfNot500px}font-size:11px;{/block:IfNot500px}
  173. {block:If500px}font-size:12px;{/block:If500px}
  174. {/block:PermalinkPage}
  175. }
  176.  
  177. #audio {
  178. background:{color:PostBackground};
  179. {block:IndexPage}
  180. {block:If250px}padding-left:25px;{/block:If250px}
  181. {block:If400px}padding-left:100px;{/block:If400px}
  182. {block:If500px}padding-left:150px;{/block:If500px}
  183. {/block:IndexPage}
  184. {block:PermalinkPage}
  185. {block:IfNot500px}padding-left:100px;{/block:IfNot500px}
  186. {block:If500px}padding-left:150px;{/block:If500px}
  187. {/block:PermalinkPage}
  188. }
  189.  
  190. #question{
  191. font-family:calibri;
  192. text-transform:uppercase;
  193. text-align: left;
  194. min-height:12px;
  195. padding:5px;
  196. color:{color:Text};
  197. border-bottom:1px solid {color:Borders};
  198. {block:IndexPage}
  199. {block:If250px}font-size:9px;{/block:If250px}
  200. {block:If400px}font-size:9px;{/block:If400px}
  201. {block:If500px}font-size:10px;{/block:If500px}
  202. {/block:IndexPage}
  203. {block:PermalinkPage}
  204. {block:IfNot500px}font-size:9px;{/block:IfNot500px}
  205. {block:If500px}font-size:10px;{/block:If500px}
  206. {/block:PermalinkPage}
  207. }
  208.  
  209. #date{
  210. position:absolute;
  211. margin-top:6px;
  212. font-size:8px;
  213. text-transform:uppercase;
  214. text-align:center;
  215. {block:If250px}width:262px;{/block:If250px}
  216. {block:If400px}width:412px;{/block:If400px}
  217. {block:If500px}width:512px;{/block:If500px}
  218. }
  219.  
  220. .posts #perma{
  221. position:absolute;
  222. margin-top:-16px;
  223. font-size:8px;
  224. text-transform:uppercase;
  225. opacity:0;
  226. -webkit-transition: all 0.2s linear;
  227. -moz-transition: all 0.2s linear;
  228. transition: all 0.2s linear;
  229. {block:If250px}margin-left:290px;{/block:If250px}
  230. {block:If400px}margin-left:440px;{/block:If400px}
  231. {block:If500px}margin-left:540px;{/block:If500px}
  232. }
  233.  
  234. .posts:hover #perma{
  235. {block:If250px}margin-left:293px;{/block:If250px}
  236. {block:If400px}margin-left:443px;{/block:If400px}
  237. {block:If500px}margin-left:543px;{/block:If500px}
  238. opacity:1;
  239. -webkit-transition: all 0.2s linear;
  240. -moz-transition: all 0.2s linear;
  241. transition: all 0.2s linear;
  242. }
  243.  
  244. #perm{
  245. width:50px;
  246. margin-bottom:3px;
  247. border-left:1px solid {color:Borders};
  248. border-bottom:0px solid {color:Borders};
  249. }
  250.  
  251. #perm a{
  252. padding-left:5px;
  253. display:block;
  254. color:{color:Permalink};
  255. }
  256.  
  257. #perm a:hover{
  258. color:#ffffff;
  259. background:{color:PermalinkHover};
  260. }
  261.  
  262. #tags a{
  263. display:block;
  264. padding-left:7px;
  265. color:{color:Permalink};
  266. }
  267.  
  268. #info{
  269. margin-left:20px;
  270. margin-top:-17px;
  271. width:412px;
  272. font-family:calibri;
  273. font-size:8px;
  274. text-align:center;
  275. text-transform:uppercase;
  276. {block:IfNot500px}width:464px;{/block:IfNot500px}
  277. {block:If500px}width:564px;{/block:If500px}
  278. color:{color:Text};
  279. }
  280.  
  281. ol.notes{
  282. text-align:left;
  283. padding-left:26px;
  284. margin:0px;
  285. list-style:none;
  286. }
  287.  
  288. ol.notes img{
  289. width:15px;
  290. height:15px;
  291. }
  292.  
  293. #sidebar{
  294. font-family:calibri;
  295. font-size:8px;
  296. text-transform:uppercase;
  297. position:fixed;
  298. left:0px;
  299. top:0px;
  300. width:82px;
  301. height:200%;
  302. padding:25px;
  303. color:{color:SidebarLinks};
  304. background:{color:SidebarBackground};
  305. border-right:1px solid {color:Borders};
  306. }
  307.  
  308. #blogtitle{
  309. margin-top:20px;
  310. font-size:9px;
  311. text-align:center;
  312. border-bottom:0px solid {color:Borders};
  313. }
  314.  
  315. #blogtitle a{
  316. color:{color:BlogTitle};
  317. }
  318.  
  319. #sidebar img{
  320. margin-top:0px;
  321. padding:5px;
  322. width:70px;
  323. height:70px;
  324. border:1px solid {color:Borders};
  325. }
  326.  
  327. #navi{
  328. text-align:left;
  329. margin-top:10px;
  330. border-top:1px solid {color:Borders};
  331. }
  332.  
  333. #navi a{
  334. display:block;
  335. color:{color:SidebarLinks};
  336. }
  337.  
  338. #navi a:hover{
  339. color:{color:SidebarBackground};
  340. background:{color:SidebarLinksHover};
  341. }
  342.  
  343. .ul {
  344. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  345. border-top:1px solid {color:Borders};
  346. list-style:none;
  347. }
  348.  
  349. .ul li desc{
  350. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  351. padding-right:20px;
  352. padding-left:19px;
  353. border-bottom:1px solid {color:Borders};
  354. }
  355.  
  356. .ul li desc:hover{
  357. background:{color:SidebarLinksHover};
  358. color:{color:SidebarBackground};
  359. }
  360.  
  361. .desc{
  362. margin-top:5px;
  363. text-align:center;
  364. font-family:Calibri;
  365. font-size:8px;
  366. text-transform:uppercase;
  367. color:{color:Description};
  368. }
  369.  
  370. #pagination{
  371. position:fixed;
  372. bottom:35px;
  373. width:82px;
  374. text-align:center;
  375. font-family: calibri;
  376. font-size: 8px;
  377. }
  378.  
  379. #pagination a{
  380. text-align:center;
  381. padding:1px 5px;
  382. color:{color:SidebarLinks};
  383. }
  384.  
  385. #pagination a:hover{
  386. background:{color:SidebarLinksHover};
  387. color:{color:SidebarBackground};
  388. }
  389.  
  390. #pagination .pagination_actual{
  391. padding: 1px 5px;
  392. border-bottom:1px solid {color:Borders};
  393. }
  394.  
  395. #top a{
  396. position:fixed;
  397. bottom:0px;
  398. right:0px;
  399. font-size:8px;
  400. font-family:Calibri;
  401. padding-bottom:2px;
  402. padding-right:8px;
  403. padding-left:8px;
  404. border-top:1px solid {color:Borders};
  405. border-left:1px solid {color:Borders};
  406. color:{color:SidebarLinks};
  407. background:{color:SidebarBackground};
  408. }
  409.  
  410. #top a:hover{
  411. color:{color:SidebarBackground};
  412. background:{color:SidebarLinksHover};
  413. }
  414.  
  415. </style>
  416. <style type="text/css">{CustomCSS}</style>
  417.  
  418. </head>
  419. <body>
  420.  
  421. <div id="sidebar">
  422. <div id="blogtitle"><a href="/">{Title}</a></div>
  423. {block:IfSidebarImage}<a href="/"><img src="{Image:SidebarImage}"/></a>{/block:IfSidebarImage}
  424. <div id="navi">
  425. <a href="/">home</a>
  426. <a href="/ask">message</a>
  427. <a href="/archive">archive</a>
  428. <a href="http://yeoli-thm.tumblr.com" target="_blank">credit</a>
  429. <div style="text-align:right">
  430. {block:IfLink1}<div style="border-top:1px solid {color:Borders};"></div><a href="{text:Link1 URL}">{text:link1}</a>{/block:IfLink1}
  431. {block:IfLink2}<a href="{text:Link2 URL}">{text:link2}</a>{/block:IfLink2}
  432. {block:IfLink3}<a href="{text:Link3 URL}">{text:link3}</a>{/block:IfLink3}
  433. {block:IfLink4}<a href="{text:Link4 URL}">{text:link4}</a>{/block:IfLink4}
  434. {block:IfLink5}<a href="{text:Link5 URL}">{text:link5}</a>{/block:IfLink5}
  435. {block:IfLink6}<a href="{text:Link6 URL}">{text:link6}</a>{/block:IfLink6}
  436. </div>
  437. </div>
  438. <div class="ul">
  439. <li class="drawer" >
  440. <desc>description</desc>
  441. <div class="desc">{description}</div>
  442. </li>
  443. </div>
  444. {block:IfNotInfiniteScroll}
  445. <div id="pagination">
  446. {block:Pagination}
  447. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}{/block:Pagination}
  448. {block:JumpPagination length="3"}
  449. {block:CurrentPage}<span class="pagination_actual">{PageNumber}</span>{/block:CurrentPage}
  450. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  451. {/block:JumpPagination}
  452. {block:Pagination}{block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}{/block:Pagination}
  453. </div>
  454. {/block:IfNotInfiniteScroll}
  455. </div>
  456.  
  457. {block:IfInfiniteScroll}
  458. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  459. {/block:IfInfiniteScroll}
  460.  
  461. <div id="top"><a href="#top">BACK TO TOP</a></div>
  462.  
  463.  
  464. <div id="content">
  465. {block:Posts}
  466. <div class="posts">
  467.  
  468. {block:IndexPage}<div id="perma">
  469. <div id="perm"><a href="{Permalink}">permalink</a>
  470. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  471. <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}"># {Tag}</a>{/block:Tags}{/block:HasTags}</div>
  472. </div>
  473. {/block:IndexPage}
  474.  
  475. {block:Text}
  476. {block:Title}<div id="headings"> {Title}</div>{/block:Title}
  477. {Body}
  478. {/block:Text}
  479.  
  480. {block:Photo}
  481. {block:IndexPage}
  482. {block:If250px}<img src="{PhotoURL-500}" style="width:250px; border:1px solid {color:Borders}; padding:5px;"/>{/block:If250px}
  483. {block:If400px}<img src="{PhotoURL-500}" style="width:400px; border:1px solid {color:Borders}; padding:5px;"/>{/block:If400px}
  484. {block:If500px}<img src="{PhotoURL-500}" style="border:1px solid {color:Borders}; padding:5px;"/>{/block:If500px}
  485. {/block:IndexPage}
  486. {block:PermalinkPage}<a href="{LinkURL}" target="_blank">
  487. {block:IfNot500px}<img src="{PhotoURL-500}"style="width:400px; border:1px solid {color:Borders}; padding:5px;"/>{/block:IfNot500px}
  488. {block:If500px}<img src="{PhotoURL-500}"style="border:1px solid {color:Borders}; padding:5px;"/>{/block:If500px}
  489. </a>{block:PermalinkPage}
  490. {block:PermalinkPage}
  491. {block:Caption}{Caption}{/block:Caption}
  492. {/block:PermalinkPage}
  493. {/block:Photo}
  494.  
  495. {block:Photoset}
  496. <div style="border:1px solid {color:Borders}; padding:5px;">
  497. {block:IndexPage}
  498. {block:If250px}{Photoset-250}{/block:If250px}
  499. {block:If400px}{Photoset-400}{/block:If400px}
  500. {block:If500px}{Photoset-500}{/block:If500px}
  501. {/block:IndexPage}
  502. {block:PermalinkPage}
  503. {block:IfNot500px}{Photoset-400}{/block:IfNot500px}
  504. {block:If500px}{Photoset-500}{/block:If500px}
  505. {/block:PermalinkPage}
  506. </div>
  507. {block:PermalinkPage}
  508. {block:Caption}{Caption}{/block:Caption}
  509. {/block:PermalinkPage}
  510. {/block:Photoset}
  511.  
  512. {block:Video}
  513. <div style="padding-left:6px;">
  514. {block:IndexPage}
  515. {block:If250px}{Video-250}{/block:If250px}
  516. {block:If400px}{Video-400}{/block:If400px}
  517. {block:If500px}{Video-500}{/block:If500px}
  518. {/block:IndexPage}
  519. {block:PermalinkPage}
  520. {block:IfNot500px}{Video-400}{/block:IfNot500px}
  521. {block:If500px}{Video-500}{/block:If500px}
  522. {/block:PermalinkPage}
  523. </div>
  524. {block:PermalinkPage}
  525. {block:Caption}{Caption}{/block:Caption}
  526. {/block:PermalinkPage}
  527. {/block:Video}
  528.  
  529. {block:Quote}
  530. <div style="border-left:1px solid {color:Borders};padding-left:5px;"> {Quote} </div>
  531. {block:Source}<div align="right">- {Source}</div>{/block:Source}
  532. {/block:Quote}
  533.  
  534. {block:Link}
  535. <div id="headings"><a href="{URL}" target="{Target}">{Name}</a></div>
  536. {block:Description}{Description}{/block:Description}
  537. {/block:Link}
  538.  
  539. {block:Chat}
  540. {block:Title}<div id="headings">{Title}</div>{/block:Title}
  541. {block:Lines}
  542. {block:Label}
  543. <b>{Label}</b>
  544. {/block:Label}
  545. {Line}
  546. <br/>
  547. {/block:Lines}
  548. {/block:Chat}
  549.  
  550. {block:Audio}
  551. <div id="audio">{AudioPlayerWhite}</div>
  552. {/block:Audio}
  553.  
  554. {block:Answer}
  555. <img src="{AskerPortraitURL-24}" style="float: left;margin-left:5px;margin-top:5px;margin-right:5px;" />
  556. <div id="question">{Asker}: {Question}</div>
  557. {Answer}
  558. {/block:Answer}
  559.  
  560. {block:IndexPage}<div id="date">posted {TimeAgo}</div>{/block:IndexPage}
  561. </div>
  562.  
  563. {block:PermalinkPage}
  564. <div id="info">
  565. {block:Date}posted on {ShortMonth} {DayOfMonthWithZero}, {Year}{/block:Date}
  566. {block:RebloggedFrom}
  567. <br/>( via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}" target="_blank">{ReblogParentName}</a> ・ origin: <a href="{ReblogRootURL}" title="{ReblogRootTitle}" target="_blank">{ReblogRootName} }</a>
  568. {/block:RebloggedFrom}
  569. {block:HasTags}<br/>{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  570. <p/>
  571. {block:PostNotes}
  572. <div style="text-align:left; padding-left:26px;">with {NoteCountWithLabel}:</div>
  573. <p/>
  574. {PostNotes}
  575. {/block:PostNotes}
  576. </div>
  577. {/block:PermalinkPage}
  578.  
  579. {/block:Posts}
  580. </div>
  581.  
  582. </body>
  583. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!