Advertisement
paulalopes

Themes novos #6

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