API tools faq
paste
Advertisement
irlmtt

it's dark! theme

irlmtt
Jun 14th, 2017
1,752
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--- it's dark! theme by onlinefriends and chorister!!
  6. please don't claim as your own, that's not nice --->
  7.    
  8.  
  9.     <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
  10.     <link rel="shortcut icon" href="{image:favicon}">
  11.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.     {block:Description}
  13.         <meta name="description" content="{MetaDescription}" />
  14.     {/block:Description}
  15.    
  16.     <meta name="if:header img" content="0">
  17.     <meta name="if:show title" content="1">
  18.     <meta name="if:rounded borders" content="0">
  19.     <meta name="if:underline links" content="0">
  20.     <meta name="if:full bg img" content="0">
  21.     <meta name="if:circle sidebar img" content="0">
  22.     <meta name="image:sidebar img">
  23.     <meta name="image:header img">
  24.     <meta name="image:bg img">
  25.     <meta name="image:favicon">
  26.     <meta name="text:font name" content="arial">
  27.     <meta name="text:font size" content="12pt">
  28.     <meta name="text:border width" content="3px">
  29.     <meta name="text:link 1 name" content="link 1">
  30.     <meta name="text:link 2 name" content="link 2">
  31.     <meta name="text:link 3 name" content="link 3">
  32.     <meta name="text:link 4 name" content="link 4">
  33.     <meta name="text:link 1 url" content="/">
  34.     <meta name="text:link 2 url" content="/">
  35.     <meta name="text:link 3 url" content="/">
  36.     <meta name="text:link 4 url" content="/">
  37.     <meta name="text:previous page" content="Back">
  38.     <meta name="text:next page" content="Next">
  39.     <meta name="select:sidebar side" content="left">
  40.     <meta name="select:sidebar side" content="right">
  41.     <meta name="select:text align" content="left">
  42.     <meta name="select:text align" content="center">
  43.     <meta name="select:text align" content="justify">
  44.     <meta name="select:text align" content="right">
  45.     <meta name="select:description align" content="left">
  46.     <meta name="select:description align" content="center">
  47.     <meta name="select:description align" content="justify">
  48.     <meta name="select:description align" content="right">
  49.     <meta name="select:footer align" content="left">
  50.     <meta name="select:footer align" content="center">
  51.     <meta name="select:footer align" content="justify">
  52.     <meta name="select:footer align" content="right">
  53.     <meta name="color:text" content="#000">
  54.     <meta name="color:link" content="#00f">
  55.     <meta name="color:link hover" content="#f00">
  56.     <meta name="color:background" content="#8ff">
  57.     <meta name="color:posts" content="#ff8">
  58.     <meta name="color:sidebar" content="#f8f">
  59.     <meta name="color:menu" content="#fff">
  60.     <meta name="color:menu hover" content="#faf">
  61.     <meta name="color:footer" content="#fff">
  62.     <meta name="color:footer hover" content="#faf">
  63.     <meta name="color:asks etc bg" content="#f8f">
  64.     <meta name="color:borders" content="#007">
  65.  
  66.  
  67.  
  68. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="http://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><style src="http://static.tumblr.com/rtrqcib/OpYnlh8s6/style-my-tooltips.css"></style><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({ tip_follows_cursor:true,tip_delay_time:50,tip_fade_speed:150,attribute:"title"});});})(jQuery);</script>
  69.     <style type="text/css">
  70.    
  71.         body {
  72.             font-family: {text:font name};
  73.             font-size: {text:font size};
  74.             color: {color:text};
  75.             background-color: {color:background};
  76.             background-image: url('{image:bg img}');
  77.             background-attachment: fixed;
  78.             {block:iffullbgimg}
  79.             background-size: cover;
  80.             {/block:iffullbgimg}
  81.             word-wrap: break-word;
  82.             text-align: {select:text align};
  83.         }
  84.        
  85.         ::-webkit-scrollbar {
  86.             width: 15px;
  87.         }
  88.        
  89.         ::-webkit-scrollbar-thumb {
  90.             background-color: {color:borders};
  91.             {block:ifroundedborders}
  92.             border-radius: 5px;
  93.             {/block:ifroundedborders}
  94.         }
  95.        
  96.         #s-m-t-tooltip {
  97.             {block:ifroundedborders}
  98.             border-radius: 5px;
  99.             {/block:ifroundedborders}
  100.             margin: 15px;
  101.             max-width: 300px;
  102.             background-color: {color:menu};
  103.             border: {text:border width} solid {color:borders};
  104.             padding: 5px;
  105.         }
  106.        
  107.         #prev, #nxt {
  108.             font-weight: bold;
  109.         }
  110.        
  111.         a {
  112.             color: {color:link};
  113.             transition: 0.5s;
  114.             {block:ifnotunderlinelinks}
  115.             text-decoration: none;
  116.             {/block:ifnotunderlinelinks}
  117.             {block:ifunderlinelinks}
  118.             text-decoration: underline;
  119.             {/block:ifunderlinelinks}
  120.         }
  121.        
  122.         a:hover {
  123.             color: {color:link hover};
  124.             transition: 0.5s;
  125.         }
  126.        
  127.         .media {
  128.             text-align: center;
  129.         }
  130.        
  131.         img {
  132.             max-width: 100%;
  133.         }
  134.        
  135.  
  136.        
  137.         .post .question {
  138.             font-weight: bold;
  139.             background: {color:asks etc bg};
  140.             padding: 5px;
  141.             {block:ifroundedborders}
  142.             border-radius: 5px;
  143.             {/block:ifroundedborders}
  144.         }
  145.        
  146.        
  147.         .asker {
  148.             margin-top: 7px;
  149.         }
  150.        
  151.         #sidebar {
  152.             background-color: {color:sidebar};
  153.             border: {text:border width} solid {color:borders};
  154.             padding: 5px;
  155.             margin-top: 10px;
  156.             text-align: {select:description align};
  157.             {block:ifroundedborders}
  158.             border-radius: 5px;
  159.             {/block:ifroundedborders}
  160.         }
  161.        
  162.         #sidestuff {
  163.             width: 200px;
  164.             margin-top: 50px;
  165.             {select:sidebar side}: 50px;
  166.             position: fixed;
  167.         }
  168.        
  169.         #blogtitle {
  170.             background-color: {color:menu};
  171.             border: {text:border width} solid {color:borders};
  172.             padding: 5px;
  173.             text-align: center;
  174.             font-size: 125%;
  175.             font-weight: bold;
  176.             transition: 0.5s;
  177.             {block:ifroundedborders}
  178.             border-radius: 5px;
  179.             {/block:ifroundedborders}
  180.         }
  181.        
  182.         #blogtitle:hover {
  183.             background-color: {color:menu hover};
  184.             transition: 0.5s;
  185.         }
  186.        
  187.         #sidebar .sideimg img, .media img {
  188.             max-width: 100%;
  189.             margin: auto;
  190.             display: block;
  191.         }
  192.        
  193.         {block:ifcirclesidebarimg}
  194.         .sideimg img {
  195.             border-radius: 100%;
  196.         }
  197.         {/block:ifcirclesidebarimg}
  198.        
  199.         .chatlabel {
  200.             font-weight: bold;
  201.         }
  202.        
  203.         .odd {
  204.             padding: 2px;
  205.             background-color: {color:asks etc bg};
  206.             {block:ifroundedborders}
  207.             border-radius: 5px;
  208.             {/block:ifroundedborders}
  209.         }
  210.        
  211.         .even {
  212.             padding: 2px;
  213.         }
  214.        
  215.         .quote {
  216.             font-style: italic;
  217.             font-weight: bold;
  218.         }
  219.        
  220.         .quote.long {
  221.             font-size: 110%;
  222.         }
  223.        
  224.         .quote.medium {
  225.             font-size: 125%;
  226.         }
  227.        
  228.         .quote.short {
  229.             font-size: 150%;
  230.         }
  231.        
  232.         .post {
  233.             margin: 50px auto;
  234.             border: {text:border width} solid {color:borders};
  235.             width: 500px;
  236.             padding: 5px;
  237.             background-color: {color:posts};
  238.             {block:ifroundedborders}
  239.             border-radius: 5px;
  240.             {/block:ifroundedborders}
  241.         }
  242.        
  243.        
  244.         .link, .post .title {
  245.             font-size: 125%;
  246.             font-weight: bold;
  247.         }
  248.  
  249.        
  250.         ol.notes {
  251.             padding: 0px;
  252.             margin: 25px 0px;
  253.             list-style-type: none;
  254.             border-bottom: 1px solid {color:txt};
  255.         }
  256.  
  257.         ol.notes li.note {
  258.             border-top: 1px solid {color:text};
  259.             padding: 10px;
  260.         }
  261.  
  262.         ol.notes li.note img.avatar {
  263.             vertical-align: -4px;
  264.             margin-right: 10px;
  265.             width: 16px;
  266.             height: 16px;
  267.         }
  268.  
  269.         ol.notes li.note blockquote {
  270.             border-color: {color:text};
  271.             padding: 4px 10px;
  272.             margin: 10px 0px 0px 25px;
  273.         }
  274.  
  275.         ol.notes li.note blockquote a {
  276.             text-decoration: none;
  277.         }
  278.        
  279.         .footer {
  280.             background-color: {color:footer};
  281.             border: {text:border width} solid {color:borders};
  282.             padding: 2px;
  283.             margin-top: 5px;
  284.             text-align: {select:footer align};
  285.             transition: 0.5s;
  286.             {block:ifroundedborders}
  287.             border-radius: 5px;
  288.             {/block:ifroundedborders}
  289.         }
  290.        
  291.         .footer:hover {
  292.             background-color: {color:footer hover};
  293.             transition: 0.5s;
  294.         }
  295.        
  296.         .links {
  297.             text-align: center;
  298.         }
  299.        
  300.         .txt blockquote {
  301.             border-left: 2px solid {color:text};
  302.             padding-left: 15px;
  303.             margin-top: -5px;
  304.             margin-left: 5px;
  305.         }
  306.        
  307.         {block:ifheaderimg}
  308.         #header {
  309.             margin: 50px auto;
  310.             width: 500px;
  311.         }
  312.        
  313.         #header img {
  314.             max-width: 100%;
  315.         }
  316.         {/block:ifheaderimg}
  317.        
  318.         table#links {
  319.             text-align: center;
  320.             margin-top: 2px;
  321.             width: 100%;
  322.             {block:ifnotroundedborders}
  323.             border-collapse: collapse;
  324.             border:{text:border width} solid {color:borders};
  325.             {/block:ifnotroundedborders}
  326.         }
  327.        
  328.         table#links td{
  329.             background-color: {color:menu};
  330.             border:{text:border width} solid {color:borders};
  331.             width: 50%;
  332.             transition: 0.5s;
  333.             border-radius: 0;
  334.             {block:ifroundedborders}
  335.             border-radius: 5px;
  336.             {/block:ifroundedborders}
  337.             padding: 3px;
  338.            
  339.         }
  340.        
  341.        
  342.         table#links td:hover{
  343.             background-color: {color:menu hover};
  344.             transition: 0.5s;
  345.         }
  346.        
  347.         #prev {
  348.             font-size: 125%;
  349.             position: fixed;
  350.             left: 100px;
  351.             bottom: 100px;
  352.         }
  353.        
  354.         #nxt {
  355.             font-size: 125%;
  356.             position: fixed;
  357.             right: 100px;
  358.             bottom: 100px;
  359.         }
  360.        
  361.         .tumblr_audio_player {
  362.             width: 500px;
  363.             height: 85px;
  364.             {block:ifroundedborders}
  365.             border-radius: 5px;
  366.             {/block:ifroundedborders}
  367.         }
  368.        
  369.         #cc {
  370.             font-size: 10pt;
  371.             font-family: arial, sans-serif;
  372.             position: fixed;
  373.             left: 2px;
  374.             bottom: 2px;
  375.             padding: 0 2px 0 2px;
  376.             background-color: {color:menu};
  377.             {block:ifroundedborders}
  378.             border-radius: 3px;
  379.             {/block:ifroundedborders}
  380.             border:{text:border width} solid {color:borders};
  381.             transition: 0.5s;
  382.         }
  383.        
  384.         #cc:hover {
  385.             background-color: {color:menu hover};
  386.             transition: 0.5s;
  387.         }
  388.        
  389.         #cc a {
  390.             text-decoration: none;
  391.         }
  392.  
  393.         {CustomCSS}
  394.  
  395.     </style>
  396. </head>
  397. <body>
  398. <div id="sidestuff">
  399. {block:ifshowtitle}
  400. <div id="blogtitle"><a href="/">{Title}</a></div>
  401. {/block:ifshowtitle}
  402.     <div id="sidebar">
  403.        
  404.         <div class="sideimg">
  405.             <a href="/"><img src="{image:sidebar img}"></a>
  406.         </div>
  407.         {block:Description}
  408. {Description}
  409.         {/block:Description}
  410.         <br>
  411.         <table id="links">
  412.             <tr>
  413.                 <td width="95"><a href="{text:link 1 url}">{text:link 1 name}</a></td>
  414.                 <td width="95"><a href="{text:link 2 url}">{text:link 2 name}</a></td>
  415.             </tr>
  416.             <tr>
  417.                 <td width="95"><a href="{text:link 3 url}">{text:link 3 name}</a></td>
  418.                 <td width="95"><a href="{text:link 4 url}">{text:link 4 name}</a></td>
  419.             </tr>
  420.         </table>
  421.     </div>
  422. </div>
  423.     <div id="content">
  424.     {block:ifheaderimg}
  425.     <div id="header"><img src="{image:header img}" style="display: block; margin: auto;"></div>{/block:ifheaderimg}
  426.     {block:Posts}
  427.         <div class="post">
  428.             {block:Photo}
  429.                 <div class="media">
  430.                     {LinkOpenTag}
  431.                     <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  432.                     {LinkCloseTag}
  433.                 </div>
  434.                 {block:Caption}
  435.                     <div class="txt">{Caption}</div>
  436.                 {/block:Caption}
  437.             {/block:Photo}
  438.            
  439.             {block:Panorama}
  440.                 <div class="media">
  441.                     {LinkOpenTag}
  442.                     <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  443.                     {LinkCloseTag}
  444.                 </div>
  445.                 {block:Caption}
  446.                     <div class="txt">{Caption}</div>
  447.                 {/block:Caption}
  448.             {/block:Panorama}
  449.            
  450.             {block:Text}
  451.                 {block:Title}
  452.                     <div class="title">{Title}</div>
  453.                 {/block:Title}
  454.                 <div class="txt">{Body}</div>
  455.             {/block:Text}
  456.            
  457.             {block:Photoset}
  458.                 <div class="media">
  459.                     {Photoset}
  460.                 </div>
  461.                 {block:Caption}
  462.                     <div class="txt">{Caption}</div>
  463.                 {/block:Caption}
  464.             {/block:Photoset}
  465.            
  466.             {block:Chat}
  467.                 {block:Title}
  468.                     <div class="title">{Title}</div>
  469.                 {/block:Title}
  470.                 {block:Lines}
  471.                     <div class="{Alt}">
  472.                         {block:Label}
  473.                             <span class="chatlabel">{Label}</span>
  474.                         {/block:Label}
  475.                         &nbsp;{Line}
  476.                     </div>
  477.                 {/block:Lines}
  478.             {/block:Chat}
  479.            
  480.             {block:Quote}
  481.                 <div class="quote {Length}">{Quote}</div>
  482.                 {block:Source}
  483.                     <div class="quotesrc">&mdash;{Source}</div>
  484.                 {/block:Source}
  485.             {/block:Quote}
  486.            
  487.             {block:Answer}
  488.                 <div class="question">
  489.                     {Question}
  490.                     <div class="nipple"></div>
  491.                 </div>
  492.                     <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  493.                 <div class="txt">{Answer}</div>
  494.             {/block:Answer}
  495.            
  496.             {block:Link}
  497.                 <div class="link">
  498.                     <a href="{URL}" {Target}>{Name}</a>
  499.                 </div>
  500.                 {block:Description}
  501.                     <div class="txt">{Description}</div>
  502.                 {/block:Description}
  503.             {/block:Link}
  504.            
  505.             {block:Audio}
  506.                 {block:AudioEmbed}
  507.                     <div class="media">
  508.                         {AudioEmbed}
  509.                     </div>
  510.                 {/block:AudioEmbed}
  511.                 <div class="txt">{Caption}</div>
  512.             {/block:Audio}
  513.            
  514.             {block:Video}
  515.                 <div class="media">{Video-500}</div>
  516.                 {block:Caption}
  517.                     <div class="txt">{Caption}</div>
  518.                 {/block:Caption}
  519.             {/block:Video}
  520.            
  521.             {block:Date}
  522.  
  523.             <div class="footer">
  524.                 {block:IndexPage}<a href="{Permalink}">permalink</a>{/block:IndexPage} {block:RebloggedFrom}{block:IndexPage}&bullet;{/block:IndexPage} via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}{block:RebloggedFrom}&bullet;{/block:RebloggedFrom} source: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{block:IndexPage}<br>{/block:IndexPage}{block:PermalinkPage}{block:RebloggedFrom}<br>{/block:RebloggedFrom}{/block:PermalinkPage}{TimeAgo} + {NoteCountWithLabel}{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  525.             </div>
  526.             {/block:Date}
  527.            
  528.             {PostNotes}
  529.         </div>
  530.     {/block:Posts}
  531.    
  532.     {block:Pagination}
  533.             {block:PreviousPage}<div id="prev"><a href="{PreviousPage}">{text:previous page}</a></div>{/block:PreviousPage} {block:NextPage}<div id="nxt"><a href="{NextPage}">{text:next page}</a></div>{/block:NextPage}
  534.     {/block:Pagination}
  535.    
  536.     </div>
  537.     <div id="cc"><a href="http://onlinefriends.tumblr.com" title="CREDIT">♪</a>|<a href="http://chorister.tumblr.com" title="CREDIT">♬</a></div>
  538. </body>
  539. </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!