API tools faq
paste
nevesrwill

TEMA 01

nevesrwill
Apr 24th, 2013
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.53 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=Sarina|Josefin+Slab|Milonga|Herr+Von+Muellerhoff' rel='stylesheet' type='text/css'>
  7. <meta name="color:rolagem" content="#ddd">
  8. <meta name="color:backgroundtheme" content="#fff"/>
  9. <meta name="color:caixa" content="#fff"/>
  10. <meta name="color:letras" content="#666"/>
  11. <meta name="color:fontquotes" content="#666"/>
  12. <meta name="color:links" content="#666"/>
  13. <meta name="color:linkshover" content="#c3c3c3"/>
  14. <meta name="color:detalhes" content="#eee"/>
  15. <meta name="image:background" content=""/>
  16. <meta name="image:sidebar" content="http://25.media.tumblr.com/99c2014392a63f988b6a0eb42e624789/tumblr_mmnjxzE1Sk1qcn5f3o1_500.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:Tamanho da fonte" content="10px"/>
  26.  
  27. <style>
  28. 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;}
  29. a {color:{color:links}; text-decoration:none;}
  30.  
  31. p{margin-top:5px; margin-bottom:5px}blockquote{margin:0 0 0 5px;padding:0 0 0 10px;border-left:1px {color:detalhes} solid;}
  32. 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;}
  33. #infscr-loading {bottom: -70px; position: absolute; left: 50%; margin-left:-8px; width:16px; height:20px; overflow:hidden; margin-bottom: 50px;}
  34.  
  35. #scrollToTop:link,#scrollToTop:visited {opacity:0.5; position: fixed; bottom: 3%; left: 8px;}
  36. ::-webkit-scrollbar-thumb:horizontal {background:{color:rolagem}; height: 5px;}
  37. ::-webkit-scrollbar {background:{color:backgroundtheme} Url('{image:background}'); width:5px; height: 1px}
  38. ::-webkit-scrollbar-thumb:vertical {background:{color:rolagem}; height: 15px;}
  39.  
  40. #page {width: 1000px; margin: 10px auto 10px auto;}
  41. #main {margin-left:290px; margin-top: 5px; width:400px;}
  42. #side {width:200px; height:85%; padding:20px; margin-top: -15px; position: fixed;-webkit-transition: all 0.6s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transition: all 0.8s linear; -moz-transition: all 0.4s linear; -webkit-filter: grayscale(32%); background: url('{image:Sidebar}'); {block:indexpage}margin-left: 40px;{/block:indexpage}{block:PermalinkPage}margin-left:40px;{/block:PermalinkPage}}
  43. #side:hover {-webkit-filter: grayscale(55%);}
  44.  
  45. #caixapost {padding:1px; overflow: hidden; margin-bottom:5px; border:1px solid {color:Detalhes}; background:{color:Caixa}; width: 400px;}
  46.  
  47. #description{width:200px; height:0px; padding-top: 100px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; margin-left:-10px; margin-top:-95px;overflow:hidden;height:100px;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;}
  48. #description:hover{height: 500px;}
  49. .links {opacity: 0.6; font: 9px 'tahoma'; text-align:justify; line-height: 30px; margin-top: 4px; -webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;}
  50. .links a{font: 10px 'calibri'; display: block; text-transform: uppercase; padding: 0px 5px; line-height: 20px; text-align:left; margin-bottom: 2px; width: 190px; text-indent: 10px; -webkit-transition-duration: .40s; background:{color:Caixa};}
  51. .links a:hover {text-indent:45px;}
  52. .font-description {margin-top: 10px;opacity: 0.6; background-color:{color:caixa}; text-align:justify; font-family:'tahoma'; color: {color:links}; font-size:8px; line-height:10px; text-transform: uppercase; padding-top: 8px; padding-bottom: 8px; padding-right: 4px; padding-left: 4px; width:192px;}
  53.            
  54. #music01 {padding: 8px; background-color:{color:caixa}; padding-left: 5px;}
  55. #music02 {padding: 2px; background-color: #e4e3e3; margin-top: 1px; margin-left: 1px; margin-right: 1px;}
  56. #chat ul{margin-top:-2px; margin-bottom:-2px; padding: 0px;}
  57. #chat li{padding:5px;background-color:{color:caixa};list-style:none;margin-top:1px;}
  58.  
  59. .asker1 {margin: 0px 0px 0px 0px; -moz-border-radius: 100px; padding:2px; background: {color:Detalhes}; z-index:2;}
  60. .asker2 {width:auto; text-align:left; padding: 1px; font-family:'time new roma'; text-transform:uppercase; font-size:8px; background:{color:Rolagem};}
  61. .asker3 {margin:2px 0px 0px 20px; padding:2px; font-style:italic; text-align: center; margin-top: -4px;background: {color:Detalhes};}
  62.  
  63. #font1 {line-height: 18px; margin-top:0px;padding-bottom:10px;}
  64. #font1 {text-align: justify; color:{color:fontQuotes}; font-size:11px; font-family:'arial'; font-style:italic; width: auto; margin-bottom:-2px;}
  65. #font2 {text-align:center; font-family: 'georgia'; font-style:italic; color:{color:letras}; font-size:18px; padding: 15px;}
  66. P.cit:first-letter {font-size:17px; font-family: 'Josefin Slab'; font-style:black;padding-right:1px;}
  67.  
  68. .pictures img {width:auto; -webkit-transition: all 0.6s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; -webkit-transition: all 0.8s linear; -moz-transition: all 0.6s linear; -webkit-filter: grayscale(30%);}
  69. .pictures img:hover {-webkit-filter: grayscale(55%);}
  70.  
  71. .extr {text-align:center; height:18px; padding-left: 1px; display:block; padding-top:2px;}
  72. .user{margin-right: 5px;}
  73. ol.notes {padding: 0px; margin: 0px;list-style-type: none;}
  74. ol.notes li.note {padding: 2px 0px 8px 0px;}
  75. 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;}
  76. ol.notes li.note span.action {padding:0px;margin:0px;}
  77. .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;}
  78. .reblog1 {opacity: 0.0; filter: alpha(opacity = 0); margin-left:180px; position:absolute; margin-top: 5px; z-index:9; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  79. #caixapost:hover .reblog1 {opacity: 1; margin-left: 1px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  80. .reblog2 {position: absolute; position: absolute; margin-left: 5px;}
  81. .reblog3 {position: absolute; position: absolute; margin-left: 0px;}
  82. .reblog4 {opacity: 1; margin-left: 52px;-webkit-opacity:(20%) ;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; absolute; background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");height: 20px;font-size: 11px;line-height: 20px;color: #fff;position: absolute;  padding-left: 4px;padding-right: 4px;-moz-border-radius: 2px;border-radius: 2px; margin-top:0px}
  83. .reblog4 a{color: #fff;font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
  84.  
  85. .likep a:hover {
  86.        background-position: 0px 0px;
  87.        }
  88. .likep a {
  89.        background: url("http://static.tumblr.com/8yo5xxv/Pjsm5op1r/hearthover.png") no-repeat;
  90.        background-position: 0px 0px;
  91.        z-index: 9999999;
  92.        -webkit-transition: all 0s linear;
  93.        -moz-transition: all 0s linear;
  94.        transition: all 0s linear;
  95.        margin-top: 0px;
  96.        margin-left: 30px;
  97.        display: inline-block;
  98.        position: absolute;}
  99. .likep img {
  100.        width: auto;
  101.        height: auto;
  102.        webkit-transition: all 0.2s linear;
  103.        -webkit-transition: all 0.2s linear;
  104.        -moz-transition: all 0.2s linear;
  105.        transition: all 0.2s linear;}
  106. #likeiframe {
  107.        display: none;
  108.        }
  109.  
  110. .notific {border:1px solid; border-color:{color:detalhes};width: 400px; text-align: center; margin-top: 15px; line-height:15px; font-family:'tahoma'; font-size: 8px; text-transform: uppercase; opacity: .0; height: 8px; position: absolute; background-color:{color:caixa}; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; filter:alpha(opacity=0);}
  111. #caixapost:hover .notific{opacity: 1; height: 15px; margin-top: -15px;}
  112. .notific1 {text-align:left; margin-top: 1px;}
  113. .notific2 {text-align:right; margin-top:-16px; margin-right: 2px;}
  114.  
  115. #quotes0 {text-transform:uppercase; font-size:11px; color:{color:fontQuotes}; text-align:right; margin:-5px; border-bottom:1px solid {color:detalhes};background-color: #fff; padding: 8px;}
  116. #quotes1 {text-align:left; margin-top:0px;}
  117. #quotes2 {text-align:right; margin-top:-15px; margin-right: 2px;}
  118. </style>
  119. <body>
  120.  
  121. <div id="page">
  122. <div id="side">
  123. <div id="description">
  124. <div class="links">              
  125. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  126. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  127. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  128. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  129. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  130. </div>
  131. <div class="font-description">{description}</div>
  132.  
  133. </div>
  134.  
  135. </div>
  136.  
  137. <div id="main">
  138. {block:Posts}<div id="caixapost">
  139.  
  140. {block:Text}{block:Title}<div id="font2"><b>{Title}</b></div>{/block:Title}<i>{Body}</i>{block:IndexPage}<div class="notific"><div class="notific1"><a href="{Permalink}">postado às {24Hour}:{Minutes}</a> · <a href="{Permalink}">{NoteCount} notificações</a></div><div class="notific2"><a href="{ReblogURL}" target="_blank"><b>reblogar postagem</b></a></div></div>{/block:IndexPage}{/block:Text}
  141.  
  142. {block:Quote}<div id="quotes0"><div id="quotes1"><b>citação de:</b></div><div id="quotes2">{Source}</div></div><div id="font1"><p class=cit>{Quote}</div>{block:IndexPage}<div class="notific"><div class="notific1"><a href="{Permalink}">postado às {24Hour}:{Minutes}</a> · <a href="{Permalink}">{NoteCount} notificações</a></div><div class="notific2"><a href="{ReblogURL}" target="_blank"><b>reblogar postagem</b></a></div></div>{/block:IndexPage}{/block:Quote}
  143.  
  144. <div class="pictures">{block:Photo}{block:IndexPage}<div class="reblog1">
  145. <div class="reblog2"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  146. <div class="likep"><div class="reblog3"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img onclick="this.src='http://static.tumblr.com/8yo5xxv/Pjsm5op1r/hearthover.png'" src="http://static.tumblr.com/8yo5xxv/hDOm5ooyh/heart.png" width="10" alt="Like this post" id="likeimage{PostID}"/></a></div></div><div class="reblog4"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div><img src="{PhotoURL-400}">{/block:IndexPage}{block:PermalinkPage}<center><img src="{PhotoURL-400}" width="400">{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}</div>
  147.  
  148. {block:Photoset}{block:IndexPage}<div class="reblog1"><div class="reblog2"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  149. <div class="likep"><div class="reblog3"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img onclick="this.src='http://static.tumblr.com/8yo5xxv/Pjsm5op1r/hearthover.png'" src="http://static.tumblr.com/8yo5xxv/hDOm5ooyh/heart.png" width="10" alt="Like this post" id="likeimage{PostID}"/></a></div></div><div class="reblog4"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div><img src="{PhotoURL-400}">{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  150.  
  151. {block:Link}<div id="font2"><a href="{URL}"><b>{Name}</b></a></div>{block:Description}<i>{Description}</i>{/block:Description}{block:IndexPage}<div class="notific"><div class="notific1"><a href="{Permalink}">postado às {24Hour}:{Minutes}</a> · <a href="{Permalink}">{NoteCount} notificações</a></div><div class="notific2"><a href="{ReblogURL}" target="_blank"><b>reblogar postagem</b></a></div></div>{/block:IndexPage}{/block:Link}
  152.  
  153. {block:Audio}{block:AlbumArt}<div id="music02">{AudioPlayerGrey}</div><img style="float: left; margin-right: 2px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="90" >{/block:AlbumArt}{block:TrackName}<div id="music01">{TrackName}</div>{/block:TrackName}{block:Artist}</center><div id="music01">{Artist}</div>{/block:Artist}<div id="music01"><b>({PlayCount}) plays</b></div>{block:IndexPage}<div class="notific"><div class="notific1"><a href="{Permalink}">postado às {24Hour}:{Minutes}</a> · <a href="{Permalink}">{NoteCount} notificações</a></div><div class="notific2"><a href="{ReblogURL}" target="_blank"><b>reblogar postagem</b></a></div></div>{/block:IndexPage}{/block:Audio}
  154.  
  155. {block:Chat}{block:Title}<div id="font2">{Title}</div>{/block:Title}<div id="chat"><ul><i>{block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}</i></ul></div>{block:IndexPage}<div class="notific"><div class="notific1"><a href="{Permalink}">postado às {24Hour}:{Minutes}</a> · <a href="{Permalink}">{NoteCount} notificações</a></div><div class="notific2"><a href="{ReblogURL}" target="_blank"><b>reblogar postagem</b></a></div></div>{/block:IndexPage}{/block:Chat}
  156.  
  157. {block:Video}{block:IndexPage}<center>{Video-400}</center>{/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<div class="notific"><div class="notific1"><a href="{Permalink}">postado às {24Hour}:{Minutes}</a> · <a href="{Permalink}">{NoteCount} notificações</a></div><div class="notific2"><a href="{ReblogURL}" target="_blank"><b>reblogar postagem</b></a></div></div>{/block:IndexPage}{/block:Video}
  158.  
  159. {block:Answer}<div ><img src="{AskerPortraitURL-64}" width="50" align="left" class="asker1"></div>
  160. <div class="asker2"><b>{Asker}:</b></div>
  161. <div class="asker3">{Question}</div>
  162. <div class="asker4">{Answer}</div>{block:IndexPage}<div class="notific"><div class="notific1"><a href="{Permalink}">ask respondida as {24Hour}:{Minutes}</a></div></div>{/block:IndexPage}{/block:Answer}
  163.  
  164. </div>
  165. {/block:Post}
  166.  
  167.  
  168.  <!-- NUNCA TIRA ISSO SE NÃO O TEMA NÃO PEGA -->
  169. {block:PermalinkPage}<div id="caixapost">{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 id="caixapost">{PostNotes}</div>{/block:PostNotes}{/block:Posts}
  170. {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}
  171. <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>
  172. {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>
  173. <script type="text/javascript">
  174. $(window).load(function(){
  175. var $wall = $('#main');
  176. $wall.imagesLoaded(function(){
  177. $wall.masonry({
  178. itemSelector: '#caixapost',
  179. isAnimated : true
  180. });
  181. });
  182. $wall.infinitescroll({
  183. navSelector : "div#navigation",
  184. nextSelector : "div#navigation a#nextPage",
  185. itemSelector : '#caixapost',
  186. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  187. loadingText : " ",
  188. donetext : " ",
  189. extraScrollPx : 9000,
  190. bufferPx : 10000,
  191. debug : false,
  192. errorCallback: function() {
  193. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  194. }},
  195. function( newElements ) {
  196. var $newElems = $( newElements );
  197. $newElems.hide();
  198. $newElems.imagesLoaded(function(){
  199. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  200. });
  201. }); $('#main').show(500);
  202. });
  203. </script>{/block:IndexPage}
  204.  
  205. </div></div></div></div>
  206. </div></div></div></div>
  207. </div></div></div></div>
  208. </div></div></div></div>
  209. </body>
  210. </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!