Advertisement
SeoulChan

Innocence

Dec 6th, 2014
3,771
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.36 KB | None | 0 0
  1. <!--
  2. _         _             _    
  3. | |       (_)           | |  
  4. | | ____ _ _  __ _ _   _| | __
  5. | |/ / _` | |/ _` | | | | |/ /
  6. |   < (_| | | (_| | |_| |   <
  7. |_|\_\__,_|_|\__, |\__,_|_|\_\
  8.             __/ |          
  9.            |___/
  10.  
  11. Innocence theme by kaiguk (http://kaiguk.tumblr.com/)
  12.  
  13. You know the rules, no theme claiming, no using as base, no nothing like that,
  14. and if I find out you're  doing bad stuff like that... I'll fucking kick your ass. I'm fucking serious. I know you code theives are out there and I hope you get the ass whooping of your life. Learn to code, you dicks.
  15.  
  16. If you have any questions, just notify me on my personal blog or theme blog. I'd be glad to help out :-)
  17.  
  18. Happy using!!!
  19. -->
  20.  
  21. <!DOCTYPE html>
  22.  
  23. <head>
  24.  
  25. <title>{Title}</title>
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <meta name="if:ShowCaptions" content="1"/>
  32. <meta name="if:ShowTags" content="1"/>
  33.  
  34. <meta name="color:bold" content="#cab1da"/>
  35. <meta name="color:italic" content="#dccbe7"/>
  36. <meta name="color:underline" content="#b997ce"/>
  37. <meta name="color:side bg" content="#3bb5bb"/>
  38. <meta name="color:Background" content="#ffffff"/>
  39. <meta name="color:Border" content="#ffffff"/>
  40. <meta name="color:Text" content="#aaaaaa"/>
  41. <meta name="color:post bg" content="#3bb5bb"/>
  42. <meta name="color:desc bg" content="#ffffff"/>
  43. <meta name="color:sidelinks" content="#3bb5bb"/>
  44. <meta name="color:sidelink bg" content="#3bb5bb"/>
  45. <meta name="color:sidelink border" content="#3bb5bb"/>
  46. <meta name="color:sidelink hover" content="#3bb5bb"/>
  47. <meta name="color:sidelink hover bg" content="#3bb5bb"/>
  48. <meta name="color:Link" content="#000000"/>
  49. <meta name="color:Hover" content="#000000"/>
  50. <meta name="color:asker bg" content="#3bb5bb"/>
  51. <meta name="color:answer bg" content="#3bb5bb"/>
  52. <meta name="color:perma bg" content="#fcebd5">
  53. <meta name="color:Caption Bg" content="#fbfbfb"/>
  54. <meta name="color:Caption Border" content="#f6f6f6"/>
  55. <meta name="color:Caption" content="#cccccc"/>
  56. <meta name="color:scrollbar" content="#fcebd5">
  57.  
  58.  
  59. <meta name="image:Sidebar" content=""/>
  60. <meta name="image:BG" content=""/>
  61. <meta name="image:totop" content=""/>
  62.  
  63. <meta name="text:Link 1 URL" content="" />
  64. <meta name="text:Link 1" content="" />
  65. <meta name="text:Link 2 URL" content="" />
  66. <meta name="text:Link 2" content="" />
  67. <meta name="text:Link 3 URL" content="" />
  68. <meta name="text:Link 3" content="" />
  69. <meta name="text:Link 4 URL" content="" />
  70. <meta name="text:Link 4" content="" />
  71. <meta name="text:Link 5 URL" content="" />
  72. <meta name="text:Link 5" content="" />
  73. <meta name="text:Link 6 URL" content="" />
  74. <meta name="text:Link 6" content="" />
  75.  
  76. <meta name="color:LinkTitleBG" content="#000"/>
  77. <meta name="color:LinkTitleText" content="#FFF"/>
  78. <meta name="color:selection text" content="#888888"/>
  79. <meta name="color:selection bg" content="#eeeeee"/>
  80.    
  81.  
  82. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  83. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  84. <script>
  85.     (function($){
  86.         $(document).ready(function(){
  87.             $("[title]").style_my_tooltips();
  88.         });
  89.     })(jQuery);
  90. </script>
  91.  
  92. <style type="text/css">
  93.  
  94. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};
  95. }
  96.  
  97. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  98. ::-webkit-scrollbar-track{background-color:{color:bg};
  99.  }
  100.  
  101. body {
  102. background:{color:background};
  103. background-image:url('{image:bg}');
  104. background-attachment:fixed;
  105. color:{color:text};
  106. font-family:arial;
  107. font-size:11px;
  108. text-align:justify;
  109. margin:0;
  110. line-height:16px;
  111. }
  112.  
  113. blockquote {
  114. padding:5px 0 5px 30px;
  115. border-left:1px solid {color:side bg};
  116. margin-left:30px;
  117. background:#fafafa;
  118. }
  119.  
  120.  
  121. b,strong{
  122. color:{color:bold};
  123. }
  124.  
  125. i,em{
  126. color:{color:italic};
  127. }
  128.  
  129. u{
  130. color:{color:underline};
  131. }
  132.  
  133. a {
  134. color:{color:link};
  135. text-decoration:none;
  136. -moz-transition-duration:1s;
  137. -webkit-transition-duration:1s;
  138. -o-transition-duration:1s;
  139. }
  140.  
  141. a:hover {
  142. color:{color:hover};
  143. -moz-transition-duration:1s;
  144. -webkit-transition-duration:1s;
  145. -o-transition-duration:1s;
  146. }
  147.  
  148. img{
  149. opacity:1;
  150. border:none;
  151. text-decoration:none;
  152. }
  153.  
  154.  
  155. #side {
  156. left:0px;
  157. top:0px;
  158. position:fixed;
  159. width:220px;
  160. height:100%;
  161. background-color:{color:side bg};
  162. border-right:3px double {color:sidelink border};
  163. }  
  164.  
  165.  
  166. #sideimg {
  167. width:150px;
  168. }
  169.  
  170.  
  171. #sideimg img {
  172. width:150px;
  173. margin-bottom:10px;
  174. border:1px solid #eee;
  175. padding:8px;
  176. background:#fff;
  177. }
  178.  
  179.  
  180. #sidebar {
  181. width:150px;
  182. position:fixed;
  183. margin-top:80px;
  184. margin-left:300px;
  185. }
  186.  
  187.  
  188. #sidelinks {
  189. width:150px;
  190. margin-top:157px;
  191. margin-left:50px;
  192. font-size:11px;
  193. font-weight:bold;
  194. word-spacing:2px;
  195. font-family:arial;
  196. text-transform:lowercase;
  197. }
  198.  
  199.  
  200. #sidelinks a {
  201. width:105px;
  202. padding:8px;
  203. margin-bottom:25px;    
  204. color:{color:sidelinks};
  205. border:1px solid {color:sidelink border};
  206. background:{color:sidelink bg};
  207. display:inline-block;
  208. text-align:center;
  209. }
  210.  
  211.  
  212. #sidelinks a:hover{
  213. background:{color:sidelink hover bg};
  214. color:{color:sidelink hover};
  215. border:1px solid {color:sidelink hover bg};
  216. }
  217.  
  218.  
  219. #desc {
  220. margin-top:20px;
  221. margin-left:25px;
  222. text-align:justify;
  223. position:fixed;
  224. width: 110px;
  225. padding: 5px;
  226. background:{color:desc bg};
  227. -webkit-border-radius: 10px;
  228. -moz-border-radius: 10px;
  229. border-radius: 10px;
  230. }
  231.  
  232. #desc:after {
  233. content: "";
  234. position: absolute;
  235. top: -10px;
  236. left: 50px;
  237. border-style: solid;
  238. border-width: 0 7px 10px;
  239. border-color: {color:desc bg} transparent;
  240. display: block;
  241. width: 0;
  242. z-index: 1;
  243. }
  244.  
  245.  
  246. {block:IfShowCaptions}
  247. #captions {
  248. margin-top: 10px;
  249. padding:5px;
  250. text-align:left;
  251. background: {color:Caption bg};
  252. border: 1px solid {color:Caption border};
  253. color:{color:Caption};
  254. }
  255. {/block:IfShowCaptions}
  256.  
  257. {block:IfNotShowCaptions}
  258. #captions {
  259. display:none;
  260. }
  261. {/block:IfNotShowCaptions}
  262.  
  263. {block:IfShowTags}
  264. #tags{
  265. margin-top:5px;
  266. text-align:right;
  267. color:{color:text};
  268. word-spacing:2px;
  269. font-style:italic;
  270. }
  271. {/block:IfShowTags}
  272.  
  273. {block:IfNotShowTags}
  274. #tags{
  275. display:none;
  276. }
  277. {block:IfNotShowTags}
  278.  
  279. #entries {
  280. width:400px;
  281. margin-top:75px;
  282. }
  283.  
  284. #posts {
  285. width:400px;
  286. background:{color:post bg};
  287. margin-left:560px;
  288. margin-bottom:75px;
  289. padding:20px;
  290. }
  291.  
  292. #posts img {
  293. max-width:400px;
  294. }
  295.  
  296.  
  297. #titlequote{
  298. text-align:left;
  299. font-size:14px;
  300. line-height:18px;
  301. font-weight:bold;
  302. }
  303.  
  304. #source {
  305. margin-top:15px;
  306. text-align:right;
  307. }
  308.  
  309. .player {
  310.  
  311. width:25px;
  312. height:25px;
  313. overflow:hidden;
  314. position:absolute;
  315. background:white;
  316. }
  317.  
  318. .audioinfo {
  319. margin-left:70px;
  320. line-height:120%;
  321. padding:3px;
  322. }
  323.  
  324.  
  325. .chat ol {
  326. padding:0;
  327. list-style:none;
  328. }
  329.  
  330. .line {
  331. list-style:none;
  332. padding:5px 0;
  333. }
  334.  
  335. .label {
  336. text-decoration:bold;
  337. }
  338.  
  339.  
  340. #suho {
  341. padding:10px;
  342. text-align:justify;
  343. line-height:15px;
  344. margin-top:10px;
  345. height:auto;
  346. background:#fafafa;
  347. padding:10px;
  348. }
  349.  
  350.  
  351. #permaout {
  352. word-spacing:3px;
  353. margin-top:10px;
  354. padding:8px;
  355. font-size:11px;
  356. background:{color:perma bg};
  357. }
  358.  
  359. #permaout a{
  360. color:{color:link};
  361. }
  362.  
  363. #permaout a:hover{
  364. color:{color:hover};
  365. }
  366.    
  367. #permalink {
  368. margin-top:15px;
  369. font-size:9px;
  370. text-transform:normal;
  371. }
  372.  
  373. #permalink a {
  374. margin-right:10px;
  375. }
  376.  
  377.  
  378. .note li {
  379. list-style-type:none;
  380. padding:10px 25px 10px 25px;
  381. text-align:left;
  382. margin:0px;
  383. border-bottom:1px solid {color:border};
  384. line-height:140%;
  385. -moz-transition-duration:0.5s;
  386. -webkit-transition-duration:0.5s;
  387. -o-transition-duration:0.5s;
  388. }
  389.  
  390. .notes img {
  391. display:none!important;
  392. }
  393.  
  394. #kaijong {
  395. font-size:12px;
  396. line-height:150%;
  397. letter-spacing:0px;
  398. right:10px;
  399. bottom:10px;
  400. font-weight:normal;
  401. position:fixed;
  402. text-transform:uppercase;
  403. text-align:center;
  404. }
  405.  
  406. #s-m-t-tooltip {
  407. z-index: 9999;
  408. background: {color:LinkTitleBG};
  409. font-size: 10px;
  410. line-height: 11px;
  411. font-family: arial;
  412. letter-spacing: 1px;
  413. text-transform: normal;
  414. color: {color:LinkTitleText};
  415. max-width: 150px;
  416. word-wrap: break-word;
  417. padding: 2px 5px 2px 6px;
  418. display: block;
  419. margin: 24px 14px 7px 12px;
  420. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  421. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  422. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  423. }
  424.  
  425.  
  426. ::selection {
  427. background:{color:selection bg};
  428. color:{color:selection text};
  429. }
  430.    
  431. #scrollToTop:link, #scrollToTop:visited {
  432. display:none;
  433. position:fixed;
  434. bottom: 10px;
  435. right:10px;
  436. }
  437.  
  438. #who {
  439. position:fixed;
  440. left:10px;
  441. bottom:10px;
  442. text-transform:uppercase;
  443. font-size:15px;
  444. letter-spacing:1px;
  445. padding:5px;
  446. -webkit-transition: all 0.3s ease;
  447. -moz-transition: all 0.3s ease;
  448. -ms-transition: all 0.3s ease;
  449. -o-transition: all 0.3s ease;
  450. transition: all 0.3s ease;
  451. }
  452.  
  453. {CustomCSS}
  454.  
  455. </style>
  456.  
  457. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  458.  
  459.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  460.  <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  461.  <a href="javascript:;" id="scrollToTop"  title="top"><img src="{image:ToTop}"></a></a>
  462.  
  463.  
  464. </head>
  465.  
  466. <body>
  467.  
  468. <div id="side">
  469.    
  470. <div id="sidelinks">
  471.  
  472. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  473.  
  474. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  475.  
  476. {block:ifLink3}<a href="{text:Link 3 URL}" >{text:Link 3}</a>{/block:ifLink3}
  477.  
  478. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  479.  
  480. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  481.  
  482. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  483. </div>
  484.  
  485. </div>
  486.  
  487.  
  488. <div id="sidebar">
  489.  
  490. <div id="sideimg"><a href="/"><img src="{image:Sidebar}"></a></div>
  491.  
  492. <div id="desc">{Description}</div>
  493.  
  494. </div>
  495.  
  496. <div id="entries">
  497.  
  498. <div class="autopagerize_page_element">
  499.  
  500. {block:Posts}
  501.  
  502. <div id="posts">
  503.  
  504. {block:Quote}
  505. <div id="titlequote">“{Quote}”</div>
  506. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  507. {/block:Quote}
  508.  
  509.  
  510. {block:Text}
  511. {block:Title}
  512. <div id="title"><div style="font-size:17px; text-align:left;">{Title}</div></div>{/block:Title}
  513. {Body}
  514. {/block:Text}
  515.  
  516. {block:Link}
  517. <div id="title">
  518. <div style="font-size:17px; text-align:left;"><a href="{URL}">{Name} »</a></div></div>
  519. {block:Description}{Description}{/block:Description}
  520. {/block:Link}
  521.  
  522. {block:Chat}
  523. {block:Title}
  524. <h1>{Title}</h1>
  525. {/block:Title}
  526. <div class="chat">
  527. <ol>{block:Lines}
  528. <li class="line {Alt}">
  529. {block:Label}
  530. <span class="label">
  531. <b>{Label}</b></span>
  532. {/block:Label}{Line}</li>
  533. {/block:Lines}
  534. </ol></div>
  535. {/block:Chat}
  536.  
  537. {block:Photo}
  538. <center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>
  539. {block:IndexPage}
  540. {block:Caption}<div id="captions">
  541. {Caption}</div>
  542. {/block:Caption}
  543. {/block:IndexPage}
  544. {/block:Photo}
  545.  
  546. {block:Photoset}
  547. <center>{Photoset-400}</center>
  548. {block:IndexPage}
  549. {block:Caption}<div id="captions">
  550. {Caption}</div>
  551. {/block:Caption}
  552. {/block:IndexPage}
  553. {/block:Photoset}
  554.  
  555. {block:IfNotShowCaptions}
  556. {block:PermalinkPage}
  557. {block:Caption}<div id="captions">
  558. {Caption}</div>
  559. {/block:Caption}
  560. {/block:PermalinkPage}
  561. {/block:IfNotShowCaptions}
  562. </center>  
  563. {/block:IndexPage}
  564. {/block:Photoset}
  565.  
  566. {block:Video}
  567. {Video-400}
  568. {/block:Video}
  569.  
  570. {block:Audio}
  571. <div style="margin-top:20px; margin-left:20px;" class="player">{AudioPlayerWhite}</div><div class="audioinfo">
  572. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<p>
  573. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<p>
  574. <b>Plays:</b> {PlayCount}
  575. </a></div>
  576. {/block:Audio}
  577.  
  578.  
  579. {block:Answer}<div style="background:{color:asker bg}; padding:6px;"id="question"><img style="opacity:0.4;"src="http://i926.photobucket.com/albums/ad102/My_originals_album/icons/1335651593_comment.gif"> <span id="asker"> {Asker} said: {Question}</div> </span><div style="background:{color:answer bg}; padding:6px;">{Answer}</div>{/block:Answer}
  580.  
  581. {block:IndexPage}
  582. <div style="text-align:right;" id="permaout"><a href="{Permalink}"> Posted {ShortDayOfWeek}, {ShortMonth} {DayOfMonthWithZero}, {Year}</a>
  583. </div>
  584. {block:IndexPage}
  585.  
  586.  
  587. {block:IfShowTags}
  588. <div id="tags">
  589. {block:HasTags}
  590. <img src="http://static.tumblr.com/3yblkz0/wfTn2c29g/tag.png">
  591. tags:
  592. {block:Tags}
  593. <a href="{TagURL}">#{Tag}</a>
  594. {/block:Tags}
  595. {/block:HasTags}
  596. </div>
  597. {/block:IfShowTags}
  598. {block:PermalinkPage}
  599. {block:Date}
  600. <div id="suho">
  601. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
  602. <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  603. {block:NoteCount}
  604. <b>Notes:</b> {NoteCount}<br>
  605. {/block:NoteCount}
  606. {block:RebloggedFrom}
  607. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  608. {/block:RebloggedFrom}
  609. {block:ContentSource}
  610. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
  611. {/block:ContentSource}
  612. {block:HasTags}
  613. <b>Tagged:</b>
  614. {block:Tags}
  615. <a href="{TagURL}">#{Tag}</a>
  616. {/block:Tags}
  617. {/block:HasTags}
  618. </div>
  619. {/block:Date}
  620. {/block:PermalinkPage}
  621.  
  622. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  623.  
  624. </div>
  625.  
  626. {/block:Posts}
  627.    
  628. </div>
  629.  
  630. </div>
  631.  
  632. </body>
  633.  
  634. <div id="who">
  635. <a href="http://kaiguk.tumblr.com/" title="theme by Ani">KG</a>
  636. </div>
  637. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement