Advertisement
Guest User

hrriestylestheme1

a guest
Apr 4th, 2013
279
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.99 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.      
  3.     <!--
  4.    
  5.    BASE CODE #1 BY SAM @ WOLVERWHORE
  6.    REMEMBER: IF YOU USE THIS, YOU ((MUST)) CREDIT ME IN ANY WAY.
  7.    THANK YOU.
  8.    ENJOY!
  9.    
  10.    THEME MADE BY HRRIESTYLES PLEASE DON'T REMOVSE CREDIT OR USE AS A         BASE CODE!
  11.    
  12.    THE BASE CODE I USED IS BY WOLVERWHORE (LINK IN MY FAQ AT HRRIESTYLE         S)
  13.    
  14.    -->
  15.      
  16.      
  17.     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18.     <head>
  19.     <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
  20. <div><a style="position:fixed;z-index:9 !important;top:300px;left:3px;" href="http://www.totallylayouts.com/" title="Tumblr Mouse Cursors" target="_blank"></a></div>    
  21.  
  22.     <title>{Title}</title>
  23.     <link rel="shortcut icon" href="{Favicon}">
  24.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.      
  27.      
  28.     <meta name="color:Background" content="#ffffff"/>
  29.     <meta name="color:Sidebar" content="#ffffff"/>
  30.     <meta name="color:Text" content="#a8a8a8"/>
  31.     <meta name="color:Link" content="#b8b8b8"/>
  32.     <meta name="color:Tags" content="f0f0f0"/>
  33.     <meta name="color:Hover" content="#f2f2f2"/>
  34.     <meta name="color:Line" content="#f2f2f2"/>
  35.     <meta name="color:Border" content="#e4e4e4"/>
  36.     <meta name="color:Post" content="#ffffff"/>
  37.     <meta name="color:Answer" content="#f8f8f8"/>
  38.     <meta name="color:Link Background" content="#f8f2f4"/>
  39.     <meta name="color:Link Hover Background" content="#000"/>
  40.     <meta name="image:sidebar" content=""/>
  41.     <meta name="image:bg" content=""/>
  42.     <meta name="text:Link 1" content="" />
  43.     <meta name="text:Link 1 Text" content="" />
  44.     <meta name="text:Link 2" content="" />
  45.     <meta name="text:Link 2 Text" content="" />
  46.     <meta name="text:Link 3" content="" />
  47.     <meta name="text:Link 3 Text" content="" />
  48.     <meta name="if:Show Link 1" content="1" />
  49.     <meta name="if:Show Link 2" content="1" />
  50.     <meta name="if:Show Link 3" content="1" />
  51.     <meta name="color:scrollbarbg" content="ffffff"/>
  52.          
  53.      
  54.     <style type="text/css">
  55.    
  56.  
  57.    
  58.  
  59.    
  60.        
  61.      
  62.     /* --- SCROLLBAR ---*/
  63.      
  64.      ::-webkit-scrollbar {
  65.     width: 5px;height: 5px;}
  66.     ::-webkit-scrollbar-button:start:decrement,
  67.     ::-webkit-scrollbar-button:end:increment {
  68.     height: 6px;display: block;background-color: {color:white};}
  69.     ::-webkit-scrollbar-track-piece {
  70.     background-color: {color:scrollbarbg};}
  71.     ::-webkit-scrollbar-thumb:vertical {
  72.     height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  73.      
  74.      
  75.     /* --- BODY ---*/
  76.      
  77.     body {
  78.         background:{color:background};
  79.         margin:0px;
  80.         color:{color:text};
  81.         font-family:Century Gothic;
  82.         font-size:9px;
  83.         line-height:100%;
  84.     }
  85.      
  86.     a {
  87.         text-decoration:none;
  88.         outline:none;
  89.         -moz-outline-style:none;
  90.         color:{color:link};
  91.     }
  92.      
  93.     img {
  94.         border:none;
  95.     }
  96.      
  97.     blockquote {
  98.         padding-left:5px;
  99.         border-left:2px solid;
  100.     }
  101.        
  102.     blockquote blockquote {
  103.         padding-left:5px;
  104.         border-left:2px solid;
  105.     }
  106.      
  107.     h1 {
  108.         font-size:9px;
  109.         text-transform:uppercase;
  110.     }
  111.      
  112.     a:hover {
  113.         opacity:10;
  114.         color:{color:hover};
  115.          -webkit-transition: all 0.7s ease;
  116.         -moz-transition: all 0.7s ease;
  117.         -o-transition: all 0.7s ease
  118.     }
  119.      
  120.     /* --- POST ENTRIES ---*/
  121.      
  122.      
  123.     #entries {
  124.         padding:10px;
  125.         width:500px;
  126.         margin-left:450px;
  127.         margin-top:40px;
  128.         font-size:10px;
  129.     }
  130.      
  131.     /* --- BODY: POSTS ---*/
  132.      
  133.      
  134.     #post {
  135.         width:500px;
  136.         padding-bottom:20px;
  137.         padding:10px;
  138.         margin-top:15px;
  139.         background-color:{color:Post};
  140.     }
  141.      
  142.     /* --- SIDEBAR IMAGE ---*/
  143.    
  144. img{
  145.     -webkit-transition: opacity 1s linear;
  146.     opacity: 0.75;
  147.     }
  148.     img:hover{
  149.     -webkit-transition: opacity 1s linear;
  150.     opacity: 1;
  151.      
  152.     }
  153.    
  154.     #sidebar {
  155.         width:100px;
  156.         position:fixed;
  157.         margin-left:270px;
  158.         margin-top:150px;
  159.         opacity:.80;
  160.         background-color:{color:Sidebar};
  161.         }
  162.    
  163.     }
  164.      
  165.     #sidebarimage {
  166.         width 100px;
  167.     }
  168.      
  169.     #sidebarimage img {
  170.         width:100px;
  171.        
  172.         border:solid 1px;
  173.         padding:0px;
  174.         border-color:{color:border};
  175.         background-color:{color:Sidebar};
  176.     }
  177.      
  178.      
  179.     /* --- SIDEBAR LINKS ---*/
  180.      
  181.      .linkbg {
  182.     margin-bottom:3px;
  183.     border:0px solid #f2f2f2;
  184.     margin-top:-143px;
  185.     margin-left:-40px;
  186.     width:60px;
  187.     height:133px;
  188.     background-color:#f2f2f2;
  189.     }
  190.  
  191.    
  192.     .links {
  193.     position:fixed;
  194.     width:80px;
  195.     line-height: 90%;
  196.     text-transform: uppercase;
  197.     position:fixed;
  198.     margin-left: -85px;
  199.     text-align: left;
  200.     margin-top:-108px;
  201.     display:block;
  202.     padding: 3px;color:#E6E6E6;
  203.     text-transform:uppercase;    
  204.     -webkit-transition: all 0.6s ease;
  205.     -moz-transition: all 0.6s ease;
  206.     -o-transition: all 0.6s ease;
  207.     }
  208.    
  209.     .links a{
  210.    
  211.     font-family:century gothic;
  212.     font-styl:normal;
  213.     font-size:9px;
  214.     text-transform:lowercase;
  215.     color:#adadad;
  216.     display:block;
  217.     padding-top:2px;
  218.     padding-bottom:2px;
  219.     padding-left:2px;
  220.     margin-bottom: 1px;
  221.     letter-spacing:1px;
  222.     margin-bottom:2px;    
  223.     background-color:#fff;
  224.     padding:0 2px 1px 2px;
  225.     border:0px
  226.     text-decoration:none;
  227.     -moz-transition-duration:1s;
  228.     -webkit-transition-duration:1s;
  229.     -o-transition-duration:1s;
  230.     }
  231.    
  232.    
  233.    
  234.    .links a {
  235.     display:block;
  236.     background-color:{color:Link Background};
  237.     border:1px solid #eee;
  238.     margin-top:3px;
  239.     padding:4px;
  240.    
  241.  
  242.    
  243. }
  244.  
  245. .links a:hover {
  246.         background-color:{color:Link Hover Background};
  247.         opacity:.80;
  248.         -webkit-transition: all 0.6s ease;
  249.         -moz-transition: all 0.6s ease;
  250.         -o-transition: all 0.6s ease;
  251.         letter-spacing:5px;
  252.        
  253.  
  254.  }  
  255.  
  256.      
  257.     /* --- DESCRIPTION ---*/
  258.    
  259.  
  260.  
  261.     #description {
  262.         position:fixed;
  263.         font-family:Century Gothic;
  264.         line-height:90%;
  265.         font-size:9px;
  266.         font-style:normal;
  267.         width:100px;
  268.         margin-top:2px;
  269.         padding:0.5px;
  270.         margin-left:-0.5px;
  271.         text-align:center;
  272.         border:solid 1px #eeeeee;
  273.         color:{color:text};
  274.         }
  275.        
  276.     #description a {color:{color:text}; -moz-transition-duration:0.4s;
  277.     -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  278.      
  279.     /* --- PAGINATION---*/
  280.      
  281.      
  282.     #pagination {
  283.         width:100px;
  284.         font-size:8px;
  285.         text-align:center;
  286.         margin-left:0px;
  287.         margin-top:60px;
  288.         position:fixed;
  289.         font-family:consolas;
  290.         letter-spacing:0px;
  291.     }
  292.      
  293.     /* --- POST INFO ---*/
  294.      
  295.      
  296.     #info {
  297.         text-align:left;
  298.         margin-top:10px;
  299.         text-transform:uppercase;
  300.         font-size:8px;
  301.         font-style:none;
  302.         border-top:1px solid {color:Line}
  303.     }
  304.      
  305.     /* --- POST TAGS---*/
  306.      
  307.      
  308.     #tags {
  309.         font-family:Century Gothic;
  310.         letter-spacing:0px;
  311.         text-transform:lowercase;
  312.         font-size:10px;
  313.         font-style:italic;
  314.         margin-top:4px;
  315.         text-align:left;
  316.     }
  317.        
  318.     #tags
  319.     a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  320.         -webkit-transition: all 0.6s ease-in-out;
  321.         -moz-transition: all 0.6s ease-in-out;
  322.         -o-transition: all 0.6s ease-in-out;
  323.         -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}  
  324.      
  325.      
  326.     /* --- QUESTIONS   ---*/
  327.      
  328.     #asker {
  329.         padding:5px;
  330.         font-family:century gothic;
  331.         letter-spacing:1px;
  332.         text-align:center;
  333.         font-style:normal;
  334.         margin-left:10px;
  335.         border-left:3px #eee solid;
  336.         background-color:{color:background}
  337.     }
  338.      
  339.     {CustomCSS}</style></head><body>0
  340.      
  341.     <div id="sidebar">
  342.     <div id="sidebarimage"><img src="{image:sidebar}"></div>
  343.      
  344.    
  345.     <div id="description">
  346.     {Description}
  347.     </div>
  348.      
  349.      
  350.      
  351.     <div class="links">
  352.     <a href="/">home</a>
  353.     <a href="/ask" >mssg</a>
  354.     {block:IfShowLink1}<a href="{text:Link 1}" >{text:Link 1 Text}</a>{/block:IfShowLink1}    
  355.     {block:IfShowLink2}<a href="{text:Link 2}"  >{text:Link 2 Text}</a>{/block:IfShowLink2}
  356.     {block:IfShowLink3}<a href="{text:Link 3}"  >{text:Link 3 Text}</a>{/block:IfShowLink3}
  357.     </div>
  358.      
  359.      
  360.     {block:Pagination}<div id="pagination">
  361.     {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  362.     {block:JumpPagination length="5"}
  363.     {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  364.     {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  365.     {/block:JumpPagination}
  366.     {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  367.     </div>{/block:Pagination}
  368.      
  369.     </div>
  370.      
  371.     <div id="entries">{block:Posts}<div id="post">
  372.      
  373.     {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  374.      
  375.     {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  376.      
  377.     {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  378.      
  379.     {block:Quote}{Quote}{/block:Quote}
  380.      
  381.     {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  382.      
  383.     {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  384.      
  385.     {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  386.     <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  387.     <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  388.     {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  389.     {/block:Audio}
  390.      
  391.     {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  392.      
  393.     {block:Answer}<div id="asker"><span style="font-family:century gothic;font-size:9px;font-style:normal;">✎ {Asker}: </span>{Question}</div><left><font face="century gothic">{Answer}</font>{/block:Answer}
  394.      
  395.     <div id="info">
  396.     <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  397.     {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  398.     {/block:Posts}
  399.     {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  400.     {/block:Posts}</div></div></div>
  401.      
  402.      
  403.      
  404.     <!--
  405.    THEME MAKER CREDIT
  406.    -->
  407.      
  408.  
  409.  
  410.  <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family: Century Gothic > <a href="http://hrriestyles.tumblr.com/"></a></center></div>
  411.        
  412.     </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement