API tools faq
paste
fanih

Theme 52

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