API tools faq
paste
hokshi

Dakcheo Theme

hokshi
Oct 30th, 2012
575
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.61 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. <head>
  4. <html>
  5. <title>{Title}</title>
  6.  
  7. <!--
  8. D A K C H E O   T H E M E
  9. ------------------------------
  10. B Y  H O K S H I // T U M B L R
  11. -->
  12.  
  13. <link rel="shortcut icon" href="{Favicon}" />
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19. <meta name="color:background" content="#F4F4F4"/>
  20. <meta name="color:text" content="#1d1d1d"/>
  21. <meta name="color:link" content="#252525"/>
  22. <meta name="color:link hover" content="#cccccc"/>
  23. <meta name="color:links menu" content="#131313"/>
  24. <meta name="color:sideimg background" content="#141414"/>
  25. <meta name="color:posts" content="#ffffff"/>
  26. <meta name="image:background" content=""/>
  27. <meta name="image:post background" content="http://static.tumblr.com/ii9pnwy/sC1m33nab/tumblr_lws4pjqqja1qi201y.png"/>
  28. <meta name="image:sidebar picture" content="http://static.tumblr.com/ii9pnwy/iAhm33ncm/img_6108_copy.png"/>
  29. <meta name="image:sidebar" content="http://static.tumblr.com/ii9pnwy/c8wm33nbo/tumblr_lzxkhw34ck1r9g6hvo6_100.png"/>
  30. <meta name="if:Infinite Scrolling" content="0"/>
  31. <meta name="if:Smaller Posts" content="1"/>
  32. <meta name="if:Show Captions" content="0"/>
  33. <meta name="text:Link 1 URL" content="/" />
  34. <meta name="text:Link 1 Name" content="link 1" />
  35. <meta name="text:Link 2 URL" content="/" />
  36. <meta name="text:Link 2 Name" content="link 2" />
  37. <meta name="text:Link 3 URL" content="/" />
  38. <meta name="text:Link 3 Name" content="link 3" />
  39. <meta name="text:Link 4 URL" content="/" />
  40. <meta name="text:Link 4 Name" content="link 4" />
  41. <meta name="text:Link 5 URL" content="/" />
  42. <meta name="text:Link 5 Name" content="link 5" />
  43.  
  44. {block:IfInfiniteScrolling}
  45. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  46. {/block:IfInfiniteScrolling}
  47.  
  48. <style type="text/css">
  49. {CustomCSS}
  50.  
  51. iframe#tumblr_controls {
  52.     right:25px;
  53.     position: fixed !important;
  54.     -webkit-transition: opacity 0.7s linear;
  55.     opacity: 0.5;
  56.     -webkit-transition: all 0.5s ease;
  57.     -moz-transition: all 0.5s ease;
  58.     transition: all 0.5s ease;
  59.     }
  60.  
  61. iframe#tumblr_controls:hover {
  62.     -webkit-transition: opacity 0.7s linear;
  63.     opacity: 1;
  64.     -webkit-transition: all 0.5s ease;
  65.     -moz-transition: all 0.5s ease;
  66.     transition: all 0.5s ease;
  67.     }
  68.  
  69. ::-webkit-scrollbar{
  70.     width: 10px; height: 10px; background-color:{color:background};
  71.     }
  72. ::-webkit-scrollbar-thumb{
  73.     background-color: {color:text}; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); border-radius: 3px;
  74.     }
  75.    
  76. img{
  77.     opacity: 1;
  78.     -webkit-transition: opacity 0.7s linear;
  79.     }
  80.  
  81. img:hover{
  82.     opacity: .8;
  83.     -webkit-transition: opacity 0.7s linear;
  84.     }
  85.  
  86. body{
  87.     background: {color:background};
  88.     background-image: url('{image:background}');
  89.     background-attachment: fixed;
  90.     font-family: consolas;
  91.     letter-spacing: 1px;
  92.     font-size: 9px;
  93.     font-style: none;
  94.     line-height: 10px;
  95.     color: {color:text};
  96.     text-decoration: none;
  97.     text-align: justify;
  98.     }
  99.  
  100. a{
  101.     color: {color:link};
  102.     text-decoration: none;
  103.     -webkit-transition: all 0.7s ease;
  104.     -moz-transition: all 0.7s ease;
  105.     -o-transition: all 0.7s ease;
  106.     }
  107. a:link, a:visited, a:active{
  108.     text-decoration:none;
  109.     }
  110. a:hover{
  111.     color: {color:link hover};
  112.     text-decoration: none;
  113.     -webkit-transition: all 0.7s ease;
  114.     -moz-transition: all 0.7s ease;
  115.     -o-transition: all 0.7s ease;  
  116.     }
  117.  
  118. #post{
  119.     position: absolute;
  120.     width: 560px;
  121.     top: 10px;
  122.     {block:IfSmallerPosts}
  123.     width: 460px;
  124.     right: 50%;
  125.     margin-right: -310px;
  126.     {/block:IfSmallerPosts}
  127.     {block:IfNotSmallerPosts}
  128.     right: 50%;
  129.     margin-right: -410px;
  130.     {/block:IfNotSmallerPosts}
  131.     }
  132.  
  133. #entry {
  134.     width: 500px;
  135.     {block:IfSmallerPosts}
  136.     width: 400px;
  137.     {block:IfSmallerPosts}
  138.     padding: 10px;
  139.     margin-bottom: 15px;
  140.     background: {color:posts};
  141.     background-image: url('{image:post background}');
  142.     font-family: arial;
  143.     font-size: 9px;
  144.     text-transform: lowercase;
  145.     font-color: {color:font};
  146.     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  147.     border-left: 15px solid #5a5959;
  148.     }
  149.  
  150. #menu{
  151.     background: {color:links menu};
  152.     width:25px;
  153.     height: 265px;
  154.     top: 50%; margin-top: -160px;
  155.     right: 50%;
  156.     margin-right:150px;
  157.     position: fixed;
  158.     float: left;
  159.     z-index:2;
  160.     }
  161.  
  162. #next{
  163.     top: 50%;
  164.     margin-top: 110px;
  165.     right: 50%;
  166.     margin-right:200px;
  167.     z-index: 2;
  168.     position: fixed;
  169.     font-family: courier new;
  170.     font-size: 9px;
  171.     letter-spacing:1px;
  172.     }
  173.  
  174. #titlebar{
  175.     padding: 4px;
  176.     border-bottom: 1px dotted {color:link};
  177.     color: {color:link};
  178.     letter-spacing:1px;
  179.     text-transform: uppercase;
  180.     font-family: courier new;
  181.     font-size: 9px;
  182.     line-height: 10px;
  183.     }
  184.    
  185. #sidebar{
  186.     background: {color:posts};
  187.     background-image: url('{image:sidebar}');
  188.     top: -2px;
  189.     width: 120px;
  190.     height: 100%;
  191.     padding: 0px;
  192.     right: 50%;
  193.     margin-right:150px;
  194.     position: fixed;
  195.     box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  196.     }
  197.    
  198. #sideimg{
  199.     background: {color:sideimg background};
  200.     background-image: url('{image:sidebar picture}');
  201.     width: 170px;
  202.     height: 265px;
  203.     padding: 0px;
  204.     right: 50%;
  205.     margin-right:175px;
  206.     top: 50%;
  207.     margin-top: -160px;
  208.     position: fixed;
  209.     box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  210.     border-radius: 50px 0px 0px 50px;
  211.     -webkit-transition: all 0.7s ease;
  212.     -moz-transition: all 0.7s ease;
  213.     -o-transition: all 0.7s ease;
  214.     }
  215.  
  216. .hidden{
  217.     background: {color:sideimg background};
  218.     background-image: url('{image:post background}');
  219.     width: 120px;
  220.     height: 215px;
  221.     padding: 25px;
  222.     right: 50%;
  223.     margin-right:175px;
  224.     top: 50%;
  225.     margin-top: -160px;
  226.     position: fixed;
  227.     opacity: 0;
  228.     font-family: arial;
  229.     font-size: 9px;
  230.     -webkit-transition: all 0.7s ease;
  231.     -moz-transition: all 0.7s ease;
  232.     -o-transition: all 0.7s ease;
  233.     box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  234.     border-radius: 50px 0px 0px 50px;
  235.     }
  236.  
  237. #sidebarhidden:hover #sideimg{
  238.     opacity:1;
  239.     z-index:5;
  240.     }
  241.    
  242. #sidebar:hover .hidden{
  243.     opacity:1;
  244.     -webkit-transition: all .7s ease;
  245.     -moz-transition: all .7s ease;
  246.     -o-transition: all .7s ease;
  247.     }
  248.  
  249.  
  250. #link{
  251.     -webkit-transition: all 0.4s ease;
  252.     -moz-transition: all 0.4s ease;
  253.     -o-transition: all 0.4s ease;
  254.     background: ({color:font});
  255.     height: 15px;
  256.     padding:5px;
  257.     border-bottom: 1px dotted #919191;
  258.     }
  259.  
  260. .permalink {
  261.     float: right;
  262.     width: 500px;
  263.     {block:IfSmallerPosts}
  264.     width: 400px;
  265.     {/block:IfSmallerPosts}
  266.     height: 10px;
  267.     font-size: 9px;
  268.     padding-top: 10px;
  269.     padding-bottom:7px;
  270.     font-family: cambria;
  271.     background: #fff;
  272.     margin-top:-20px;
  273.     margin-left: 0px;
  274.     position: absolute;
  275.     letter-spacing: 1px;
  276.     text-align: center;
  277.     -webkit-transition: all 1s ease-out;
  278.     -moz-transition: all 1s ease-out;
  279.     -o-transition: all 1s ease-out;
  280.     z-index: 2;
  281.     opacity: 0;
  282.     }
  283.  
  284. #entry:hover .permalink {
  285.     margin-top: 0px;
  286.     margin-left: 0px;
  287.     -webkit-transition: all 1s ease;
  288.     filter: alpha(opacity = 70);
  289.     -moz-transition: all 1s ease;
  290.     -o-transition: all 1s ease;
  291.     width: 500px;
  292.     {block:IfSmallerPosts}
  293.     width: 400px;
  294.     {block:IfSmallerPosts}
  295.     height:5px;
  296.     opacity: 1;
  297.     }
  298.    
  299. #chat{
  300.     border-bottom: 1px dotted #000;
  301.     padding: 2px;
  302.     }
  303.    
  304. blockquote {
  305.     padding: 3px;
  306.     border-left: 1px dotted #000;
  307.     color: {color:link};
  308.     }
  309.  
  310. </style>
  311. </head>
  312.  
  313. <body>
  314. {block:IfNotInfiniteScrolling}{block:Pagination}<div id="next">{block:NextPage}<a href="{NextPage}"><big>◀</big></a>{/block:NextPage} {CurrentPage}//{TotalPages} {block:PreviousPage}<a href="{PreviousPage}"><big>▶</big></a>{/block:PreviousPage}</div>{/block:Pagination}{/block:IfNotInfiniteScrolling}
  315.  
  316. <div id="sidebar">
  317. <div id="sideimg">
  318. <img src="{image:sidebar picture}" style=" height: 265px; width: 170px; border-radius: 50px 0px 0px 50px"></img>
  319. </div>
  320. <div class="hidden">
  321. <div style="height: 220px; width: 130px; overflow: auto;">{block:Description}{Description}{/block:Description}</div>
  322. </div>
  323.  
  324. <div align="center"><div id="menu">
  325. <a href="/" title="index"><div id="link"><img src="http://static.tumblr.com/ii9pnwy/4NKm33ha9/home.png"></div></a>
  326. <a href="/ask" title="message"><div id="link"><img src="http://static.tumblr.com/ii9pnwy/rROm33hdh/mail.png"></div></a>
  327. <a href="/archive" title="history"><div id="link"><img src="http://static.tumblr.com/ii9pnwy/pQzm33hgs/calday.png"></div></a>
  328. {block:ifLink1URL}<a href="{text:Link 1 URL}" title="{text:Link 1 Name}"><div id="link"><img src="http://static.tumblr.com/ii9pnwy/YsTm33iey/folder.png"></div></a>{/block:ifLink1URL}
  329. {block:ifLink2URL}<a href="{text:Link 2 URL}" title="{text:Link 2 Name}"><div id="link"><img src="http://static.tumblr.com/ii9pnwy/HJYm33ig3/star.png"></div></a>{/block:ifLink2URL}
  330. {block:ifLink3URL}<a href="{text:Link 3 URL}" title="{text:Link 3 Name}"><div id="link"><img src="http://static.tumblr.com/ii9pnwy/e7Em33imn/user.png"></div></a>{/block:ifLink3URL}
  331. {block:ifLink4URL}<a href="{text:Link 4 URL}" title="{text:Link 4 Name}"><div id="link"><img src="http://static.tumblr.com/ii9pnwy/tYRm33ing/camera.png"></div></a>{/block:ifLink4URL}
  332. {block:ifLink5URL}<a href="{text:Link 5 URL}" title="{text:Link 5 Name}"><div id="link"><img src="http://static.tumblr.com/ii9pnwy/BMim33inx/alert.png"></div></a>{/block:ifLink5URL}
  333. <a href="http://hokshi.tumblr.com" title="theme credit"><div id="link"><img src="http://static.tumblr.com/ii9pnwy/L1im33i5r/heart.png"></div></a></div>
  334. </div></div>
  335.  
  336.  
  337. <div id="post">
  338. {block:IfInfiniteScrolling}
  339. <div class = "autopagerize_page_element" >
  340. {/block:IfInfiniteScrolling}
  341.  
  342. {block:Posts}
  343.  
  344. {block:Text}
  345. <div id="entry">
  346. <div align="center">{block:IndexPage}
  347. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  348. <a href="{Permalink}">{block:Title}<div id="titlebar">{Title}</div>{/block:Title}</a>{/block:Title}
  349. <div align="left">{Body}</div>
  350. </div>
  351. {/block:Text}
  352.  
  353. {block:Photo}
  354. <div id="entry">
  355. <div align="center">{block:IndexPage}
  356. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  357. <a href="{Permalink}">{block:IfNotSmallerPosts}{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="500" /></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="500" />{/block:PermalinkPage}{/block:IfNotSmallerPosts}
  358. {block:IfSmallerPosts} {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="400" /></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="400" />{/block:PermalinkPage} {/block:IfSmallerPosts}</a>
  359. {block:Ifshowcaptions}
  360. {block:Caption}{Caption}{/block:Caption}
  361. {/block:Ifshowcaptions}
  362. </div>
  363. {/block:Photo}
  364.              
  365. {block:Photoset}
  366. <div id="entry">
  367. <div align="center">{block:IndexPage}
  368. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  369. <a href="{Permalink}">{block:IfNotSmallerPosts}{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:IfNotSmallerPosts}
  370. {block:IfSmallerPosts} {block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {/block:IfSmallerPosts}</a>
  371. {block:Ifshowcaptions}
  372. {block:Caption}{Caption}{/block:Caption}
  373. {/block:Ifshowcaptions}
  374. </div>
  375. {/block:Photoset}
  376.      
  377. {block:Quote}
  378. <div id="entry">
  379. <div align="center">{block:IndexPage}
  380. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  381. <div id="titlebar"><div align="center">❝{Quote}</div></div>
  382. {block:Source}
  383. <p><div align="right"> - {Source}</div></p>
  384. {/block:Source}
  385. </div>
  386. {/block:Quote}
  387.      
  388. {block:Link}
  389. <div id="entry">
  390. <div align="center">{block:IndexPage}
  391. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  392. <a href="{URL}" class="link" {Target}>
  393. <div id="titlebar">{Name}</div></a>
  394. {block:Description}{Description}{/block:Description}
  395. </div>
  396. {/block:Link}
  397.      
  398. {block:Chat}
  399. <div id="entry">
  400. <div align="center">{block:IndexPage}
  401. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  402. {block:Title}
  403. <a href="{Permalink}"><div id="titlebar">{Title}</div></a>
  404. {/block:Title}
  405. {block:Lines}<div id="chat">{block:Label}<i>{Label}</i>{/block:Label} {Line}</div>{/block:Lines}
  406. </div>
  407. {/block:Chat}    
  408.      
  409. {block:Video}
  410. <div id="entry">
  411. <div align="center">{block:IndexPage}
  412. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  413. {Video-400}
  414. {block:Ifshowcaptions}
  415. {block:Caption}{Caption}{/block:Caption}
  416. {/block:Ifshowcaptions}
  417. </div>
  418. {/block:Video}
  419.      
  420. {block:Audio}
  421. <div id="entry">
  422. <div align="center">{block:IndexPage}
  423. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  424. <div {block:AlbumArt}style="height:100px;width:100%;"{/block:AlbumArt}>{block:AlbumArt}<span style="float:left;"><img src="{AlbumArtURL}" style="width:100px;border-radius: 5px;"></span>{/block:AlbumArt}<div style="text-align:left;"><div style="width:93%; background-color:#fff; border-bottom:1px dotted #000; padding: 15px;">{AudioPlayerWhite}</div><br>&nbsp;&nbsp;{block:Artist}Artist: {Artist}{/block:Artist}<br>&nbsp;&nbsp;{block:TrackName}Track Name: {TrackName}{/block:TrackName}<br>&nbsp;&nbsp;Play Count: {PlayCountWithLabel}</span></div></div>
  425. </div>
  426. {/block:Audio}
  427.      
  428. {block:Answer}
  429. <div id="entry">
  430. <div align="center">{block:IndexPage}
  431. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  432. <div id="titlebar">{Asker}: {Question}</div>
  433. {Answer}
  434. </div>
  435. {/block:Answer}
  436.    
  437. {block:PermalinkPage}
  438. <div id="entry">
  439. {block:caption}{Caption}<br>{/block:caption}
  440. {MonthNumberWithZero}{DayOfMonthWithZero}{ShortYear}
  441. {block:HasTags}<br>TAGS: {block:Tags} <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  442. {block:RebloggedFrom}<br>reblogged via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>; reblogged from <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  443. {/block:RebloggedFrom}
  444. {block:PostNotes}<div align="left">{PostNotes}</div>{/block:PostNotes}
  445. </div>
  446. {/block:PermalinkPage}
  447.  
  448. {/block:Posts}
  449. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  450. </body>
  451. </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!