API tools faq
paste
amando-loucos

THEME 24

amando-loucos
Aug 4th, 2012
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.31 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by esb0rnia, base s-pook
  3. please don't remove the credit.
  4. -->
  5.  
  6. <head>
  7. <!-- DEFAULT VARIABLES -->
  8. <meta name="color:background" content="#FFF"/>
  9. <meta name="color:post" content="#F5F5F5"/>
  10. <meta name="color:text" content="#EEE"/>
  11. <meta name="color:link" content="#FFF"/>
  12. <meta name="color:link hover" content="#777"/>
  13. <meta name="color:sidebar" content="#000"/>
  14. <meta name="color:scroll" content="#777"/>
  15. <meta name="color:scroll bg" content="#DDD"/>
  16.  
  17. <meta name="image:background" content=""/>
  18. <meta name="image:sidebar" content="http://static.tumblr.com/1a43kss/PaTm6v7mv/tumblr_m5kewb946s1rn3hk1o1_500.jpg"/>
  19.  
  20. <meta name="text:titulo" content="titulo" />
  21.  
  22. <meta name="text:frase" content="frase curta" />
  23. <meta name="text:Link1" content="/" />
  24. <meta name="text:Link1 Title" content="link1" />
  25. <meta name="text:Link2" content="/" />
  26. <meta name="text:Link2 Title" content="link2" />
  27. <meta name="text:Link3" content="/" />
  28. <meta name="text:Link3 Title" content="link3" />
  29. <meta name="text:Link4" content="/" />
  30. <meta name="text:Link4 Title" content="link4" />
  31. <meta name="text:Link5" content="/" />
  32. <meta name="text:Link5 Title" content="link5" />
  33. <meta name="text:Link6" content="/" />
  34. <meta name="text:Link6 Title" content="link6" />
  35.  
  36. <title>{Title}</title>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  39.  
  40. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  41.  
  42. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  43.  
  44. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  45.  
  46.  
  47. <script>
  48. jQuery(window).load(function(){
  49. var $wall = $('#posts');
  50. $wall.imagesLoaded(function(){
  51. $wall.masonry({
  52. singleMode: true,
  53. columnWidth: 312,
  54. itemSelector: '#space'
  55. });
  56. });
  57. $wall.infinitescroll({
  58. navSelector : '#page-nav',
  59. nextSelector : '#page-nav a',
  60. itemSelector : '#space',
  61. },
  62.  
  63. function( newElements ){
  64. $(newElements).hide();
  65. setTimeout(function(){
  66. $wall.masonry({ appendedContent: $(newElements) });
  67. },2000);
  68. setTimeout(function(){
  69. $(newElements).fadeIn('slow');
  70. },2100);
  71. },1000);
  72. });
  73. </script>
  74.  
  75.  
  76. <script>
  77. $.fn.imagesLoaded = function(callback){
  78. var elems = this.find('img'),
  79. len = elems.length,
  80. _this = this;
  81. if ( !elems.length ) {
  82. callback.call( this );}
  83. elems.bind('load',function(){
  84. if (--len <= 0){
  85. callback.call( _this );}
  86. }).each(function(){
  87. // cached images don't fire load sometimes, so we reset src.
  88. if (this.complete || this.complete === undefined){
  89. var src = this.src;
  90. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  91. // data uri bypasses webkit log warning (thx doug jones)
  92. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  93. this.src = src;}
  94. });
  95. return this;};
  96. </script>
  97.  
  98. {/block:Indexpage}
  99. <style type="text/css">
  100.  
  101. body{margin:0px; background-color:{color:background}; background-image:url({image:Background});
  102. background-attachment: fixed; background-repeat: repeat; font-family: verdana; font-size: 09px; color:{color:Text};}
  103.  
  104. a:link, a:active, a:visited{color: {color:Link}; text-decoration: none; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
  105.  
  106. a:hover{color:{color:link hover}; text-decoration: none;}
  107.  
  108. #center{position:relative; width:970px; overflow:auto; overflow-y:hidden;}
  109.  
  110. #posts{margin-left: 100px; margin-top:30px; width: 650px;height: auto; margin-bottom: 20px;}
  111.  
  112.  
  113. #space{float: left; width: 300px; padding: 3px; margin: 3px; background-color: {color:post};}
  114.  
  115. #space img{max-width:300px}
  116.  
  117.  
  118. #space:hover .nothing {opacity:0.9; margin-top:0px}
  119.  
  120. .nothing{position:absolute; font-size:9px;text-transform:uppercase; font-family: calibri; letter-spacing: 0px; color:{color:text}; margin-left:0px; opacity:0; height:13px; width: 297px; margin-bottom:0px; margin-top:-10px; background-color:{color:post}; display:inline; border-left:3px solid {color:post}; text-align:center; padding:1px; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; padding-top: 2px; z-index: 999999999999999999999999999999999999999999999999999999; }
  121. .nothing a {color:{color:text}; background-color: {color:post}; text-transform:uppercase; font-style:normal; width: 418px;}
  122. .nothing a:hover {color:; text-transform:uppercase; color:{color:link hover}}
  123.  
  124.  
  125. .permalink{display: block; font: normal 9px Helvetica, Arial, Sans Serif; text-align: right; text-transform: none; padding: 1px;}
  126.  
  127. .permalink a{color:#999;}
  128.  
  129.  
  130.  
  131. .title{font-family: georgia; font-size: 15px; line-height: 12px; color: {color:Title}; font-weight: normal;}
  132.  
  133.  
  134.  
  135. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  136.  
  137. .video embed, .post div.video object {width:300px !important; height:200 !important;}
  138.  
  139. blockquote{padding:0px 0px 2px 3px; margin:0px 0px 2px 1px; border-left: 1px solid {color:background};}
  140.  
  141. {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  142. {/block:ifFadedImages}
  143.  
  144. {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.7s linear; opacity: .7;}
  145. {/block:ifInvertedFade}
  146.  
  147. ::-webkit-scrollbar{width:10px;height:5px;}
  148. ::-webkit-scrollbar-button:start:decrement}
  149. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  150. ::-webkit-scrollbar-track-piece{background-color:{color:scroll bg}; border:4px solid {color:scroll bg}}
  151. ::-webkit-scrollbar-thumb:vertical{height:100px; background-color:{color:scroll}; border:4px solid {color:scroll bg}}
  152. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scroll}; border:4px solid {color:scroll bg}}
  153.  
  154.  
  155. #sidebar2 {position:fixed; float: justify; z-index:2; left:727px; top:200px; padding-top:70px; padding: 1px; text-align: justify; width: auto; height: auto; background-color: transparent}
  156.  
  157. #sidebar {position:fixed; float: justify; z-index:2; left:725px; top:200px; padding-top:70px; padding: 1px; text-align: justify; width: auto; height: auto; background-color: transparent}
  158.  
  159. .ps {margin-left:120px; margin-top: -32px; font-family:calibri; width:18px; height:14px; text-align: center; font-size: 10px; font-style:none; text-transform: uppercase; background-color:{color:sidebar};}
  160. .ps a{font-size: 10px; font-style:none; background-color: transparent; color: {color:text}; text-transform: uppercase}
  161.  
  162. .ps2 {margin-top:-32px;font-family:calibri; width:18px; height:14px; text-align: center; font-size: 10px; font-style:none; text-transform: uppercase; background-color:{color:sidebar};}
  163. .ps2 a{font-size: 10px; font-style:none; background-color: transparent; color: {color:text}; text-transform: uppercase}
  164.  
  165. .tititica3 {color:{color:text}; background-color:{color:background}; height:13px; font-size:10px; width: 132px; font-family:calibri; text-align:center; font-style:none;letter-spacing:0px; margin-top:-19px; margin-left: 2px; position: absolute; line-height:100%; text-transform: lowercase; padding:2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; border-top:3px solid {color:sidebar}}
  166.  
  167.  
  168. #sdescri {text-align: justify; overflow: hidden; font-size: 14px; font-family: verdana; position: fixed; margin-left:0px; width: auto; height:auto; background-color: {color:sidebar}; margin-top:0px; background-attachment: fixed; padding:3px; border-left:2px solid {color:background}}
  169.  
  170.  
  171.  
  172. #sdescri img{width: 130px; height:160px; margin-left:0px; margin-top: 0px;
  173. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
  174.  
  175. #title {background-color: {color:sidebar};position:fixed;width:100px; height:13; font-size:12px; font-family: georgia; text-align:center; color:{color:text links}; font-style:normal; padding: 5px; margin-top: 160px;margin-left: 728px; transition: all .5s ease-in-out!important; -webkit-transition: all .5s ease-in-out!important;line-height: 13px;}
  176. #title:hover {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; opacity: 0.8; text-shadow: -2px 0px #E86060, 2px 0px #54d2cb;}
  177.  
  178.  
  179. #rafits {width:120px; height: auto; float: left; margin-left:2px; margin-top:166px; padding: 0px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; background-color: transparent; position: absolute; opacity:1;}
  180.  
  181. #rafits:hover{opacity: 1;}
  182.  
  183. .rafits1 { margin-left: 0px; margin-top:0px;}
  184. .rafits1 a {float: left; font-family:calibri; font-style:none; font-size: 09px; text-align: right; height: 08px; border-top:1px solid {color:background}; width: 132px; background-color: {color:sidebar}; color:{color:text};-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; letter-spacing: 0px; opacity:1; text-transform: uppercase; padding: 2px; line-height: 07px;}
  185.  
  186. .rafits1 a:hover{-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; color: {color:link hover}; letter-spacing:2px;}
  187.  
  188.  
  189.  
  190. #tumblr_controls{position: fixed!important}
  191. #tumblr_controls{position: fixed!important}
  192. #tumblr_controls{position: fixed!important}
  193. #tumblr_controls{position: fixed!important}
  194.  
  195. iframe#tumblr_controls {
  196. position: fixed !important;
  197. top: 0 !important;
  198. right: 0 !important;
  199. opacity: 1.0 !important;
  200. -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;
  201. }
  202.  
  203.  
  204. iframe#tumblr_controls:hover {
  205. position: fixed !important;
  206. top: 0 !important;
  207. right: 0 !important;
  208. opacity: 1.0 !important;
  209. -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;
  210. }
  211.  
  212.  
  213. </style>
  214.  
  215. <link rel="shortcut icon" href="{Favicon}">
  216. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  217. <meta name="viewport" content="width=820" />
  218. </head>
  219.  
  220. <body>
  221.  
  222. <div id="title">{text:titulo}</div></div>
  223.  
  224.  
  225. <div id="sidebar">
  226.  
  227. <div class="tititica3">{text:frase}
  228. </div>
  229.  
  230. <div id="sdescri"><img src="{image:sidebar}"/>
  231. </div>
  232.  
  233. <div id="rafits">
  234. <div class="rafits1">
  235. <a href="{text:link1}">{text:link1 title}</a>
  236. <a href="{text:link2}">{text:link2 title}</a>
  237. <a href="{text:link3}">{text:link3 title}</a>
  238. <a href="{text:link4}">{text:link4 title}</a>
  239. <a href="{text:link5}">{text:link5 title}</a>
  240. <a href="{text:link6}">{text:link6 title}</a>
  241.  
  242. </div>
  243. </div>
  244.  
  245. {block:NextPage}<div class="ps"><a href="{NextPage}">+</a>{/block:NextPage}</div>
  246. </div>
  247. <div id="sidebar2">{block:PreviousPage}<div class="ps2"><a href="{PreviousPage}">-</a>{/block:PreviousPage}</div></div>
  248.  
  249. <div id="center">
  250.  
  251.  
  252. <div id="posts">
  253. {block:Posts}
  254. <div id="space">
  255.  
  256. {block:Text}
  257. <span class="nothing">
  258. {block:Date}{DayOfMonth}.{MonthNumber}.{Year}{/block:Date}, <a href="{Permalink}">{TimeAgo}</a> + <a href="{ReblogURL}" target="_blank">reblog this fuck</a> + <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}[<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>]{/block:RebloggedFrom}
  259. </span>
  260. {block:Title}<span class="title">{Title}</span>{/block:Title}
  261. <span class="entrytext">{Body}</span>
  262. {/block:Text}
  263.  
  264. {block:Answer}
  265. <span class="nothing">
  266. {block:Date}{DayOfMonth}.{MonthNumber}.{Year}{/block:Date}, <a href="{Permalink}">{TimeAgo}</a> + <a href="{ReblogURL}" target="_blank">reblog this fuck</a> + <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}[<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>]{/block:RebloggedFrom}
  267. </span>
  268. <div style="background-color:{color:background}; padding: 4px; {block:IndexPage}width: 292px;{/block:IndexPage}{block:PermalinkPage}width:492px;{/block:PermalinkPage}"><b>{Asker}</b>: {Question}</div>
  269. <div style="padding-left: 4px;">{Answer}</div>
  270. {/block:Answer}
  271.  
  272. {block:Link}
  273. <span class="nothing">
  274. {block:Date}{DayOfMonth}.{MonthNumber}.{Year}{/block:Date}, <a href="{Permalink}">{TimeAgo}</a> + <a href="{ReblogURL}" target="_blank">reblog this fuck</a> + <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}[<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>]{/block:RebloggedFrom}
  275. </span>
  276. <a href="{URL}" class="title">{Name}</a>
  277. {block:Description}{Description}{/block:Description}
  278. {block:Link}
  279.  
  280. {block:Photo}
  281. <span class="nothing">
  282. {block:Date}{DayOfMonth}.{MonthNumber}.{Year}{/block:Date}, <a href="{Permalink}">{TimeAgo}</a> + <a href="{ReblogURL}" target="_blank">reblog this fuck</a> + <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}[<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>]{/block:RebloggedFrom}
  283. </span>
  284. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px/></a>
  285. {/block:Photo}
  286.  
  287. {block:Photoset}
  288. <span class="nothing">
  289. {block:Date}{DayOfMonth}.{MonthNumber}.{Year}{/block:Date}, <a href="{Permalink}">{TimeAgo}</a> + <a href="{ReblogURL}" target="_blank">reblog this fuck</a> + <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}[<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>]{/block:RebloggedFrom}
  290. </span>
  291. <center><div style="padding-top: 10px; padding-bottom: 10px; background-color:{color:post};">{Photoset-250}</div></center>
  292. {/block:Photoset}
  293.  
  294. {block:Quote}
  295. <span class="nothing">
  296. {block:Date}{DayOfMonth}.{MonthNumber}.{Year}{/block:Date}, <a href="{Permalink}">{TimeAgo}</a> + <a href="{ReblogURL}" target="_blank">reblog this fuck</a> + <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}[<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>]{/block:RebloggedFrom}
  297. </span>
  298. <div style="background-color:{color:post}; padding: 4px;"><center>"{Quote}"</center><div style="text-align:right; font-weight: bold; border-top:1px solid {color:background}">{block:Source}— {Source}{/block:Source}</div></div>
  299. {/block:Quote}
  300.  
  301. {block:Chat}
  302. <span class="nothing">
  303. {block:Date}{DayOfMonth}.{MonthNumber}.{Year}{/block:Date}, <a href="{Permalink}">{TimeAgo}</a> + <a href="{ReblogURL}" target="_blank">reblog this fuck</a> + <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}[<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>]{/block:RebloggedFrom}
  304. </span>
  305. {block:Title}<span class="title">{Title}</span>{/block:Title}
  306. <ul class="chat">
  307. {block:Lines}
  308. <li class="user_{UserNumber}">
  309. {block:Label}
  310. <span class="label">{Label}</span>
  311. {/block:Label}
  312.  
  313. {Line}
  314. </li>
  315. {/block:Lines}
  316. </ul>
  317. {/block:Chat}
  318.  
  319. {block:Audio}
  320. <span class="nothing">
  321. {block:Date}{DayOfMonth}.{MonthNumber}.{Year}{/block:Date}, <a href="{Permalink}">{TimeAgo}</a> + <a href="{ReblogURL}" target="_blank">reblog this fuck</a> + <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}[<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>]{/block:RebloggedFrom}
  322. </span>
  323. <div style="background-color:#000; width: 300px;"><div style="width:300px; height:27px;">{AudioPlayerBlack}</div></div>
  324. {/block:Audio}
  325.  
  326. {block:Video}
  327. <span class="nothing">
  328. {block:Date}{DayOfMonth}.{MonthNumber}.{Year}{/block:Date}, <a href="{Permalink}">{TimeAgo}</a> + <a href="{ReblogURL}" target="_blank">reblog this fuck</a> + <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}[<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>]{/block:RebloggedFrom}
  329. </span>
  330. {block:IndexPage}{Video-250}{/block:IndexPage}
  331. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  332. {block:Video}
  333.  
  334.  
  335. {block:PostNotes}{PostNotes}
  336. {/block:PostNotes}</div>
  337. {/block:Posts}
  338.  
  339. </div>
  340. </div>
  341. </div>
  342. <div style="font-size: 10px; font-family:calibri;position:fixed;bottom:5px;right:5px; color:{color:text}">
  343. <a href="http://esb0rnia.tumblr.com/" title="base s-pook" >THEME BY</a>
  344. </center></div>
  345.  
  346. </script>
  347. </body>
  348. </html>
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!