API tools faq
paste
fanih

Theme 70

fanih
Mar 31st, 2016
203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.68 KB | None | 0 0
raw download clone embed print report
  1.     <!----theme por POSSIDE.tumblr.com (Fanih is back)  -->
  2.                  
  3.     <!--- Don't use as base and details, good use. ---->              
  4.      
  5.     <html>
  6.     <head>
  7.    
  8. <!-- DEFAULT VARIABLES -->
  9.  
  10. <meta name="color:Background" content="#fff" />
  11. <meta name="color:Link" content="#696969" />
  12. <meta name="color:text" content="#696969" />
  13. <meta name="color:Post" content="#ffffff" />
  14. <meta name="color:lhover" content="#696969" />
  15. <meta name="color:desc" content="#424242" />
  16. <meta name="color:coluna" content="#fff" />
  17. <meta name="color:bgnotes" content="#f7f7f7"/>
  18. <meta name="color:bordanotes" content="#8a8b8b"/>
  19. <meta name="color:textnotes" content="#2e2e2e"/>
  20. <meta name="color:linhacoluna" content="#DCDCDC" />
  21.          
  22.     <meta name="image:background"/>
  23. <meta name="image:sidebar" content="https://static.tumblr.com/925e25fda49f5c991af4fcd0f01a1a0e/i1e3kds/iYbo4icl5/tumblr_static_6m636g95uzk0s4gc8w0wkgksg.jpg"/>
  24.      
  25.     <meta name="text:frase" content="Obviously, I love you."/>
  26. <meta name="color:corfrase" content="#696969" />
  27.      
  28.     <meta name="text:Link1" content="/" />
  29.     <meta name="text:Link1 Title" content="link1" />
  30.     <meta name="text:Link2" content="/" />
  31.     <meta name="text:Link2 Title" content="link2" />
  32.     <meta name="text:Link3" content="/" />
  33.     <meta name="text:Link3 Title" content="link3" />
  34.     <meta name="text:Link4" content="/" />
  35.     <meta name="text:Link4 Title" content="link4" />
  36.     <meta name="text:Link5" content="/" />
  37.     <meta name="text:Link5 Title" content="link5" />
  38.  
  39.  
  40.     <title>{Title}</title>    
  41.  <link rel="shortcut icon" href="{Favicon}" />
  42.          
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/i1e3kds/h3Hmxkesf/botao.png" border="0"></a>     <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  45.  
  46. <script type="text/javascript"
  47. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  48. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  49. <script>
  50.     (function($){
  51.  
  52.         $(document).ready(function(){
  53.             $("[title]").style_my_tooltips();
  54.         });
  55.     })(jQuery);
  56. </script>
  57.  
  58. <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
  59.  
  60.  
  61. </head>          
  62. <style>
  63.  
  64. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  65.      
  66.     a {color: {color:link}; text-decoration: none; text-transform: none;}
  67.     a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  68.        
  69.     #pagina {float: left; margin-left: 381px;}
  70.      
  71.     .post {width: 250px; background-color: {color:post}; padding: 10px; top: -3px; margin-bottom: 5px; text-align: justify; font-family: calibri; font-size: 12px; position: relative; color:{color:text}; border-left: 1px solid #eee; border: 1px solid {color:linhacoluna};  }
  72.      
  73.     h1 {font-family: calibri; text-align: left; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  74.     h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  75.     h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  76.      
  77.          .notes {width: 420px; padding: 0px; margin-top: 10px; margin-bottom: 1px; font-family: calibri; font-size: 10px; text-align: center}
  78.     ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  79.     ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  80.     .notes img{display: none; border:0px}
  81.    
  82.         .quotex {font-family: calibri; text-align: left; font-size: 13px; line-height: 15px; padding: 3px; margin-bottom: 5px;}
  83.     .quotex1 {font-family: calibri; font-size: 12px; text-align: center; text-transform: none; margin-bottom: 5px; border-top: 1px solid #eee;}
  84.     .quotex1 a, a:hover{text-transform: none;}
  85.  
  86.     .chat {line-height: 13px; list-style: none }
  87.     .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  88.      
  89.     .imagepost {text-align: center; border: 0px; }
  90.     .imagepost img {max-width: 250px; margin-bottom: 2px; opacity:0.8;-webkit-transition-duration: .99s; }
  91.     .imagepost:hover img{ opacity:1; }
  92.    
  93.     #info {margin-top: -32px; }
  94.  
  95.      
  96.     #cap {width: 400px; margin-top: -2px;}
  97.     .source {display: none;}
  98.  
  99.   #askheere {width:330px; margin-left:40px;padding:10px; opacity:1; text-align:justify; color:#000; background-color:f1f1f1; border-radius:5px;font-size: 11px; font-family: verdana; }
  100.   #askheere a {color:#000}
  101.  
  102.      #askhere2 {color:{color:text}; font-size: 11px; font-weight: normal; font-family: verdana; padding:10px; opacity:1; text-align:justify; background-color:{color:post}; border-radius:5px;}
  103.  
  104.    .askfoto {text-align:center; color:{color:text}; font:11px verdana; text-transform:none; border-radius:1px 1px 1px 1px; opacity:1; -webkit-transition-duration:.25s; }
  105.    .askfoto a{color:{color:text};}
  106.    .askfoto img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px; }
  107.    .askfoto:hover { border-radius:60px; opacity:0.7; -webkit-transition-duration:.25s;}
  108.  
  109.    
  110. .tags {display: none;}
  111.  
  112.  
  113. #image {margin-top:104px; margin-left:113px; position:absolute; width:152px; height:190px; position:fixed; background-color:none;  }
  114.  
  115. #image img {display: block;width:180px; height:175px; border: 1px solid #eee; padding: 5px;  -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.2s ease-out; }
  116. #image:hover img {opacity:0.8;-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  117.  
  118. #coluna {position: fixed; margin-left: 369px; width: 5px;border: 1px solid {color:linhacoluna}; height: 1080px;  margin-top: -10px; opacity:0.90;  background-color: {color:coluna};}
  119.  
  120. #coluna2 {position: fixed; margin-left: 338px; width: 30px; height: 1080px;  margin-top: -10px; opacity:0.90;  background-color: {color:coluna};}
  121.  
  122. #coluna3 {position: fixed; margin-left: 330px; width: 5px;border: 1px solid {color:linhacoluna}; height: 1080px;  margin-top: -10px; opacity:0.90;  background-color: {color:coluna};}
  123.  
  124. /** aspas imagem by promisse **/
  125. #desc {width:199px; height: 47px; margin-left: 105px; margin-top: 314px; position:fixed; z-index:3; text-align:center; line-height: 12px;  font-family: calibri; font-size: 11px;  overflow:hidden; color:{color:desc}; background-color: none; padding: 3px 2px; background: url(http://static.tumblr.com/4goxet7/iaqmf172c/aspas.jpg) no-repeat 0 4px; padding: 6px}
  126.  
  127. #frase {width:198px; height: 20px; margin-left: 103px; margin-top: 290px; position:fixed; text-align:center; line-height: 19px;  font-family:"Arquitecta"; font-size: 22px;  overflow:hidden; color:{color:corfrase}; background-color: none; padding: 6px 2px; }
  128.  
  129. #menu {width:26px; margin-left:341px; position:fixed; z-index:11; }
  130.  
  131. .links {margin-top:150px; margin-left: -6px; }
  132.  
  133. .links2 {width:20px; -webkit-transition:all 0.4s ease-in-out; padding:9px; }
  134.  
  135. .links2:hover {opacity:.1;}
  136.  
  137. .links1 {width:24px; -webkit-transition:all 0.5s ease-in-out; padding:9px; margin-left: -2px; }
  138.  
  139. .links1:hover {opacity:.1;}
  140.  
  141. #rd {margin-left:162px; width:-1px; position:fixed; top:0px;  padding:3px;}
  142.  
  143. .redes {margin-top:380px; margin-left: -6px; }
  144.  
  145. .sociais {width:18px; -webkit-transition:all 0.5s ease-in-out; padding:6px;}
  146. .sociais:hover {opacity:.1;}
  147.  
  148. /* BOTÃOS DE CONTROLS DOCISMO */
  149. .tmblr-iframe, iframe#tumblr_controls {
  150.     white-space: nowrap;
  151.     -webkit-filter: invert(100%);
  152.     -moz-filter: invert(100%);
  153.     -o-filter: invert(100%);
  154.     -ms-filter: invert(100%);
  155.     filter: invert(100%);
  156.     position: fixed;
  157.     margin-top: 0px;
  158.     margin-right:0px;
  159.     opacity: 0.4;}
  160.  /* BOTÃOS DE CONTROLS DOCISMO */
  161.  
  162.  
  163.  
  164. #pagination {display:none;}
  165.  
  166. #viachato {display: none}
  167.  
  168. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  169.  
  170. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text};    -webkit-border-radius:1px;}
  171.  
  172. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  173.  
  174. ::-webkit-scrollbar-corner {background-color:{color:post};}
  175.  
  176. .noteinf {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px; }
  177. .notesinfo {position: absolute; background: {color:bgnotes}; text-align:right; margin-left: 0px; border-right: 3px solid {color:bordanotes}; text-transform:uppercase; color: transparent; padding: 3px; font-size: 10px; opacity: 0; z-index: 99; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-transition-duration: .90s; }
  178. .notesinfo a {color: {color:textnotes}; text-transform:uppercase;}
  179. .noteinf:hover .notesinfo {opacity:99; color: {color:textnotes}; text-transform:uppercase;}
  180.  
  181. .cred {margin-left:20px; margin-top:20px; padding:5px; text-align: center; z-index:3; position: fixed;}
  182. .cred a {float: left; margin-right: 1px; font-family: Calibri; font-size:10px; margin-bottom:1px; width: 90px; background-color:{color:background}; color:{color:desc}; display: block; letter-spacing: 1px; text-decoration: none; text-transform:uppercase; line-height:20px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  183. .cred a:hover{background-color:{color:background} ;color: {color:desc};text-align: center;}
  184.  
  185.  /** helpdesigns **/
  186. #s-m-t-tooltip {max-width:300px; padding:5px; margin:10px 20px;background-color:#fff; font-family:’04b03′;  font-size:8px;  letter-spacing:1px;   text-transform:uppercase; color:#888; z-index:9999999; border: 1px solid #eee;} /**finish**/  
  187.  
  188. #scrollToTop:link,#scrollToTop:visited {color:transparent; background-color:transparent; display:none; position:fixed; bottom:15px; right:15px;}  
  189.  
  190.  
  191. /*----- CÓDIGOS DE CONJUNTAR - ROLAGEM! -----*/
  192. #infscr-loading {bottom:-70px; position:absolute; left:50%; margin-left:-8px; width:16px; height:20px; overflow:hidden; margin-bottom:50px;}
  193. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  194.  
  195.  
  196. a.install {width: 96px;height: 20px;background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);display: block;position: absolute;top: 26px;right: 3px; white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;}
  197.  
  198.  
  199. /*** BORDAS by cerejadosundae ***/
  200. .imageborda{margin-top:-4px;width:150px;}
  201. .vsanna{display: none;}
  202. .bordasm{width:50px;float:left;margin-top:0px;margin-left:-3px;-webkit-transition-duration: 1.99s;margin-bottom:0px;padding:4px;z-index:-100px;float:left;}
  203. .bordasm:hover{transition: all 1.0s ease;-webkit-filter:grayscale(50%);}
  204. </style>
  205.  
  206.  
  207.     </style>
  208.      
  209.     <body>
  210.         <div id="menu">
  211.  
  212.                <div class="links">
  213.        
  214. <a href="{text:Link1}" title="{text:Link1 Title}"><img class="links1" src="http://static.tumblr.com/i1e3kds/23lmhfg5k/casaa.png"></a>
  215. <a href="{text:Link2}" title="{text:Link2 Title}"><img class="links2" src="http://static.tumblr.com/i1e3kds/ww0mhfjnz/topic.png"></a>
  216. <a href="{text:Link3}" title="{text:Link3 Title}"><img class="links2" src="http://static.tumblr.com/i1e3kds/5pwmhfk36/view_details.png"></a>
  217. <a href="{text:Link4}" title="{text:Link4 Title}"><img class="links2" src="http://static.tumblr.com/i1e3kds/sUmmhfjya/wedding_day.png"></a>
  218. <a href="{text:Link5}" title="{text:Link5 Title}"><img class="links1" src="http://static.tumblr.com/i1e3kds/mEYmhfjt2/s2.png"></a>
  219.        
  220.                
  221.         </div></div>
  222.        
  223.        
  224.  
  225.        
  226.     <div class="cred">
  227. <a href="http://a-rticulada.tumblr.com" title="© POSSIDE"> THEME</a></div>
  228.    
  229. <div id="coluna">  </div>
  230. <div id="coluna2">  </div>
  231. <div id="coluna3">  </div>
  232.  <div id="desc">{block:Description}{Description}{/block:Description}
  233. </div></div>
  234.       <div id="frase">{text:frase}</div>  
  235.  
  236.  <div id="image">
  237. <img src="{image:sidebar}"/></div>
  238.  
  239.  
  240.  
  241.   <div id="pagination">{block:PreviousPage}<div id="pagination"><a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div></div>
  242.  
  243.  </div></div>   </div></div>  
  244.      
  245.     <div id="pagina">
  246.      
  247.      {block:Posts}
  248.      
  249.     <div class="post">
  250.    
  251.     <div class="noteinf">
  252.  
  253. <div class="notesinfo">
  254. <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target="_blank">reblog</a></div>
  255.    
  256.    
  257.     {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  258.      
  259.     {block:Photo}{LinkOpenTag}<div class="imagepost"><img src="{PhotoURL-250}"></div>{LinkCloseTag}<div class="imageborda">
  260. <img src="http://static.tumblr.com/qzpui9z/o9qmdlc8l/sombra.png"width=230px></div></a>{/block:Photo}
  261.      
  262.  {block:Photoset}{Photoset-250}<div class="imageborda">
  263. <img src="http://static.tumblr.com/qzpui9z/o9qmdlc8l/sombra.png"width=230px></div></a>{/block:Photoset}
  264.     {block:Quote}
  265.     <div class="quotex">“{Quote}”</div>
  266.     {block:Source}<div class="quotex1"> — {Source}</div>
  267.     {/block:Source}
  268.     {/block:Quote}
  269.      
  270.     {block:Link}
  271.     <h1><a href="{URL}" {Target}>{Name}</a></h1>
  272.     {block:Description}{Description}{/block:Description}
  273.     {/block:Link}
  274.      
  275.     {block:Chat}
  276.     {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  277.     <div class="chat"><ul>{block:Lines}
  278.     <li class="person{UserNumber}">{block:Label}
  279.     <span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  280.     {/block:Chat}
  281.      
  282.     {block:Audio}
  283.     <div class="player">{AudioPlayerBlack}</div>
  284.     {block:Caption}{Caption}{/block:Caption}
  285.     {/block:Audio}
  286.      
  287.     {block:Video}{Video-250}{/block:Video}
  288.      
  289.          {block:Answer}
  290.     <img src="{AskerPortraitURL-48}" align="left" class="askfoto">
  291.          <div id="askheere">
  292.        <strong>{Asker}</strong> asked: {Question}<br /></div>
  293.         <div class="askshere2">    {Answer}
  294.     </div>{/block:Answer}
  295.    
  296.      
  297.     <div id="cap">
  298.     {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  299.     {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  300.     {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  301.      
  302.     <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  303.           <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  304.             {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  305.     {/block:ContentSource}</div></div></div>
  306.     <br>
  307.      
  308.     <div class="opant">
  309.     {block:Date}<div id="info">
  310.    </div><center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  311.     </div></center>{/block:Date}</div>
  312.     </div>
  313.    
  314.      {/block:Posts}
  315.     {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  316.      
  317.  
  318.  
  319. </div></div>
  320.  
  321.  <a href="http://posside.tumblr.com" class="install"></a>
  322.     </div>
  323.     </div>
  324.   <div id= "viachato">
  325.     <a href="{ReblogParentURL}"></a>    
  326. </div>  </div>    
  327.  
  328. <!------ ROLAGEM E JUNÇÃO BY CONJUNTAR ------>
  329. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  330. <script type="text/javascript" src="http://static.tumblr.com/qzpui9z/pw6ml98ds/conjuntar.js"></script>
  331. <script type="text/javascript" src="http://static.tumblr.com/qzpui9z/xtFml98eu/conjuntar.js"></script>
  332. <script type="text/javascript" src="http://static.tumblr.com/qzpui9z/V9gml98ke/conjuntar.js"></script>{block:IndexPage}
  333. <script type="text/javascript" src="http://static.tumblr.com/qzpui9z/jCsml98o6/conjuntar.js"></script>
  334. <script type="text/javascript" src="http://static.tumblr.com/qzpui9z/87Qml98bb/conjuntar.js"></script>
  335. <script type="text/javascript" src="http://static.tumblr.com/qzpui9z/MZmml98io/conjuntar.js"></script>{/block:IndexPage}
  336. </div></div>
  337.        
  338.     </body>
  339.     </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!