API tools faq
paste
Advertisement
paulalopes

Novos themes #3

paulalopes
Dec 9th, 2014
434
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.24 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!------ theme por asuna - lembraveis [copiar, sei q é incompetente]
  3. bj pro recalque :33
  4. não remova os créditos, ok? ok!------>
  5. <head>
  6. <meta name="color:text" content="#999">
  7. <meta name="color:background" content="#fff">
  8. <meta name="color:bgtopo" content="#fff" />
  9. <meta name="color:link" content="#999">
  10. <meta name="color:linkshover" content="#999">
  11. <meta name="color:detalhes" content="#ceaeb7">
  12. <meta name="color:posts" content="#fff">
  13. <meta name="color:scroll1" content="#444444">
  14. <meta name="color:scroll2" content="#fff">
  15. <meta name="color:Scrollbar" content="#444444">
  16. <meta name="color:desc" content="#000">
  17. <meta name="color:linktopo" content="#000">
  18. <meta name="image:bgmenu" content="http://static.tumblr.com/92d0d09944ec414a621e07332b36cd48/bwqsmwx/Opyngcb2r/tumblr_static_bm1kxg2asb48k0o4gks8c4o44.png" />
  19. <meta name="image:background" content="" />
  20. <meta name="image:sidebar" content="" />
  21. <meta name="text:titu" content="Titulo!" />
  22. <meta name="text:Link1" content="" />
  23. <meta name="text:Link2" content="" />
  24. <meta name="text:Link3" content="" />
  25. <meta name="text:Link4" content="" />
  26. <meta name="text:Link5" content="" />
  27. <meta name="text:Link6" content="" />
  28. <meta name="text:Link1 Title" content="link 1" />
  29. <meta name="text:Link2 Title" content="link 2" />
  30. <meta name="text:Link3 Title" content="link 3" />
  31. <meta name="text:Link4 Title" content="link 4" />
  32. <meta name="text:Link5 Title" content="link 5" />
  33. <meta name="text:Link6 Title" content="link 6" />
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}
  38. <meta name="description"content="{MetaDescription}"/>
  39. {/block:Description}
  40. <link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>
  41. <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
  42. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Redressed' rel='stylesheet' type='text/css'>
  43. <link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'>
  44. <link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  45. <style type="text/css">
  46. /* THEME IRONIAS-DIARIAS (CRÉDITO) */
  47. #vemk{position:fixed;left:12px;margin-top:-33px;font-family:'Lora'; font-size:11px;background:; background-position:right bottom; ;padding:4px;color: ;border:0px double #fa938f;background:#999;width:16px;border-radius:100px;}
  48. #vemk:hover {text-transform:;letter-spacing:0px;color: #ddd;}
  49. /* THEME IRONIAS-DIARIAS (CRÉDITO) */
  50. body { margin:0; font-family:Arial; font-size:11px; line-height:150%; color:{color:text}; background-color: {color:background}; background-attachment:fixed; background-position:right bottom; background-image:url('{image:background}'); background-repeat:no-repeat;margin-top:-10px;}
  51. a {text-decoration:none; color:{color:link}; -webkit-transition:all.70s ease-out; -moz-transition:all.70s ease-out; transition:all.70s ease-out;}
  52. a:hover {text-decoration:none; color:{color:detalhes}}}
  53. ::-webkit-scrollbar-thumb:vertical{background-color: {color:detalhes};height:12px;width:13px;}
  54. ::-webkit-scrollbar {height:14px;width:7px;background-color:{color:background};}
  55. ::selection{color: {color:text};background: #;}
  56. #s-m-t-tooltip {z-index:9999999999;border-radius:px; padding:3px 4px 5px 4px;margin:18px 10px;background: #; font-family:'arial';font-size:10px; letter-spacing:1px;color:#fff;;opacity:0.5;background:#eee; box-shadow: 1px 1px 5px #eee;}
  57. p {margin:6px 0 0 0;}
  58. ul {list-style-type:circle;}
  59. blockquote {padding-left:10px; margin-left:0px; border-left:2px solid {color:border};}
  60. #content {width:800px;padding:5px; margin-left:370px;margin-top:70px;}
  61. .posts {{block:IndexPage} margin:6px; padding:5px; float:left; width:250px; {/block:IndexPage} background:{color:background}; overflow:hidden; {block:PermalinkPage} margin-left:100px; width:400px; padding:5px; {/block:PermalinkPage};;}
  62. /* THEME IRONIAS-DIARIAS (FOTOS) */
  63. image {text-align: center; border: 1px}
  64. .image img {max-width: 350px; margin-bottom: 2px;}
  65. .image img:hover {opacity:0.9}
  66. img {-webkit-transition-duration: .90s ease-out;opacity:1;}
  67. img:hover {opacity:1;}
  68. img:hover {}
  69. .photoset {max-width: 400px; margin-bottom: 2px;-webkit-transition-duration: .90s ease-out;opacity:1;}
  70. .photoset:hover {opacity: 1}
  71. /* THEME IRONIAS-DIARIAS (FOTOS) */
  72. .h4 {font-size:17px; line-height:15px; text-align:justify; color:{color:text}; font-family:calibri;}
  73. .h4 a {color:{color:link};}
  74. .h4 a:hover {color:{color:lhover};}
  75. /* THEME IRONIAS-DIARIAS (QUOTES) */
  76. .pquote:first-letter{font-family:'Parisienne';font-size: 17px;}
  77. .pquote{font-size:12px; font-family:'Lora'; line-height:18px; margin-top:-1px;text-align:justify;font-weight:; font-style:;letter-spacing:0;font-style:normal; color: {color:text};border-bottom: 1px solid #eee}
  78. .pquotesource {font-family:'Lora';font-size:12px;text-align:left;padding:0px;margin-top:3px;font-style:;letter-spacing:0; background:#;color: {color:text}}
  79. .pquotesource:first-letter {font-family:'';font-size: 16px;}
  80. /* THEME IRONIAS-DIARIAS (QUOTES) */
  81. .pergunta {font-size:12px;font-family:'calibri';text-align:;width:250px;background: #;border: 0px solid {color:text};padding: 3px;line-height:20px;color: {color:text};background:#fff;border-radius:0px;border-bottom:1px solid #eee;}
  82. .askfoto {position: absolute; z-index: 1000; display: inline; margin-top: -10px; margin-left: 2px}
  83. .askfoto:hover {opacity: 0.9;}
  84. .answer {padding:2px;font-size:12px;font-family:'calibri';color: {color:text};background: #;text-align:;}
  85. /*** NOTES ***/
  86.  
  87. .ftss {position:absolute; text-decoration:none; margin-top:-30px;margin-left:-22px; padding:1px;padding-top:5px;padding-bottom:5px; opacity:0; -webkit-transition: 0.4s ease-in;z-index:10;font-family:trebuchet ms;width:80px;text-align:center;font-size:9px;letter-spacing:1px;background:{color:detalhes}}
  88. .ftss a {text-decoration:none;text-transform:uppercase;;color:#fff;}
  89. .posts:hover .ftss {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s; position:absolute; margin-left:0px; background:{color:detalhes}; opacity:0.8;}
  90.  
  91. .ft {position:absolute; text-decoration:none; margin-top:-57px; margin-left:-10px; padding:1px; opacity:0; -webkit-transition: 0.4s ease-in;z-index:10;font-family:trebuchet ms;width:60px;text-align:center;background:{color:detalhes};padding-top:5px;padding-bottom:5px;font-size:9px;letter-spacing:1px;}
  92. .ft a {text-decoration:none;text-transform:uppercase;color:#fff}
  93. .posts:hover .ft {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s; position:absolute; margin-left:0px; background:{color:detalhes};opacity:0.8;}
  94.  
  95. .fts {position:absolute; text-decoration:none; margin-top:-84px;margin-left:-22px; padding:1px;padding-top:5px;padding-bottom:5px; opacity:0; -webkit-transition: 0.4s ease-in;z-index:10;font-family:trebuchet ms;width:50px;text-align:center;font-size:9px;letter-spacing:1px;background:{color:detalhes}}
  96. .fts a {text-decoration:none;text-transform:uppercase;;color:#fff;}
  97. .posts:hover .fts {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s; position:absolute; margin-left:0px; background:{color:detalhes}; opacity:0.8;}
  98.  
  99.  
  100. .posts .qts {position: absolute;bottom:-12px;;text-align:right;font-family:cambria;font-size:11px;width:248px;height:10px;letter-spacing:2px;margin-left:0px;;opacity:0;padding: 6px 2px 6px 0px;color:{color:links};border-radius:1px;background:#;{block:indexpage}-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;border-top: 0px dotted {color:links};;}
  101. .qts a:hover {}
  102. .posts:hover .qts{opacity:1;bottom:-4px;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;{/block:indexpage}}
  103. /**** NOTES ****/
  104. #infscr-loading {bottom:-70px; position:absolute; left:5%; margin-left:-8px; width:16px; height:20px; overflow:hidden; margin-bottom:50px;}
  105. #info {width:500px; margin:5px auto;}
  106. .postnotes {display:block; margin-bottom:3px;}
  107. #mais {width:500px; margin:2px auto;}
  108. .player {background:#000;}
  109. .chat {line-height: 13px; list-style: none }
  110. .chat ul {line-height: 13px; list-style: none; padding: 1px; line-height:14px;}
  111. .person1 {color: {color:text}; padding: 2px; background: #;border: 1px solid #8f8e8e;}
  112. .person1 .label {font-weight: bold; color:{color:text}}
  113. .person2 {color: {color:text}; padding: 2px; background: #;}
  114. .person2 .label {font-weight: bold; color:{color:text}}
  115. ol.notes {padding:0px; margin:0px; list-style-type:none; border-bottom: solid 0px }
  116. ol.notes li.note {border-top:solid 0px ; padding:5px;}
  117. ol.notes li.note img.avatar {vertical-align:-4px; margin-right:10px; width:17px; height:17px;}
  118. ol.notes li.note span.action {font-weight:normal;}
  119. ol.notes li.note .answer_content {font-weight:normal;}
  120. ol.notes li.note blockquote {padding-left:10px; margin:5px 0px 5px 15px; border-left:2px solid }
  121. ol.notes li.note blockquote a {text-decoration:none;}
  122. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  123. {CustomCSS}
  124. /**** MENU ****/
  125. #borda { z-index: 200; position:fixed;margin-top:-75px; margin-left:386px; position:fixed;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; display: block; width:522px; height:65px;background-image:url('{image:bgmenu}');}
  126.  
  127. #produto{z-index:99999999999;position:fixed; width:404px; height:32px; font-size: 9px;font-family:calibri; background-color:#;margin-top:-40px; margin-left:506px;}
  128. .xxx a {float: left;BORDER-RADIUS:2px;display: block; letter-spacing: 2px; font-family: 'Inconsolata'; font-size: 10px; text-align: center; margin-right: 1px; margin-bottom:1px; width:55px;text-transform: uppercase; line-height: 20px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.6s ease-out;color:#fff;background: {color:detalhes};opacitY:0.6;}
  129. .xxx a:hover {letter-spacing: 3px;}
  130.  
  131. #scrollToTop:link,#scrollToTop:visited {color: transparent; background-color: transparent; display: none; position: fixed; top: 580px; right: 15px;}
  132. </style>
  133. <body oncontextmenu="return false" onkeydown="return false">
  134. <div id="borda"> </div>
  135. <div id="produto" class="xxx">
  136. <a href="{text:Link1}">{text:Link1 Title}</a>
  137. <a href="{text:Link2}">{text:Link2 Title}</a>
  138. <a href="{text:Link3}">{text:Link3 Title}</a>
  139. <a href="{text:Link4}">{text:Link4 Title}</a>
  140. <a href="{text:Link5}">{text:Link5 Title}</a>
  141. </div>
  142. </div></div></div></div></div></div></div></div>
  143.  
  144. <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://media.tumblr.com/60905f955353ec80bd196767adbf9367/tumblr_inline_moyu49ffYg1qz4rgp.png" border="0"></a>
  145. <!---- MENU [INÍCIO] ---->
  146. <div id="vemk">
  147. <a href="http://lembraveis.tumblr.com/" target="_blank" title="lembraveis themes"><center> <font color=#fff>L</font></center></font></a></div>
  148. <!---- MENU [FIM] ---->
  149. <script type="text/javascript"
  150. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  151. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  152. <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips();});
  153. })(jQuery);
  154. </script>
  155.  
  156. {block:IndexPage}
  157. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  158. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  159. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  160. <script type="text/javascript">
  161. $(window).load(function(){
  162. var $wall = $('#content');
  163. $wall.imagesLoaded(function(){
  164. $wall.masonry({
  165. itemSelector: '.posts',
  166. isAnimated : true
  167. });
  168. });
  169. $wall.infinitescroll({
  170. navSelector : "div#navigation",
  171. nextSelector : "div#navigation a#nextPage",
  172. itemSelector : '.posts',
  173. loadingImg : "http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif",
  174. loadingText : " ",
  175. donetext : " ",
  176. extraScrollPx : 9000,
  177. bufferPx : 10000,
  178. debug : false,
  179. errorCallback: function() {
  180. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  181. }},
  182. function( newElements ) {
  183. var $newElems = $( newElements );
  184. $newElems.hide();
  185. $newElems.imagesLoaded(function(){
  186. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  187. });
  188. }); $('#content').show(500);
  189. });
  190. </script>
  191. {/block:IndexPage}
  192. </head>
  193. <body>
  194. <div id="content">
  195. {block:Posts}
  196. {block:Text}
  197. <div class="posts">
  198. {block:Title}<div class="h4">{Title}</div>{/block:Title}
  199. {Body}
  200. {block:IndexPage}<div class="qts"><a href="{Permalink}">{NoteCount}</a> <font color={color:link}>•</font> <a href="{ReblogURL}">↺</a></div>{/block:IndexPage}</div>
  201. {/block:Text}
  202. {block:Photo}
  203. <div class="posts">
  204. {block:IndexPage}<center><a href="{Permalink}"><img src="{PhotoURL-250}" width="250"></a></center>{/block:IndexPage}
  205. {block:PermalinkPage}
  206. <center><img src="{PhotoURL-500}" width="500">
  207. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  208. {block:IndexPage}<div class="ft"><a href="{reblogurl}" target="_blank">REBLOG</a></div><div class="fts"><a href="{permalink}">{notecount}</a></div><div class="ftss"><a href="{permalink}">{DayOfMonthWithZero}/{ShortMonth}/{Year}</a>
  209. </center></div>{/block:IndexPage}</div>
  210. {/block:Photo}
  211. {block:Photoset}
  212. <div class="posts">
  213. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  214. {block:PermalinkPage}
  215. <center>{Photoset-500}</center>
  216. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  217. {block:IndexPage}<div class="ft"><a href="{reblogurl}" target="_blank">REBLOG</a></div><div class="fts"><a href="{permalink}">{notecount}</a></div><div class="ftss"><a href="{permalink}">{DayOfMonthWithZero}/{ShortMonth}/{Year}</a>
  218. </center></div>{/block:IndexPage}</div>
  219. {/block:Photoset}
  220. {block:Quote}
  221. <div class="posts">
  222. <div class="pquote">{Quote}</div> {block:Source}<div class="pquotesource"><b>{Source}</b></div>{/block:Source}
  223. {block:IndexPage}<div class="qts"><a href="{Permalink}">{NoteCount}</a> <font color={color:link}>•</font> <a href="{ReblogURL}">↺</a></div>{/block:IndexPage}</div>
  224. {/block:Quote}
  225. {block:Link}
  226. <div class="posts">
  227. <div class="h4"><a href="{URL}">{Name}</a></div>
  228. {block:Description}{Description}{/block:Description}
  229. {block:IndexPage}<div class="qts"><a href="{Permalink}">{NoteCount}</a> <font color={color:link}>•</font> <a href="{ReblogURL}">↺</a></div>{/block:IndexPage}</div>
  230. {/block:Link}
  231. {block:Audio}
  232. <div class="posts">
  233. <div class="player"><center>{AudioPlayerBlack}</center></div>
  234. {block:Caption}{Caption}{/block:Caption}
  235. {block:IndexPage}<div class="ft"><a href="{reblogurl}" target="_blank">REBLOG</a></div><div class="fts"><a href="{permalink}">{notecount} Notes</a>
  236. </center></div>{/block:IndexPage}</div>
  237. {/block:Audio}
  238. {block:Chat}<div class="posts">
  239. <div class="chat"><ul>{block:Lines}
  240. <li class="person{UserNumber}">{block:Label}
  241. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="qts"><a href="{Permalink}">{NoteCount}</a> <font color={color:link}>•</font> <a href="{ReblogURL}">↺</a></div>{/block:IndexPage}</div>
  242. {/block:Chat}
  243. {block:Video}
  244. <div class="posts">
  245. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  246. {block:PermalinkPage}
  247. <center>{Video-500}</center>
  248. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  249. {block:IndexPage}<div class="ft"><a href="{reblogurl}" target="_blank">REBLOG</a></div><div class="fts"><a href="{permalink}">{notecount} Notes</a>
  250. </center></div>{/block:IndexPage}</div>
  251. {/block:Video}
  252. {block:Answer}
  253. <div class="posts"><div class="qts"><a href="{Permalink}">{NoteCount}</a> <font color={color:link}>•</font> <a href="{ReblogURL}">↺</a></div>
  254. <img src="{AskerPortraitURL-30}" align="left" class="askfoto">&nbsp;&nbsp;&nbsp;&nbsp;<div class="pergunta"><b>{Asker} disse:&nbsp;</font></b> {Question}</font></div>
  255. <div class="answer">{Answer}</div>
  256. {block:IndexPage}{/block:IndexPage}</div>
  257. {/block:Answer}
  258. {block:PermalinkPage}
  259. <div id="info">
  260. {block:Date}<div class="postnotes">Posted {TimeAgo} with {NoteCountWithLabel}</div>{/block:Date}
  261. {block:RebloggedFrom}<div class="postnotes">Via: <a href="{ReblogParentURL}">{ReblogParentName}<br>Original: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  262. </div>{/block:PermalinkPage}
  263. {block:PostNotes}<div id="mais">{PostNotes}</div>{/block:PostNotes}
  264. {/block:Posts}
  265. {block:IndexPage}
  266. <div class="column navigation" id="navigation">
  267. {block:Pagination}
  268. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  269. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  270. </div>
  271. {/block:IndexPage}
  272. </div>
  273. </div>
  274. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank">Via</a>{/block:RebloggedFrom}
  275. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  276. </body>
  277. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!