API tools faq
paste
nevesrwill

TEMA 03

nevesrwill
Apr 28th, 2013
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.94 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. <meta name="color:rolagem" content="#ddd">
  8. <meta name="color:backgroundtheme" content="#fff"/>
  9. <meta name="color:letras" content="#666"/>
  10. <meta name="color:links" content="#666"/>
  11. <meta name="color:detalhes" content="#eee"/>
  12. <meta name="image:background" content=""/>
  13. <meta name="image:sidebar" content="http://25.media.tumblr.com/tumblr_m7iih4Y1xO1qlwul7o1_r1_500.jpg"/>
  14. <meta name="text:Link1" content="link" />
  15. <meta name="text:Link1 Title" content="link1" />
  16. <meta name="text:Link2" content="Link" />
  17. <meta name="text:Link2 Title" content="link2" />
  18. <meta name="text:Link3" content="link" />
  19. <meta name="text:Link3 Title" content="link3" />
  20. <meta name="text:Link4" content="Link" />
  21. <meta name="text:Link4 Title" content="link4" />
  22. <meta name="text:Tamanho da fonte" content="10px"/>
  23.  
  24. <style>
  25. /*--- background/fundo ----*/
  26. 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;}
  27. a {color:{color:links}; text-decoration:none;}
  28.  
  29. /*------ resoluçãodo tema ----*/
  30. #page {width: 1200px; margin: 10px auto 10px auto;}
  31. #main {padding:0px; position: relative; margin-top:-15px; margin-left:280px; {block:indexpage}width:560px;{/block:indexpage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  32. #side {border:1px solid; border-color: #efeeee; background-color: none; width: 156px; margin-left: 108px; margin-top:80; padding:2px; height: auto; position: fixed; border-bottom-left-radius: 8px; border-top-left-radius: 0px;}
  33.  
  34. /*------ caixa de post -----*/
  35. #caixapost {border:1px solid; border-color: #efeeee; background-color: rgba(255,255,255,0.9); overflow: hidden; float:left; position:relative; margin: 8px; padding:0px;  {block:indexpage} width: 250px; border-radius:5px;{/block:indexpage}{block:PermalinkPage}width: 500px;{/block:PermalinkPage}}
  36. #caixapost img {border-radius:0px;max-width: 100%;-webkit-transition: all 0.6s linear; opacity:0.9;}
  37. #caixapost img:hover {opacity:0.9;}                
  38. #linha {background-color: #efeeee; width:1px; position:absolute; height:100%; top:0px;left:-10px;}
  39. #caixapost img{max-width: 100%;-webkit-transition: all 0.6s linear; opacity:1.0;-webkit-filter: grayscale(60%);}
  40. #caixapost img:hover { -webkit-filter: grayscale(20%);}
  41.  
  42. /*------ menuside ------*/
  43. #sideimg {width:152px; margin-top:-10px; margin-left:4px; margin-top:110px; line-height:110%; font-size:12px;}
  44. .reesquecido{width:150px; overflow:hidden; margin-top:-218px; margin-bottom:-8px; margin-left:-9px; position:relative; padding:8px; -webkit-filter: grayscale(0.5); -moz-transition: all 0.8s ease-out; transition: all 0.8 ease-out;-webkit-filter: grayscale(70%);}
  45. #sidebar {width:150px; height:0px; padding-top: 200px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; margin-left:-10px; margin-top:-95px; overflow:none; height: auto; text-transform:uppercase;}
  46. .sidelink{background-color:{color:detalhes} ;height:28px;overflow:visible;margin-top:1px;}
  47. .sidelink a{border-bottom:0px solid; border-color:{color:detalhes}; font-family: 'tahoma'; font-size:8px; color:{color:letras}; text-transform:uppercase; display:block; padding:5px; text-align:left}
  48. .sidelink a:hover{text-transform: uppercase; font-size:9px;}
  49.  
  50. /*------ ask+chat+play ----*/
  51. #music01 {padding: 8px; background-color:{color:caixa}; padding-left: 5px;}
  52. #music02 {padding: 2px; background-color: #e4e3e3; margin-top: 1px; margin-left: 1px; margin-right: 1px;}
  53. #chat ul{margin-top:-2px; margin-bottom:-2px; padding: 0px;}
  54. #chat li{padding:5px;background-color:{color:caixa};list-style:none;margin-top:1px;}
  55. .asker1 {margin: 0px 0px 0px 0px; -moz-border-radius: 100px; padding:2px; background: {color:Detalhes}; z-index:2;}
  56. .asker2 {width:auto; text-align:left; padding: 1px; font-family:'tahoma'; text-transform:uppercase; font-size:8px; background:{color:Rolagem};}
  57. .asker3 {margin:2px 0px 0px 20px; padding:2px; font-style:italic; text-align: center; margin-top: -4px;background: {color:Detalhes};}
  58.  
  59. /*------ fontes ----*/
  60. #font1 {line-height: 25px; margin-top:0px;}
  61. #font1 {text-align: justify; color:{color:letras}; font-size:12px; font-family:'time new roma'; font-style:italic; width: auto; margin-top:0px; padding:2px;}
  62. #font2 {text-align:center; font-family: 'time new roma'; font-style:italic; color: #a6a5a5; font-size:18px; padding: 15px;}
  63. #font3 {width:155px;text-align:center; font-family: 'allura', cursive; color:{color:letras}; font-size:30px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid {color:detalhes};}
  64. P.cit:first-letter {font-size:15px; font-family: 'georgia'; font-style:black;}
  65.  
  66. /*----- config+topo+barra de rolagem -----*/
  67. p{margin-top:5px; margin-bottom:5px}blockquote{margin:0 0 0 5px;padding:0 0 0 10px;border-left:1px {color:detalhes} solid;}
  68. 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;}
  69. #infscr-loading {bottom: -70px; position: absolute; left: 50%; margin-left:-8px; width:16px; height:20px; overflow:hidden; margin-bottom: 50px;}
  70.  
  71. #scrollToTop:link,#scrollToTop:visited {opacity:0.5; position: fixed; bottom: 3%; left: 8px;}
  72.  
  73. ::-webkit-scrollbar-thumb:horizontal {background:{color:rolagem}; height: 5px;}
  74. ::-webkit-scrollbar {background:{color:backgroundtheme} Url('{image:background}'); width:5px; height: 1px}
  75. ::-webkit-scrollbar-thumb:vertical {background:{color:rolagem}; height: 15px;}
  76.  
  77. /*---- reblog+notes ---*/
  78. .extr {text-align:center; height:18px; padding-left: 1px; display:block; padding-top:2px;}
  79. .user{margin-right: 5px;}
  80. ol.notes {padding: 0px; margin: 0px;list-style-type: none;}
  81. ol.notes li.note {padding: 2px 0px 8px 0px;}
  82. 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;}
  83. ol.notes li.note span.action {padding:0px;margin:0px;}
  84. .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;}
  85. .reblog1 {opacity: 0.0; filter: alpha(opacity = 0); margin-left: 5px; 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;}
  86. #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;}
  87. .reblog2 {position: absolute; position: absolute; margin-left: 05px;}
  88. .reblog3 {position: absolute; position: absolute; margin-left: 30px;}
  89. .reblog4 {opacity: 1; margin-left: 52px;-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}
  90. .reblog4 a{color: #fff;font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
  91. .likep a:hover {
  92.        background-position: 0px 0px;
  93.        }
  94. .likep a {
  95.        background: url("http://i.imgur.com/DoPL8.png") no-repeat;
  96.        background-position: 0px 0px;
  97.        z-index: 9999999;
  98.        -webkit-transition: all 0s linear;
  99.        -moz-transition: all 0s linear;
  100.        transition: all 0s linear;
  101.        margin-top: 0px;
  102.        margin-left: 30px;
  103.        display: inline-block;
  104.        position: absolute;}
  105. .likep img {
  106.        width: auto;
  107.        height: auto;
  108.        webkit-transition: all 0.2s linear;
  109.        -webkit-transition: all 0.2s linear;
  110.        -moz-transition: all 0.2s linear;
  111.        transition: all 0.2s linear;}
  112. #likeiframe {
  113.        display: none;
  114.        }
  115.  
  116. /*------ caixaquotes ----*/
  117. #quotes0 {text-transform:uppercase; font-size:11px; color:{color:links}; text-align:right; margin:0px; border-bottom:1px solid {color:detalhes};background-color{color:caixa}; padding: 8px;}
  118. #quotes1 {text-align:left; margin-top:0px;}
  119. #quotes2 {text-align:right; margin-top:-15px; margin-right: 2px;}
  120. </style>
  121. <body>
  122.  
  123.  <div id="page">
  124.  <div id="side">
  125.  <div id="font3">{Title}</div>
  126. <div id="sideimg"><div id="sidebar"><img src="{image:sidebar}" class="reesquecido"><br><br>
  127.  
  128. <div class="sidelink">
  129. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</div>
  130. <div class="sidelink">{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}</div>
  131. <div class="sidelink">{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</div>
  132. <div class="sidelink">{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div>
  133. </div></div>
  134.  
  135. <!--CASO NÃO QUEIRADESCRIÇÃOSÓ TIRAR O CODE ABAIXO! -->
  136. <div id="font1"><center>{Description}</center></div>
  137. <!--CASO NÃO QUEIRADESCRIÇÃOSÓ TIRAR O CODE ACIMA! -->  
  138. </div>
  139.  
  140.  
  141.  
  142. <div id="main">
  143. <div id="linha"></div>
  144. {block:Posts}<div id="caixapost">
  145. {block:IndexPage}<div class="reblog1">
  146. <div class="reblog2"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  147. <div class="likep"><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" alt="Like this post" id="likeimage{PostID}"/></a></div><div class="reblog4"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  148.  
  149.  
  150. {block:Text}{block:Title}<div id="font2"><font face="time new roma"><b>{Title}</b></font></div>{/block:Title}<i>{Body}</i>{/block:Text}
  151.  
  152. {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>
  153. {/block:Quote}
  154.  
  155. {block:Photo}{block:IndexPage}<img src="{PhotoURL-250}" width="250">{/block:IndexPage}{block:PermalinkPage}<center><img src="{PhotoURL-500}" width="500">{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  156.  
  157. {block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  158.  
  159. {block:Link}<div id="font2"><font face="time new roma"><a href="{URL}"><b>{Name}</b></a></font></div>
  160. {block:Description}<i>{Description}</i>{/block:Description}{/block:Link}
  161.  
  162. {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>
  163. {/block:Audio}
  164.  
  165. {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>
  166. {/block:Chat}
  167.  
  168. {block:Video}{block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}{block:PermalinkPage}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  169.  
  170. {block:Answer}<div ><img src="{AskerPortraitURL-64}" width="50" align="left" class="asker1"></div>
  171. <div class="asker2"><b>{Asker}:</b></div>
  172. <div class="asker3">{Question}</div>
  173. <div class="asker4">{Answer}</div>{/block:Answer}</div>
  174.  
  175.  
  176.  <!-- NUNCA TIRA ISSO SE NÃO NÃO PEGARÁ NADA-->
  177. {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}
  178. {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}
  179. <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>
  180. {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>
  181. <script type="text/javascript">
  182. $(window).load(function(){
  183. var $wall = $('#main');
  184. $wall.imagesLoaded(function(){
  185. $wall.masonry({
  186. itemSelector: '#caixapost',
  187. isAnimated : true
  188. });
  189. });
  190. $wall.infinitescroll({
  191. navSelector : "div#navigation",
  192. nextSelector : "div#navigation a#nextPage",
  193. itemSelector : '#caixapost',
  194. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  195. loadingText : " ",
  196. donetext : " ",
  197. extraScrollPx : 9000,
  198. bufferPx : 10000,
  199. debug : false,
  200. errorCallback: function() {
  201. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  202. }},
  203. function( newElements ) {
  204. var $newElems = $( newElements );
  205. $newElems.hide();
  206. $newElems.imagesLoaded(function(){
  207. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  208. });
  209. }); $('#main').show(500);
  210. });
  211. </script>{/block:IndexPage}
  212.  
  213. </div></div></div></div>
  214. </div></div></div></div>
  215. </div></div></div></div>
  216. </div></div></div></div>
  217. </body>
  218. </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!