API tools faq
paste
quenma

theme 08: imortal

quenma
Feb 12th, 2016
2,157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.99 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. |||||||| theme 08: imortal
  5. || by quenma.tumblr.com
  6.  
  7. don't redistribute
  8. don't copy any part of the code
  9. feel free to change fonts and colors
  10. message me if there is any bugs
  11. -->
  12.  
  13. <head>
  14.     <link rel="shortcut icon" href="{Favicon}">
  15.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.     <link rel="stylesheet" href="//static.tumblr.com/ev0x8sk/8tco1ouxw/style.css">
  17.     <link href='//fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic|Lato:300,300italic,700,700italic|Roboto:300,700,300italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  18.     <title>{title}</title>
  19.  
  20.     <meta name="image:Sidebar">
  21.    
  22.     <meta name="color:Background" content="#fff">
  23.     <meta name="color:Font" content="#aaa">
  24.     <meta name="color:Links" content="#555">
  25.     <meta name="color:Links hover" content="#facdd7">
  26.     <meta name="color:Post title" content="#555">
  27.     <meta name="color:Borders" content="#f5f5f5">
  28.     <meta name="color:Entry" content="#fbfbfb">
  29.    
  30.     <meta name="select:Posts width" content="300px">
  31.     <meta name="select:Posts width" content="350px">
  32.     <meta name="select:Posts width" content="400px">
  33.     <meta name="select:Posts width" content="450px">
  34.     <meta name="select:Posts width" content="500px">
  35.  
  36.     <meta name="select:Sidebar position" content="Top">
  37.     <meta name="select:Sidebar position" content="Bottom">
  38.    
  39.     <meta name="if:Show sidebar image" content="0">
  40.     <meta name="if:Show captions" content="1">
  41.  
  42.     <meta name="text:Link 1 url" content="#url 01">
  43.     <meta name="text:Link 1 title" content="title 01">
  44.     <meta name="text:Link 2 url" content="#url 02">
  45.     <meta name="text:Link 2 title" content="title 02">
  46.     <meta name="text:Link 3 url" content="#url 03">
  47.     <meta name="text:Link 3 title" content="title 03">
  48.     <meta name="text:Link 4 url" content="#url 04">
  49.     <meta name="text:Link 4 title" content="title 04">
  50.     <meta name="text:Link 5 url" content="#url 05">
  51.     <meta name="text:Link 5 title" content="title 05">
  52.     <meta name="text:Sidebar title" content="imortal">
  53.  
  54.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  55.     </script>
  56.     <script src="//static.tumblr.com/ev0x8sk/2KInubuiu/smt-jquery.js">
  57.     </script>
  58.     <script src="//static.tumblr.com/ev0x8sk/Jqinubuiy/smt.js">
  59.     </script>
  60.    
  61.     <script>
  62. // minimal soundcloud player © shythemes.tumblr
  63. $(document).ready(function(){
  64.    var color = '{color:links hover}'; // color of play button (hex)
  65.    $('.soundcloud_audio_player').each(function(){
  66.        $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  67.    });
  68. });
  69. </script>
  70.    
  71.     <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js">
  72.     </script>
  73. </head>
  74. <style>
  75. /* defaults */
  76. body {
  77.     margin:0;
  78.     padding:0;
  79.     background:{color:background};
  80.     font:10px ubuntu, calibri, arial, sans-serif;
  81.     color:{color:font};
  82.     line-height:220%;    
  83.     text-rendering: optimizeLegibility; }
  84.  
  85. iframe[class^="tmblr"] { transition:.6s!important;
  86.     opacity:.4!important;
  87.     -webkit-filter:invert(1)!important; }
  88.  
  89. iframe[class^="tmblr"]:hover { opacity:.6; }
  90.  
  91. .tmblr-lightbox { background-color: rgba(255,255,255,.95)!important; }
  92. .tmblr-lightbox .vignette { background: transparent!important }
  93. .tmblr-lightbox .lightbox-image { box-shadow:0 0 0 transparent!important; }
  94. .tmblr-lightbox .lightbox-caption {
  95.     font-family: ubuntu!important;
  96.     font-size: 12px!important;
  97.     font-weight: normal!important;
  98.     color:{color:links}!important;
  99.     text-shadow: 0 0 0 transparent!important; }
  100.  
  101. a {
  102.     color:{color:links};
  103.     text-decoration:none;
  104.     transition:.6s; }
  105.  
  106. a:hover { cursor:help;
  107.     color:{color:links hover}; }
  108.  
  109. p { margin:5px 0; }
  110.  
  111. .boxes ul {
  112.     margin: 0;
  113.     list-style-type: none; }
  114.    
  115. .boxes ul > li { text-indent:-5px;
  116.     list-style-type: none;}
  117. .boxes ul > li:before {
  118.   content: '—';
  119.   margin-left:-25px;
  120.   margin-right:5px;
  121.   color:{color:borders};
  122. }
  123.  
  124.  
  125. pre, small, sub, sup, big, code { font-size:10px!important; }
  126.  
  127. blockquote {
  128.     border-left:1px solid {color:borders};
  129.     padding:0;
  130.     padding-left:10px;
  131.     margin: 5px 10px; }
  132.    
  133. #s-m-t-tooltip{
  134.     max-width:240px;
  135.     padding:3px 5px;
  136.     margin-left:25px;
  137.     margin-right:22px;
  138.     text-transform:none;
  139.     font-size:10px;
  140.     margin-top:18px;
  141.     z-index:900;
  142.     color:{color:font};
  143.     transition:.6s;
  144.     background-color:{color:entry}; }
  145.  
  146. ::-webkit-scrollbar, ::-webkit-scrollbar-button {
  147.     background:{color:borders};
  148.     width:9px;
  149.     height:9px;
  150.     border:4px solid {color:background}; }
  151.    
  152. ::-webkit-scrollbar-button:vertical { border-top:0; border-bottom:0; }
  153. ::-webkit-scrollbar-button:horizonal { border-left:0; border-right:0; }
  154.  
  155. ::-webkit-scrollbar-thumb { background:{color:links hover};
  156.     border:1px solid {color:background};
  157.     border-radius:2px; }
  158.  
  159. ::-webkit-scrollbar-thumb:vertical {
  160.     border-left-width:4px;
  161.     border-right-width:4px; }
  162.    
  163. ::-webkit-scrollbar-thumb:horizontal {
  164.     border-top-width:4px;
  165.     border-bottom-width:4px; }
  166.    
  167. h1, h2, h3, h4, h5, h6 { font-size:12px!important; }
  168. .boxes > h1, h2, h3, h4, h5, h6 { margin:0; }
  169.  
  170. iframe { {block:PermalinkPage}margin-bottom:-7px; {/block:PermalinkPage} }
  171.  
  172.  
  173. /* posts */
  174. #wrapper {
  175.     width:{select:posts width};
  176.     margin:100px 0 60px 480px; }
  177.    
  178. .entry {
  179.     width:{select:posts width};
  180.     z-index:10;
  181.     margin-bottom:200px;
  182.         {block:PermalinkPage}
  183.         width:500px;
  184.         {/block:PermalinkPage} }
  185.  
  186. h1 {
  187.     color:{color:post title};
  188.     margin:0;
  189.     font-weight:normal;
  190.     font-size:12px; }
  191.  
  192. p.captions { margin:0; }
  193. p.captions img { max-width:100%;
  194.     margin:0; }
  195.  
  196. .boxes { padding:8px;
  197.     background:{color:Entry};
  198.     border:1px solid {color:borders};
  199.     margin-top:6px;}
  200.  
  201. .boxes p { margin:0!important; }
  202.  
  203. .boxes figure, .boxes img { margin:0;
  204.     max-width:100%;
  205.     height:auto;
  206.     margin-bottom:-7px!important; }
  207.    
  208. .boxes img { margin-bottom:0!important; }
  209.  
  210.  
  211. div.entry img { display:none; }
  212.    
  213. div.entry ol, div.entry ul {
  214.     list-style-type: none;
  215.     margin-left: -40px;
  216.     text-transform: none;
  217.     letter-spacing: 0px; }
  218.  
  219. div.entry li { padding:2px 0; }
  220.  
  221.  
  222. ol { list-style-type:decimal-leading-zero; }
  223. ul { list-style-type:square; }
  224.  
  225. li.more_notes_link_container { text-align: left!important; }
  226. li.more_notes_link_container:before {     content: '› ';
  227.     color: {color:links};
  228.     font-size: 12px;
  229. }
  230.  
  231.  
  232. .photopost { margin-bottom:-7px; width:100%; }
  233.  
  234.  
  235. /* permalink */
  236. .perma { margin:5px 1px 0!important;
  237.     display:block;
  238.     position:relative; }
  239.    
  240.    
  241. .perma a { color:{color:links}; }
  242.    
  243.  
  244.  
  245. /* tags */
  246. .tags {
  247.     text-align:left;
  248.     display:inline;
  249.     margin-left:3px;
  250.     text-transform:none; }
  251.    
  252. .tags a {
  253.     color:{color:font};
  254.     opacity:.9;
  255.     display:inline-block;
  256.     border:none;
  257.     margin-right:5px;
  258.     transition:.6s linear; }
  259.  
  260.  
  261.  
  262.  
  263. /* asks*/
  264. .question {
  265.     padding:10px;
  266.     border-bottom:1px solid {color:borders};
  267.     display:block;
  268.     margin:0 30px;
  269.     margin-bottom:25px;
  270.     color:{color:font}; }
  271.  
  272. .question a { color:{color:links}; }
  273. .question b { color:{color:links}; font-weight:normal; }
  274.  
  275.  
  276.  
  277.  
  278. /* audios */
  279. .audioplayer-inner {
  280.     width:26px;
  281.     height:27px;
  282.     overflow: hidden; }
  283.  
  284. .audioplayer-outer { padding:6px;
  285.     width: 26px;
  286.     height: 27px;
  287.     position: relative;
  288.     display: inline-block;
  289.     overflow: hidden;
  290.     background: white;
  291.     margin:8px 9px 0;
  292.     z-index: 10;
  293.     border: 1px solid {color:borders};}
  294.  
  295. .audio-info { text-align: left;
  296.     position: absolute;
  297.     margin-top: 17px;
  298.     margin-left: 4px;
  299.     display: inline-block;}
  300.  
  301. .audio-info#audio-em { position:relative;
  302.     padding:0 6px 0 20px;
  303.     margin:10px 0 0 15px!important;}
  304.  
  305. #audio-em br { display:none; }
  306. .audio-info b { text-transform:uppercase; margin-right:4px;}
  307. .a-emb { margin:10px 10px 4px; }
  308.  
  309.  
  310. /* quote */
  311. p.source {
  312.     padding:0 0 10px;
  313.     display:block;
  314.     text-align:center;
  315.     margin:20px 30px 0;
  316.     border-bottom:1px solid {color:borders}; }
  317.  
  318. h1#quote { text-align:center;
  319.     padding:10px; }
  320.  
  321.  
  322. /* sidebar */
  323. #sidebar { left:140px;
  324.     {select:sidebar position}:100px;
  325.     position:fixed;
  326.     width:170px;
  327.     padding:10px;
  328.     text-align:right;}
  329.    
  330. #sidebar h1 { font-size:12px;
  331.     margin-bottom:3px;}
  332.  
  333. #sidebar .description {
  334.     margin:8px 0; }
  335.  
  336. #sidebar .link { display:block; margin-bottom:2px; }
  337.    
  338. #sidebar .link:first-of-type { margin-top:6px; }
  339.  
  340. #sidebar blockquote { padding:6px;
  341.     border:1px solid {color:borders};
  342.     background:{color:Entry};
  343.     display:inline-block;
  344.     margin:0; }
  345.    
  346. #sidebar #ava { width:30px;
  347.     border-radius:100px;
  348.     margin-bottom:8px;
  349.     {block:ifnotshowsidebarimage}
  350.     display:none;
  351.     {/block:ifnotshowsidebarimage}
  352. }
  353.  
  354.  
  355.  
  356. {CustomCSS}
  357. </style>
  358.    
  359. <body>
  360.  
  361.  
  362. <div id="left"></div>
  363.  
  364. <div id="sidebar">
  365.     <img src="{image:sidebar}" id="ava">
  366.     <h1>{text:sidebar title}</h1>
  367.     <span class="description">{Description}</span>
  368.     <a href="/" class="link">index</a>
  369.     <a href="/ask" class="link">message</a>
  370.     <a href="{Text:link 1 url}" class="link">{text:link 1 title}</a>
  371.     <a href="{Text:link 2 url}" class="link">{text:link 2 title}</a>
  372.     <a href="{Text:link 3 url}" class="link">{text:link 3 title}</a>
  373.     <a href="{Text:link 4 url}" class="link">{text:link 4 title}</a>
  374.     <a href="{Text:link 5 url}" class="link">{text:link 5 title}</a>
  375.    
  376. </div>
  377.  
  378.  
  379.     <div id="wrapper">
  380.     {block:Posts}
  381.         <article class="entry">
  382.        
  383.         {block:Text}
  384.         {block:Title}<h1>{Title}</h1>{/block:Title}
  385.         <div class="boxes">
  386.         <p class="captions">{Body}</p>
  387.         </div>
  388.         {/block:Text}
  389.            
  390.         {block:Photo}
  391.         <img src="{PhotoURL-500}" class="photopost">
  392.         {block:IndexPage}{block:ifShowCaptions}{block:Caption}
  393.         <div class="boxes"><p class="captions">{Caption}</p></div>
  394.         {/block:Caption}{/block:ifShowCaptions}{/block:IndexPage}
  395.         {block:PermalinkPage}
  396.         <div class="boxes"><p class="captions">{Caption}</p></div>
  397.         {/block:PermalinkPage}
  398.         {/block:Photo}
  399.        
  400.         {block:Photoset}
  401.         <div class="photopost">
  402.         {block:IndexPage}
  403.         {Photoset}
  404.         {/block:IndexPage}
  405.         {block:PermalinkPage}
  406.         {Photoset-500}
  407.         {/block:PermalinkPage}
  408.         </div>
  409.         {block:IndexPage}{block:ifShowCaptions}{block:Caption}
  410.         <div class="boxes"><p class="captions">{Caption}</p></div>
  411.         {/block:Caption}{/block:ifShowCaptions}{/block:IndexPage}
  412.         {block:PermalinkPage}
  413.         <div class="boxes"><p class="captions">{Caption}</p></div>
  414.         {/block:PermalinkPage}
  415.        
  416.         {/block:Photoset}
  417.        
  418.         {block:Link}
  419.         <div class="boxes">
  420.         <a href="{URL}"><h1>{Name}</h1></a>
  421.         {Description}
  422.         </div>
  423.         {/block:Link}
  424.        
  425.         {block:Quote}
  426.         <div class="boxes">
  427.         <h1 id="quote">&ldquo;{Quote}&rdquo;</h1>
  428.         </div>
  429.         <p class="source">{Source}</p>
  430.         {/block:Quote}
  431.        
  432.         {block:Chat}
  433.         <h1>{Title}</h1>
  434.         {block:Lines}
  435.         <div class="boxes">
  436.         {block:Label}<b>{Label}</b>{/block:Label} {Line}
  437.         </div>
  438.         {/block:Lines}
  439.         {/block:Chat}
  440.        
  441.         {block:Audio}
  442.         <div class="boxes">
  443.         {block:AudioEmbed}
  444.         <div class="a-emb">
  445.         {AudioEmbed}
  446.         </div>
  447.         {/block:AudioEmbed}
  448.    
  449.         <div id="audio-content">
  450.             {block:AudioPlayer}
  451.             <div class="audioplayer-outer">
  452.                 <div class="audioplayer-inner">
  453.                     {AudioPlayerWhite}
  454.                 </div>
  455.             </div>
  456.             {/block:AudioPlayer}
  457.        
  458.             <div class="audio-info"
  459.           {block:AudioEmbed}id="audio-em"{/block:AudioEmbed}>
  460.                 {block:Artist}<b>{Artist}</b>{/block:Artist}
  461.                 {block:TrackName}{TrackName}{/block:TrackName}
  462.             </div>
  463.        
  464.         </div>
  465.         </div> <!-- /boxes -->
  466.         {/block:Audio}
  467.        
  468.         {block:Video}
  469.         <div class="video">{Video-500}</div>      
  470.         {block:IndexPage}{block:ifShowCaptions}{block:Caption}
  471.         <div class="boxes"><p class="captions">{Caption}</p></div>
  472.         {/block:Caption}{/block:ifShowCaptions}{/block:IndexPage}
  473.         {block:PermalinkPage}
  474.         <div class="boxes"><p class="captions">{Caption}</p></div>
  475.         {/block:PermalinkPage}
  476.         {/block:Video}
  477.        
  478.         {block:Answer}
  479.         <div class="question">
  480.         <b>{Asker} said:</b> {Question}
  481.         </div>
  482.        
  483.         <div class="boxes">{Answer}</div>
  484.         {/block:Answer}
  485.        
  486.        
  487.         {block:Date}
  488.         <div class="perma">
  489.         <a href="{Permalink}">{FormattedNoteCount}</a> +
  490.         <a href="{ReblogURL}">reblog</a>
  491.        
  492.        
  493.          {block:HasTags}
  494.          <div class="tags">
  495.          {block:Tags}<a href="{TagURL}">{Tag};</a>{/block:Tags}
  496.          </div>
  497.          {/block:HasTags}      
  498.        
  499.         </div>
  500.         {/block:Date}
  501.  
  502.        
  503.         </article>  <!-- /entry -->
  504.        
  505.        
  506.         {block:ContentSource}
  507.         <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  508.        width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  509.        {/block:SourceLogo}
  510.        {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  511.         {/block:ContentSource}
  512.         {block:ReblogParent}{/block:ReblogParent}
  513.  
  514.        
  515.        
  516.         {block:PermalinkPage}
  517.         <div class="entry">
  518.             {PostNotes}
  519.         </div>
  520.         {/block:PermalinkPage}
  521.        
  522.        
  523.        
  524.    
  525.     {/block:Posts}
  526.    
  527.     {block:Pagination}
  528.     <div style="text-align:right; padding-bottom:60px; margin-top:-60px;">
  529.     {block:PreviousPage}
  530.     <a href="{PreviousPage}" title="back">back</a>
  531.     {/block:PreviousPage}
  532.     <br>
  533.     {block:NextPage}
  534.     <a href="{NextPage}" title="forth">forth</a>
  535.     {/block:NextPage}
  536.     </div>
  537.     {/block:Pagination}
  538.    
  539.    
  540.     </div>
  541.    
  542.    
  543.     <style>
  544.         #coded { position:fixed;
  545.         right:38px; bottom:38px;
  546.         color:{color:links};
  547.         display:block;
  548.         padding:6px;
  549.         border-radius:2px;
  550.         background:{color:links hover};
  551.         width:0px;
  552.         height:0px;
  553.         transition:.6s;
  554.         }
  555.        
  556.         #coded:hover { opacity:.7; }
  557.        
  558.     </style>
  559.  
  560. <a href="//quenma.tumblr.com" title="theme by quenma" id="coded"></a>
  561. </body>
  562.    
  563. </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!