Advertisement
me-god-you

Luar Theme

Jun 19th, 2012
1,412
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.76 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4.  
  5.  
  6. <!--
  7.  
  8. Theme por neilAlbertina (me-god-you.tumblr.com)
  9. Theme Base xantheose
  10.  
  11.  
  12.  
  13. Por favor não remover os créditos.
  14.  
  15.  
  16.  
  17. -->
  18.  
  19.  
  20.  
  21. <html lang="en">
  22. <head>
  23.  
  24. <meta name="if:Repeat background image" content="0"/>
  25. <meta name="if:Endless Scrolling" content="1"/>
  26.  
  27.  
  28. <meta name="font:Post title" content="Garamond"/>
  29. <meta name="font:Body" content="Garamond"/>
  30.  
  31. <meta name="color:Background" content="#FFFFFF"/>
  32. <meta name="color:Title" content="#000000"/>
  33. <meta name="color:Post title" content="#363636"/>
  34. <meta name="color:Text" content="#000000"/>
  35. <meta name="color:Link" content="#636363"/>
  36. <meta name="color:Hover" content="#000000"/>
  37. <meta name="color:Chat" content="#F5F5F5"/>
  38.  
  39. <meta name="text:Title font size" content="30"/>
  40. <meta name="text:Post title font size" content="16"/>
  41. <meta name="text:Body font size" content="11"/>
  42.  
  43. <meta name="image:Background" content=""/>
  44. <meta name=”image:Header” content=”“/>
  45.  
  46.  
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  49.  
  50. {PostSummary} - {/block:PostSummary}{Title}</title>
  51.  
  52. <style type="text/css">
  53.  
  54. <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script> <script type=”text/javascript” src=”http://static.tumblr.com/f2ophqd/nNrm048my/top.txt”></script>
  55.  
  56. iframe#tumblr_controls{
  57. top: 1px !important;
  58. margin: 0 0 0 0;
  59. right: 6px !important;
  60. position: fixed !important;
  61. }
  62.  
  63. body {
  64. margin:1px;
  65. background-color:{color:Background};
  66. background-image:url({image:Background});
  67. background-attachment:fixed;
  68. background-repeat: no-repeat;
  69. background-position:right;
  70. {block:IfRepeatBackgroundImage}
  71. background-repeat:repeat;
  72. {/block:IfRepeatBackgroundImage}
  73. font-size:{text:Body font size}px;
  74. font-family:{font:Body};
  75. line-height:16px;
  76. color:{color:Text};
  77. }
  78.  
  79. a:link, a:active, a:visited{color:{color:Link}; text-decoration: none;}
  80.  
  81. a:hover{color:{color:Hover};}
  82.  
  83. ::-webkit-scrollbar-thumb:vertical {
  84. background-color:#000000;
  85. height:100px;
  86. }
  87.  
  88. ::-webkit-scrollbar-thumb:horizontal{
  89. background-color:#000000;
  90. height:10px;
  91. }
  92.  
  93. ::-webkit-scrollbar{
  94. height:10px;
  95. width:8px;
  96. background-color:#f5f8fa;
  97. }
  98.  
  99.  
  100.  
  101. @font-face {
  102.  
  103. font-family:basket;
  104.  
  105. src: url('http://static.tumblr.com/ejm8w78/vsylviai8/zebra_01-49-58.ttf');
  106.  
  107. }
  108.  
  109.  
  110. div#content{
  111. margin-top:20px;
  112. margin-left:180px;
  113. {block:IndexPage}
  114. width:810px;
  115. {block:IndexPage}
  116. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  117. }
  118.  
  119.  
  120. .title{
  121. font-family:basket;
  122. font-size: {text:title font size}px;
  123. color:{color:Title};
  124. padding-bottom:20px;
  125. {block:IfItalictitle}font-style:italic;{/block:IfItalictitle}
  126.  
  127. }
  128.  
  129. div#side{position:center; padding:20px;}
  130.  
  131. .portrait{padding-bottom:20px;}
  132.  
  133. .info{padding-top:20px;}
  134.  
  135. a.nav{
  136. display:center;
  137. line-height:10px;
  138. font-size:12px;
  139. font-family:{font:body};
  140. text-decoration:nony;
  141. }
  142.  
  143. .post_title{
  144. font-family:{font:Post title};
  145. font-size:{text:Post title font size}px;
  146. color:{color:Post title};
  147. line-height:24px;
  148. }
  149.  
  150. .entry{
  151. position: relative;
  152. overflow:hidden;
  153. {block:IndexPage}
  154. width:350px;
  155. float:left;
  156. margin:10px;
  157. {/block:IndexPage}
  158. {block:PermalinkPage}
  159. width:500px;
  160. margin:auto;
  161. {/block:PermalinkPage}
  162. }
  163.  
  164. .entry img{
  165. {block:IndexPage}
  166. max-width:350px;
  167. {/block:IndexPage}
  168. {block:PermalinkPage}
  169. max-width:500px;
  170. {/block:PermalinkPage}
  171. }
  172.  
  173. .asker{padding-bottom:10px; line-height:10px; font-size:12px;}
  174.  
  175. blockquote{
  176. padding:0px 0px 0px 5px;
  177. margin:0px 0px 2px 1px;
  178. border-left: 1px solid {color:Text};
  179. }
  180.  
  181. .permalink{
  182. font-size:10px;
  183. font-family:{font:body};
  184. opacity:0.6;
  185. filter: alpha(opacity = 60);
  186. }
  187.  
  188. .borda {border:-webkit-border-radius: 20px;
  189. -moz-border-radius: 20px;
  190. border-radius: 20px;}
  191.  
  192. .entry:hover .permalink{opacity: 1; filter: alpha(opacity = 100);}
  193.  
  194. .photo_p{
  195. background:#000;
  196. position: absolute;
  197. top:0px;
  198. left:0px;
  199. height: 100%;
  200. width: 100%;
  201. opacity: 0;
  202. filter:alpha(opacity=0);
  203. -moz-transition: all 0.3s;
  204. -webkit-transition: all 0.3s;
  205. -o-transition: all 0.3s;
  206. transition: all 0.3;
  207. }
  208.  
  209. .entry:hover .photo_p{
  210. opacity: 0.7;
  211. filter:alpha(opacity=0.9);
  212. -moz-transition: all 0.3s;
  213. -webkit-transition: all 0.3s;
  214. -o-transition: all 0.3s;
  215. transition: all 0.3;
  216. }
  217.  
  218. .photobar{height:100%; width:100%;}
  219.  
  220. .caption{
  221. text-align:left;
  222. padding:20px;
  223. width:100%;
  224. color:#fff;
  225. overflow:hidden;
  226. }
  227.  
  228. .caption a{color:#FFF; text-decoration:underline;}
  229.  
  230. .caption blockquote{
  231. padding:0px 0px 0px 5px;
  232. margin:0px 0px 2px 1px;
  233. border-left: 1px solid #FFF;
  234. }
  235.  
  236. .q{
  237. margin-left:20px;
  238. margin-top:-15px;
  239. font-family:{font:Post Title};
  240. font-size:{text:Post title font size}px;
  241. color:{color:Post title};
  242. line-height:24px;
  243. }
  244.  
  245. .quote{
  246. position:relative;
  247. top:55px;
  248. font-size:83px;
  249. opacity:0.2;
  250. filter: alpha(opacity = 20);
  251. }
  252.  
  253. .source{
  254. font-size:12px;
  255. margin-left:35px;
  256. }
  257.  
  258.  
  259. div#chat li {
  260. padding: 4px;
  261. background-color:{color:Chat};
  262. margin-top: 2px;
  263. }
  264.  
  265. div#chat ul{
  266. {block:IndexPage}
  267. width:350px;
  268. {/block:IndexPage}
  269. {block:PermalinkPage}
  270. width:500px;
  271. {/block:PermalinkPage}
  272. list-style: none;
  273. padding: 0px;
  274. margin-top:5px;
  275. margin-bottom:10px;
  276. text-align: left;
  277. }
  278.  
  279.  
  280.  
  281.  
  282.  
  283. .lalala{
  284. background-color:#E4E4E4;
  285. height:27px;
  286. {block:IndexPage}
  287. width:350px;
  288. {/block:IndexPage}
  289. {block:PermalinkPage}
  290. width:500px;
  291. {/block:PermalinkPage}
  292. overflow:hidden;
  293. }
  294.  
  295. div#postnotes{width:500px; margin-top:10px;}
  296.  
  297. ol.notes {
  298. padding: 0px;
  299. margin: 25px 0px;
  300. list-style-type: none;
  301. border-bottom: solid 1px {color:text};
  302. font-size:10px;
  303. }
  304.  
  305. ol.notes li.note {
  306. border-top: solid 1px {color:text};
  307. padding: 5px;
  308. font-size:10px;
  309. }
  310.  
  311. ol.notes li.note img.avatar {
  312. vertical-align: -4px;
  313. margin-right: 10px;
  314. width: 16px;
  315. height: 16px;
  316. }
  317.  
  318. ol.notes li.note span.action {
  319. font-weight: normal;
  320. font-size:10px;
  321. }
  322.  
  323. ol.notes li.note .answer_content {
  324. font-weight: normal;
  325. font-size:10px;
  326. }
  327.  
  328. ol.notes li.note blockquote {
  329. border-color: {color:text};
  330. padding: 4px 10px;
  331. margin: 10px 0px 0px 25px;
  332. font-size:10px;
  333. }
  334.  
  335. ol.notes li.note blockquote a {
  336. text-decoration: none;
  337. font-size:10px;
  338. }
  339.  
  340. div#page{
  341. padding:10px 20px 10px 0px;
  342. {block:IfEndlessScrolling}display:none;{/block:IfEndlessScrolling}
  343. }
  344.  
  345. div#page a{
  346. color:{color:title};
  347. font-family:Arial;
  348. font-size:12px;
  349. }
  350.  
  351.  
  352. .giroht{ -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition-duration: 1.20s; width:64px;}
  353.  
  354. .giroht:hover{-webkit-transform: rotate(360deg);}
  355.  
  356.  
  357.  
  358. {CustomCSS}
  359. </style>
  360.  
  361. <link rel="shortcut icon" href="{Favicon}">
  362. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  363. <meta name="viewport" content="width=820" />
  364.  
  365. {block:IndexPage}
  366.  
  367. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  368.  
  369. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  370.  
  371. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  372.  
  373. <script type="text/javascript">
  374. $(window).load(function(){
  375. var $wall = $('#content');
  376. $wall.imagesLoaded(function(){
  377. $wall.masonry({
  378. itemSelector: '.entry',
  379. isAnimated : true
  380. });
  381. });
  382. $wall.infinitescroll({
  383. navSelector : "div#navigation",
  384. nextSelector : "div#navigation a#nextPage",
  385. itemSelector : '.entry',
  386. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  387. loadingText : " ",
  388. donetext : " ",
  389. extraScrollPx : 9000,
  390. bufferPx : 10000,
  391. debug : false,
  392. errorCallback: function() {
  393. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  394. }},
  395. function( newElements ) {
  396. var $newElems = $( newElements );
  397. $newElems.hide();
  398. $newElems.imagesLoaded(function(){
  399. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  400. });
  401. }); $('#content').show(500);
  402. });
  403. </script>
  404.  
  405. {/block:IndexPage}
  406.  
  407.  
  408. {block:IfEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScroll}
  409. <script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script>
  410. <script src="http://yourjavascript.com/60103161822/fely.cufonfonts.js" type="text/javascript"></script>
  411. <script type="text/javascript">
  412. Cufon.replace('.cufon');
  413. </script>
  414. </head>
  415.  
  416.  
  417. <body>
  418.  
  419.  
  420.  
  421. <div id="side">
  422. <center>{block:ifheaderimage}<a href=”/”><img src=”{image:header}”></a><p>{/block:ifheaderimage}</center>
  423.  
  424. <center><div class="title"><a href="/">{Title}</a></div></center>
  425.  
  426. <center><a href="/" class="nav">Home</a>
  427. {block:AskEnabled}<a href="/ask"class="nav">Ask</a>{/block:AskEnabled}
  428. {block:HasPages}{block:Pages} <a href="{URL}" class="nav">{Label}</A>{/block:Pages}{/block:HasPages}
  429. <a href="http://albertines.tumblr.com/" class="nav" target="_blank">Themes</a>
  430. </center>
  431. <center>
  432. <div class="info">{description}</div>
  433. {block:Pagination}<div id="page">{block:PreviousPage}<a href="{PreviousPage}">&laquo; / </a>{/block:PreviousPage}{block:nextPage}<a href="{nextPage}">&raquo;</a>{/block:nextPage}</div>{/block:Pagination}
  434. </div></center>
  435. </br>
  436.  
  437. <div id="content">
  438.  
  439. {block:ContentSource}
  440. <a href=”{SourceURL}” target=”_blank”>source</a>
  441. {/block:ContentSource}
  442. {block:RebloggedFrom}
  443. <a href=”{ReblogParentURL}” target=”_blank”>via</a>
  444. {/block:RebloggedFrom}
  445. <div class=”posts”>
  446.  
  447. {block:Posts}
  448. {block:Text}
  449. <div class="entry">
  450. {block:Title}<span class="post_title">{Title}</span><p>{/block:Title}
  451. {Body}
  452. {block:IndexPage}<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> - <span class="reblog-liuc"><a href="{ReblogURL}" target="_blank">Reblog</a> </span>{/block:IndexPage}
  453. </div>
  454. {/block:Text}
  455.  
  456. {block:Photo}
  457. <div class="entry">
  458. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  459. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  460. {block:IndexPage}
  461. <div class="photo_p"><table class="photobar"><tr><td></td></tr>
  462. <tr><td class="caption">{block:Caption}{Caption}{/block:Caption}</span>
  463. <tr><td></td></tr></table></div>
  464. {/block:IndexPage}
  465. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"
  466. {block:IndexPage}width="350"{/block:IndexPage}
  467. {block:PermalinkPage}width="500"{/block:PermalinkPage} />
  468. {block:IndexPage}</a>{/block:IndexPage}
  469. {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  470. {/block:PermalinkPage}
  471.  
  472. </div>
  473. {/block:Photo}
  474.  
  475. {block:Photoset}
  476. <div class="entry">
  477. {block:IndexPage}{/block:IndexPage}
  478. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  479. {block:Caption}{Caption}{/block:Caption}
  480. <br>
  481. {block:IndexPage}<span class="permalink"><a href="{Permalink}">Added at {12Hour}:{Minutes}{AmPm}</a> &#8212; <a href="{Permalink}">{NoteCountWithLabel}</a> - <span class="reblog-liuc"><a href="{ReblogURL}" target="_blank">Reblog</a></span>{/block:IndexPage}
  482. </div>
  483. {/block:Photoset}
  484.  
  485. {block:Quote}
  486. <div class="entry">
  487. <span class="quote">&#10077;</span><div class="q">{Quote}</div>
  488. {block:Source}<div class="source"><p>&#8212; {Source}</p></div>{/block:Source}
  489. {block:IndexPage}<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> - <span class="reblog-liuc"><a href="{ReblogURL}" target="_blank">Reblog</a></span>{/block:IndexPage}
  490.  
  491. </div>
  492. {/block:Quote}
  493.  
  494. {block:Chat}
  495. <div class="entry">
  496. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  497. <div id="chat">
  498. <ul>{block:Lines}<li>
  499. {block:Label}<b>{Label}</b>{/block:Label}
  500. {Line}
  501. </li>{/block:Lines}</ul>
  502. </div>
  503. {block:IndexPage}<span class="permalink"> <a href="{Permalink}">{NoteCountWithLabel}</a> - <span class="reblog-liuc"><a href="{ReblogURL}" target="_blank">Reblog</a></span>{/block:IndexPage}
  504. </div>
  505. {/block:Chat}
  506.  
  507. {block:Link}
  508. <div class="entry">
  509. <span class="post_title"><a href="{URL}">{Name} &#8600;</span></a><p>
  510. {block:Description}{Description}{/block:Description}
  511. {block:IndexPage}<span class="permalink"> <a href="{Permalink}">{NoteCountWithLabel}</a> - <span class="reblog-liuc"><a href="{ReblogURL}" target="_blank">Reblog</a></span>{/block:IndexPage}
  512. </div>
  513. {/block:Link}
  514.  
  515. {block:Audio}
  516. <div class="entry">
  517. <center>
  518. {block:AlbumArt}<img src="{AlbumArtURL}" alt="" width="180"/><p>{/block:AlbumArt}</center>
  519. <div class="lalala">{AudioPlayerGrey}</div>
  520. {block:Caption}{Caption}
  521. {PlayCount} listens {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}<p>
  522. {block:IndexPage}<span class="permalink"> <a href="{Permalink}">{NoteCountWithLabel}</a> - <span class="reblog-liuc"><a href="{ReblogURL}" target="_blank">Reblog</a></span>{/block:IndexPage}
  523. </div>
  524. {/block:Audio}
  525.  
  526. {block:Video}
  527. <div class="entry">
  528. {block:IndexPage}{/block:IndexPage}
  529. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  530. {block:Caption}{Caption}{/block:Caption}
  531. <p>
  532. {block:IndexPage}<span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> - <span class="reblog-liuc"><a href="{ReblogURL}" target="_blank">Reblog</a></span>{/block:IndexPage}
  533. </div>
  534. {/block:Video}
  535.  
  536. <center>{block:Answer}
  537. <div class="entry">
  538. <div class="asker">{Asker} falou: {Question}</div>
  539. <div style="border-top:1px solid {color:text};">{Answer}<p></div>
  540. {block:IndexPage}<span class="permalink"> <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:IndexPage}
  541. </div>
  542. {/block:Answer}</center>
  543.  
  544. {block:PostNotes}
  545. <div id="postnotes">
  546. Posted {TimeAgo} with {NoteCountWithLabel}<br>
  547. {block:HasTags}Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}<p>
  548.  
  549. </div>
  550. {PostNotes}
  551. {/block:PostNotes}
  552.  
  553. {/block:posts}
  554.  
  555. {block:IndexPage}
  556. <div class="column navigation" id="navigation">
  557. {block:Pagination}
  558. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  559. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  560. </div>
  561. {/block:IndexPage}
  562.  
  563. </div>
  564.  
  565. <script type="text/javascript"> Cufon.now(); </script>
  566.  
  567. <div style="position:fixed; bottom:10px; right:2px; font-size:14px;"><a href="http://me-god-you.tumblr.com/" title="theme from me-god-you" target='_blank'>theme</a></div> </div>
  568. </body>
  569.  
  570. <!--
  571.  
  572. Theme por neilAlbertina (me-god-you.tumblr.com)
  573.  
  574. -->
  575.  
  576. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement