Advertisement
fanih

Theme 53

Apr 15th, 2014
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.41 KB | None | 0 0
  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="#949494" />
  13. <meta name="color:Post" content="#ffffff" />
  14. <meta name="color:linksmenu" content="#aaaaaa" />
  15. <meta name="color:lhover" content="#747474" />
  16. <meta name="color:desc" content="#898787" />
  17. <meta name="color:allcor" content="#ddd" />
  18. <meta name="color:bgnotes" content="#fff"/>
  19. <meta name="color:textnotes" content="#a1a1a1"/>
  20.          
  21.     <meta name="image:background"/>
  22.     <meta name="image:sidebar" content="http://static.tumblr.com/0e9rsgb/vlYn43m42/allison_and_scott.jpg"/>
  23.          
  24. <meta name="text:frase" content="Unbroken"/>
  25. <meta name="color:corfrase" content="#696969" />
  26.      
  27.     <meta name="text:Link1" content="/" />
  28.     <meta name="text:Link1 Title" content="link1" />
  29.     <meta name="text:Link2" content="/" />
  30.     <meta name="text:Link2 Title" content="link2" />
  31.     <meta name="text:Link3" content="/" />
  32.     <meta name="text:Link3 Title" content="link3" />
  33.     <meta name="text:Link4" content="/" />
  34.     <meta name="text:Link4 Title" content="link4" />
  35.     <meta name="text:Link5" content="/" />
  36.     <meta name="text:Link5 Title" content="link5" />
  37.    
  38.       <title>{Title}</title>  
  39.      
  40.     <link rel="shortcut icon" href="{Favicon}" />
  41.      
  42.      <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  43. <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>
  44.  
  45. <script type="text/javascript"
  46. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  48. <script>
  49.     (function($){
  50.  
  51.         $(document).ready(function(){
  52.             $("[title]").style_my_tooltips();
  53.         });
  54.     })(jQuery);
  55. </script>  
  56.  
  57. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  58.  
  59.  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  60.  
  61. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  62.  
  63. <script>
  64. $(function(){
  65. var $container = $('#pagina');
  66. $container.imagesLoaded(function(){
  67. $container.masonry({
  68. itemSelector: '.posts',
  69. columnWidth: 270
  70. });
  71. });
  72. $container.infinitescroll({
  73. navSelector : "div#navigation",
  74. nextSelector : "div#navigation a#nextPage",
  75. itemSelector : '.posts',
  76. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  77. loadingText : "",
  78. donetext : " ",
  79. extraScrollPx : 1000,
  80. bufferPx : 10100,
  81. debug : false,
  82. errorCallback: function() {
  83. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  84. }},
  85. function( newElements ) {
  86. var $newElems = $( newElements ).css({ opacity: 0 });
  87. $newElems.imagesLoaded(function(){
  88. $newElems.animate({ opacity: 1 });
  89. $container.masonry( 'appended', $newElems, true );
  90. });
  91. }
  92. );
  93.  
  94. });
  95. </script>
  96.  
  97. </head>        
  98. <style>
  99.  
  100. 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; }
  101.      
  102.     a {color: {color:link}; text-decoration: none; text-transform: none;}
  103.     a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  104.        
  105.    #pagina {top:0px; width:55%; margin-left: 460px; margin-bottom: 1px; margin-top: 1px; }
  106.      
  107. .posts {background: {color:post}; {block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}  padding: 5px; top: 3px; margin-bottom: 2px; text-align: justify; font-family: calibri; font-size: 12px; position: relative; color:{color:text}; z-index:100;  background-color:{color:post}; position:relative; overflow:hidden; float:left; margin-right:2px;  border: 1px solid #eee;}
  108.      
  109.     h1 {font-family: calibri; text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 16px;}
  110.     h1 a {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 16px;}
  111.     h1 a:hover {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 16px;}
  112.      
  113. .notes {width: 220px; padding: 0px; margin-top: -3px;  margin-left: 500px; margin-bottom: 2px; font-family: calibri; font-size: 10px; text-align: left; }
  114. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  115. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; border-top: solid 1px #f8f8f8; }
  116. .notes img{vertical-align: -6px;margin-right: 10px;width: 16px;height: 16px;float: left;}
  117.    
  118.      
  119.         .quotex {font-family: 'Segoe UI'; text-align: left; font-size: 12px; line-height: 15px; padding: 3px; margin-bottom: 5px;}
  120.     .quotex1 {font-family: calibri; font-size: px; text-align: center; text-transform: none; margin-bottom: 8px; border-top: 1px solid #eee;}
  121.     .quotex1 a, a:hover{text-transform: none;}
  122.  
  123.     .chat {line-height: 13px; list-style: none }
  124.     .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  125.      
  126.     .imagepost {text-align: center; border: 0px}
  127.     .imagepost img {max-width: 250px; margin-bottom: 2px; padding-bottom:10px;}
  128.     .imagepost:hover { opacity:0.8; }
  129.    
  130.     #info {margin-top: -32px; }
  131.  
  132.      
  133.     #cap {width: 200px; margin-top: -2px;}
  134.     .source {display: none;}
  135.  
  136.   #askheere {width:230px; 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; }
  137.   #askheere a {color:#8b8b8b; font-size:13px;}
  138.   #askheere a:hover {color:#696969; font-size:13px;}  
  139.  
  140.      #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;}
  141.  
  142.    .askfoto {text-align:center; color:{color:text}; font:11px Calibri; text-transform:none; border-radius:60px; opacity:1; -webkit-transition-duration:.25s; }
  143.    .askfoto a{color:{color:text};}
  144.    .askfoto img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px; }
  145.    .askfoto:hover {opacity:0.7; -webkit-transition-duration:.25s;}
  146.  
  147. .tags {display: none;}
  148.  
  149. #frase {width:89px; height: 34px; margin-left: 248px; margin-top: 116px; position:fixed; text-align:center; line-height: 17px;  font-family:"learningcurve"; font-size: 28px;  overflow:hidden; color:{color:corfrase}; background-color: none; padding: 6px 2px; z-index:11;}
  150.  
  151. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  152.  
  153. /** aspas by promisse **/
  154. #desc {width:145px; height: 48px; margin-left: 181px; margin-top:342px; 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; background: url(http://static.tumblr.com/4goxet7/iaqmf172c/aspas.jpg) no-repeat 0 4px; padding: 5px 14px;}
  155.  
  156. #menu {text-align:left; width:409px; margin-top: 406px;  margin-left: 182px;  position:fixed;}
  157.  
  158.  
  159. .links {margin-left:166px; margin-top: -210px; padding: 0px; text-align: left; z-index:2; position: absolute;float: left;clear: both; }
  160.  
  161. .links a {float: left; margin-top: 2px; font-family: Cambria;  font-size:9px;width: 165px;  background-color: none; color:{color:linksmenu}; z-index:999999999;display: inline-block; letter-spacing: 0px; text-decoration: none; text-transform:uppercase;  text-align: left;  line-height:3px; padding: 5px 2px; border-left: 4px solid {color:allcor}; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;letter-spacing: -0.2px;}
  162. .links a:hover {z-index:999999999;text-decoration: none; background-color: none; border-left:15px solid #eee ;opacity:1;}
  163.  
  164. .allimage {margin-left: 183px;margin-top: 142px; padding:5px; border:1px solid #ddd; background-color:none;width: 150px; height: 190px;position: fixed;box-shadow:inset 0 0 0 10px rgba(255,255,255,0.2);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  165.  
  166. .imagem img {  margin-left: 0px; width: 150px;height: 190px; }
  167.  
  168. .imagem img:hover {width: 150px;height: 150px;}
  169. .allimage:hover {box-shadow: inset 0 0 0 130px rgba(255,255,255,0.3), 0 0px 0px rgba(0,0,0,0.4);}
  170.  
  171. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  172.  
  173. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text};    -webkit-border-radius:1px;}
  174.  
  175. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  176.  
  177. ::-webkit-scrollbar-corner {background-color:{color:post};}
  178.  
  179.  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; }
  180.  
  181. /*********helpdesigns******/
  182.  
  183. #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;}/*********helpdesigns******/  
  184.  
  185. .cred {position:fixed; left:0px; top:0px; line-height:11px; font:9px calibri; padding:3px; z-index:400;}
  186. .cred a {text-transform:uppercase; color:{color:desc}; letter-spacing: 1px;}
  187. .cred a:hover{background-color:none; color: {color:desc};text-align: center;}
  188.  
  189. #coluna {position: fixed; margin-left: 178px; width: 1px;box-shadow: 0px 0px 9px ; height: 150px; background-color:#dcdcdc; margin-top: 130px;}
  190.  
  191. #coluna2 {position: fixed; margin-left: 170px; width: 80px;  height: 1px; background-color:#dcdcdc; margin-top: 137px;}
  192.  
  193. .notesinf {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; }
  194. .notesinfo {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:250px; 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;
  195. 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;}
  196. .notesinfo 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;  }
  197. .notesinf:hover .notesinfo {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;}
  198.  
  199. .notesinf1 {display: block; text-align: justify; overflow: hidden; margin-bottom: 10px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; }
  200. .notesinfo1 {position: absolute; background: {color:post}; text-align:center; margin-left: -5px; 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.8s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; padding-bottom:5px; padding-left:3px; padding-right:3px;
  201. top:-10px;left:10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
  202. .notesinfo1 a {color: {color:textnotes}; text-transform:uppercase;-webkit-transition: all 0.8s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.8s linear; transition: all 0.4s linear;  }
  203. .notesinf1:hover .notesinfo1 {opacity:99; color: {color:textnotes}; text-transform:uppercase; -webkit-transition: all 0.4s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; top:5px;}
  204.  
  205.  
  206. .notesinf2 {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px; }
  207. .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:3px; bottom:-10px; left:140px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
  208.  
  209. .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; }
  210. .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:3px;}
  211.  
  212. #viachato {display: none}
  213.  
  214. .pagination {display: none;}
  215.  
  216. #scrollToTop:link,#scrollToTop:visited {color:transparent; background-color:transparent; display:none; position:fixed; bottom:15px; right:15px;}
  217.  
  218.  
  219.     </style>
  220.      
  221.  <body onkeydown="return false">
  222.  
  223.    
  224.   <div class="cred">
  225. <a href="http://a-rticulada.tumblr.com" title="A-RTICULADA"> THEME</a></div>
  226.  
  227. <div id="menu">
  228. <div class="links">
  229. <a href="{text:Link1}">{text:Link1 Title}</a>  
  230. <a href="{text:Link2}">{text:Link2 Title}</a>  
  231. <a href="{text:Link3}">{text:Link3 Title}</a>  
  232. <a href="{text:Link4}">{text:Link4 Title}</a>  
  233. <a href="{text:Link5}">{text:Link5 Title}</a>  
  234.       </a></div></div>
  235.  
  236. <div id="coluna">  </div>
  237. <div id="coluna2">  </div>
  238. <div id="desc">{block:Description}{Description}{/block:Description}
  239. </div></div>
  240.       <div id="frase">{text:frase}</div>  
  241.  
  242. <div class="allimage imagem">
  243. <img src="{image:sidebar}">
  244. </div>
  245. </div>
  246. <div class="allimage">
  247. </div>
  248. </div>  
  249.  
  250. <div id="pagina">
  251.    
  252. {block:Posts}
  253.    
  254.    <div class="posts">
  255.    
  256.     {block:Text}{block:IndexPage}<div class="notesinf2"><div class="notesinfo2"><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  257.      
  258.     {block:Photo}{block:IndexPage}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}">reblog</a></div>{LinkOpenTag}<div class="imagepost"><img src="{PhotoURL-250}"></div>{/block:IndexPage}{LinkCloseTag}{/block:Photo}
  259.      
  260.  {block:Photoset}{block:IndexPage}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}<div style="margin-bottom: 2px; padding-bottom:10px;">{Photoset-250}</div>{/block:Photoset}
  261.    
  262.     {block:Quote}{block:IndexPage}<div class="notesinf"><div class="notesinfo"><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}">reblog</a></div> {/block:IndexPage}<div class="quotex">{Quote}</div>
  263.     {block:Source}<div class="quotex1"><b>{Source}</b></div>
  264.     {/block:Source}
  265.     {/block:Quote}
  266.      
  267.     {block:Link}{block:IndexPage}<div class="notesinf2"><div class="notesinfo2"><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}<h1><a href="{URL}" {Target}>{Name}</a></h1>
  268.     {block:Description}{Description}{/block:Description}
  269.     {/block:Link}
  270.      
  271.     {block:Chat}{block:IndexPage}<div class="notesinf"><div class="notesinfo"><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  272.     {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  273.     <div class="chat"><ul>{block:Lines}
  274.     <li class="person{UserNumber}">{block:Label}
  275.     <span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  276.     {/block:Chat}
  277.      
  278.     {block:Audio}{block:IndexPage}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}<div class="player">{AudioPlayerBlack}</div>
  279.     {block:Caption}{Caption}{/block:Caption}
  280.     {/block:Audio}
  281.    
  282.     {block:Video}{block:IndexPage}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}{Video-250}{/block:Video}
  283.      
  284.          {block:Answer}{block:IndexPage}<div class="notesinf2"><div class="notesinfo2"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:IndexPage}<img src="{AskerPortraitURL-48}" align="right" class="askfoto">
  285.          <div id="askheere">
  286.        <strong>{Asker}</strong> <font color= #8b8b8b>asked:</font> <br>{Question}<br /></div>
  287.         <div class="askshere2">    {Answer}
  288.     </div>{/block:Answer}
  289.    
  290.      
  291.     <div id="cap">
  292.     {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  293.     {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  294.     {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  295.      
  296.     <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  297.           <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  298.             {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  299.     {/block:ContentSource}</div></div></div>
  300.     <br>
  301.      
  302.     <div class="opant">
  303.     {block:Date}<div id="info">
  304.    </div><center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  305.     </div></center>{/block:Date}</div>
  306.     </div>
  307.  
  308.      {/block:Posts}
  309.      
  310.      {block:IndexPage}
  311. <div class="column navigation" id="navigation">
  312. {block:Pagination}
  313. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  314. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  315. </div>
  316. {/block:IndexPage}
  317.  
  318.     {block:PostNotes}<div class="notes" style="margin-bottom:40px;">{PostNotes}</div>{/block:PostNotes}
  319.      
  320.  
  321.  
  322. </div></div>
  323.  
  324.  
  325.  
  326.     </div>
  327.     </div>
  328.  
  329.         <div id= "viachato">
  330.     <a href="{ReblogParentURL}"></a>    
  331. </div>  </div>    
  332.    
  333.     </body>
  334.     </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement