API tools faq
paste
Advertisement
tasty2punch

joonyoung theme 20140423

tasty2punch
Apr 23rd, 2014
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 15.26 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme by septim
  4.  
  5. ╔╔ ══ ══        Rules:
  6. ║║                     -do not use as base
  7. ╚╚ ══ ╗╗               -do not steal bits of code
  8.      ║║               -do not remove credits
  9. ══ ══ ╝╝      
  10.  
  11.  
  12. -->
  13.  
  14.  
  15. <!DOCTYPE html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="http://static.tumblr.com/g5w1m2u/Rq0n0v8aq/favicon_1_16x16x4.png">
  20.  <link rel="icon"
  21.      type="image/png"  
  22.      href="http://static.tumblr.com/g5w1m2u/Rq0n0v8aq/favicon_1_16x16x4.png">
  23. <link href='http://fonts.googleapis.com/css?family=New+Rocker' rel='stylesheet' type='text/css'>
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <!--Default Variables-->
  28.  
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="color:Text" content="#000000"/>
  31. <meta name="color:link" content="#000000"/>
  32. <meta name="color:title"content="#000000"/>
  33. <meta name="color:blog title"content="#000000"/>
  34. <meta name="color:scrollbar" content="#d5d5d5" />
  35.  
  36. <meta name="image:Sidebar image" content=""/>
  37.  
  38. <meta name="if:Show Sidebar Image" content="1"/>
  39. <meta name="if:Show Tags" content="0">
  40. <meta name="if:Show Title" content="1"/>
  41. <meta name="if:Hover Borders" content="1"/>
  42. <meta name="text:Title 2" content="1"/>
  43. <meta name="text:Link 1 URL" content="" />
  44. <meta name="text:Link 1" content="" />
  45. <meta name="text:Link 2 URL" content="" />
  46. <meta name="text:Link 2" content="" />
  47. <meta name="text:Link 3 URL" content="" />
  48. <meta name="text:Link 3" content="" />
  49.  
  50.  
  51.  
  52.  
  53. <!-- jquery -->
  54.  
  55.  
  56. <script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/JavaScript"></script>
  57. <script language="JavaScript" type="text/JavaScript">
  58.  
  59. $( document ).ready(function() {
  60.     $('div, p').each(function(){
  61.        
  62.         var john = $(this).html().replace(/ROCK /gi,"<span class=\"rock\">ROCK  </span>").replace(/ROCKER /gi,"<span class=\"rock\">ROCKER </span>").replace(/ROCKERS /gi,"<span class=\"rock\">ROCKERS </span>").replace(/ROCKS /gi,"<span class=\"rock\">ROCKS  </span>").replace(/ROCKER /gi,"<span class=\"rock\">ROCKER </span>").replace(/ROCKER /gi,"<span class=\"rock\">ROCKER </span>").replace(/ROCKING /gi,"<span class=\"rock\">ROCKING </span>").replace(/ROCKE /gi,"<span class=\"rock\">ROCKE </span>").replace(/CAPS ROCK/g,"<span class=\"rock\">CAPS ROCK</span>").replace(/CAPS LOCK/g,"<span class=\"rock\">CAPS LOCK  </span>").replace(/ROCK!/g,"<span class=\"rock\">ROCK</span>!").replace(/ROCKIN /g,"<span class=\"rock\">ROCKIN </span>").replace(/ROCK\./gi,"<span class=\"rock\">ROCK.</span>").replace(/ROCK\?/gi,"<span class=\"rock\">ROCK</span>?").replace(/ROCK,/g,"<span class=\"rock\">ROCK</span>,").replace(/ROCKER\./g,"<span class=\"rock\">ROCKER</span>.").replace(/ROCKER!/gi,"<span class=\"rock\">ROCKER</span>!").replace(/ROCKER\?/gi,"<span class=\"rock\">ROCKER</span>?").replace(/ROCKS\./g,"<span class=\"rock\">ROCKS</span>.").replace(/ROCKS!/gi,"<span class=\"rock\">ROCKS</span>!").replace(/ROCKS\?/gi,"<span class=\"rock\">ROCKS</span>?").replace(/ROCKER\'S /gi,"<span class=\"rock\">ROCKER\'S </span>").replace(/ROCKS\?/gi,"<span class=\"rock\">ROCKS</span>?").replace(/ROCKING!/gi,"<span class=\"rock\">ROCKING</span>!");
  63.        
  64.         $(this).html(john);
  65.     });
  66. });
  67. </script>
  68. <!--<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>-->
  69.  <script src="http://static.tumblr.com/zghte9h/MAlmv02wo/style-my-tooltips-with-br.js"></script>
  70. <script>
  71.          (function($){
  72.              $(document).ready(function(){
  73.                  $("[title]").style_my_tooltips({
  74.         tip_follows_cursor:true,
  75.         tip_delay_time:300,
  76.         tip_fade_speed:400,
  77.         attribute:"title"
  78.     });
  79.              });
  80.          })(jQuery);
  81. </script>
  82.  
  83.  
  84.  
  85.  
  86.  
  87. <!--CSS customization here. -->
  88.  
  89. <style type="text/css">
  90.  pre, code
  91.     {
  92.         white-space: pre-wrap; /* css-3 */
  93.         white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  94.         white-space: -pre-wrap; /* Opera 4-6 */
  95.         white-space: -o-pre-wrap; /* Opera 7 */
  96.         word-wrap: break-word; /* Internet Explorer 5.5+ */
  97.     }
  98.     .rock
  99.     {
  100.         font-family: 'New Rocker', cursive;
  101.        
  102.     }
  103.  
  104.  
  105.  
  106. #s-m-t-tooltip{
  107.     font-size:9px;
  108.     position:absolute;
  109.     margin-top: 15px;
  110.     letter-spacing:1px;
  111.     z-index:9999;
  112.     background:white;
  113.     color:{color:text};
  114.     text-transform:uppercase;
  115.     padding:2px 3px 2px 3px;
  116.     -webkit-transition:all 0.3s;
  117.     -moz-transition:all 0.3s;
  118.     -ms-transition:all 0.3s;
  119.     -o-transition:all 0.3s;
  120.     transition:all 0.3s;
  121. }
  122.  
  123.  
  124.  
  125.  
  126. /*scrollbar*/
  127. ::-webkit-scrollbar{height: 5px;
  128. width: 4px;
  129. -webkit-border-radius: 0px;
  130. background-color:{color:background}}
  131. ::-webkit-scrollbar-thumb{background-color:{color:background};
  132. border:1px solid {color:scrollbar};}
  133. ::-webkit-scrollbar-track{background-color:{color:background};}
  134.  
  135.  
  136.  
  137.  
  138.  
  139. #text {margin-bottom:100px;
  140. margin-top:5px;
  141. text-transform:uppercase;
  142. font-size:7px;
  143. letter-spacing:2px;
  144. text-align:center;}
  145.  
  146.  
  147. /*main structure*/
  148. blockquote {padding:5px 0 5px 30px;
  149. border-left:1px solid {color:link};margin:10px 30px;
  150. }
  151. .caption blockquote {margin:5px 0;
  152. padding:0;
  153. border:none;}
  154.  
  155. body {
  156. background:{color:background};
  157. color:{color:text};
  158. font-family:baskerville;
  159. font-size:11px;
  160. text-align:justify;
  161. margin:0;
  162. line-height:18px;}
  163.  
  164. a {color:{color:link};
  165. border-bottom:1px solid transparent;
  166. text-decoration:none;
  167.     -webkit-transition:all 0.8s;
  168.     -moz-transition:all 0.8s;
  169.     -ms-transition:all 0.8s;
  170.     -o-transition:all 0.8s;
  171.     transition:all 0.8s; }
  172.  
  173. a:hover {
  174. border-bottom:1px solid {color:link};
  175.   -webkit-transition:all 0.8s;
  176.     -moz-transition:all 0.8s;
  177.     -ms-transition:all 0.8s;
  178.     -o-transition:all 0.8s;
  179.     transition:all 0.8s; }
  180.  
  181. img{
  182. border:none;
  183. text-decoration:none}
  184.  
  185. b, strong {
  186. color:{color:title}}
  187. i, em {
  188. color:{color:text}}
  189. p {
  190. margin-top:5px;
  191. margin-bottom:5px}
  192. ol {
  193. list-style:normal;}
  194. ul {
  195. list-style:square;}
  196.  
  197. small {
  198. font-size:8px;}
  199.  
  200. big {
  201. font-size:12px;}
  202.  
  203.  
  204.  
  205.  
  206. #title {font-size:12px;
  207. line-height:18px;
  208. margin-bottom:20px;
  209. font-style:italic;
  210. text-align:center;
  211. letter-spacing:3px;
  212. color:{color:title};}
  213. #title a {color:{color:title};}
  214.  
  215.  
  216.  
  217.  
  218. /*header*/
  219. #headers {
  220. margin-top:100px;
  221. width:175px;
  222. margin-left:-275px;
  223. position:fixed;
  224. }
  225.  
  226.  
  227. #bat img {width:125px;
  228. padding:24px;
  229. border:1px solid transparent;
  230.   -webkit-transition:all 0.8s;
  231.     -moz-transition:all 0.8s;
  232.     -ms-transition:all 0.8s;
  233.     -o-transition:all 0.8s;
  234.     transition:all 0.8s;
  235. }
  236. #bat a {border:none}
  237. {block:IfHoverBorders}
  238. #bat img:hover {border:1px solid {color:links};
  239.   -webkit-transition:all 0.8s;
  240.     -moz-transition:all 0.8s;
  241.     -ms-transition:all 0.8s;
  242.     -o-transition:all 0.8s;
  243.     transition:all 0.8s;}
  244. {/block:IfHoverBorders}
  245. #blogt {font-size:12px;
  246. margin-top:10px;
  247. text-align:center;
  248. font-family:New Rocker, Baskerville, Times;
  249. letter-spacing:3px;}
  250. #blogt a {color:{color:blog title};}
  251.  
  252.  
  253. #standardlinks {
  254. font-size:8px;
  255. margin-top:15px;
  256. letter-spacing:2px;
  257. line-height:16px;
  258. text-align:center;
  259. text-transform:uppercase;
  260.  
  261. }
  262.  
  263.  
  264. #standardlinks a {
  265. border:none;
  266. padding:3px 4px;
  267. text-align:center;
  268. text-decoration:none;
  269.   -webkit-transition:all 0.8s;
  270.     -moz-transition:all 0.8s;
  271.     -ms-transition:all 0.8s;
  272.     -o-transition:all 0.8s;
  273.     transition:all 0.8s;
  274. }
  275. #standardlinks a:hover {
  276. background:{color:link};
  277. color:{color:background};
  278.   -webkit-transition:all 0.8s;
  279.     -moz-transition:all 0.8s;
  280.     -ms-transition:all 0.8s;
  281.     -o-transition:all 0.8s;
  282.     transition:all 0.8s;}
  283.  
  284. #description {
  285. margin-top:15px;
  286. text-align:justify;
  287. }
  288.  
  289.  
  290. /*pagination*/
  291. #pagination {
  292. text-align:center;
  293. margin-top:50px;
  294. font-size:8px;
  295. text-transform:uppercase;
  296. letter-spacing:2px;
  297. line-height:16px;
  298. }
  299. #pagination a {
  300. margin:0 15px;
  301. }
  302.  
  303. /*container*/
  304. #con {
  305. left:50%;
  306. margin-left:-225px;
  307. position:absolute;
  308. }
  309.  
  310.  
  311.  
  312. /*posts*/
  313.  
  314. #entries {
  315. margin-top:100px;
  316. width:450px;
  317. }
  318.  
  319.  
  320.  
  321. .posts {
  322. width:450px;
  323. {block:IndexPage}
  324. margin-bottom:150px;
  325. {/block:IndexPage}
  326. {block:PermalinkPage}
  327. margin-bottom:50px;
  328. {/block:PermalinkPage}
  329. }
  330.  
  331. /*images*/
  332.  
  333. .posts img {
  334. max-width:400px;
  335. display:block;
  336. padding:24px;
  337. border:1px solid transparent;
  338.   -webkit-transition:all 0.8s;
  339.     -moz-transition:all 0.8s;
  340.     -ms-transition:all 0.8s;
  341.     -o-transition:all 0.8s;
  342.     transition:all 0.8s;
  343. }
  344. {block:IfHoverBorders}
  345. .posts img:hover {border:1px solid {color:links};
  346.   -webkit-transition:all 0.8s;
  347.     -moz-transition:all 0.8s;
  348.     -ms-transition:all 0.8s;
  349.     -o-transition:all 0.8s;
  350.     transition:all 0.8s;}
  351. {/block:IfHoverBorders}    
  352. .photoset {    
  353. display:block;
  354. padding:24px;
  355. border:1px solid transparent;
  356.   -webkit-transition:all 0.8s;
  357.     -moz-transition:all 0.8s;
  358.     -ms-transition:all 0.8s;
  359.     -o-transition:all 0.8s;
  360.     transition:all 0.8s;
  361. }
  362. {block:IfHoverBorders}
  363. .photoset:hover {border:1px solid {color:links};
  364.   -webkit-transition:all 0.8s;
  365.     -moz-transition:all 0.8s;
  366.     -ms-transition:all 0.8s;
  367.     -o-transition:all 0.8s;
  368.     transition:all 0.8s;}
  369. {/block:IfHoverBorders}
  370. /*quote*/
  371. #titlequote{
  372. font-size:14px;
  373. line-height:18px;
  374. margin:0 25px;
  375. text-align:center;
  376. font-style:italic;
  377. letter-spacing:1px;
  378. color:{color:title};
  379. }
  380.  
  381. #source {text-align:center;
  382. margin:0 25px;
  383. font-size:8px;
  384. text-transform:uppercase;
  385. letter-spacing:2px;
  386. line-height:16px;
  387. padding-top:10px;}
  388.  
  389. .posts li, .posts blockquote {max-width: 100%;}
  390. .caption img{max-width:300px;}
  391. .caption {width:400px;
  392. margin:10px 25px 25px 25px;
  393. text-transform:none;
  394. }
  395.  
  396.  
  397.  
  398.  
  399. /*audio*/
  400.  
  401.  
  402. .tumblr_audio_player {
  403. border: none;
  404. padding: 0px;
  405. margin: 0px;
  406. height:50px;
  407. width:215px;
  408.             }
  409.            
  410. .player {
  411. overflow:hidden;
  412. text-align:center;
  413. height:50px;}
  414.  
  415.  
  416. .audio_info {
  417. font-size:12px;
  418. letter-spacing:3px;
  419. font-style:italic;
  420. padding-bottom:12px;
  421. text-align:center
  422.             }
  423.  
  424.  
  425.  
  426.  
  427. /*asks*/
  428. .q {
  429. text-align:center;
  430. margin:25px;
  431. }
  432. .as {font-size:8px;
  433. text-transform:uppercase;
  434. letter-spacing:2px;
  435. line-height:16px;}
  436. .as a {padding:0;}
  437. .a {
  438. padding-top:10px;
  439. margin:0 25px;
  440. text-align:justify}
  441.  
  442.  
  443.  
  444.  
  445.  
  446. .chat {margin:0 25px;}
  447.  
  448. .chat ol {
  449. padding:0;
  450. line-height:180%;
  451. list-style:none;
  452. }
  453.  
  454. .line.odd {border-bottom:1px solid {color:link};
  455. padding:5px;
  456. }
  457. .line.even {
  458. padding:5px;
  459. }
  460.  
  461. .label {font-weight:bold;
  462. padding-right:1px;
  463. letter-spacing:1px;
  464. text-transform:uppercase;
  465. color:{color:title};
  466. }
  467.  
  468. /*text*/
  469. .texta {margin:0 25px;}
  470.  
  471.  
  472.  
  473. /*permalink and notes*/
  474.  
  475.  
  476. #permalink {
  477. margin-top:10px;
  478. font-size:8px;
  479. letter-spacing:1px;
  480. text-align:center;
  481. text-transform:uppercase;
  482.  
  483. }
  484. #permalink a {margin:0 5px;
  485. }
  486.  
  487.  
  488. .tags {{block:ifNotShowTags}
  489. {block:IndexPage}
  490. display:none;
  491. {/block:IndexPage}
  492. {/block:ifNotShowTags}
  493. word-break:break-all;
  494. }
  495.  
  496.  
  497.  
  498. .pagenotes {
  499. {block:IndexPage}
  500. display: none!important;
  501. {/block:IndexPage}
  502. {block:PermalinkPage}
  503. width:400px;
  504. {/block:PermalinkPage}
  505. text-align:left;
  506.  
  507. }
  508. .pagenotes img {
  509. display:none!important;}
  510. .pagenotes li {
  511. list-style-type:none;
  512. padding:5px 0px;
  513. text-align:left;
  514. margin:0 0 0 -40px;
  515. font-size:9px;
  516. text-transform:uppercase;
  517. }
  518. .t {
  519. font-size:12px;
  520. font-weight:bold;
  521. letter-spacing:1px;
  522. color:{color:title};
  523. text-transform:uppercase;}
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535. {CustomCSS}
  536.  
  537.  
  538. </style>
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547. </head>
  548.  
  549. <body>
  550.  
  551. <div id="con">
  552.  
  553. <div id="headers">
  554. {block:IfShowSidebarImage}
  555. <div id="bat">
  556.     <a href="/"><img src="{image:Sidebar image}"></a>
  557. </div>
  558. {/block:IfShowSidebarImage}
  559. {block:IfShowTitle}
  560. <div id="blogt"><a href="/">{text:Title 2}</a></div>
  561. {/block:IfShowTitle}
  562. <div id="standardlinks">
  563. <a href="/">Index</a>
  564. <a href="/ask">Message</a>
  565. <a href="/archive">archive</a>
  566. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  567. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  568. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  569. </div>
  570. <div id="description">{Description}</div>
  571.  
  572.  
  573.  
  574.  
  575.  
  576. </div>
  577.  
  578.  
  579.  
  580.  
  581. <div id="entries">
  582.  
  583. {block:Posts}
  584. <div class="posts">
  585.  
  586.  
  587. {block:Quote}
  588.  
  589.  
  590. <div id="titlequote">{Quote}</div>
  591. {block:Source}<div id="source">{Source}</div>{/block:Source}
  592. {/block:Quote}
  593.  
  594.  
  595.  
  596. {block:Text}
  597.  
  598. {block:Title}
  599. <div id="title">{Title}</div>{/block:Title}
  600. <div class="texta">{Body}</div>
  601.  
  602.  
  603. {/block:Text}
  604.  
  605. {block:Link}
  606.  
  607. <div id="title"><a href="{URL}">{Name}</a></div>
  608. {block:Description}<div class="texta">{Description}</div>{/block:Description}
  609.  
  610. {/block:Link}
  611.  
  612. {block:Chat}
  613. {block:Title}
  614. <h1>{Title}</h1>
  615. {/block:Title}
  616. <div class="chat">
  617. <ol>{block:Lines}
  618. <li class="line {Alt}">
  619. {block:Label}
  620. <span class="label">
  621. {Label}</span>
  622. {/block:Label}{Line}</li>
  623. {/block:Lines}
  624. </ol></div>
  625. {/block:Chat}
  626.  
  627. {block:Photo}
  628. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  629.  
  630. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  631.  
  632.  
  633. {/block:Photo}
  634.  
  635. {block:Photoset}
  636. <div class="photoset">
  637. <div style="margin:-25px 0 -25px -25px">
  638. {Photoset-400}
  639. </div>
  640. </div>
  641. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  642.  
  643.  
  644. {/block:Photoset}
  645.  
  646. {block:Video}
  647. {Video-400}
  648. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  649. {/block:Video}
  650.  
  651.  
  652.  
  653. {block:Audio}
  654. <div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}<div style="font-size:8px;text-transform:uppercase;letter-spacing:2px;line-height:16px;font-style:normal;">{Artist}</div>{/block:Artist}</div>
  655.         {block:AudioPlayer}
  656. <div class="player">{AudioPlayerwhite}</div>
  657.         {/block:AudioPlayer}
  658. {/block:Audio}
  659.  
  660.  
  661.  
  662. {block:Answer}
  663. <div class="q">
  664. {Question}
  665.     <div class="as">asked by {Asker}</div>
  666. </div>
  667.  
  668. <div class="a">{Answer}</div>
  669.  
  670. {/block:Answer}
  671.  
  672.  
  673.  
  674. {block:Date}
  675.  
  676. <div id="permalink">
  677.  
  678. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  679. <a href="{Permalink}" style="font-weight:bold">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}
  680. {block:PermalinkPage}
  681. {block:ContentSource}
  682. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  683. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  684. {/block:SourceLogo}
  685. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  686. {/block:ContentSource}
  687. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  688. {/block:PermalinkPage}
  689.  
  690. </div>
  691. {/block:Date}
  692.  
  693.  
  694.  
  695. </div>
  696.  
  697.  
  698.  
  699. {block:PostNotes}
  700. <div class="pagenotes">
  701. {block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}
  702. {PostNotes}
  703. </div>
  704. {/block:PostNotes}
  705.  
  706.  
  707. {/block:Posts}
  708.  
  709.  
  710. {block:Pagination}
  711. <div id="pagination">
  712. {block:PreviousPage}
  713. <a href="{PreviousPage}">< PREVIOUS PAGE</a>
  714. {/block:PreviousPage}
  715. {block:NextPage}
  716. <a href="{NextPage}">NEXT PAGE ></a>
  717. {/block:NextPage}
  718. </div>
  719. {/block:Pagination}
  720.  
  721.  
  722. <div id="text">
  723. Theme by <a href="http://farahmir.tumblr.com" target="_blank">Septim</a></div>
  724.  
  725. </div>
  726.  
  727.  
  728.  
  729. </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!