API tools faq
paste
Advertisement
paulalopes

Themes novos #12 [f]

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