Advertisement
ladysephi

Ask Theme #1 ladysephi | tunestofly

Feb 25th, 2014
447
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.97 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <!--
  4.     Theme por: Sephi
  5.     http://ladysephi.tumblr.com/
  6.     http://tunestofly.tumblr.com/
  7. -->
  8. <head>
  9.  
  10. <meta name="font:texts" content="Arial, Helvetica, sans-serif"/>
  11. <meta name="font:links" content="Arial, Helvetica, sans-serif"/>
  12.  
  13. <meta name="text:link1" content="/"/>
  14. <meta name="text:link3" content="link1"/>
  15. <meta name="text:link4" content="link2"/>
  16. <meta name="text:link5" content="link3"/>
  17. <meta name="text:link6" content="link4"/>
  18.  
  19. <meta name="text:tituloask" content="titulo"/>
  20. <meta name="text:descriask" content="regrinhas avisos etc"/>
  21.  
  22. <meta name="text:suaurl" content="testesajustesdasephi"/>
  23. <meta name="text:urlask" content="url do tumblr de ask"/>
  24.  
  25. <meta name="text:title1" content="home"/>
  26. <meta name="text:title2" content="nome do seu tumblr"/>
  27. <meta name="text:title3" content="link title 1"/>
  28. <meta name="text:title4" content="link title 2"/>
  29. <meta name="text:title5" content="link title 3"/>
  30. <meta name="text:title6" content="link title 4"/>
  31.  
  32. <meta name="color:Fonte" content="#aaaaaa"/>
  33. <meta name="color:Links" content="#d7d4d4"/>
  34. <meta name="color:Background" content="#ffffff"/>
  35.  
  36.  
  37.  
  38.  
  39.     <link rel="shortcut icon" href="{Favicon}">
  40.     <title>{title}</title>
  41.    
  42.     <style type="text/css">
  43. iframe#tumblr_controls {
  44.     position: fixed !important;
  45.     top: 0 !important;
  46.     right: 0 !important;
  47.     }
  48.    
  49. body {
  50.     background: {color:Background}; /* FUNDO */
  51.     font-family: {font:texts};
  52.     font-size:9px;
  53.     color: {color:Fonte};
  54.     overflow: auto;}
  55.    
  56. a:link, a:active, a:visited, a:hover {
  57.     text-decoration: none;
  58.     color:{color:Links};
  59.     -moz-transition: all 1s ease-out;
  60.     -webkit-transition: all 1s ease-out; }
  61.  
  62. b,  strong, i, em, u, underline, s, strike {
  63.     color:{color:Links};
  64.     }
  65.  
  66. blockquote, pre, li {/*blockquote, texto pre, e listas*/
  67. }
  68.    
  69. h1 { /* titulo posts*/
  70. text-transform: uppercase;
  71. letter-spacing: 5px;
  72. }
  73.  
  74. ::-moz-selection {  /* SELEÇÃO COLORIDA */
  75.     color: {color:Background};
  76.     background: {color:Fonte};
  77.     }
  78.    
  79. ::selection {
  80.     color: {color:Background};
  81.     background: {color:Fonte};
  82.     }
  83.  
  84. /*NÃO MEXER - ALINHAMENTO*/
  85. #tudo {
  86.     width: 800px;
  87.     margin-left: auto; /* CENTRALIZA O THEME */
  88.     margin-right: auto; /* CENTRALIZA O THEME */
  89.     }
  90. /*NÃO MEXER - ALINHAMENTO*/
  91.    
  92. #side {
  93.     float: left;  /* MANTÉM A SIDE NA ESQUERDA... PARA MUDA-LÁ PRA DIREITA MUDE DE "LEFT"
  94.  
  95. PRA "RIGHT"  E O CONTENT DE "RIGHT" PARA "LEFT"*/
  96.     }
  97.    
  98. #content {
  99.     float: right;
  100.     }
  101.  
  102. /*SIDEEE *-**/
  103. .caixas {
  104.     position: fixed;
  105.     width: 180px; /* TAMANHO DA SIDE */
  106.     background:  {color:Background}; /* FUNDO SIDE */
  107.     padding: 7px;
  108.     height: 100%;
  109.     border-left: thin #eee solid;
  110.     border-right: thin #eee solid;}
  111. /*SIDEEE *-**/
  112.    
  113. /*CONTEÚDO *-**/
  114. .caixa {
  115.     position: relative;
  116.     width: 500px; /* TAMANHO */
  117.     background:  {color:Background}; /* FUNDO */
  118.     padding: 7px;
  119.     top: 0px;}
  120. /*CONTEÚDO *-**/
  121.  
  122. .naoretire {
  123.     position: fixed;
  124.     bottom: 1px;
  125.     right: 3px;}
  126.    
  127. .descript {
  128.     text-indent: 10px;
  129. }
  130. .descript:first-letter {
  131.     font-weight: bold;
  132.     font-size: 16px;
  133. }
  134.  
  135. .menu {
  136.     display: inline-block;
  137.     margin-left: 3px;
  138.     letter-spacing: 3px;
  139.     line-height: 13px;
  140.     font-family: {font:links};
  141. }
  142.  
  143. .um:hover {
  144.     font-weight: bold;
  145. }
  146.  
  147. .dois:hover {
  148.     font-style:italic;
  149. }
  150.     </style>
  151.    
  152. </head>
  153. <body>
  154. <div id="tudo">
  155.     <div id="side">
  156.         <div class="caixas">
  157. <div style="margin-top: 100px;"><img src="{PortraitURL-96}" width="75" align="top" style="margin-left: 10px;">
  158. <div class="menu">
  159.     <a href="{text:link1}" class="um">{text:title1}</a><br>
  160.     <a href="http://{text:suaurl}.tumblr.com" class="dois">{text:title2}</a><br>
  161.     <a href="{text:link3}" class="um">{text:title3}</a><br>
  162.     <a href="{text:link4}" class="dois">{text:title4}</a><br>
  163.     <a href="{text:link5}" class="um">{text:title5}</a><br>
  164.     <a href="{text:link6}" class="dois">{text:title6}</a><br>
  165.    
  166. </div>
  167.  
  168. <center><div style="width: 97%; border-top: thin #eee solid; margin-top: 7px;"></div></center>
  169.  
  170. <p class="descript">{description}</p>
  171.  
  172.  
  173. <center><div style="width: 97%; border-top: thin #eee solid; margin-top: 7px;"></div></center>
  174. <center><div class="paginacao">
  175. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> ? </a>{/block:PreviousPage}{/block:Pagination}
  176.  
  177. {block:JumpPagination length="10"}
  178. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  179. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  180. {/block:JumpPagination}
  181.  
  182. {block:Pagination}{block:NextPage}<a href="{NextPage}"> ? </a>{/block:NextPage}{/block:Pagination}
  183. </div></center>
  184. </div>
  185.         </div>
  186.  
  187.     </div><!--fim div id side-->
  188.    
  189.     <div id="content">
  190.     <h1>{text:tituloask}</h1>
  191.    
  192.     {text:descriask}<br><br>
  193.    
  194.    
  195.     <iframe frameborder="0" scrolling="no" width="100%" height="220px" src="http://www.tumblr.com/ask_form/{text:urlask}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe> <!—[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]—><br><br>
  196.    
  197.         <div class="caixa">
  198.        
  199. {block:Posts}
  200.      <div class="post">
  201.      
  202.                 {block:Text}
  203.                         {block:Title}
  204.                             <center> <h1><a href="{Permalink}">{Title}</a></h1> </center>
  205.                         {/block:Title}
  206.  
  207.                         {Body}
  208.                 {/block:Text}
  209.            
  210.  
  211. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</center>
  212. {block:Caption}          
  213. {Caption}
  214. {/block:Caption}
  215. {/block:Photo}
  216.  
  217.  
  218. {block:Photoset}
  219.  
  220.    <center> {block:Photos}
  221.         <img src="{PhotoURL-500}" />
  222.        
  223.         {block:Caption}
  224.             {Caption}
  225.         {/block:Caption}
  226.     {/block:Photos}</center>
  227.    
  228.     {block:Caption}
  229.         {Caption}
  230.     {/block:Caption}
  231. {/block:Photoset}
  232.                
  233.                 {block:Quote}
  234.                          <center><h1>"{Quote}"</h1></center>
  235.  
  236.                         {block:Source}
  237.                             <p align="right">- {Source}</p>
  238.                         {/block:Source}
  239.                 {/block:Quote}
  240.                
  241.                 {block:Link}
  242.                        <center> <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  243.  
  244. </center>
  245.  
  246.                         {block:Description}
  247.                             <div class="description">{Description}</div>
  248.                         {/block:Description}
  249.                 {/block:Link}
  250.                
  251.                 {block:Chat}
  252.                         {block:Title}
  253.                             <center> <h1><a href="{Permalink}">{Title}</a></h1> </center>
  254.                         {/block:Title}
  255.  
  256.                         <ul class="chat">
  257.                             {block:Lines}
  258.                                 <li class="{Alt} user_{UserNumber}">
  259.                                     {block:Label}
  260.                                         <span class="label">{Label}</span>
  261.                                     {/block:Label}
  262.  
  263.                                     {Line}
  264.                             {/block:Lines}
  265.                         </ul>
  266.                 {/block:Chat}  
  267.                
  268.                 {block:Video}
  269.                     <li class="post video">
  270.                         {Video-400}
  271.  
  272.                         {block:Caption}
  273.                             <div class="caption">{Caption}</div>
  274.                         {/block:Caption}
  275.                 {/block:Video}  
  276.                
  277.                 {block:Audio}
  278.                         {AudioPlayerwhite}
  279.  
  280.                         {block:Caption}
  281.                             <div class="caption">{Caption}</div>
  282.                         {/block:Caption}
  283.  
  284.                 {/block:Audio}  
  285.        
  286.  {block:Answer}
  287.  <img src="{AskerPortraitURL-40}" align="left">
  288. <p style="text-transform: uppercase; text-align: center;">{Question}</p>
  289.  <p align="right">- {Asker}</p>
  290.  
  291.  <p style:"display: block; width: 500px; wor-wrap: break-word;">{Answer}</p>
  292. {/block:Answer}
  293.  
  294. <div style="display: none;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  295. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  296.  
  297.  <p align="right"><span style="display: block; padding: 3px; padding-bottom: 15px;">
  298. {block:Date}{TimeAgo}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;with
  299. {/block:Date} <a class="" href="{Permalink}">{NoteCountWithLabel}</a>
  300. <br>
  301. Tagged: <span style="text-tranform: uppercase;">{block:HasTags}{block:Tags} # <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</span>
  302. </span></p>
  303.  
  304. {block:PostNotes}<div id="post_notes">{PostNotes}</div>{/block:PostNotes}
  305.  
  306.            {/block:Posts}
  307.        
  308.  
  309.    
  310. </div>
  311.         </div>     
  312.     </div><!--fim div id content-->
  313.    
  314.    
  315. </div><!--fim div id tudo-->
  316.  
  317. <div class="naoretire">
  318. <a href="http://ladysephi.tumblr.com/" target="_blank" style="text-transform: uppercase;">&copy; Theme by LadySephi</a>
  319. </div>
  320. </body>
  321. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement