Advertisement
Marlivia

20 {lívia} - marlívia tumblr

Oct 7th, 2012
5,169
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Make 9.42 KB | None | 0 0
  1. <!-- Proibida: venda, disponibilização do código, hospedagem do código em outro servidor e remoção dos créditos.
  2. Theme desenvolvido por: Marlívia
  3. Data de criação: 06.10
  4. -->
  5. <html>
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}"/>
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  11. <style type="text/css">
  12. /* reset */
  13. *{margin:0;padding:0;border:none;text-decoration:none;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;}
  14.  
  15.  
  16. /* básic */
  17. html,body{font-family: consolas; color:{color:text color};background-color:{color:page background};line-height:21px;text-align:justify;font-size:12px;}
  18.  
  19. /* formatações diversas */
  20. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height:auto;}
  21. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar};height:10px !important;}
  22. ::-webkit-scrollbar {height:7px; width:6px; background-color:{color:scrollbg};}
  23. ::-moz-selection {background-color:{color:scrollbg}; color: {color:scrollbar};}
  24. ::selection {background-color:{color:scrollbg}; color: {color:scrollbar};}
  25. b,strong{font-weight:bold;}ime,{font-style:italic;}
  26. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  27. a:hover,a.link2{transition: all 0.5s ease-out;-o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;color:{color:link hover};}
  28. big{position:absolute;opacity:0.4;font-size:40px;margin-top:15px;}
  29. blockquote {padding:0px; padding-left:10px; border-left:4px solid {color:borda}}
  30. ul{margin:0 0 0 2em;}
  31. ul li{list-style:disc;}
  32. .caption,.source{margin-top:5px;}
  33. h1:first-letter{font-size:18px;font-style:italic;font-family:cambria;}
  34.  
  35. /* page content side */
  36. #page{width:850px;margin:0 auto;}
  37. .blog{padding:5px;margin-bottom:1px;background-color:{color:posts background};display:block;}
  38. .blog h2{font-size:14px;text-align:center;}
  39. .blog h2:first-letter{font-style:italic;font-size:17px;font-family:cambria;}
  40.  
  41. img.hes{display:block;width:96%;padding:5px;background-color:{color:posts background};}
  42. .blog #eu{text-align:justify;display:block;}
  43. .mars{margin-top:1px;margin-bottom:1px;background-color:{color:posts background};display:block;text-align:center;}
  44.  
  45. ol.notes{padding:0;list-style:none;margin:7px 0 4px 0;}
  46. ol.notes li{display:block;padding:3px;margin-bottom:2px;}
  47. ol.notes li img{vertical-align:middle;}
  48.  
  49. #side{position:fixed;margin:9px 0 0 560px;float:right;width:250px;}
  50. a.title,a.link{margin-bottom:3px;display:block;font-size:16px;display:block;}
  51. #posts{float:left;width:550px;margin:7px 0 10px 0;}
  52. .entry{margin-top:1px;margin-right:2px;margin-bottom:2px;overflow:hidden; background-color:{color:posts background};width: 250px;height: auto;{block:PermalinkPage}width: 548px;height: auto; {/block:PermalinkPage}float:left;padding:5px; transition: all 0.5s ease-out;-o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  53. img.rebl{width:250px;{block:PermalinkPage}width: 548px; {/block:PermalinkPage}}
  54. .bubble {align:right;background-color:{color:question background}; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  55. .bubble p {margin:1px 0px;}
  56. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:question background}}
  57. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: {color:question background}}
  58.  
  59. #meta{transition: all 0.5s ease-out;-o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;clear:both;display:block;margin:12px 0 4px 0;font-size:10px;
  60. text-transform:uppercase;}
  61.  
  62. #credito{opacity:0.4;position:fixed;z-index:99;margin-left:580px;bottom:7px;transition: all 0.5s ease-out;-o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  63. #credito:hover{margin-left:589px;bottom:18px;opacity:1;transition: all 0.5s ease-out;-o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  64. .livinha{display:block;background-color:{color:posts background};padding:5px;width:140px;font-size:10px;}
  65.  
  66. /* importante */
  67. </style>
  68.     <meta name="color:link" content="#222" />
  69.     <meta name="color:link hover" content="#F26B90" />
  70.  
  71. <meta name="color:scrollbar" content="#bbb" />
  72. <meta name="color:scrollbg" content="#fff" />
  73. <meta name="color:text color" content="#707070"/>
  74. <meta name="color:posts background" content="#ffffff"/>
  75. <meta name="color:page background" content="#F9F9F9"/>    
  76. <meta name="color:question background" content="#F9F9F9"/>    
  77. <meta name="color:borda" content="#f2f2f2"/>    
  78.  
  79.  
  80. <meta name="image:sidebar" content="http://25.media.tumblr.com/tumblr_mbibdkCico1ru9tr1o1_500.png"/>
  81. <meta name="text:link 1 title" content="">
  82. <meta name="text:link 1 url" content="">
  83. <meta name="text:link 2 title" content="">
  84. <meta name="text:link 2 url" content="">
  85. <meta name="text:link 3 title" content="">
  86. <meta name="text:link 3 url" content="">
  87. <meta name="text:link 4 title" content="">
  88. <meta name="text:link 4 url" content="">
  89. </head><body>
  90. <div id="page">
  91.  
  92. <div id="credito">
  93. <div class="livinha">Credits: Theme by <a href="http://marlivia.tumblr.com/meusthemes" target="_blank">Lívia</a></div></div>
  94.  
  95.  
  96. <div id="side">
  97. <div class="blog"><h2>{title}</h2>
  98. {block:Description}<p id="eu">{Description}</p>{/block:Description}
  99. </div>
  100.  
  101. <a href="/"><img src="{image:sidebar}" class="hes"></a>
  102. <div class="mars">
  103. {block:ifLink1title}<a href="{text:link 1 url}">{text:link 1 title}</a> &#183; {/block:iflink1title}
  104. {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a> &#183; {/block:iflink2title}
  105. {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a> &#183; {/block:iflink3title}
  106. {block:iflink4title}<a href="{text:link 4 url}">{text:link 4 title}</a>
  107. {/block:iflink4title}
  108. </div>
  109. </div>
  110.  
  111.  
  112.  
  113.  
  114. <div id="posts">
  115. {block:Posts}<div class="entry">{block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div><br>{Answer}{/block:Answer}
  116. {block:Text}  {block:Title} <a href="{Permalink}" class="title">{Title}</a> {/block:Title}  {Body}  {/block:Text}  {block:Photo}  <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="rebl"/> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption}  {/block:Photo}  {block:Photoset} {block:indexpage}{Photoset-250}{/block:indexpage} {block:permalinkpage}{Photoset-500}{/block:permalinkpage}  {block:Caption} <div class="caption">{Caption}</div> {/block:Caption}  {/block:Photoset}  {block:Quote}  <big></big><h1>{Quote}</h1>  {block:Source} <div class="source">{Source}</div> {/block:Source}  {/block:Quote}  {block:Link}  <a href="{URL}" class="link" target="_blank">{Name}</a>  {block:Description} <div class="description">{Description}</div> {/block:Description}  {/block:Link}  {block:Chat}  {block:Title} <a href="{Permalink}" class="title">{Title}</a> {/block:Title}   {block:Lines} <div style="background-color:{color:page background};padding:4;line-height:17px;margin-bottom:1px;"> {block:Label} <span class="label">{Label}</span> {/block:Label}  {Line} </div> {/block:Lines}   {/block:Chat}  {block:Video}  {block:indexpage}{Video-250}{/block:indexpage} {block:permalinkpage}{Video-500}{/block:permalinkpage} {block:Caption} <div class="caption">{Caption}</div> {/block:Caption}  {/block:Video}  {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="55px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  117. {block:date}
  118. <div id="meta"><a href="{Permalink}">{TimeAgo}</a> - {NoteCountWithLabel}
  119. {block:RebloggedFrom}<br> via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} &#183; origin <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  120. <br><a href="{ReblogURL}" target="_blank" class="link2">Reblog this</a>
  121. </div> {/block:date}
  122. {block:PostNotes}{PostNotes}{/block:PostNotes}
  123.  
  124. </div>
  125. {/block:posts}</div>
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138. <!-- end posts -->
  139. {block:indexpage}
  140. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  141. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  142. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  143. <script type="text/javascript">
  144. $(window).load(function(){
  145. var $wall = $('#posts');
  146. $wall.imagesLoaded(function(){
  147. $wall.masonry({
  148. itemSelector: '.entry',
  149. isAnimated : false
  150. });
  151. });
  152.  
  153. $wall.infinitescroll({
  154. navSelector : '#page-nav',
  155. nextSelector : '#page-nav a',
  156. itemSelector : '.entry',
  157. bufferPx : 2000,
  158. debug : false,
  159. errorCallback: function() {
  160. $('#infscr-loading').fadeOut('normal');
  161. }},
  162. function( newElements ) {
  163. var $newElems = $( newElements );
  164. $newElems.hide();
  165. $newElems.imagesLoaded(function(){
  166. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  167. });
  168. }); $('#posts').show(700);
  169. });
  170. </script>
  171. {/block:indexpage}
  172. </div>
  173. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement