API tools faq
paste
Advertisement
thedoctordreams

delineate-black

thedoctordreams
Jul 6th, 2014
689
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.94 KB | None | 0 0
raw download clone embed print report
  1.    
  2.  
  3.     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.      
  5.     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.     <head><title>{Title}</title>
  7.     <link rel="shortcut icon" href="{Favicon}">
  8.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.      
  11.     <!--
  12.    
  13.    theme #2, delineate, by katiaobinger, base code by haryum.  do not remove this comment.  do not remove or move the credit.  thank you, enjoy!
  14.    
  15.    -->
  16.      
  17.      
  18.     <meta name="color:background" content="#000000"/>
  19.     <meta name="color:text" content="#ffffff"/>
  20.     <meta name="color:link" content="#ffffff"/>
  21.     <meta name="color:link hover" content="#5a5a5a"/>
  22.     <meta name="color:border" content="#393939"/>
  23.     <meta name="color:scrollbar" content="##ffffff"/>
  24.     <meta name="color:title" content="#ffffff"/>
  25.      
  26.     <meta name="image:sidebar" content=""/>
  27.      
  28.     <meta name="text:home title" content="home" />
  29.     <meta name="text:ask title" content="ask" />
  30.     <meta name="text:ask url" content="/ask" />
  31.      
  32.     <meta name="text:link 1 title" content="one" />
  33.     <meta name="text:link 1 url" content="/" />
  34.     <meta name="text:link 2 title" content="two" />
  35.     <meta name="text:link 2 url" content="/" />
  36.      
  37.     <meta name="if:Show Link 1" content="1" />
  38.     <meta name="if:Show Link 2" content="1" />
  39.     <meta name="if:Show Home" content="1" />
  40.     <meta name="if:Show Ask" content="1" />
  41.  
  42.      
  43.     <style type="text/css">
  44.    
  45.     /*---TOOLTIPS---*/
  46.  
  47.     #s-m-t-tooltip {
  48.         background:{color:background};
  49.         max-width:300px;
  50.         font-family:courier;
  51.         font-size:10px;
  52.         color:{color:text};
  53.         border:1px solid {color:border};
  54.         letter-spacing:0px;
  55.         text-transform:none;
  56.         padding:3px 4px 3px 4px;
  57.         margin:-25px 0px 0px 0px;
  58.         z-index:9999999999999999999999;
  59.         }
  60.    
  61.     @-webkit-keyframes {
  62.         0% {-webkit-transform: opacity(.2);}
  63.         50% {-webkit-transform: opacity(1.00);}
  64.         70% {-webkit-transform: opacity(.7);}
  65.         100% {-webkit-transform: opacity(1);}}
  66.        
  67.     /*---end tooltips---*/
  68.      
  69.     /*- body -*/
  70.      
  71.     body {
  72.         font-family:calibri;
  73.         font-size:12px;
  74.         line-height:115%;
  75.         color:{color:text};
  76.         background:{color:background};
  77.     }
  78.      
  79.     img {
  80.         border:none;
  81.     }
  82.      
  83.     a {
  84.         text-decoration:none;
  85.         outline:none;
  86.         -moz-outline-style:none;
  87.         color:{color:link};
  88.          -webkit-transition: all 0.6s ease;
  89.         -moz-transition: all 0.6s ease;
  90.         -o-transition: all 0.6s ease
  91.     }
  92.      
  93.     a:hover {
  94.         color:{color:link hover};
  95.          -webkit-transition: all 0.8s ease;
  96.         -moz-transition: all 0.8s ease;
  97.         -o-transition: all 0.8s ease
  98.     }
  99.      
  100.     h1 {
  101.         font-size:14px;
  102.         text-transform:uppercase;
  103.         font-weight: bold;
  104.     }
  105.      
  106.     blockquote {
  107.         padding-left:5px;
  108.         border-left:2px solid;
  109.     }
  110.        
  111.     blockquote blockquote {
  112.         padding-left:5px;
  113.         border-left:2px solid;
  114.     }
  115.      
  116.     /*- posts/entries -*/
  117.      
  118.      
  119.     #entries {
  120.         width:500px;
  121.         margin-left:470px;
  122.         margin-top:80px;
  123.         font-size:12px;
  124.         background-color:{color:background};
  125.     }
  126.      
  127.      
  128.     #post {
  129.         width:500px;
  130.         margin-top:10px;
  131.         margin-bottom:30px;
  132.  
  133.     }
  134.      
  135.    
  136.     #scientia {
  137.         position:fixed;
  138.         margin-top:180px;
  139.         width:110px;
  140.         font-size:14px;
  141.         font-family:consolas;
  142.         color:{color:title};
  143.         text-align:center;
  144.         opacity:1;
  145.         webkit-transition: all 0.9s ease;
  146.         -moz-transition: all 0.9s ease;
  147.         -o-transition: all 0.9s ease
  148.     }
  149.    
  150.     #scientia a {
  151.         color:{color:title};
  152.         webkit-transition: all 0.9s ease;
  153.         -moz-transition: all 0.9s ease;
  154.         -o-transition: all 0.9s ease
  155.     }
  156.    
  157.     #sidestuff {
  158.         width:110px;
  159.         margin-left:260px;
  160.     }
  161.    
  162.     #sidestuff:hover #links {
  163.         opacity:1;
  164.          -webkit-transition: all 0.9s ease;
  165.         -moz-transition: all 0.9s ease;
  166.         -o-transition: all 0.9s ease
  167.     }
  168.    
  169.     #sidestuff:hover #scientia{
  170.         opacity:0;
  171.         -webkit-transition: all 0.9s ease;
  172.         -moz-transition: all 0.9s ease;
  173.         -o-transition: all 0.9s ease
  174.     }
  175.    
  176.     #links {
  177.         position:fixed;
  178.         margin-top:180px;
  179.         width:110px;
  180.         height:auto;
  181.         margin-bottom:2px;
  182.         text-align:center;
  183.         font-family:calibri;
  184.         word-spacing:3px;
  185.         text-transform:uppercase;
  186.         opacity:0;
  187.          -webkit-transition: all 0.9s ease;
  188.         -moz-transition: all 0.9s ease;
  189.         -o-transition: all 0.9s ease
  190.     }
  191.      
  192.     #links a {
  193.         font-size: 10px;
  194.         padding-left: 0px;
  195.         padding-right: 0px;
  196.         padding-bottom:10px;
  197.          -webkit-transition: all 0.4s ease;
  198.         -moz-transition: all 0.4s ease;
  199.         -o-transition: all 0.4s ease
  200.     }
  201.      
  202.     #links a:hover {
  203.         padding-left: 2px;
  204.         padding-right: 2px;
  205.         color:{color:link hover}
  206.          -webkit-transition: all 0.4s ease;
  207.         -moz-transition: all 0.4s ease;
  208.         -o-transition: all 0.4s ease
  209.     }  
  210.      
  211.      
  212.    
  213.      /*- sidebar -*/
  214.      
  215.      
  216.     #sidebar {
  217.         position:fixed;
  218.         z-index:0;
  219.         width: 110px;
  220.         margin-top:200px;
  221.     }
  222.      
  223.     #sidebarimage {
  224.         width: 110px;
  225.         height: auto;
  226.     }
  227.      
  228.     #sidebarimage img {
  229.         width: 100px;
  230.         height: auto;
  231.         padding:5px;
  232.         border:solid 1px {color:border};
  233.         background-color:{color:background};
  234.     }
  235.    
  236.      
  237.     #description {
  238.         width:100px;
  239.         font-family:calibri;
  240.         line-height:100%;
  241.         font-size:9px;
  242.         padding:5px;
  243.         margin-top:5px;
  244.         text-align:center;
  245.         border:1px solid {color:border};
  246.     }
  247.      
  248.    
  249.     #pagination {
  250.         height: 11px;
  251.         font-size:11px;
  252.         color:{color:title};
  253.         text-align:right;
  254.         padding: 3px;
  255.         font-family:consolas;
  256.         letter-spacing:3px;
  257.         opacity: 1;
  258.         background-color: {color:background};
  259.     }
  260.    
  261.     #pagination a {
  262.         color:{color:title};
  263.     }
  264.    
  265.     #pagination a:hover {
  266.         color:{color:link hover};
  267.     }
  268.    
  269.     #horizont {
  270.         width:100%;
  271.         height:1px;
  272.         margin-top:250px;
  273.         background-color: {color:border};
  274.         z-index:-1;
  275.         position:fixed;
  276.     }
  277.    
  278.     #vertic {
  279.         width:1px;
  280.         height:100%;
  281.         margin-left:1050px;
  282.         margin-top:0px;
  283.         background-color: {color:border};
  284.         z-index:-1;
  285.         position:fixed;
  286.     }
  287.      
  288.      
  289.     /*- others -*/
  290.      
  291.      ::-webkit-scrollbar {
  292.     width: 5px;height: 5px;}
  293.     ::-webkit-scrollbar-button:start:decrement,
  294.     ::-webkit-scrollbar-button:end:increment {
  295.     height: 6px;display: block;background-color: {color:white};}
  296.     ::-webkit-scrollbar-track-piece {
  297.     background-color: {color:scrollbar};}
  298.     ::-webkit-scrollbar-thumb:vertical {
  299.     height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  300.      
  301.  
  302.    
  303.     #info {
  304.         text-align:right;
  305.         padding: 5px;
  306.         font-size: 8px;
  307.         color: {color:link};
  308.         text-transform: uppercase;
  309.         font-style: italic;
  310.         border-top:1px solid {color:border};
  311.         opacity:0;
  312.         filter:alpha(opacity=00);
  313.         -moz-opacity: 0.0;
  314.         -khtml-opacity: 0.0;
  315.         -webkit-transition: all 0.5s ease;
  316.         -moz-transition: all 0.5s ease;
  317.         -o-transition: all 0.5s ease
  318.     }
  319.    
  320.     #post:hover #info {
  321.         opacity:1;
  322.         filter:alpha(opacity=100);
  323.         -moz-opacity: 1.0;
  324.         -khtml-opacity: 1.0;
  325.         -webkit-transition: all 0.5s ease;
  326.         -moz-transition: all 0.5s ease;
  327.         -o-transition: all 0.5s ease
  328.     }
  329.      
  330.     #ask {
  331.         float:left;
  332.         width: 490px;
  333.         padding: 5px;
  334.         font-style: italic;
  335.         color:#dedede;
  336.         text-align:justify;
  337.         text-transform: lowercase;
  338.         padding-bottom: 5px;
  339.         padding-right: 5px;
  340.         line-height:115%;
  341.         background-color: #121212;
  342.         border: 1px solid {color:border};
  343.     }
  344.      
  345.     #answer {
  346.         font-size: 9px;
  347.         width: 480px;
  348.         padding-top: 10px;
  349.         margin-left: 7px;
  350.         line-height:120%;
  351.     }
  352.    
  353.     #albumart {
  354.         float:right;
  355.         display:inline-block;
  356.     }
  357.    
  358.     #albumart img{
  359.         width: 80px;
  360.         height: 80px;
  361.         margin-right:10px;
  362.         padding:5px;
  363.         border:1px solid {color:border};
  364.     }
  365.    
  366.     #album {
  367.         width:80px;
  368.         height:80px;
  369.         position:absolute;
  370.         z-index:auto;
  371.         padding:5px;
  372.         background-color:black;
  373.         opacity:0.2;
  374.         filter:alpha(opacity=20);
  375.         -moz-opacity: 0.2;
  376.         -khtml-opacity: 0.2;
  377.     }
  378.    
  379.     #audiopost:hover #album {
  380.         opacity:0.7;
  381.         filter:alpha(opacity=70);
  382.         -moz-opacity: 0.7;
  383.         -khtml-opacity: 0.7;
  384.         -webkit-transition: all 0.5s ease;
  385.         -moz-transition: all 0.5s ease;
  386.         -o-transition: all 0.5s ease
  387.     }
  388.    
  389.     #audioplayer {
  390.         width:30px;
  391.         height:30px;
  392.         overflow:hidden;
  393.         position:absolute;
  394.         z-index:99999;
  395.         padding:0px;
  396.         background-color:black;
  397.         margin:30px;
  398.         opacity:0.3;
  399.         filter:alpha(opacity=30);
  400.         -moz-opacity: 0.3;
  401.         -khtml-opacity: 0.3;
  402.         -webkit-transition: all 0.5s ease;
  403.         -moz-transition: all 0.5s ease;
  404.         -o-transition: all 0.5s ease
  405.     }
  406.    
  407.     #audiopost:hover #audioplayer {
  408.         opacity:0.7;
  409.         filter:alpha(opacity=70);
  410.         -moz-opacity: 0.7;
  411.         -khtml-opacity: 0.7;
  412.         -webkit-transition: all 0.5s ease;
  413.         -moz-transition: all 0.5s ease;
  414.         -o-transition: all 0.5s ease
  415.     }
  416.    
  417.     #audioinfo {
  418.         font-weight:normal;
  419.         line-height:90%;
  420.         display:inline-block;
  421.         float:left;
  422.         padding-top:5px;
  423.     }
  424.    
  425.     #trackname {
  426.         font-weight:bold;
  427.         text-transform:uppercase;
  428.     }
  429.    
  430.     #chatlabel {
  431.         font-weight:bold;
  432.         line-height:120%;
  433.         text-transform:uppercase;
  434.     }
  435.    
  436.     #obinger {
  437.         position:fixed;
  438.         bottom:5px;
  439.         right:5px;
  440.         text-transform:uppercase;
  441.         font-size:7px;
  442.         letter-spacing:2px;
  443.         border: 1px solid {color:border};
  444.         padding: 0px 2px;
  445.     }
  446.      
  447.     {CustomCSS}</style></head><body>
  448.      
  449.     <div id="sidestuff"><div id="scientia">{Title}</div>
  450.    
  451.     <div id="links">
  452.      
  453.     {block:IfShowHome}
  454.     <a href="/">{text:home title}</a>
  455.     {/block:IfShowHome}
  456.     {block:IfShowAsk}
  457.     <a href="{text:ask url}">{text:ask title}</a>
  458.     {block:IfShowAsk}
  459.     {block:IfShowLink1}
  460.     <a href="{text:link 1 url}">{text:link 1 title}</a>
  461.     {/block:IfShowLink1}
  462.     {block:IfShowLink2}
  463.     <a href="{text:link 2 url}">{text:link 2 title}</a>
  464.     {/block:IfShowLink2}
  465.  
  466.      
  467.     </div>
  468.    
  469.     <div id="sidebar">
  470.      
  471.     <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>
  472.      
  473.     <div id="description">{Description}</div>
  474.    
  475.     <div id="pagination">
  476.     {block:PreviousPage}
  477.     <a href="{PreviousPage}">-</a>
  478.     {/block:PreviousPage}
  479.    
  480.     {block:NextPage}
  481.     <a href="{NextPage}">+</a>
  482.     {/block:NextPage}
  483.     {/block:Pagination}
  484.     </div>
  485.      
  486.     </div>
  487.    
  488.     </div> <!-----closes sidestuff--->
  489.      
  490.     <div id="horizont"></div>
  491.    
  492.     <div id="vertic"></div>
  493.    
  494.      
  495.     <div id="entries">{block:Posts}<div id="post">
  496.      
  497.     {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  498.      
  499.     {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  500.      
  501.     {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  502.      
  503.     {block:Quote}<h1>{Quote}</h1>
  504.     {block:Source}<p>{Source}</p>{/block:Source}{/block:Quote}
  505.      
  506.     {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  507.      
  508.     {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<div id="chatlabel">{Label}</div>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  509.      
  510.     {block:Audio}<div id="audiopost"><div id="albumart"><div id="album"><div id="audioplayer">{AudioPlayerBlack}</div></div>{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}</div>
  511.    
  512.     <div id="audioinfo"><br>{block:TrackName}<div id="trackname">{TrackName}</div><br />{/block:TrackName}
  513.     <br>{block:Artist}{Artist}<br />{/block:Artist}
  514.     <br>{PlayCount} plays</div>
  515.     <br>
  516.     <br>
  517.     <br>
  518.     <br>
  519.     <br>
  520.     <br>
  521.     <br>
  522.     <br>
  523.     {block:Caption}<center>{Caption}</center>{/block:Caption}</div>
  524.     {/block:Audio}
  525.      
  526.     {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  527.      
  528.     {block:Answer}<div id="ask">{Asker}:&nbsp; {Question}</div><br><div id="answer">{Answer}</div>{/block:Answer}
  529.      
  530.    
  531.     <div id="info">
  532.     {block:Date}<a href="{Permalink}">
  533.     {Month} {dayofmonth} {Year}</a></a>{/block:Date} | <a href="{Permalink}">{NoteCount} notes</a>
  534.     {block:RebloggedFrom} | <a href="{ReblogParentURL}"title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}"title="{ReblogRootName}">src</a>{/block:RebloggedFrom} <br> {block:HasTags}tagged:&nbsp;&nbsp; {block:Tags} <a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  535.      
  536.     </div>
  537.        
  538.     </div>
  539.     {/block:Posts}
  540.     {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  541.     {/block:Posts}</div></div></div>
  542.      
  543.     <div id="obinger"><center><a href="http://katiobinger.tumblr.com/" title="obinger themes">theme</a></center></div>
  544.      
  545.        
  546.     </body>
  547.        
  548.     <!-- start of script tooltip -->
  549. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  550.  
  551. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  552. <script>
  553.  
  554. (function($){
  555.  
  556. $(document).ready(function(){
  557.  
  558. $("a[title]").style_my_tooltips({
  559.  
  560. tip_follows_cursor:true,
  561.  
  562. tip_delay_time:90,
  563.  
  564. tip_fade_speed:600,
  565.  
  566. attribute:"title"
  567.  
  568. });
  569.  
  570. });
  571.  
  572. })(jQuery);
  573.  
  574. </script>
  575.        
  576.        
  577.        
  578.        
  579.        
  580.        
  581.        
  582.     </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!