Advertisement
me-god-you

Theme Cair Paravel

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