Advertisement
andieanjos

Huge Boy - Theme

Apr 9th, 2014
1,065
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.93 KB | None | 0 0
  1. <!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  2. ++++++++++++++ HUGE BOY THEME MADE BY TATA ++++++++++++++++++
  3. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  4. ++++++ please don't remove credits ++++++++++++++++++++++++++
  5. ++++++ don't use it as a base code ++++++++++++++++++++++++++
  6. ++++++ don't redistribute +++++++++++++++++++++++++++++++++++
  7. ++++++ you can customize it however you want ++++++++++++++++
  8. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  9. ++++++++++++++++ tanharu.tumblr.com ++++++++++++++++++++++-->
  10. <!DOCTYPE html>
  11. <html>
  12.     <head>
  13.         <title>{Title}</title>
  14.        
  15.         <link rel="shortcut icon" href="{Favicon}"/>
  16.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  17.         <meta name="author" content="Andressa Anjos @ tanharu.tumblr.com">
  18.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.         {block:Description}
  20.             <meta name="description" content="{MetaDescription}" />
  21.         {/block:Description}
  22.        
  23.         <meta name="color:Background" content="#fefefe" />
  24.         <meta name="color:Text" content="#3b3b3b" />
  25.         <meta name="color:Links" content="#D68189" />
  26.         <meta name="color:Links Hover" content="#C6A49A" />
  27.         <meta name="color:Borders" content="#e8e8e8" />
  28.         <meta name="color:Like Color" content="#E94E77" />
  29.        
  30.         <meta name="image:Sidebar" content="http://static.tumblr.com/1dce5894738d246b983f2904f165fcf3/jbarb2y/eV7n3sp7k/tumblr_static_b8r5bm8xv00soo0so8swg800o.gif" />
  31.         <meta name="image:Top" content="http://colourlovers.com.s3.amazonaws.com/images/patterns/3795/3795206.png" />
  32.        
  33.         <meta name="text:Link1" content="" />
  34.         <meta name="text:Link1URL" content="" />
  35.         <meta name="text:Link2" content="" />
  36.         <meta name="text:Link2URL" content="" />
  37.         <meta name="text:Link3" content="" />
  38.         <meta name="text:Link3URL" content="" />
  39.         <meta name="text:Link4" content="" />
  40.         <meta name="text:Link4URL" content="" />
  41.         <meta name="text:Link5" content="" />
  42.         <meta name="text:Link5URL" content="" />
  43.         <meta name="text:Link6" content="" />
  44.         <meta name="text:Link6URL" content="" />
  45.        
  46.         <script src="http://use.edgefonts.net/old-standard;lato.js"></script>
  47.         <style type="text/css">
  48.             body {
  49.                 background-color: {color:Background};
  50.                 color:{color:Text};
  51.                 font-size:9pt;
  52.                 font-family: lato;
  53.             }
  54.             a {
  55.                 color:{color:Links};
  56.                 text-decoration: none;
  57.                 -webkit-transition: all 1s;
  58.                 transition: all 1s;
  59.             }
  60.             a:hover {
  61.                 color:{color:Links Hover};
  62.             }
  63.             #top {
  64.                 position:absolute;
  65.                 top:0; left:0; right:0;
  66.                 height:3px;
  67.                 background-image: url({image:Top});
  68.             }
  69.             #side {
  70.                 width:270px;
  71.                 position:fixed;
  72.                 left:50px;
  73.                 text-align: justify;
  74.                 margin-top:50px;
  75.                 -webkit-transition: all 1s;
  76.                 transition: all 1s;
  77.             }
  78.             #sideContents {
  79.                 border:1px solid {color:Borders};
  80.                 border-bottom-width:0px;
  81.                 width:250px;
  82.                 padding: 10px;
  83.                 color:{color:Links Hover};
  84.             }
  85.             #sideContents > p:first-letter {
  86.                 font-family:old-standard;
  87.                 font-size:14pt;
  88.                 text-transform:lowercase;
  89.                 font-style:italic;
  90.                 line-height:9pt;
  91.                 color:{color:Text};
  92.             }
  93.             #sideContents > p strong {
  94.                 font-variant:small-caps;
  95.             }
  96.             #sideContents > p em {
  97.                 font-family:old-standard;
  98.                 line-height:9pt;
  99.                 font-size:10pt;
  100.             }
  101.             #sideContents img {
  102.                 margin:0 auto;
  103.                 width: 250px;
  104.                 display: block;
  105.             }
  106.             #sideContents hr {
  107.                 background-color: {color:Borders};
  108.                 border:0;
  109.                 height:1px;
  110.                 width:50%;
  111.                 margin: 15px auto;
  112.                 -webkit-transition: all 1s;
  113.                 transition: all 1s;
  114.             }
  115.             #side:hover #sideContents hr {
  116.                 width:100%;
  117.             }
  118.             #side:hover ul {
  119.                 border-left-width: 0px;
  120.             }
  121.             #side:hover ul li {
  122.                 opacity: 1;
  123.             }
  124.             #side ul {
  125.                 list-style: none;
  126.                 margin: 0; padding: 0;
  127.                 margin-right:-2px;
  128.                 border-left:1px solid {color:Borders};
  129.                 -webkit-transition: all 1s;
  130.                 transition: all 1s;
  131.             }
  132.             #side ul li {
  133.                 text-align: right;
  134.                 border-right:1px solid {color:Borders};
  135.                 padding:5px;
  136.                 padding-right:10px;
  137.                 font-variant: small-caps;
  138.                 letter-spacing: 1px;
  139.                 opacity: 0;
  140.                 -webkit-transition: all 1s;
  141.                 transition: all 1s;
  142.             }
  143.             #side ul li:first-letter {
  144.                 color:{color:Text} !important;
  145.                 font-weight: bold;
  146.             }
  147.             #side ul li a {
  148.                 display: block;
  149.             }
  150.             #side ul li:hover a {
  151.                 color:{color:Text} !important;
  152.             }
  153.             #tata {
  154.                 position:fixed;
  155.                 bottom:0px; right:15px;
  156.                 padding:10px;
  157.                 font-size:10pt;
  158.                 font-family: monospace;
  159.                 font-weight: bold;
  160.                 background-color: {color:Background};
  161.             }
  162.             #postArea {
  163.                 width:520px;
  164.                 position: absolute;
  165.                 left:400px;
  166.                 text-align: center;
  167.                 margin-top:0px;
  168.                 padding-bottom: 100px;
  169.             }
  170.             .post {
  171.                 border:1px solid {color:Borders};
  172.                 border-right-width:0px;
  173.                 margin:50px 0;
  174.                 position:relative;
  175.                 width:500px;
  176.                 padding:10px;
  177.                 text-align: justify;
  178.             }
  179.             .post p>img {
  180.                 max-width: 250px;
  181.             }
  182.             .post:hover .bordaB {
  183.                 opacity:0;
  184.             }
  185.             .post:hover .bordaT {
  186.                 opacity:1;
  187.             }
  188.             .post:hover .info {
  189.                 opacity:1;
  190.             }
  191.             .post .bordaB {
  192.                 height:10px;
  193.                 font-size: 6pt;
  194.                 color:{color:Like Color} !important;
  195.                 font-family: lato, sans-serif;
  196.                 text-align: right;
  197.                 background-color:{color:Background};
  198.                 line-height: 10px;
  199.                 position:absolute;
  200.                 bottom:-5px;
  201.                 right:0px;
  202.                 width:150px;
  203.                 -webkit-transition: all 1s;
  204.                 transition: all 1s;
  205.             }
  206.             .post .bordaT {
  207.                 height:10px;
  208.                 font-size: 6pt;
  209.                 color:{color:Text} !important;
  210.                 font-family: lato, sans-serif;
  211.                 text-align: right;
  212.                 line-height: 10px;
  213.                 text-transform: uppercase;
  214.                 font-variant: small-caps;
  215.                 background-color:{color:Background};
  216.                 position:absolute;
  217.                 top:-5px;
  218.                 right:0px;
  219.                 width:150px;
  220.                 opacity:0;
  221.                 -webkit-transition: all 1s;
  222.                 transition: all 1s;
  223.             }
  224.             .post .bordaT span {
  225.                 font-size: 8pt;
  226.             }
  227.             .post .tags {
  228.                 position: absolute;
  229.                 bottom:-25px;
  230.                 height:20px;
  231.                 font-size: 6pt;
  232.                 font-family: lato, sans-serif;
  233.                 text-transform: uppercase;
  234.                 font-variant: small-caps;
  235.             }
  236.             .post .tags>a {
  237.                 color:{color:Links Hover};
  238.             }
  239.             .post .tags>a:hover {
  240.                 color:{color:Text};
  241.             }
  242.             .post h3 {
  243.                 font-family: old-standard, serif;
  244.                 font-weight:normal;
  245.                 font-style:italic;
  246.                 border-bottom:1px solid {color:Like Color};
  247.             }
  248.             .post blockquote {
  249.                 padding:0; margin:10px 0;
  250.                 padding-left:10px;
  251.                 border-left:1px solid {color:Like Color};
  252.             }
  253.             .post blockquote.question {
  254.                 padding:10px;
  255.                 border:1px solid {color:Like Color};
  256.                 border-left-width: 0;
  257.                 border-right-width: 0;
  258.                 font-family:old-standard;
  259.                 text-align:center;
  260.                 font-size:10pt;
  261.             }
  262.             .post p {
  263.                 padding:0; margin:0;
  264.                 padding:5px;
  265.             }
  266.             .post small {
  267.                 font-variant: small-caps;
  268.                 letter-spacing: 1px;
  269.             }
  270.             .post .info>small {
  271.                 font-variant: normal;
  272.                 font-size:8pt;
  273.             }
  274.             .post img {
  275.                 margin: 10px auto;
  276.                 margin-top: 0;
  277.             }
  278.             #navigation {
  279.                 margin:0 auto;
  280.                 text-align: center;
  281.                 height: 20px;
  282.                 padding-top:2px;
  283.                 background-color: {color:Background};
  284.             }
  285.             #navigation a {
  286.                 letter-spacing: 1px;
  287.                 font-style: italic;
  288.                 display:inline-block;
  289.                 width:15px; height:15px;
  290.                 line-height: 15px;
  291.                 margin:0 5px;
  292.                 font-variant: small-caps;
  293.                 font-size: 6pt;
  294.                 border-bottom-color: {color:Text};
  295.                 border-bottom-style: solid;
  296.                 border-bottom-width: 0px;
  297.             }
  298.             #navigation a:hover {
  299.                 background-color: {color:Text};
  300.                 color: {color:Background};
  301.             }
  302.             ol.notes {
  303.                 text-align: left;
  304.                 width:500px;
  305.                 font-size: 8pt;
  306.                 list-style: none;
  307.                 margin:0; padding:0;
  308.             }
  309.             ol.notes li img {
  310.                 display: none;
  311.             }
  312.             ol.notes li {
  313.                 border-bottom:1px solid {color:Borders};
  314.                 padding:3px 10px;
  315.             }
  316.            
  317.             {CustomCSS}
  318.         </style>
  319.     </head>
  320.     <body>
  321.         <div id="top">&nbsp;</div>
  322.        
  323.         <div id="side">
  324.             <div id="sideContents">
  325.                 <img src="{image:Sidebar}" />
  326.                 <hr />
  327.                 {block:Description}<p>{Description}</p>{/block:Description}
  328.                 <hr />
  329.             </div>
  330.             <ul>
  331.                 <li><a href="/">home</a></li>
  332.                 {block:AskEnabled}<li><a href="/ask">message</a></li>{/block:AskEnabled}
  333.                 {block:IfLink1URL}<li><a href="{text:Link1URL}">{text:Link1}</a></li>{/block:IfLink1URL}
  334.                 {block:IfLink2URL}<li><a href="{text:Link2URL}">{text:Link2}</a></li>{/block:IfLink2URL}
  335.                 {block:IfLink3URL}<li><a href="{text:Link3URL}">{text:Link3}</a></li>{/block:IfLink3URL}
  336.                 {block:IfLink4URL}<li><a href="{text:Link4URL}">{text:Link4}</a></li>{/block:IfLink4URL}
  337.                 {block:IfLink5URL}<li><a href="{text:Link5URL}">{text:Link5}</a></li>{/block:IfLink5URL}
  338.                 {block:IfLink6URL}<li><a href="{text:Link6URL}">{text:Link6}</a></li>{/block:IfLink6URL}
  339.             </ul>
  340.             {block:IndexPage}
  341.                 {block:Pagination}
  342.                 <div id="navigation">
  343.                     {block:PreviousPage}<a href="{PreviousPage}">&#8672;</a>{/block:PreviousPage}
  344.                     {block:JumpPagination length="5"}
  345.                         {block:CurrentPage}<a href="#" style="border-bottom-width: 1px;">{PageNumber}</a>{/block:CurrentPage}
  346.                         {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  347.                     {/block:JumpPagination}
  348.                     {block:NextPage}<a href="{NextPage}">&#8674;</a>{/block:NextPage}
  349.                 </div>
  350.                 {/block:Pagination}
  351.             {/block:IndexPage}
  352.         </div>
  353.        
  354.         <div id="postArea">
  355.            
  356.            
  357.             {block:Posts}
  358.            
  359.            
  360.             {block:ContentSource}
  361.             <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  362.            {/block:SourceLogo}
  363.            {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  364.             {/block:ContentSource}
  365.            
  366.            
  367.             <div class="post">
  368.                 <div class="bordaT">
  369.                     {block:RebloggedFrom}<span style="float:left; padding-left:15px;"><a href="{ReblogRootURL}" target="_blank" title="source {ReblogRootName}">&spades;</a>&emsp;<a href="{ReblogParentURL}" target="_blank" title="via {ReblogParentName}">&clubs;</a></span>{/block:RebloggedFrom}
  370.                     {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date}
  371.                 </div>
  372.                
  373.                
  374.                 {block:Text}
  375.                 {block:Title}<h3>{Title}</h3>{/block:Title}
  376.                 {Body}
  377.                 {/block:Text}
  378.                
  379.                 {block:Photo}
  380.                 <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}"/>
  381.                 {block:Caption}{Caption}{/block:Caption}
  382.                 {/block:Photo}
  383.                
  384.                 {block:Photoset}
  385.                 {Photoset-500}
  386.                 {block:Caption}{Caption}{/block:Caption}
  387.                 {/block:Photoset}
  388.                
  389.                 {block:Quote}
  390.                 <h3>{Quote}</h3>
  391.                 {block:Source}<p style="text-align:right;">&mdash; {Source}</p>{/block:Source}
  392.                 {/block:Quote}
  393.                
  394.                 {block:Link}
  395.                 <h3><a href="{URL}" {Target}>{Name}</a></h3>
  396.                 {block:Description}{Description}{/block:Description}
  397.                 {/block:Link}
  398.                
  399.                 {block:Chat}
  400.                 {block:Title}<h3>{Title}</h3>{/block:Title}
  401.                 {block:Lines}{block:Label}<small><strong>{Label}</strong></small>{/block:Label} {Line}<br />{/block:Lines}
  402.                 {/block:Chat}
  403.                
  404.                 {block:Audio}
  405.                 {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  406.                 {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  407.                 {block:ExternalAudio}<p style="text-align:right;"><small><a href="{ExternalAudioURL}" target="_blank">download</a></small></p>{/block:ExternalAudio}
  408.                 {block:Caption}{Caption}{/block:Caption}
  409.                 {/block:Audio}
  410.                
  411.                 {block:Video}
  412.                 {Video-500}
  413.                 {block:Caption}{Caption}{/block:Caption}
  414.                 {/block:Video}
  415.                
  416.                 {block:Answer}
  417.                 <blockquote class="question">{Question}</blockquote>
  418.                 <p style="text-align:right;"><small>asked {Asker}</small></p>
  419.                 <p>{Answer}</p>
  420.                 {/block:Answer}
  421.                
  422.                
  423.                 {block:HasTags}<div class="tags">tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a>&emsp;{/block:Tags}</div>{/block:HasTags}
  424.                
  425.                 <div class="bordaB">{block:NoteCount}{NoteCount}&emsp;&hearts;{/block:NoteCount}</div>
  426.             </div>
  427.            
  428.             {block:PermalinkPage}
  429.                 <p>{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}{/block:Date}{block:RebloggedFrom} &middot; <a href="{ReblogRootURL}" target="_blank" title="source {ReblogRootName}" >source</a>&emsp;&middot;&emsp;<a href="{ReblogParentURL}" target="_blank" title="via {ReblogParentName}">via</a>{/block:RebloggedFrom}<br/></p>
  430.             {/block:PermalinkPage}
  431.            
  432.             {/block:Posts}
  433.            
  434.            
  435.             {block:PostNotes}{PostNotes-16}<br />{/block:PostNotes}
  436.         </div>
  437.        
  438.         <br style="clear:both;" />
  439.  
  440.         <div id="tata"><a href="http://tanharu.tumblr.com/">&#7789;</a></div>
  441.     </body>
  442. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement