API tools faq
paste
fanih

Theme 57

fanih
May 20th, 2014
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.23 KB | None | 0 0
raw download clone embed print report
  1.     <!----theme por A-RTICULADA.tumblr.com (Fanih)  -->
  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="#979595" />
  12. <meta name="color:text" content="#b2b2b2" />
  13. <meta name="color:Post" content="#ffffff" />
  14. <meta name="color:lhover" content="#747474" />
  15. <meta name="color:textnotes" content="#b2b2b2"/>
  16. <meta name="color:linksmenu" content="#817f7f" />
  17. <meta name="color:desc" content="#8f8d8d" />
  18. <meta name="color:linksmenubg" content="#dcdcdc" />
  19.  
  20.     <meta name="image:background"/>
  21.     <meta name="image:sidebar" content="http://static.tumblr.com/0e9rsgb/KU1n5urt9/couple.jpg"/>
  22.  
  23.     <meta name="text:frase" content="I need your love .."/>
  24. <meta name="color:corfrase" content="#979797" />
  25.      
  26.     <meta name="text:Link1" content="/" />
  27.     <meta name="text:Link1 Title" content="link1" />
  28.     <meta name="text:Link2" content="/" />
  29.     <meta name="text:Link2 Title" content="link2" />
  30.     <meta name="text:Link3" content="/" />
  31.     <meta name="text:Link3 Title" content="link3" />
  32.     <meta name="text:Link4" content="/" />
  33.     <meta name="text:Link4 Title" content="link4" />
  34.     <meta name="text:Link5" content="/" />
  35.     <meta name="text:Link5 Title" content="link5" />
  36.    
  37.      <title>{Title}</title>
  38.  
  39. <link rel="shortcut icon" href="{Favicon}" />
  40. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  41.  
  42.    
  43.      <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  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>
  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 src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  59.  
  60.  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  61.  
  62. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>    
  63.  
  64. </head>        
  65. <style>
  66.  
  67. 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; }
  68.      
  69.     a {color: {color:link}; text-decoration: none; text-transform: none;}
  70.     a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  71.        
  72.     #pagina {float: left; margin-left: 431px;}
  73.      
  74.     .post {width: 400px; background-color: {color:post}; padding: 10px; top: -3px; margin-bottom: 1px; text-align: justify; font-family: calibri; font-size: 12px; position: relative; color:{color:text}; border-left: 1px solid #eee; border: 1px solid #ececec;  }
  75.      
  76.     h1 {font-family: calibri; text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 14px;}
  77.     h1 a {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 14px;}
  78.     h1 a:hover {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 14px;}
  79.      
  80.          .notes {width: 420px; padding: 0px; margin-top: 20px;  margin-left: 10px; margin-bottom: 20px; font-family: calibri; font-size: 10px; text-align: left; }
  81.     ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  82.     ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; border-top: solid 1px #f8f8f8; }
  83.     .notes img{vertical-align: -6px;margin-right: 10px;width: 16px;height: 16px;float: left;}
  84.    
  85.         .quotex {font-family: 'Segoe UI'; text-align: left; font-size: 12px; line-height: 15px; padding: 3px; margin-bottom: 5px;}
  86.     .quotex1 {font-family: calibri; font-size: 12px; text-align: left; text-transform: none; margin-bottom: 1px; border-top: 1px solid #eee;padding-left: 5px; margin-left:0px;  transition: all 0.6s ease-in-out; font-style:italic; }
  87.     .post:hover .quotex1 {margin-right:-150px;opacity:0; moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; margin-left:-150px;margin-right:0px; opacity:1;}
  88.  
  89.     .chat {line-height: 13px; list-style: none }
  90.     .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  91.      
  92.     .imagepost {text-align: center; border: 0px}
  93.     .imagepost img {max-width: 400px; margin-bottom: 2px }
  94.     .imagepost:hover { opacity:0.95; }
  95.    
  96.     #info {margin-top: -32px; }
  97.  
  98.      
  99.     #cap {width: 400px; margin-top: -2px;}
  100.     .source {display: none;}
  101.  
  102.   #askheere {width:330px; margin-left:0px;padding:10px; opacity:1; text-align:justify; color:{color:text}; background-color:#f8f8f8; border-radius:5px;font-size: 12px; font-family: Calibri; }
  103.   #askheere a {color:#8b8b8b; font-size:13px;}
  104.   #askheere a:hover {color:#696969; font-size:13px;}  
  105.  
  106.      #askhere2 {color:{color:text}; font-size: 11px; font-weight: normal; font-family: Calibri; padding:10px; opacity:1; text-align:justify; background-color:{color:post}; border-radius:5px;}
  107.  
  108.    .askfoto {text-align:center; color:{color:text}; font:11px Calibri; text-transform:none; border-radius:60px; opacity:1; -webkit-transition-duration:.25s; }
  109.    .askfoto a{color:{color:text};}
  110.    .askfoto img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px; }
  111.    .askfoto:hover {opacity:0.7; -webkit-transition-duration:.25s;}
  112.  
  113.    
  114. .tags {display: none;}
  115.  
  116. #image {margin-top:155px; margin-left:197px; position:absolute; width:172px; height:190px; position:fixed; background-color:none; z-index:99999; }
  117. #image img {display: block;width:152px; height:182px; border: 2px solid #dcdcdc; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  118. #image:hover img {opacity:0.8;-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  119.  
  120. #desc {width:149px; height: 53px; margin-left: 202px; margin-top: 343px; position:fixed; z-index:3; text-align:left; line-height: 11px;  font-family: calibri; font-size: 10px;  overflow:hidden; color:{color:desc}; background-color: none; font-style:italic;}
  121.  
  122. #frase {width:179px; height: 12px; margin-left: 180px; margin-top: 132px; position:fixed; text-align:center; line-height: 10px;  font-family: Sacramento; font-size: 19px;  overflow:hidden; color:{color:corfrase}; background-color: none; padding: 6px 2px; z-index:999999; font-style:italic;}
  123.  
  124. /** links inspirado em scusare **/
  125.  
  126. #menu {text-align:left; width:59px; margin-top: 384px;  margin-left: -40px;  position:fixed; background-color:{color:background}; }
  127.  
  128. .links2 {margin-left:396px; margin-top: -210px; padding: 4px; text-align: center; position: absolute;float: left;clear: both; background-color:{color:background}; }
  129. .links2 a {float: left; margin-top: -7px; font-family: calibri;  font-size:9px;width: 30px;  background-color: {color:linksmenubg}; color:{color:linksmenu}; display: inline-block; letter-spacing: 0px; text-decoration: none; text-transform:uppercase;  text-align: center;  line-height:22px; padding: 5px 0; border-radius:100%; border: 2px solid #fff;}
  130. .links2 a:hover {color:#fff;text-decoration: none;}
  131.  
  132. #pagination {display:none;}
  133.  
  134.  
  135. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  136.  
  137. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text};    -webkit-border-radius:1px;}
  138.  
  139. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  140.  
  141. ::-webkit-scrollbar-corner {background-color:{color:post};}
  142.  
  143. iframe#tumblr_controls {white-space: nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;}
  144.  
  145. /** helpdesigns **/ #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 **/  
  146.  
  147. .cred {margin-left:0px; margin-top:0px; padding:5px; text-align: center; z-index:3; position: fixed; font-family:calibri;font-size:9px; color:#a9a9a9; }
  148. .cred a {color:#696969;}
  149.  
  150. .notesinf {display: block; text-align: justify; overflow: hidden; margin-bottom: 25px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; }
  151. .notesinfo {bottom:1px; position: absolute; background: {color:post}; text-align:left; margin-left: -2px; text-transform:uppercase; color: transparent; padding: 3px; font-size: 10px; font-family:calibri; opacity: 0; z-index: 99; width:400px; height:15px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; padding-top:10px; padding-left: 3px; padding-right:3px;
  152. bottom:-10px;left:10px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
  153. .notesinfo a {color: {color:textnotes}; text-transform:uppercase;-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear;  }
  154. .notesinf:hover .notesinfo {opacity:99; color: {color:textnotes}; text-transform:uppercase; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; bottom:10px;}
  155.  
  156. .notesinf1 {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; }
  157. .notesinfo1 {position: absolute; background: {color:post}; text-align:center; margin-right: 0px; text-transform:uppercase; color: transparent; padding: 3px; font-size: 10px; opacity: 0; z-index: 99; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; padding-right:3px; padding-left:7px; left:-50px; -webkit-transition: all 0.20s ease; -moz-transition: all 0.20s ease; -o-transition: all 0.20s ease; transition: all 0.20s ease;}
  158. .notesinfo1 a {color: {color:textnotes}; text-transform:uppercase;-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear;  }
  159. .notesinf1:hover .notesinfo1 {opacity:99; color: {color:textnotes}; text-transform:uppercase; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; left:0px;}
  160.  
  161. .notesinf2 {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px; }
  162. .notesinfo2 {bottom: -1px; position: absolute; background-color: {color:post}; text-align:right; margin-left: 0px; 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; width:110px; padding-top:5px; bottom:-10px; left:290px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
  163.  
  164. .notesinfo2 a {color: {color:textnotes}; text-transform:uppercase;-webkit-transition: all 0.6s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.6s linear; transition: all 0.2s linear; }
  165. .notesinf2:hover .notesinfo2 {opacity:99; color: {color:textnotes}; text-transform:uppercase;-webkit-transition: all 0.2s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; bottom:5px;}
  166.  
  167. #scrollToTop:link,#scrollToTop:visited {color:transparent; background-color:transparent; display:none; position:fixed; bottom:15px; right:15px;}
  168.  
  169.     </style>
  170.      
  171.     <body>
  172.    
  173.  
  174. <div id="menu">
  175. <div class="links2">
  176. <a href="{text:Link1}">{text:Link1 Title}</a>  
  177. <a href="{text:Link2}">{text:Link2 Title}</a>  
  178. <a href="{text:Link3}">{text:Link3 Title}</a>  
  179. <a href="{text:Link4}">{text:Link4 Title}</a>  
  180. <a href="{text:Link5}">{text:Link5 Title}</a>  
  181.  
  182.    
  183. </a></div></div>
  184.        
  185. <div id="image">  
  186. <img src="{image:sidebar}"/></div>
  187.        
  188.        
  189.     <div class="cred">
  190. <a href="http://a-rticulada.tumblr.com" title="A-RTICULADA"> THEME</a></div>
  191.    
  192.  <div id="desc">{block:Description}{Description}{/block:Description}
  193. </div></div>
  194.       <div id="frase">{text:frase}</div>  
  195.  
  196.  
  197. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}page {CurrentPage} of {TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div></div>
  198.  
  199.  </div></div>   </div></div>  
  200.      
  201. <div id="pagina">
  202.      
  203. {block:Posts}
  204.      
  205.    <div class="post">
  206.    
  207.  
  208.     {block:Text}<div class="notesinf2"><div class="notesinfo2"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}">reblog</a></div>{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  209.      
  210.     {block:Photo}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}">reblog</a></div>{LinkOpenTag}<div class="imagepost"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  211.      
  212.  {block:Photoset}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}">reblog</a></div>{Photoset-400}{/block:Photoset}
  213.    
  214.     {block:Quote}<div class="notesinf"><div class="notesinfo"><a href="{Permalink}">{NoteCountWithLabel}</a>     <font color="{color:text}">• <a href="{ReblogURL}">reblog</a></div> <div class="quotex"><i>“{Quote}”</i></div>
  215.     {block:Source}<div class="quotex1"><b> {Source}</b></div>
  216.     {/block:Source}
  217.     {/block:Quote}
  218.      
  219.     {block:Link}<div class="notesinf2"><div class="notesinfo2"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}">reblog</a></div><h1><a href="{URL}" {Target}>{Name}</a></h1>
  220.     {block:Description}{Description}{/block:Description}
  221.     {/block:Link}
  222.      
  223.     {block:Chat}<div class="notesinf2"><div class="notesinfo2"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}">reblog</a></div>
  224.     {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  225.     <div class="chat"><ul>{block:Lines}
  226.     <li class="person{UserNumber}">{block:Label}
  227.     <span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  228.     {/block:Chat}
  229.      
  230.     {block:Audio}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}">reblog</a></div><div class="player">{AudioPlayerBlack}</div>
  231.     {block:Caption}{Caption}{/block:Caption}
  232.     {/block:Audio}
  233.      
  234.  {block:Video}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}">reblog</a></div>{Video-400}{/block:Video}
  235.  
  236.  
  237.      
  238.          {block:Answer}<div class="notesinf2"><div class="notesinfo2"><a href="{Permalink}">{NoteCountWithLabel}</a></div><img src="{AskerPortraitURL-48}" align="right" class="askfoto">
  239.          <div id="askheere">
  240.        <strong>{Asker}</strong> <font color= #8b8b8b>asked:</font> <br>{Question}<br /></div>
  241.         <div class="askshere2">    {Answer}
  242.     </div>{/block:Answer}
  243.      
  244.     <div id="cap">
  245.     {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  246.     {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  247.     {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  248.      
  249.     <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  250.           <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  251.             {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  252.     {/block:ContentSource}</div></div></div>
  253.     <br>
  254.      
  255.     <div class="opant">
  256.     {block:Date}<div id="info">
  257.    </div><center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  258.     </div></center>{/block:Date}</div>
  259.     </div>
  260.  
  261.      {/block:Posts}
  262.     {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  263.      
  264.  
  265.  
  266. </div></div>
  267.  
  268.  
  269.     </div>
  270.     </div>
  271.         <div id= "viachato">
  272.     <a href="{ReblogParentURL}"></a>    
  273. </div>  </div>    
  274.    
  275.    
  276.     </body>
  277.     </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!