API tools faq
paste
hokshi

Maekchu Theme

hokshi
Oct 30th, 2012
335
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.02 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. M A E K C H U   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="#e8e2e2" />
  20. <meta name="color:text" content="#4f4e4e"/>
  21. <meta name="color:link" content="#89aeba" />
  22. <meta name="color:link hover" content="#000000" />
  23. <meta name="color:posts" content="#fcfcfc"/>
  24. <meta name="color:topbar" content="#030303" />
  25. <meta name="color:description text" content="#818181" />
  26. <meta name="image:background" content="http://static.tumblr.com/ii9pnwy/dp4m34y44/graydottedmany.png"/>
  27. <meta name="image:post background" content=""/>
  28. <meta name="image:topbar" content="http://static.tumblr.com/ii9pnwy/lLfm354du/pattern.png"/>
  29. <meta name="if:InfiniteScrolling" content="0"/>
  30. <meta name="if:Transparent Posts" content="1"/>
  31. <meta name="if:Smaller Posts" content="0"/>
  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.  
  70. ::-webkit-scrollbar{
  71.     width: 3px; height: 3px; background-color:{color:background};
  72.     }
  73. ::-webkit-scrollbar-thumb{
  74.     background-color: {color:text}; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); border-radius: 3px;
  75.     }
  76.    
  77. img{
  78.     opacity: 1;
  79.     -webkit-transition: opacity 0.7s linear;
  80.     }
  81.  
  82. img:hover{
  83.     opacity: .8;
  84.     -webkit-transition: opacity 0.7s linear;
  85.     }
  86.  
  87.  
  88. body{
  89.     background: {color:background};
  90.     background-image: url('{image:background}');
  91.     background-attachment: fixed;
  92.     font-family: arial;
  93.     letter-spacing: 0px;
  94.     font-size: 9px;
  95.     font-style: none;
  96.     line-height: 10px;
  97.     color: {color:text};
  98.     text-decoration: none;
  99.     text-align: justify;
  100.     }
  101.  
  102. a{
  103.     color: {color:link};
  104.     text-decoration: none;
  105.     -webkit-transition: all 0.7s ease;
  106.     -moz-transition: all 0.7s ease;
  107.     -o-transition: all 0.7s ease;
  108.     }
  109. a:link, a:visited, a:active{
  110.     text-decoration:none;
  111.     }
  112. a:hover{
  113.     color: {color:link hover};
  114.     text-decoration: none;
  115.     -webkit-transition: all 0.7s ease;
  116.     -moz-transition: all 0.7s ease;
  117.     -o-transition: all 0.7s ease;  
  118.     }
  119.    
  120. #topbar{
  121.     position:fixed;
  122.     z-index: 3;
  123.     background: {color:topbar};
  124.     {block:IfTransparentPosts}
  125.     background: rgba(0, 0, 0, 0.9);
  126.     {/block:IfTransparentPosts}
  127.     background-image: url('{image:topbar}');
  128.     top: 0px;
  129.     right: 0px;
  130.     height:70px;
  131.     width:100%;  
  132.     }
  133.    
  134. .linksbar{
  135.     position:fixed;
  136.     z-index: 3;
  137.     background: {color:topbar};
  138.     {block:IfTransparentPosts}
  139.     background: rgba(0, 0, 0, 0.9);
  140.     {/block:IfTransparentPosts}
  141.     background-image: url('{image:topbar}');
  142.     bottom: 0px;
  143.     right: 50%;
  144.     margin-right:-290px;
  145.     height:10px;
  146.     width:560px;
  147.     {block:IfSmallerPosts}
  148.     width:460px;
  149.     right: 50%;
  150.     margin-right:-240px;
  151.     {/block:IfSmallerPosts}
  152.     text-align: center;
  153.     -webkit-transition: all .7s ease;
  154.     -moz-transition: all .7s ease;
  155.     -o-transition: all .7s ease;
  156.     }
  157.    
  158. .linksbar:hover{
  159.     height:30px;
  160.     -webkit-transition: all .7s ease;
  161.     -moz-transition: all .7s ease;
  162.     -o-transition: all .7s ease;
  163.     }
  164.    
  165. a.side{    
  166.     padding:1px;
  167.     border-bottom:1px solid {color:link};
  168.     }
  169.    
  170. a.side:hover{
  171.     border-bottom:6px solid {color:link};
  172.     }
  173.  
  174. #post{
  175.     position: absolute;
  176.     width: 560px;
  177.     top: 75px;
  178.     {block:IfSmallerPosts}
  179.     width: 400px;
  180.     left: 50%;
  181.     margin-left: -200px;
  182.     {/block:IfSmallerPosts}
  183.     {block:IfNotSmallerPosts}
  184.     right: 50%;
  185.     margin-right: -310px;
  186.     {/block:IfNotSmallerPosts}
  187.     }
  188.  
  189. #entry {
  190.     width: 500px;
  191.     {block:IfSmallerPosts}
  192.     width: 400px;
  193.     {block:IfSmallerPosts}
  194.     padding: 10px;
  195.     margin-bottom: 5px;
  196.     background: {color:posts};
  197.     {block:IfTransparentPosts}
  198.     background: rgba(0, 0, 0, 0.1);
  199.     {/block:IfTransparentPosts}
  200.     background-image: url('{image:post background}');
  201.     font-family: arial;
  202.     font-size: 9px;
  203.     text-transform: lowercase;
  204.     font-color: {color:font};
  205.     {block:IfNotTransparentPosts}
  206.     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  207.     {/block:IfNotTransparentPosts}
  208.     }
  209.  
  210. #title{
  211.     position: fixed;
  212.     top:5px;
  213.     left: 50%;
  214.     margin-left: -150px;
  215.     z-index: 5;
  216.     width: 300px;
  217.     font-family: georgia;
  218.     font-size: 13px;
  219.     text-transform: uppercase;
  220.     text-align: center;
  221.     font-color: {color:link};
  222.     border-bottom: 1px solid {color:text};
  223.     padding: 5px;
  224.     }
  225.  
  226. #desc{
  227.     position: fixed;
  228.     top:30px;
  229.     left: 50%;
  230.     margin-left: -250px;
  231.     z-index: 5;
  232.     width: 515px;
  233.     {block:IfSmallerPosts}
  234.     width: 415px;
  235.     left: 50%;
  236.     margin-left: -200px;
  237.     {/block:IfSmallerPosts}
  238.     height: 40px;
  239.     letter-spacing: 0px;
  240.     color: {color:description text};    
  241.     }
  242.    
  243. #desc:hover .linksbar{
  244.     opacity: 1;
  245.     -webkit-transition: all .7s ease;
  246.     -moz-transition: all .7s ease;
  247.     -o-transition: all .7s ease;
  248.     }
  249.  
  250. #titlebar{
  251.     padding: 4px;
  252.     border-bottom: 1px solid {color:text};
  253.     color: {color:link};
  254.     letter-spacing:1px;
  255.     text-transform: uppercase;
  256.     font-family: georgia;
  257.     font-size: 13px;
  258.     line-height: 10px;
  259.     }
  260.  
  261. .permalink {
  262.     float: left;
  263.     width: 200px;
  264.     {block:IfSmallerPosts}
  265.     width: 400px;
  266.     height: 1px;
  267.     padding: 15px;
  268.     {/block:IfSmallerPosts}
  269.     font-family: arial;
  270.     text-transform: uppercase;
  271.     background: #fff;
  272.     margin-top:-20px;
  273.     margin-left: 0px;
  274.     position: absolute;
  275.     letter-spacing: 0px;
  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.     border-radius: 5px;
  283.     }
  284.  
  285. #entry:hover .permalink {
  286.     margin-top: 10px;
  287.     margin-left: -10px;
  288.     padding: 7px;
  289.     -webkit-transition: all 1s ease;
  290.     filter: alpha(opacity = 70);
  291.     -moz-transition: all 1s ease;
  292.     -o-transition: all 1s ease;
  293.     height: 5px;
  294.     width: 300px;
  295.     {block:IfSmallerPosts}
  296.     width: 400px;
  297.     {block:IfSmallerPosts}
  298.     opacity: 0.9;
  299.     }
  300.  
  301. #chat{
  302.     border-bottom: 1px dotted {color:text};
  303.     padding: 2px;
  304.     }
  305.    
  306. #back{
  307.     position: fixed;
  308.     width:50px;
  309.     left: 50%;
  310.     margin-left: -280px;
  311.     top: 50%;
  312.     font-size: 30px;
  313.     z-index: 15;
  314.     }
  315.    
  316. #next{
  317.     position: fixed;
  318.     width:50px;
  319.     left: 50%;
  320.     margin-left: 285px;
  321.     top: 50%;
  322.     font-size: 30px;
  323.     z-index: 15;
  324.     }
  325.    
  326. blockquote {
  327.     padding: 3px;
  328.     border-left: 3px solid #000;
  329.     color: {color:link};
  330.     }
  331.  
  332.  
  333. </style>
  334. </head>
  335.  
  336. <body>
  337. {block:IfNotInfiniteScrolling}{block:Pagination}
  338. <div id="back">{block:PreviousPage}<a href="{PreviousPage}"><big>«</big></a>{/block:PreviousPage}</div>
  339. <div id="next">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  340. {/block:Pagination}{/block:IfNotInfiniteScrolling}
  341. <div id="topbar"></div>
  342. <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  343. <div id="desc"><div align="justify"><div style="height: 30px; overflow: auto;">{block:Description}{Description}{/block:Description}</div><br /></div></div>
  344. <div class="linksbar"><a href="/" class="side">index</a>
  345. <a href="/ask" class="side">message</a>
  346. <a href="/archive" class="side">archive</a>
  347. {block:ifLink1URL}<a href="{text:Link 1 URL}" class="side">{text:Link 1 Name}</a>{/block:ifLink1URL}
  348. {block:ifLink2URL}<a href="{text:Link 2 URL}" class="side">{text:Link 2 Name}</a>{/block:ifLink2URL}
  349. {block:ifLink3URL}<a href="{text:Link 3 URL}" class="side">{text:Link 3 Name}</a>{/block:ifLink3URL}
  350. {block:ifLink4URL}<a href="{text:Link 4 URL}" class="side">{text:Link 4 Name}</a>{/block:ifLink1URL}
  351. {block:ifLink5URL}<a href="{text:Link 5 URL}" class="side">{text:Link 5 Name}</a>{/block:ifLink5URL}
  352. <a href="http://hokshi.tumblr.com" class="side">theme</a>
  353. </div>
  354. <div id="post">
  355. {block:IfInfiniteScrolling}
  356. <div class = "autopagerize_page_element" >
  357. {/block:IfInfiniteScrolling}
  358.  
  359. {block:Posts}
  360.  
  361. {block:Text}
  362. <div id="entry">
  363. <div align="center">{block:IndexPage}
  364. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  365. <a href="{Permalink}">{block:Title}<div id="titlebar">{Title}</div>{/block:Title}</a>{/block:Title}
  366. <div align="left">{Body}</div>
  367. </div>
  368. {/block:Text}
  369.  
  370. {block:Photo}
  371. <div id="entry">
  372. <div align="center">{block:IndexPage}
  373. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  374. <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}
  375. {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>
  376. {block:Ifshowcaptions}
  377. {block:Caption}{Caption}{/block:Caption}
  378. {/block:Ifshowcaptions}
  379. </div>
  380. {/block:Photo}
  381.              
  382. {block:Photoset}
  383. <div id="entry">
  384. <div align="center">{block:IndexPage}
  385. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  386. <a href="{Permalink}">{block:IfNotSmallerPosts}{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:IfNotSmallerPosts}
  387. {block:IfSmallerPosts} {block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {/block:IfSmallerPosts}</a>
  388. {block:Ifshowcaptions}
  389. {block:Caption}{Caption}{/block:Caption}
  390. {/block:Ifshowcaptions}
  391. </div>
  392. {/block:Photoset}
  393.      
  394. {block:Quote}
  395. <div id="entry">
  396. <div align="center">{block:IndexPage}
  397. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  398. <div id="titlebar"><div align="center">❝{Quote}</div></div>
  399. {block:Source}
  400. <p><div align="right"> - {Source}</div></p>
  401. {/block:Source}
  402. </div>
  403. {/block:Quote}
  404.      
  405. {block:Link}
  406. <div id="entry">
  407. <div align="center">{block:IndexPage}
  408. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  409. <a href="{URL}" class="link" {Target}>
  410. <div id="titlebar">{Name}</div></a>
  411. {block:Description}{Description}{/block:Description}
  412. </div>
  413. {/block:Link}
  414.      
  415. {block:Chat}
  416. <div id="entry">
  417. <div align="center">{block:IndexPage}
  418. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  419. {block:Title}
  420. <a href="{Permalink}"><div id="titlebar">{Title}</div></a>
  421. {/block:Title}
  422. {block:Lines}<div id="chat">{block:Label}<i>{Label}</i>{/block:Label} {Line}</div>{/block:Lines}
  423. </div>
  424. {/block:Chat}    
  425.      
  426. {block:Video}
  427. <div id="entry">
  428. <div align="center">{block:IndexPage}
  429. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  430. {Video-400}
  431. {block:Ifshowcaptions}
  432. {block:Caption}{Caption}{/block:Caption}
  433. {/block:Ifshowcaptions}
  434. </div>
  435. {/block:Video}
  436.      
  437. {block:Audio}
  438. <div id="entry">
  439. <div align="center">{block:IndexPage}
  440. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  441. <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>
  442. </div>
  443. {/block:Audio}
  444.      
  445. {block:Answer}
  446. <div id="entry">
  447. <div align="center">{block:IndexPage}
  448. <div class="permalink"><a href="{Permalink}">PERMALINK</a> | {Month} {DayOfMonthWithZero}, {Year} | {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}</div>{/block:IndexPage}</div>
  449. <div id="titlebar">{Asker}: {Question}</div>
  450. {Answer}
  451. </div>
  452. {/block:Answer}
  453.    
  454. {block:PermalinkPage}
  455. <div id="entry">
  456. {block:caption}{Caption}<br>{/block:caption}
  457. {MonthNumberWithZero}{DayOfMonthWithZero}{ShortYear}
  458. {block:HasTags}<br>TAGS: {block:Tags} <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  459. {block:RebloggedFrom}<br>reblogged via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>; reblogged from <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  460. {/block:RebloggedFrom}
  461. {block:PostNotes}<div align="left">{PostNotes}</div>{/block:PostNotes}
  462. </div>
  463. {/block:PermalinkPage}
  464.  
  465. {/block:Posts}
  466. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  467. </body>
  468. </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!