API tools faq
paste
nevesrwill

TEMA 02

nevesrwill
Apr 27th, 2013
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.20 KB | None | 0 0
raw download clone embed print report
  1. <html><head><title>{title}</title>
  2.  
  3.         <!--- TEMA POR REESQUECIDO, JAMAIS TIRE OS CRÉDITOS --->
  4.  
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel|Bad+Script|Allura' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Sarina|Josefin+Slab|Milonga|Herr+Von+Muellerhoff' rel='stylesheet' type='text/css'>
  9. <meta name="color:rolagem" content="#ddd">
  10. <meta name="color:backgroundtheme" content="#fff"/>
  11. <meta name="color:letras" content="#666"/>
  12. <meta name="color:caixa" content="#fff"/>
  13. <meta name="color:links" content="#666"/>
  14. <meta name="color:detalhes" content="#eee"/>
  15. <meta name="image:background" content=""/>
  16. <meta name="image:sidebar" content="http://25.media.tumblr.com/1e7e30503972fe12a636a53b0affbd27/tumblr_mi026xLe3N1rbmgvso1_1280.jpg"/>
  17. <meta name="text:Link1" content="link" />
  18. <meta name="text:Link1 Title" content="link1" />
  19. <meta name="text:Link2" content="Link" />
  20. <meta name="text:Link2 Title" content="link2" />
  21. <meta name="text:Link3" content="link" />
  22. <meta name="text:Link3 Title" content="link3" />
  23. <meta name="text:Link4" content="Link" />
  24. <meta name="text:Link4 Title" content="link4" />
  25. <meta name="text:Link5" content="Link" />
  26. <meta name="text:Link5 Title" content="link5" />
  27. <meta name="text:Tamanho da fonte" content="10px"/>
  28.  
  29. <style>
  30. /*--- background/fundo ----*/
  31. body {background:{color:backgroundtheme} Url('{image:background}'); color: {color:letras}; font-family:'calibri'; font-size:12px; line-height: 15px; overflow-x:hidden; height:100%; text-align: justify; background-attachment: fixed; background-size: 100% 100%;  background-repeat: repeat;}
  32. a {color:{color:links}; text-decoration:none;}
  33.  
  34. /*--- resolução do tema ---*/
  35. #page {width: auto; margin: 10px auto 10px auto;}
  36. #main {margin-left:45px; margin-top: -15px; width:400px;}
  37. #side {background-color: none; width: 156px; margin-left: 480px; margin-top:150; padding:2px; height: auto; position: fixed;}
  38.  
  39.  /*--menu sidebar ---*/
  40. .menutx {width:160px; background-color: none; text-align:center; font-family:'time new roma'; color: {color:links}; font-size:11px; padding-top:10px;}
  41.  
  42. .ft{border:1px solid; border-color:{color:detalhes};width:160px; overflow:hidden; margin-top:4px; margin-bottom:-8px; margin-left:-9px; position:relative; padding:4px; -webkit-filter: grayscale(0.5); -moz-transition: all 0.8s ease-out; transition: all 0.8 ease-out;-webkit-filter: grayscale(70%);}
  43. .links {width:180px; margin-left:-15px;font-family:'Didact Gothic'; font-size: 8px; text-transform: uppercase; color: {color:links}; text-align:center; letter-spacing: 1px;}
  44. .links a:hover {color:#c3c3c3; text-transform: uppercase;font-size:10px;}
  45.  
  46. /*--- caixa de posts --*/
  47. .box {border:1px solid; border-color: #efeeee; background-color: rgba(255,255,255,0.9); overflow: hidden; float:left; position:relative; margin-top: 15px; {block:indexpage} width: 400px; border-radius:0px;{/block:indexpage}{block:PermalinkPage}width: 400px;{/block:PermalinkPage}padding:2px;}
  48. .box img{max-width: 100%;-webkit-transition: all 0.6s linear; opacity:1.0;-webkit-filter: grayscale(60%);}
  49. .box img:hover { -webkit-filter: grayscale(20%);}
  50.  
  51. /*---- fontes ---*/
  52. .titulo1 {line-height: 15px; margin-top:0px;}
  53. .titulo1 {text-align: justify; color:{color:letras}; font-size:13px; font-family:'time new roma'; font-style:italic; width: auto; margin-top:0px; padding-left:2px;padding-right:2px;padding-top:-8px;}
  54. .titulo2 {padding-left: 5px; text-transform:uppercase; text-align:left; font-family:'tahoma'; font-size:8px; color:{color:letras};}
  55. .titulo3 {text-align:center; font-family: 'time new roma'; font-style:italic; font-size:20px; padding-top: 9px; padding-bottom: 9px;}
  56. .titulo4 {text-transform:uppercase;font-family: 'Didact Gothic', sans-serif;font-size:12px ;color:{color:links}; text-align:right; margin:0px; border-top-right-radius: 0px; border-top-left-radius: 0px; border-top:1px solid {color:detalhes};background-color:{color:caixa}; padding: 8px;}
  57. .titulo5 {width:155px;text-align:center; font-family: 'allura', cursive; font-size:30px; padding-top:25px;}
  58. P.cit:first-letter {font-size:17px; font-family: 'Josefin Slab'; font-style:black;padding-right:1px;}
  59. @font-face {font-family: 'lysik'; src: url('http://static.tumblr.com/qzpui9z/Psym9bq76/lysik.ttf')}
  60.  
  61. /*--- ask+play+chat ----*/
  62. .asker1 {margin: 0px 0px 0px 0px; -moz-border-radius: 100px; padding:2px; background: {color:Detalhes}; z-index:2;}
  63. .asker2 {width:auto; text-align:left; padding: 1px; font-family:'tahoma'; text-transform:uppercase; font-size:8px; background:{color:Rolagem};}
  64. .asker3 {margin:2px 0px 0px 20px; padding:2px; font-style:italic; text-align: center; margin-top: -4px;background: {color:Detalhes};}
  65.  
  66. .trackid {padding: 8px; background-color: #fff; margin-top: 1px; margin-left: 1px; margin-right: 1px;}
  67. .trackid2 {padding: 2px; background: rgba(215,215,215, 0.6); margin-top: 1px; margin-left: 1px; margin-right: 1px;}
  68. .chat ul{margin-top:-2px; margin-bottom:-2px; padding: 0px;}
  69. .chat li{padding:3px;background-color: #fff};list-style:none;margin-top:1px;}
  70.  
  71. /*----- config+topo+barra de rolagem -----*/
  72. p{margin-top:5px; margin-bottom:5px}blockquote{margin:0 0 0 5px;padding:0 0 0 10px;border-left:1px {color:detalhes} solid;}
  73. iframe#tumblr_controls {white-space:nowrap;filter: invert(90%); -webkit-filter: invert(95%); -moz-filter: invert(90%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4; right:3px !important; position: fixed !important;}
  74. #infscr-loading {bottom: -70px; position: absolute; left: 50%; margin-left:-8px; width:16px; height:20px; overflow:hidden; margin-bottom: 50px;}
  75.  
  76. #scrollToTop:link,#scrollToTop:visited {opacity:0.5; position: fixed; bottom: 3%; left: 8px;}
  77.  
  78. ::-webkit-scrollbar-thumb:horizontal {background:{color:rolagem}; height: 5px;}
  79. ::-webkit-scrollbar {background:{color:backgroundtheme} Url('{image:background}'); width:5px; height: 1px}
  80. ::-webkit-scrollbar-thumb:vertical {background:{color:rolagem}; height: 15px;}
  81.  
  82. /*--- notificações ---*/
  83. .extr {text-align:center; height:18px; padding-left: 1px; display:block; padding-top:2px;}
  84. .user{margin-right: 5px;}
  85. ol.notes {padding: 0px; margin: 0px;list-style-type: none;}
  86. ol.notes li.note {padding: 2px 0px 8px 0px;}
  87. ol.notes li.note img.avatar {vertical-align:text-top; width: 16px; height: 16px;filter:alpha(opacity=82); -moz-opacity:0.82;opacity:0.82; padding: 2px; padding:2px; margin: 1px;}
  88. ol.notes li.note span.action {padding:0px;margin:0px;}
  89. .nt {text-transform:uppercase; line-height: 25px; font-size:10px; font-style:normal; border-bottom: 0px solid #fff; border-top:0px solid #f5f5f5;  margin-left:0px; padding:3px;}
  90. .notific {border:1px solid; border-color:{color:detalhes};width: auto; text-align: center; padding:6px; line-height:15px; font-family:'tahoma'; font-size: 9px;text-transform:uppercase; opacity: .0; height: 90px; position: absolute; background-color:{color:caixa}; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; filter:alpha(opacity=0);margin-left:5px;border-top-left-radius: 5px; border-top-right-radius: 5px;}
  91. .box:hover .notific{opacity: 1; height: auto; margin-top: -15px;}
  92. .notific1 {text-align:left; margin-top: -5px;}
  93.  
  94. </style>
  95. <body>
  96.  
  97. <div id="page">
  98. <div id="side">
  99. <div class="links">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  100. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  101. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  102. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  103. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  104. </div>
  105. <img src="{image:sidebar}" class="ft">
  106. <br>
  107. <div class="titulo5">{Title}</div>
  108. <div class="menutx">{description}</div>
  109.  
  110. </div>
  111. </div>
  112.  
  113.  
  114. <div id="main">
  115. {block:Posts}<div class="box">
  116.  
  117. {block:Quote}{block:IndexPage}<div class="titulo1"><p class=cit>{Quote}</div><div class="titulo4">{Source}</div>{/block:IndexPage}{/block:Quote}
  118.  
  119. {block:Photo}<img src="{PhotoURL-400}">{block:PermalinkPage}<center>{Photo-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}{/block:IndexPage}{/block:Photo}
  120.  
  121. {block:Photoset}{block:PermalinkPage}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}{/block:IndexPage}{/block:Photoset}
  122.  
  123. {block:Text}{block:Title}<div class="titulo3"><b>{Title}</b></div>{/block:Title}{Body}{block:IndexPage}{/block:IndexPage}{/block:Text}
  124.  
  125. {block:Link}{block:IndexPage}
  126. <div class="titulo3"><a href="{URL}"><b>{Name}</b></a></div>
  127. {block:Description}{Description}{/block:Description}{/block:IndexPage}{/block:Link}
  128.  
  129. {block:Audio}{block:IndexPage}{block:AlbumArt}<img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="80" >{/block:AlbumArt}<div class="trackid2">{AudioPlayerGrey}</div><font face="Josefin Slab">{block:TrackName}</font><div class="trackid">"{TrackName}"</div>{/block:TrackName}{block:Artist}<div class="trackid">{Artist}</div>{/block:Artist}<div class="trackid">({PlayCount}) plays</div>{/block:IndexPage}{/block:Audio}
  130.  
  131. {block:Chat}{block:IndexPage}{block:Title}<div class="titulo3">{Title}</div>{/block:Title}<div class="chat"><ul>{block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:IndexPage}{/block:Chat}
  132.  
  133. {block:Video}{block:IndexPage}<center>{Video-400}</center>{/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  134.  
  135. {block:Answer}{block:IndexPage}{/block:IndexPage}
  136. <div ><img src="{AskerPortraitURL-64}" width="50" align="left" class="asker1"></div>
  137. <div class="asker2"><b>{Asker}:</b></div>
  138. <div class="asker3">{Question}</div>
  139. <div class="asker4">{Answer}</div>{/block:Answer}
  140.    
  141. {block:IndexPage}<div class="notific"><div class="notific1"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogUrl}" target="_blank"><b>reblog</b></div></div>{/block:IndexPage}
  142. </div>
  143.  
  144.  <!----- NÃO TIRE NADA DAQUI PARA BAIXO, SE NÃO NADA FUNCIONARÁ ---->
  145. {block:PermalinkPage}<div class="box">{block:Date}<div class="extra1">Postado {TimeAgo} com {NoteCountWithLabel}</div>{/block:Date}{block:RebloggedFrom}<div class="extra1">Reblogado de: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>. Postado por: {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>{/block:RebloggedFrom}</div>{/block:PermalinkPage}{block:PostNotes}<div class="box">{PostNotes}</div>{/block:PostNotes}{/block:Posts}
  146. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  147. <div style="position:fixed;z-index:1338; !important;top:26px;right:5px !important; position: fixed !important;filter: invert(90%); -webkit-filter: invert(95%); -moz-filter: invert(90%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.5;"><a href="http://reesquecido.tumblr.com/"><img src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png"></a></div><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://i44.tinypic.com/2k36zr.png?1365918466" title="Voltar ao topo!"></a>
  148. {block:IndexPage}<script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script><iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  149. <script type="text/javascript">
  150. $(window).load(function(){
  151. var $wall = $('#main');
  152. $wall.imagesLoaded(function(){
  153. $wall.masonry({
  154. itemSelector: '.box',
  155. isAnimated : true
  156. });
  157. });
  158. $wall.infinitescroll({
  159. navSelector : "div#navigation",
  160. nextSelector : "div#navigation a#nextPage",
  161. itemSelector : '.box',
  162. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  163. loadingText : " ",
  164. donetext : " ",
  165. extraScrollPx : 9000,
  166. bufferPx : 10000,
  167. debug : false,
  168. errorCallback: function() {
  169. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  170. }},
  171. function( newElements ) {
  172. var $newElems = $( newElements );
  173. $newElems.hide();
  174. $newElems.imagesLoaded(function(){
  175. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  176. });
  177. }); $('#main').show(500);
  178. });
  179. </script>
  180. {/block:IndexPage}
  181.    
  182. </div></div></div></div>
  183. </div></div></div></div>
  184. </div></div></div></div>
  185. </div></div></div></div>
  186. </div></div></div></div>
  187. </div></div></div></div>
  188. </div></div></div></div>
  189. </div></div></div></div>
  190. </body>
  191. </html>
Advertisement
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!