Advertisement
instantkimchi

Lights Revisited

Oct 16th, 2011
14,005
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.19 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. _____ _ _ _ ___ _ _
  8. |_ _| | | | | | | / (_) | | (_)
  9. | | _ __ ___| |_ __ _ _ __ | |_| |/ / _ _ __ ___ ___| |__ _
  10. | | | '_ \/ __| __|/ _` | '_ \| __| \| | '_ ` _ \ / __| '_ \| |
  11. _| |_| | | \__ \ |_| (_| | | | | |_| |\ \ | | | | | | (__| | | | |
  12. |_____|_| |_|___/\__|\__,_|_| |_|\__\_| \_/_|_| |_| |_|\___|_| |_|_|
  13.  
  14.  
  15. o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o
  16. please do not steal or claim any components from this theme
  17.  
  18. Lights Revisited by
  19. INSTANTKIMCHI.TUMBLR.COM
  20.  
  21. powered by tumblr
  22. TUMBLR.COM
  23. o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o
  24.  
  25. -->
  26.  
  27.  
  28.  
  29.  
  30. <head>
  31. <title>{TITLE}</title>
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36. <meta name="image:Background" content="http://static.tumblr.com/cq91gob/Xablly21u/as.png"/>
  37. <meta name="image:Sidebar" content="http://26.media.tumblr.com/tumblr_ls23h227Ii1qaerzvo1_500.png"/>
  38.  
  39. <meta name="color:Background" content="#FFFFFF"/">
  40. <meta name="color:Post" content="#FFFFFF"/">
  41. <meta name="color:Nav Background" content="#9859c1"/>
  42. <meta name="color:Nav Background Odd" content="#b05ba5"/>
  43. <meta name="color:Nav Background Hover" content="#764c84"/>
  44. <meta name="color:Text" content="#A2A2A2"/>
  45. <meta name="color:Title" content="#AFAFAF"/>
  46. <meta name="color:Link" content="#764c84"/>
  47. <meta name="color:Link Hover" content="#7c6a82"/>
  48. <meta name="color:Chat Bg" content="#f1e1f6"/>
  49. <meta name="color:Notes Bg" content="#f1e1f6"/>
  50.  
  51. <meta name="font:Body" content="Helvetica"/>
  52. <meta name="font:Title" content="Century Gothic"/>
  53.  
  54. <meta name="text:Link 1 Name" content="link 1"/>
  55. <meta name="text:Link 1 URL" content=""/>
  56.  
  57. <meta name="text:Link 2 Name" content="link 2"/>
  58. <meta name="text:Link 2 URL" content=""/>
  59.  
  60. <meta name="text:Link 3 Name" content="link 3"/>
  61. <meta name="text:Link 3 URL" content=""/>
  62.  
  63. <meta name="text:Link 4 Name" content="link 4"/>
  64. <meta name="text:Link 4 URL" content=""/>
  65.  
  66. <meta name="text:Link 5 Name" content="link 5"/>
  67. <meta name="text:Link 5 URL" content=""/>
  68.  
  69. <meta name="if:Enable Image Opacity" content="1"/>
  70. <meta name="if:Disable Right Click" content="0"/>
  71. <meta name="if:Avatar Image" content="1"/>
  72. <meta name="if:Endless Scrolling" content="0"/>
  73.  
  74. {block:IfEndlessScrolling}
  75. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  76. {/block:IfEndlessScrolling}
  77.  
  78. {block:IfDisableRightClick}
  79. <script language=JavaScript>
  80. <!--
  81.  
  82. //Disable right click script III- By Renigade (renigade@mediaone.net)
  83. //For full source code, visit http://www.dynamicdrive.com
  84.  
  85. var message="";
  86. ///////////////////////////////////
  87. function clickIE() {if (document.all) {(message);return false;}}
  88. function clickNS(e) {if
  89. (document.layers||(document.getElementById&&!document.all)) {
  90. if (e.which==2||e.which==3) {(message);return false;}}}
  91. if (document.layers)
  92. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  93. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  94.  
  95. document.oncontextmenu=new Function("return false")
  96. // -->
  97. </script>
  98. {/block:IfDisableRightClick}
  99.  
  100. <link href="http://fonts.googleapis.com/css?family=Crushed:regular" rel="stylesheet" type="text/css" >
  101.  
  102. <style type="text/css">
  103.  
  104. iframe#tumblr_controls{
  105. right:3px !important;
  106. position: fixed !important;
  107. -webkit-transition: opacity 0.7s linear;
  108. opacity: 0.5;
  109. -webkit-transition: all 0.8s ease-out;
  110. -moz-transition: all 0.8s ease-out;
  111. transition: all 0.8s ease-out;}
  112.  
  113. iframe#tumblr_controls:hover{
  114. -webkit-transition: opacity 0.7s linear;
  115. opacity: 1;
  116. -webkit-transition: all 0.4s ease-out;
  117. -moz-transition: all 0.4s ease-out;
  118. transition: all 0.4s ease-out;}
  119.  
  120. body {
  121. background-color:{color:Background};
  122. background-image:url({image:Background});
  123. background-repeat:repeat;
  124. background-attachment: fixed;
  125. color:{color:Text};
  126. font-size:10px;
  127. font-family:{font:body};
  128. }
  129.  
  130. a, a:visited, a:active {
  131. color:{color:Link};
  132. text-decoration: none;
  133. transition-duration: 0.3s;
  134. -webkit-transition-duration: 0.3s;
  135. -moz-transition-duration: 0.3s;
  136. -o-transition-duration: 0.3s;
  137. }
  138.  
  139. a:hover {
  140. color:{color:link hover};
  141. text-decoration:none;
  142. }
  143.  
  144. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:1px dotted {color:text};}
  145. blockquote img{display:block;}
  146. blockquote p{padding:0px; margin:0px;}
  147. blockquote blockquote{position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  148.  
  149. a.nav {
  150. color:#FFF;
  151. display:block;
  152. margin:1px 0px;
  153. font-size: 10px;
  154. font-family:{font:title};
  155. letter-spacing: 2px;
  156. padding: 2px 5px;
  157. text-align: right;
  158. text-transform: uppercase;
  159. border-right: 5px solid {color:Nav Background Hover};
  160. transition-duration: 0.7s;
  161. -webkit-transition-duration: 0.7s;
  162. -moz-transition-duration: 0.7s;
  163. -o-transition-duration: 0.7s;
  164. }
  165.  
  166. a.nav:hover {
  167. background-color: {color:Nav Background Hover};
  168. border-right:20px solid {color:Nav Background Odd};
  169. transition-duration: 0.3s;
  170. -webkit-transition-duration: 0.3s;
  171. -moz-transition-duration: 0.3s;
  172. -o-transition-duration: 0.3s;
  173. }
  174.  
  175. ol.links {
  176. padding: 0px;
  177. margin:0px;
  178. list-style-type: none;
  179. }
  180.  
  181. .links li{
  182. background-color: {color:Nav Background};
  183. }
  184.  
  185. .links li:nth-child(odd){
  186. background-color:{color:Nav Background Odd};
  187. }
  188.  
  189.  
  190. .sidebar {
  191. position: fixed;
  192. margin-left:-220px;
  193. margin-top:100px;
  194. padding:5px;
  195. width: 200px;
  196. background-color:{color:post};
  197. -moz-border-radius:5px;
  198. border-radius:5px;
  199. border:1px solid #eeeeee;
  200. }
  201.  
  202. .container {
  203. margin-left:200px;
  204. padding: 0px;
  205. }
  206.  
  207. .content {
  208. margin: 50px auto 0 auto;
  209. width: 500px;
  210. padding: 0;
  211. }
  212.  
  213. .post{
  214. width: 500px;
  215. padding: 5px;
  216. background-color:{color:Post};
  217. margin-bottom:5px;
  218. -moz-border-radius:5px;
  219. border-radius:5px;
  220. border:1px solid #eeeeee;
  221. }
  222.  
  223. img {
  224. {block:IfEnableImageOpacity}
  225. opacity: 1;
  226. filter:alpha(opacity=100);
  227. transition: opacity 2.5s;
  228. -moz-transition: opacity 2.5s;
  229. -webkit-transition: opacity 2.5s;
  230. -o-transition: opacity 2.5s;
  231. {/block:IfEnableImageOpacity}
  232. cursor: crosshair;
  233. -moz-border-radius:5px;
  234. border-radius:5px;
  235. }
  236.  
  237. img:hover {
  238. {block:IfEnableImageOpacity}
  239. opacity:0.9;
  240. filter:alpha(opacity=90);
  241. transition: opacity 0.5s;
  242. -moz-transition: opacity 0.5s;
  243. -webkit-transition: opacity 0.5s;
  244. -o-transition: opacity 0.5s;
  245. {/block:IfEnableImageOpacity}
  246. cursor: crosshair;
  247. }
  248.  
  249. .post:hover .permalink {
  250. opacity:1;
  251. height:12px;
  252. padding:5px;
  253. margin-top:2px;
  254. transition: opacity 0.3s,height 0.3s,padding 0.3s,color 0.4s;
  255. -moz-transition: opacity 0.3s ,height 0.3s,padding 0.3s,color 0.4s;
  256. -webkit-transition: opacity 0.3s ,height 0.3s,padding 0.3s, color 0.4s;
  257. -o-transition: opacity 0.3s ,height 0.3s,padding 0.3s,color 0.4s;
  258. }
  259.  
  260. .permalink {
  261. font-family: 'Crushed', serif;
  262. background-color:{color:Nav Background};
  263. color:#fff;
  264. letter-spacing: 1px;
  265. -moz-border-radius:5px;
  266. border-radius:5px;
  267. font-size: 10px;
  268. padding: 0px;
  269. width:490px;
  270. height:0px;
  271. opacity: 0;
  272. transition: opacity 0.1s,height 0.1s,padding 0.1s,color 0.4s;
  273. -moz-transition: opacity 0.1s ,height 0.1s,padding 0.1s,color 0.4s;
  274. -webkit-transition: opacity 0.1s ,height 0.1s,padding 0.1s, color 0.4s;
  275. -o-transition: opacity 0.1s ,height 0.1s,padding 0.1s,color 0.4s;
  276. }
  277.  
  278. a.permalink {
  279. color:#fff;
  280. padding:0!important;
  281. }
  282.  
  283. a.permalink:hover {
  284. color:{color:Chat Bg};
  285. }
  286.  
  287. h6 {
  288. margin:auto;
  289. padding-bottom:2px;
  290. padding-top:2px;
  291. font-size:18px;
  292. font-family:{font:title};
  293. color:{color:Title};
  294. text-transform:none;
  295. line-height:18px;
  296. letter-spacing:-1px;
  297. font-weight:normal;
  298. }
  299.  
  300. h3 {
  301. margin-top:10px;
  302. margin-bottom:10px;
  303. font-size:28px;
  304. font-weight:normal;
  305. font-family:{font:title};
  306. color:{color:Title};
  307. text-transform:none;
  308. line-height:23px;
  309. letter-spacing:-2px;
  310. }
  311.  
  312. .chat {
  313. padding:0px
  314. }
  315.  
  316. .chat li {
  317. padding: 5px;
  318. list-style-type: none;
  319. -moz-border-radius:5px;
  320. border-radius:5px;
  321. }
  322.  
  323. .chat li:nth-child(odd) {
  324. background:{color:Chat Bg};
  325. }
  326.  
  327. .notes ol {
  328. list-style-type: none;
  329. padding: 0;
  330. }
  331.  
  332. img.avatar {
  333. margin-right:5px;
  334. display:block;
  335. float:left;
  336. }
  337.  
  338. .notes li {
  339. padding: 5px;
  340. -moz-border-radius:5px;
  341. border-radius:5px;}
  342.  
  343. .notes li:nth-child(odd) {
  344. background:{color:Notes Bg}}
  345.  
  346. ::-webkit-scrollbar {
  347. width: 5px;
  348. background-color:#fff;
  349. }
  350.  
  351. ::-webkit-scrollbar-thumb {
  352. background-color:{color:link};
  353. }
  354.  
  355. .tags {
  356. width: 500px;
  357. padding: 5px;
  358. background-color:{color:Post};
  359. margin-bottom:5px;
  360. -moz-border-radius:5px;
  361. border-radius:5px;
  362. border:1px solid #eeeeee;
  363. }
  364.  
  365. .derp {
  366. font-size: 15px;
  367. text-transform: capitalize;
  368. text-decoration: none;
  369. letter-spacing: 1px;
  370. margin-bottom:2px;
  371. }
  372.  
  373. .askr{
  374. background:{color:Notes Bg};
  375. padding:5px;
  376. font-size: 19px!important;
  377. letter-spacing: -1px;
  378. -moz-border-radius:5px;
  379. border-radius:5px;
  380. }
  381.  
  382. .bottomstuff {
  383. font-family: 'Crushed', serif;
  384. text-transform: uppercase;
  385. font-size:9px;
  386. margin-top:1px;
  387. letter-spacing: 1px;
  388. }
  389.  
  390. .footer {
  391. font-family: Trebuchet Ms;
  392. text-transform: uppercase;
  393. font-size:7pt;
  394. text-align: center;
  395. width: 500px;
  396. padding: 5px;
  397. background-color:{color:Post};
  398. margin-bottom:5px;
  399. -moz-border-radius:5px;
  400. border-radius:5px;
  401. border:1px solid #eeeeee;
  402. }
  403.  
  404. a.link{
  405. text-decoration:underline
  406. }
  407.  
  408. {CustomCSS}
  409. </style>
  410. </head>
  411.  
  412. <body>
  413.  
  414. <div class="container">
  415. <div class="content">
  416.  
  417. <div class="sidebar">
  418. {block:IfSidebarImage}
  419. <a href="/"><img src="{image:Sidebar}" width="200"/></a>
  420. {/block:IfSidebarImage}
  421. <div style="text-align:right">{Description}</div>
  422. <ol class="links">
  423. <li class="links"><a href="/" class="nav">{Title}</a></li>
  424. <li class="links"><a href="/archive" class="nav">Archive</a></li>
  425. {block:AskEnabled}
  426. <li class="links"><a href="/ask" class="nav">Ask</a></li>
  427. {/block:AskEnabled}
  428. {block:SubmissionsEnabled}
  429. <li class="links"><a href="/submit" class="nav">Submit</a></li>
  430. {/block:SubmissionsEnabled}
  431. {block:IfLink1Name}<li class="links"><a href="{text:link 1 url}" class="nav">{text:link 1 name}</a></li>{/block:IfLink1Name}
  432. {block:IfLink2Name}<li class="links"><a href="{text:link 2 url}" class="nav">{text:link 2 name}</a></li>{/block:IfLink2Name}
  433. {block:IfLink3Name}<li class="links"><a href="{text:link 3 url}" class="nav">{text:link 3 name}</a></li>{/block:IfLink3Name}
  434. {block:IfLink4Name}<li class="links"><a href="{text:link 4 url}" class="nav">{text:link 4 name}</a></li>{/block:IfLink4Name}
  435. {block:IfLink5Name}<li class="links"><a href="{text:link 5 url}" class="nav">{text:link 5 name}</a></li>{/block:IfLink5Name}
  436. <li class="links"><a href="http://instantkimchi.tumblr.com/" class="nav" id="moar">Theme</a></li>
  437. </ol>
  438. </div>
  439.  
  440.  
  441. {block:TagPage}
  442. <div class="tags">
  443. <div class="derp">
  444. <center>Posts tagged as "<a href="{TagURL}">{Tag}</a>"</center></div>
  445. </div>
  446. {/block:TagPage}
  447.  
  448. <table border="0" cellspacing="0px" cellpadding="0px">
  449. <tr>
  450. <td>
  451. {block:Posts}
  452. <div class="post">
  453.  
  454. {block:Text}
  455. {block:Title}
  456. <h3><a href="{Permalink}">{Title}</a></h3>
  457. {/block:Title}
  458. {Body}
  459.  
  460. {/block:Text}
  461.  
  462. {block:Photo}
  463. {block:IndexPage}
  464. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/></a>
  465. {/block:IndexPage}
  466. {block:PermalinkPage}
  467. {LinkOpenTag}
  468. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/>
  469. {LinkCloseTag}
  470. {block:Caption}
  471. {Caption}
  472. {/block:Caption}
  473. {/block:PermalinkPage}
  474.  
  475. {/block:Photo}
  476.  
  477. {block:Photoset}
  478.  
  479. <center>{Photoset-500}</center>
  480. {block:PermalinkPage}
  481. {block:Caption}
  482. {Caption}
  483. {/block:Caption}
  484. {/block:PermalinkPage}
  485. {/block:Photoset}
  486.  
  487. {block:Quote}
  488. <h3>"{Quote}"</h3>
  489. {block:Source}
  490. <div style="text-align:right"> -{Source}<br></div>
  491. {/block:Source}
  492.  
  493. {/block:Quote}
  494.  
  495. {block:Link}
  496. <h3><a href="{URL}" class="link" {Target}> {Name} >> </a></h3>
  497. {block:Description}
  498. {Description}
  499. {/block:Description}
  500.  
  501.  
  502. {/block:Link}
  503.  
  504.  
  505. {block:Chat}
  506.  
  507. {block:Title}
  508. <h3><a href="{Permalink}">{Title}</a></h3>
  509. {/block:Title}
  510. <ul class="chat">
  511. {block:Lines}
  512. <li class="{Alt} user_{UserNumber}">
  513. {block:Label}
  514. <strong>{Label}</strong>
  515. {/block:Label}
  516. {Line}</li>
  517. {/block:Lines}</ul>
  518.  
  519. {/block:Chat}
  520.  
  521. {block:Video}
  522. <center>{Video-500}</center>
  523. {block:PermalinkPage}
  524. {block:Caption}
  525. {Caption}
  526. {/block:Caption}
  527. {/block:PermalinkPage}
  528.  
  529.  
  530. {/block:Video}
  531.  
  532. {block:Audio}
  533. {block:AlbumArt}
  534. <img src="{AlbumArtURL}" align="left" width="100px" height="100px" style="margin-right:5px;"/>{/block:AlbumArt}
  535. {AudioPlayerWhite}
  536. {block:Caption}
  537. {Caption}
  538. {/block:Caption}
  539. <p>{PlayCountWithLabel}</p>
  540. <br clear="all">
  541. {/block:Audio}
  542.  
  543. {block:Answer}
  544. <div class="askr">
  545. <img src="{AskerPortraitURL-24}" style="float: left; margin-right: 2px; margin-bottom: 2px;">
  546. {Asker} said: {Question}<br clear="all">
  547. </div>
  548. {Answer}
  549.  
  550. {/block:Answer}
  551.  
  552. {block:IndexPage}
  553. <div class="permalink">
  554. <div style="float:right">
  555. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank" class="permalink">Reblog this</a>
  556. </div>
  557.  
  558. {block:Date} Posted on <a href="{Permalink}" class="permalink">{ShortDayOfWeek}/{ShortMonth}/{DayOfMonth}/{ShortYear}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}" class="permalink">{NoteCountWithLabel}{/block:NoteCount}</a>
  559. <br clear="all">
  560. </div>
  561. {/block:IndexPage}
  562.  
  563.  
  564.  
  565. {block:PermalinkPage}
  566. <div class="bottomstuff">
  567. <div style="float:right;text-align:right">
  568. <a href="{ReblogURL}" target="_blank">Reblog this</a><br>
  569. {block:RebloggedFrom}
  570. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  571. {/block:RebloggedFrom}
  572. </div>
  573.  
  574. <div style="float:left;text-align:left">
  575. {block:Date} Posted on <a href="{Permalink}">{ShortDayOfWeek}/{ShortMonth}/{DayOfMonth}/{ShortYear}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  576. {block:HasTags}<br>Tagged as {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}
  577. </div>
  578. <br clear="all">
  579. </div>
  580. {/block:PermalinkPage}
  581.  
  582. {block:PermalinkPage}
  583. {block:PostNotes}
  584. <div class="notes">{PostNotes}</div><br clear="all">
  585. {/block:PostNotes}
  586. {/block:PermalinkPage}
  587. </div>
  588. {/block:Posts}
  589.  
  590. </td>
  591. </tr>
  592. <tr>
  593. <td>
  594.  
  595. {block:Pagination}
  596. <div class="footer">
  597. <font size="6">
  598. {block:PreviousPage}
  599. <a href="{PreviousPage}">&#171;</a>
  600. {/block:PreviousPage}
  601. {block:JumpPagination length="6"}
  602. {block:CurrentPage}
  603. <span class="current_page">{PageNumber}</span>
  604. {/block:CurrentPage}
  605. {block:JumpPage}
  606. <a class="jump_page" href="{URL}">{PageNumber}</a>
  607. {/block:JumpPage}
  608. {/block:JumpPagination}
  609. {block:NextPage}
  610. <a href="{NextPage}">&#187;</a>
  611. {/block:NextPage}
  612. </font>
  613. <div style="border-bottom:1px solid #eeeeee;;margin: 6px 0px"></div>
  614.  
  615. <a href="http://instantkimchi.tumblr.com">Lights Revisted</a> | Theme By <a href="http://instantkimchi.tumblr.com">InstantKimchi</a>
  616. </div>
  617. {/block:Pagination}
  618.  
  619. </td>
  620. </tr>
  621. </table>
  622.  
  623. </div>
  624. </div>
  625.  
  626. </body>
  627. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement