API tools faq
paste
fanih

Theme 55

fanih
Apr 29th, 2014
276
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.02 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.    
  6.     <html>
  7.     <head>
  8.    
  9. <!-- DEFAULT VARIABLES -->
  10.  
  11. <meta name="color:Background" content="#fff" />
  12. <meta name="color:Link" content="#979595" />
  13. <meta name="color:text" content="#b2b2b2" />
  14. <meta name="color:Post" content="#ffffff" />
  15. <meta name="color:linksmenu" content="#b8b8b8" />
  16. <meta name="color:lhover" content="#747474" />
  17. <meta name="color:desc" content="#aaaaaa" />
  18. <meta name="color:allcor" content="#f9f9f9" />
  19. <meta name="color:textnotes" content="#b2b2b2"/>
  20.  
  21.          
  22.     <meta name="image:background"/>
  23.     <meta name="image:sidebar" content="http://static.tumblr.com/i1e3kds/rsHn4t523/zac_e_vanessa.jpg"/>
  24.  
  25. <meta name="text:frase" content="Unbroken"/>
  26. <meta name="color:corfrase" content="#c4c3c3" />
  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.     <link rel="shortcut icon" href="{Favicon}" />
  40.  <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  41.  
  42.      
  43.     <title>{Title}</title>  
  44.    
  45.      <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  46. <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>
  47.  
  48. <script type="text/javascript"
  49. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  51. <script>
  52.     (function($){
  53.  
  54.         $(document).ready(function(){
  55.             $("[title]").style_my_tooltips();
  56.         });
  57.     })(jQuery);
  58. </script>  
  59.  
  60. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  61.  
  62.  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  63.  
  64. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>    
  65.      
  66. </head>          
  67. <style>
  68.  
  69. 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; }
  70.      
  71.     a {color: {color:link}; text-decoration: none; text-transform: none;}
  72.     a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  73.        
  74.     #pagina {float: left; margin-left: 415px;}
  75.      
  76.     .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: 1px solid #f1f1f1  }
  77.      
  78. h1 {font-family: calibri; text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 14px;}
  79. h1 a {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 14px;}
  80. h1 a:hover {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 14px;}
  81.      
  82.          .notes {width: 420px; padding: 0px; margin-top: 10px; margin-bottom: 1px; font-family: calibri; font-size: 10px; text-align: center}
  83.     ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  84.     ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  85.     .notes img{display: none; border:0px}
  86.    
  87.         .quotex {font-family: 'Segoe UI'; text-align: left; font-size: 12px; line-height: 15px; padding: 3px; margin-bottom: 5px; font-style:italic;}
  88.     .quotex1 {font-family: calibri; font-size: 12px; text-align: center; text-transform: none; margin-bottom: 5px; border-top: 1px solid #eee; font-style:italic;}
  89.     .quotex1 a, a:hover{text-transform: none;}
  90.  
  91.     .chat {line-height: 13px; list-style: none }
  92.     .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  93.      
  94.     .imagepost {text-align: center; border: 0px}
  95.     .imagepost img {max-width: 400px; margin-bottom: 2px }
  96.     .imagepost:hover { opacity:0.95; }
  97.    
  98.     #info {margin-top: -32px; }
  99.  
  100.      
  101.     #cap {width: 400px; margin-top: -2px;}
  102.     .source {display: none;}
  103.  
  104. .asker {margin-top: 12px;text-transform: uppercase; width: 400px;text-align: center;margin-bottom: 5px; font:9px calibri}
  105. .question {text-align: center;padding: 10px;position: relative;background-color: #f0f0f0; width: 380px; font:9px calibri; text-transform:uppercase}
  106. .question:after {top: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
  107. .question:after {border-top-color: {color:ask bg};border-width: 5px;left: 50%;margin-left: -5px;}
  108.  
  109.    
  110. .tags {display: none;}
  111.  
  112. #image {margin-top:51px; margin-left:208px; position:absolute; width:172px; height:190px; position:fixed; background-color:none; }
  113.  
  114. #image img {display: block;width:182px; height:232px; border:1px solid #eee; padding:5px; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.2s ease-out;}
  115. #image:hover img {opacity:0.8;-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  116.  
  117. #desc {width:174px; height: 20px; margin-left: 210px; margin-top: 293px; position:fixed;  text-align:center; line-height: 12px;  font-family: calibri; font-size: 10px;  overflow:hidden; color:{color:desc}; background-color: {color:background}; padding: 3px 2px; text-transform: none;}
  118. #frase {width:249px; height: 32px; margin-left: 178px; margin-top: 315px; position:fixed; text-align:center; line-height: 17px;  font-family:Julius Sans One; font-size: 14px;  overflow:hidden; color:{color:corfrase}; background-color: none; padding: 6px 2px;  }
  119.  
  120. #menu {text-align:center; width:209px; margin-top: 340px;  margin-left: 183px;  position:fixed;}
  121.  
  122. .links {text-align: center; padding:2px; width:194px; margin-left: 25px; background-color: {color:allcor}; border-bottom: 1px solid #eee;border-top: 1px solid #eee; }
  123. .links a {text-transform: none; letter-spacing: 0px; font-family:calibri; font-size: 10px; text-align:center; color:{color:linksmenu}; text-shadow:0px 10px transparent, 0px -10px transparent;-webkit-transition: all 0.4s ease-in-out;}
  124. .links a:hover {text-align: center; color: #5d5d5d;  }
  125.  
  126. #pagicon {display:none;}
  127.  
  128. #confpag {font-size: 40px; font-family: calibri; line-height: 24px;}
  129. #confpag a {font-size: 40px; font-family: calibri; background: transparent; margin: 0 1px 0 0; padding: 2px 2px; color: #DCDCDC; text-decoration: none;}
  130. #confpag a:hover {font-size: 40px; font-family: calibri; background: transparent; border: none;}
  131. #confpag span.pagina_atual {background: {color:background}; margin: 0 1px 0 0; padding: 2px 4px; color: #DCDCDC; text-decoration: none; font-weight: bold;}
  132.  
  133. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  134.  
  135. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text};    -webkit-border-radius:1px;}
  136.  
  137. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  138.  
  139. ::-webkit-scrollbar-corner {background-color:{color:post};}
  140.  
  141.  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:.7;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  142.  
  143. /** 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 **/  
  144.  
  145. .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; }
  146. .cred a {color:#696969;}
  147.  
  148. .noteinf {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; }
  149.  
  150. .notesinfo {position: absolute; background: #fff; text-align:center; margin-top: 10px; text-transform:uppercase; color: transparent; padding: 8px; 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:7px; padding-left:7px; left:-20px; -webkit-transition: all 0.20s ease; -moz-transition: all 0.20s ease; -o-transition: all 0.20s ease; transition: all 0.20s ease; }
  151. .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; }
  152. .noteinf:hover .notesinfo {opacity:0.8; 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:20px;}
  153.  
  154.  
  155. .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; }
  156. .notesinfo1 {bottom:1px; position: absolute; background: {color:post}; text-align:center; margin-left: 0px; text-transform:uppercase; color: transparent; padding: 3px; font-size: 10px; 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:5px; padding-left:3px; padding-right:3px;
  157. bottom:-10px;left:10px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
  158. .notesinfo1 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;  }
  159. .notesinf1:hover .notesinfo1 {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;}
  160.  
  161. #scrollToTop:link,#scrollToTop:visited {color:transparent; background-color:transparent; display:none; position:fixed; bottom:15px; right:15px;}
  162.  
  163.     </style>
  164.      
  165.     <body>
  166.    
  167.      
  168.        
  169.     <div class="cred">
  170. <a href="http://a-rticulada.tumblr.com" title="A-RTICULADA"> THEME</a></div>
  171.     <div id="desc">{block:Description}{Description}{/block:Description}
  172. </div></div>
  173.       <div id="frase">{text:frase}</div>  
  174.      
  175.  
  176. <div id="image"><img src="{image:sidebar}"/></div>
  177.  
  178.  
  179. <div id="menu">
  180. <div class="links">
  181. <a href="{text:Link1}">{text:Link1 Title}</a>  
  182. <a href="{text:Link2}">{text:Link2 Title}</a>  
  183. <a href="{text:Link3}">{text:Link3 Title}</a>  
  184. <a href="{text:Link4}">{text:Link4 Title}</a>  
  185. <a href="{text:Link5}">{text:Link5 Title}</a>
  186.       </a></div></div>
  187.  
  188. <div id="pagicon"><div id="confpag"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"alt="" title="Previous">«</a>{/block:PreviousPage}{/block:Pagination}
  189.  
  190. {block:JumpPagination length="0"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:Pagination}{block:NextPage}<a href="{NextPage}"alt="" title="Next">»</a>{/block:NextPage}{/block:Pagination}</div></div>
  191.  
  192.  </div></div>   </div></div>  
  193.      
  194.     <div id="pagina">
  195.      
  196.      {block:Posts}
  197.      
  198.      
  199.      
  200.     <div class="post">
  201.    
  202. {block:Text}<div class="noteinf">
  203.  <div class="notesinfo">
  204. <a href="{ReblogURL}" target="_blank">reblog</a> • <a href="{Permalink}" >{NoteCount}</a></div>{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  205.      
  206.      
  207.     {block:Photo}{LinkOpenTag}<div class="noteinf">
  208.  <div class="notesinfo"><a href="{Permalink}" >{NoteCountWithLabel}</a>
  209. • <a href="{ReblogURL}" target="_blank">reblog</a></div><div class="imagepost"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  210.      
  211.  {block:Photoset}<div class="noteinf">
  212.  <div class="notesinfo"><a href="{Permalink}" >{NoteCountWithLabel}</a>
  213. • <a href="{ReblogURL}" target="_blank">reblog</a></div>{Photoset-400}{/block:Photoset}
  214.  
  215.    
  216.     {block:Quote}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a>     <font color="{color:text}">• <a href="{ReblogURL}">reblog</a></div> <div class="quotex"><i>“{Quote}”</i></div>
  217.     {block:Source}<div class="quotex1"><b> {Source}</b></div>
  218.     {/block:Source}
  219.     {/block:Quote}
  220.      
  221.     {block:Link}<div class="noteinf">
  222.  <div class="notesinfo">
  223. <a href="{ReblogURL}" target="_blank">reblog</a> • <a href="{Permalink}" >{NoteCount}</a></div>
  224.     <h1><a href="{URL}" {Target}>{Name}</a></h1>
  225.     {block:Description}{Description}{/block:Description}
  226.     {/block:Link}
  227.      
  228.     {block:Chat}<div class="noteinf">
  229.  <div class="notesinfo">
  230. <a href="{ReblogURL}" target="_blank">reblog</a> • <a href="{Permalink}" >{NoteCount}</a></div>
  231.     {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  232.     <div class="chat"><ul>{block:Lines}
  233.     <li class="person{UserNumber}">{block:Label}
  234.     <span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  235.     {/block:Chat}
  236.      
  237.     {block:Audio}<div class="noteinf">
  238.  <div class="notesinfo">
  239. <a href="{ReblogURL}" target="_blank">reblog</a> • <a href="{Permalink}" >{NoteCount}</a></div>
  240.     <div class="player">{AudioPlayerBlack}</div>
  241.     {block:Caption}{Caption}{/block:Caption}
  242.     {/block:Audio}
  243.      
  244.     {block:Video}{LinkOpenTag}<div class="noteinf">
  245.  <div class="notesinfo">
  246. <a href="{ReblogURL}" target="_blank">reblog</a> • <a href="{Permalink}" >{NoteCount}</a></div><div class="imagepost">{Video-400}</div>{LinkCloseTag}{/block:Video}
  247.      
  248. {block:Answer}<div class="noteinf">
  249.  <div class="notesinfo">
  250. <a href="{Permalink}" >{NoteCount}</a></div>
  251. <div class="question">{Question}</div>
  252. <div class="asker">{Asker} asked:</div>
  253. {Answer}
  254. {/block:Answer}
  255.    
  256.      
  257.     <div id="cap">
  258.     {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  259.     {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  260.     {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  261.      
  262.     <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  263.           <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  264.             {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  265.     {/block:ContentSource}</div></div></div>
  266.     <br>
  267.      
  268.     <div class="opant">
  269.     {block:Date}<div id="info">
  270.    </div><center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  271.     </div></center>{/block:Date}</div>
  272.     </div>
  273.  
  274.      {/block:Posts}
  275.     {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  276.      
  277.  
  278.  
  279. </div></div>
  280.  
  281.  
  282.     </div>
  283.     </div>
  284.         <div id= "viachato">
  285.     <a href="{ReblogParentURL}"></a>    
  286. </div>  </div>    
  287.    
  288.    
  289.     </body>
  290.     </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!