API tools faq
paste
Advertisement
ladysephi

Theme #1 by ladysephi | tunestofly

ladysephi
Jan 29th, 2014
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.90 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <!--
  4.   Theme by ladysephi | tumblr
  5.        http://ladysephi.tumblr.com/
  6.        http://tunestofly.tumblr.com/
  7.        Os códigos estão meio explicados qualquer dúvida me procure em um desses tumblrs acima.
  8. -->
  9. <head>
  10.  
  11. <meta name="image:side" content="https://31.media.tumblr.com/7195138f1a5c57104c02b4a1dd4a4403/tumblr_inline_n06civCefY1sqwohn.png"/>
  12.  
  13. <meta name="color:Cor4" content="#758680"/>
  14. <meta name="color:Cor3" content="#ccc"/>
  15. <meta name="color:Cor2" content="#aaa"/>
  16. <meta name="color:Cor1" content="#fff"/>
  17.  
  18.  
  19. <meta name="text:link1" content="/"/>
  20. <meta name="text:link2" content="/"/>
  21. <meta name="text:link3" content="/"/>
  22. <meta name="text:link4" content="/"/>
  23. <meta name="text:link5" content="/"/>
  24.  
  25.  
  26. <meta name="text:titulolink1" content=""/>
  27. <meta name="text:titulolink2" content=""/>
  28. <meta name="text:titulolink3" content=""/>
  29. <meta name="text:titulolink4" content=""/>
  30. <meta name="text:titulolink5" content=""/>
  31.  
  32.  
  33. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  34. <script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
  35.  
  36. <script type="text/javascript">
  37. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  38. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  39. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  40. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  41. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  42. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  43. animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
  44.     //$: Access to jQuery
  45.     //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
  46.     //state: "block" or "none", depending on state
  47. }
  48. animatedcollapse.init()
  49. </script>
  50.  
  51.     <link rel="shortcut icon" href="{Favicon}">
  52.         <title>{title}</title>
  53.        
  54.         <style type="text/css">
  55. iframe#tumblr_controls {
  56.         position: fixed !important;
  57.         top: 0 !important;
  58.         right: 0 !important;
  59.         }
  60.        
  61. body {
  62.         background: {color:Cor1}; /* FUNDO */
  63.         color: {color:Cor2};
  64.         font-family: cambria;
  65.         font-size:9px;
  66.         overflow: auto;}
  67.        
  68.         a:link, a:active, a:visited {  /* LINKS */
  69.         text-decoration: none;  /* tira o sublinhado do link*/
  70.         color: {color:Cor3};
  71.         }
  72.  
  73. a:hover {  /* LINKS HOVER */
  74.         color: {color:Cor4}; }
  75.  
  76. b, i, u, strike {
  77.         color: {color:Cor4};}
  78.  
  79.     blockquote, pre, li {/*blockquote, texto pre, e listas*/
  80.             list-style-type: none;
  81.         text-indent: 2px;
  82.             border-left: solid 1px  {color:Cor4};
  83.         -moz-transition: all .8s linear;
  84.         -webkit-transition: all .8s linear;
  85.     }
  86.      
  87.     blockquote:hover, pre:hover, li:hover {
  88.             border-left: solid 1px  {color:Cor2};
  89.         box-shadow: inset 500px 30px 0px 0px  {color:Cor2};
  90.         -moz-transition: all .8s linear;
  91.         -webkit-transition: all .8s linear;}
  92.            
  93.     h1 {
  94.      padding: 7px;  
  95.     color:  {color:Cor5};
  96.     text-transform: uppercase;
  97.     letter-spacing: 3px;
  98.     }
  99.      
  100.      
  101.     h2 {font-size: 20px;
  102.     color:  {color:Cor5};
  103.     padding: 2px;}
  104.      
  105.     ::-moz-selection {  /* SELEÇÃO COLORIDA */
  106.             color:  {color:Cor6};
  107.             background:  {color:Cor1};
  108.             }
  109.            
  110.     ::selection {
  111.             color: {color:Cor6};
  112.             background:  {color:Cor1};
  113.             }
  114. /*NÃO MEXER - ALINHAMENTO*/
  115. #tudo {
  116.         width: 850px;
  117.         margin-left: auto; /* CENTRALIZA O THEME */
  118.         margin-right: auto; /* CENTRALIZA O THEME */
  119.         }
  120. /*NÃO MEXER - ALINHAMENTO*/
  121.        
  122. #side {
  123.         float: left;  /* MANTÉM A SIDE NA ESQUERDA... PARA MUDA-LÁ PRA DIREITA MUDE DE "LEFT"
  124.  
  125. PRA "RIGHT"  E O CONTENT DE "RIGHT" PARA "LEFT"*/
  126.         }
  127.        
  128. #content {
  129.         float: right;
  130.         }
  131.  
  132. /*SIDEEE *-**/
  133. .caixas {
  134.         position: fixed;
  135.         width: 300px; /* TAMANHO DA SIDE */
  136.         margin-top: 170px; /* DISTÂNCIA DO TOPO */
  137.         padding: 7px;}
  138. /*SIDEEE *-**/
  139.        
  140. /*CONTEÚDO *-**/
  141. .caixa {
  142.         position: relative;
  143.         width: 500px; /* TAMANHO */}
  144.    
  145. .post {
  146.     padding: 7px;
  147.     }
  148.    
  149. /*CONTEÚDO *-**/
  150.  
  151. .naoretire {
  152.         position: fixed;
  153.         bottom: 1px;
  154.         right: 3px;}
  155.        
  156.  
  157.  /* menu 6 -clique- by ladysephi | tunestofly */
  158. .titulo {
  159.  display: block;
  160.  width: 98%;
  161.  background: {color:Cor4};
  162.  height: 25px;
  163.  color: {color:Cor1};
  164.  text-align: center;
  165.  line-height: 25px;
  166.  vertical-align: center;
  167.  margin-left: 1%;
  168. }
  169.  
  170. .li {
  171.  display: block;
  172.  text-align: center;
  173.  line-height: 20px;
  174.  vertical-align: center;
  175.  background: rgba(221, 221, 211, 1);
  176.  width: 96%;
  177.  margin-bottom: 1px;
  178.  margin-left: 2%;
  179.         -moz-transition: all .8s linear;
  180.         -webkit-transition: all .8s linear;}
  181.        
  182. .li:hover {
  183.  background: rgba(221, 221, 211, .6);
  184.         -moz-transition: all .8s linear;
  185.         -webkit-transition: all .8s linear;
  186. } /* menu 6 -clique- by ladysephi | tunestofly */
  187.  
  188. .descrip {
  189.     padding: 5px;
  190.     text-indent: 10px;
  191. }
  192. .descrip:first-letter {
  193.     font-weight: bold;
  194.     font-size: 14px;
  195. }
  196.  
  197.         </style>
  198.        
  199. </head>
  200. <body>
  201. <div id="tudo">
  202.         <div id="side">
  203.                 <div class="caixas">
  204.                
  205.                        <img src="{image:side}" width="300"><br>
  206.                        
  207. <div class="descrip">{description}</div>
  208.  
  209. <div style="width: 100%; text-align: center; padding-bottom: 5px;">
  210.         {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> ← </a>{/block:PreviousPage}{/block:Pagination}
  211.  
  212. {block:JumpPagination length="7"}
  213.  
  214. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  215.  
  216. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  217.  
  218. {/block:JumpPagination}
  219.  
  220. {block:Pagination}{block:NextPage}<a href="{NextPage}"> → </a>{/block:NextPage}{/block:Pagination}
  221.  
  222.         </div>
  223.                        
  224.                        <a href="javascript:animatedcollapse.toggle('dog')"><div class="titulo">Navigate</div></a>
  225. <div id="dog" style="display:none">
  226.  
  227.  <a href="/" class="li">home</a>
  228.  <a href="/" class="li">ask</a>
  229.  <a href="{text:link1}" class="li">{text:titulolink1}</a>
  230.  <a href="{text:link2}" class="li">{text:titulolink2}</a>
  231.  <a href="{text:link3}" class="li">{text:titulolink3}</a>
  232.  <a href="{text:link4}" class="li">{text:titulolink4}</a>
  233.  <a href="{text:link5}" class="li">{text:titulolink5}</a>
  234.  
  235. </div>
  236.                        
  237.                 </div>
  238.                
  239.                 </div>
  240.                
  241.        
  242.        
  243.        
  244.        
  245.        
  246.        
  247.        
  248.            
  249.            
  250.     <div id="content">
  251.         <div class="caixa">
  252.        
  253. {block:Posts}
  254.      <div class="post">
  255.      
  256.                 {block:Text}
  257.                         {block:Title}
  258.                             <center> <h1><a href="{Permalink}">{Title}</a></h1> </center>
  259.                         {/block:Title}
  260.  
  261.                         {Body}
  262.                 {/block:Text}
  263.            
  264.  
  265. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</center>
  266. {block:Caption}          
  267. {Caption}
  268. {/block:Caption}
  269. {/block:Photo}
  270.  
  271.  
  272. {block:Photoset}
  273.  
  274.    <center> {block:Photos}
  275.         <img src="{PhotoURL-500}" />
  276.        
  277.         {block:Caption}
  278.             {Caption}
  279.         {/block:Caption}
  280.     {/block:Photos}</center>
  281.    
  282.     {block:Caption}
  283.         {Caption}
  284.     {/block:Caption}
  285. {/block:Photoset}
  286.                
  287.                 {block:Quote}
  288.                          <center><h1>"{Quote}"</h1></center>
  289.  
  290.                         {block:Source}
  291.                             <p align="right">- {Source}</p>
  292.                         {/block:Source}
  293.                 {/block:Quote}
  294.                
  295.                 {block:Link}
  296.                        <center> <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  297.  
  298. </center>
  299.  
  300.                         {block:Description}
  301.                             <div class="description">{Description}</div>
  302.                         {/block:Description}
  303.                 {/block:Link}
  304.                
  305.                 {block:Chat}
  306.                         {block:Title}
  307.                             <center> <h1><a href="{Permalink}">{Title}</a></h1> </center>
  308.                         {/block:Title}
  309.  
  310.                         <ul class="chat">
  311.                             {block:Lines}
  312.                                 <li class="{Alt} user_{UserNumber}">
  313.                                     {block:Label}
  314.                                         <span class="label">{Label}</span>
  315.                                     {/block:Label}
  316.  
  317.                                     {Line}
  318.                             {/block:Lines}
  319.                         </ul>
  320.                 {/block:Chat}  
  321.                
  322.                 {block:Video}
  323.                     <li class="post video">
  324.                         {Video-400}
  325.  
  326.                         {block:Caption}
  327.                             <div class="caption">{Caption}</div>
  328.                         {/block:Caption}
  329.                 {/block:Video}  
  330.                
  331.                 {block:Audio}
  332.                         {AudioPlayerwhite}
  333.  
  334.                         {block:Caption}
  335.                             <div class="caption">{Caption}</div>
  336.                         {/block:Caption}
  337.  
  338.                 {/block:Audio}  
  339.        
  340.  {block:Answer}
  341.  <div style="background: #eee; padding: 5px;"><img src="{AskerPortraitURL-40}" align="left">
  342. <p style="text-transform: uppercase; text-align: center;">{Question}</p></div>
  343.  <p align="right" style="margin-right: 10px;">- {Asker}</p>
  344.  {Answer}
  345. {/block:Answer}
  346.  
  347. <div style="display: none;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  348. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  349.  
  350.  
  351.  <div style="display: inline-block; margin:3px;">{LikeButton size="17" color="gray"}</div>
  352.  <div style="display: inline-block; float:right;"><span style="display: block; padding: 3px; padding-bottom: 15px;">
  353. {block:Date}{TimeAgo}&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;&nbsp;with
  354. {/block:Date} <a class="" href="{Permalink}">{NoteCountWithLabel}</a>
  355. <br>
  356. Tagged: <span style="text-tranform: uppercase;">{block:HasTags}{block:Tags} # <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</span>
  357. </span></div>
  358.  
  359. {block:PostNotes}<div id="post_notes">{PostNotes}</div>{/block:PostNotes}
  360.  
  361.            {/block:Posts}
  362.        
  363.  
  364.    
  365. </div>
  366.         </div>     
  367.        
  368.        
  369.        
  370.     </div><!--fim div id content-->
  371.        
  372.        
  373. </div><!--fim div id tudo-->
  374.  
  375. <div class="naoretire">
  376. <a href="http://ladysephi.tumblr.com/" target="_blank">&copy; Theme by LS</a>
  377. </div>
  378. </body>
  379. </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!