API tools faq
paste
Guest User

PEACE VODKA LOVE THEME3-

a guest
May 14th, 2012
28
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.86 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>TITULO DO SEU TUMBLR AQUI</title>
  4. <link rel="shortcut icon" href="{favicon}" />
  5. <style>
  6.  
  7. /*** Início -> Menu Lavalamp por cssand-html.tumblr ***/
  8.  
  9. .lavaLampWithImage {
  10. position: relative;
  11. height: 30px;
  12. width: 500px;
  13. background: #000000;
  14. padding: 5px;
  15. margin: 10px 5px 6px 10px;
  16. overflow: hidden;
  17. }
  18.  
  19. .lavaLampWithImage li {
  20. float: left;
  21. list-style: none;
  22. }
  23.  
  24. .lavaLampWithImage li.back {
  25. background:#fff333;
  26. width: 9px; height: 30px;
  27. z-index: 8;
  28. position: absolute;
  29. }
  30.  
  31. .lavaLampWithImage li.back .left {
  32. background: #fff333;
  33. height: 30px;
  34. margin-right: 9px;
  35. }
  36.  
  37. .lavaLampWithImage li a{
  38. font: bold 13px Tahoma;
  39. text-decoration: none;
  40. color: #000000; /**** ajuste aqui a cor da fonte ****/
  41. outline: none;
  42. text-align: center;
  43. top: 7px;
  44. letter-spacing: 0;
  45. z-index: 10;
  46. display: block;
  47. float: left;
  48. height: 30px;
  49. position: relative;
  50. overflow: hidden;
  51. margin: auto 10px;
  52. }
  53.  
  54. .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
  55. color:#F49DB8;
  56. border: none;
  57. }
  58.  
  59. .lavaLampNoImage {
  60. position: relative;
  61. height: 29px;
  62. width: 421px;
  63. background-color: white;
  64. padding: 15px;
  65. margin: 10px 0;
  66. overflow: hidden;
  67. border: 1px solid gray;
  68. }
  69.  
  70. .lavaLampNoImage li {
  71. float: left;
  72. list-style: none;
  73. }
  74.  
  75. .lavaLampNoImage li.back {
  76. border: 1px solid #000;
  77. background-color: #000;
  78. width: 9px;
  79. height: 30px;
  80. z-index: 8;
  81. position: absolute;
  82. }
  83.  
  84. .lavaLampNoImage li a {
  85. font: bold 14px arial;
  86. text-decoration: none;
  87. color: #000;
  88. outline: none;
  89. text-align: center;
  90. top: 7px;
  91. text-transform: uppercase;
  92. letter-spacing: 0;
  93. z-index: 10;
  94. display: block;
  95. float: left;
  96. height: 30px;
  97. position: relative;
  98. overflow: hidden;
  99. margin: auto 10px;
  100. }
  101.  
  102. .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
  103. border: none;
  104. }
  105.  
  106. .lavaLampBottomStyle {
  107. position: relative;
  108. height: 29px;
  109. width: 421px;
  110. background-color: white;
  111. padding: 15px;
  112. margin: 10px 0;
  113. overflow: hidden;
  114. border: 1px solid gray;
  115. }
  116.  
  117. .lavaLampBottomStyle li {
  118. float: left;
  119. list-style: none;
  120. }
  121.  
  122. .lavaLampBottomStyle li.back {
  123. border-bottom: 5px solid blue;
  124. width: 9px;
  125. height: 30px;
  126. z-index: 8;
  127. position: absolute;
  128. }
  129.  
  130. .lavaLampBottomStyle li a {
  131. font: bold 14px arial;
  132. text-decoration: none;
  133. color: #000;
  134. outline: none;
  135. text-align: center;
  136. top: 7px;
  137. text-transform: uppercase;
  138. letter-spacing: 0;
  139. z-index: 10;
  140. display: block;
  141. float: left;
  142. height: 30px;
  143. position: relative;
  144. overflow: hidden;
  145. margin: auto 10px;
  146. }
  147.  
  148. .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
  149. border: none;
  150. }
  151.  
  152. /*** Acabou -> Menu Lavalamp por cssand-html.tumblr ***/
  153. /* body */
  154.  
  155. body {background: #000 url('http://media.tumblr.com/tumblr_lzcv7pJT2z1r6eqic.png'); font: 10px tahoma; text-align:justify; color: #000000;}
  156.  
  157. /* page */
  158. #content {width: 900px; margin-top: 5px; margin-right: auto; margin-bottom: 50px; margin-left: auto;}
  159.  
  160. /* posts */
  161.  
  162. #post {top: 90px; left: 450px; width:562px; position: absolute;}
  163.  
  164.  
  165. /* caixas */
  166.  
  167. .caixa {background: #FFF; padding: 5px; margin-bottom: 1px; left:110px;}
  168. .caixasidebar {background: #FFF; padding: 5px; margin-bottom: 7px; left:110px;}
  169.  
  170.  
  171. /* formatação */
  172.  
  173. b, strong, bold {color: #7FFFD4;}
  174. u, underline {color: #7FFFD4; border-bottom: 1px dashed #000;text-decoration:none;}
  175. i, em {color: #7FFFD4;}
  176. s, strike {color: #7FFFD4;}
  177.  
  178. ul#menutt {
  179. width: 160px;
  180. list-style:none;
  181. font: bold 16px Arial, Verdana, Serif;
  182. }
  183. ul#menutt li{
  184. position:relative;
  185. }
  186. ul#menutt a {
  187. width: 160px;
  188. display: block;
  189. text-align:left;
  190. padding: 5px 10px;
  191. margin-bottom:1px;
  192. text-decoration: none;
  193. color: #000;
  194. background: #1cd117;
  195. border-left: 12px solid #05a22e;
  196. border-right: 5Px solid #05a22e;
  197. voice-family: "\"}\"";
  198. voice-family:inherit;
  199. width:125px;
  200. }
  201. >#pagebody>ul#menutt a {
  202. width:125px;
  203. }
  204. /* Fix IE. Hide from IE Mac \*/
  205. * html ul#menutt li { float: left; height: 1%; }
  206. * html ul#menutt li a { height: 1%; }
  207. /* End */
  208. ul#menutt a:hover {
  209. color: #fff;
  210. background: #2aec09;
  211. border-right: 3px solid #17c71c;
  212. border-left: 12px solid #17c71c;
  213. }
  214. ul#menutt a span {
  215. display: none;
  216. }
  217. ul#menutt a:hover span {
  218. display: block;
  219. position: absolute;
  220. top:0;
  221. left: 160px;
  222. width: 130px;
  223. padding: 5px;
  224. margin-left:2px;
  225. color: #fff;
  226. background:#060;
  227. font-size: 10px;
  228. text-align:left;
  229. border:1px solid #000;
  230. }
  231.  
  232. /* links */
  233.  
  234. a {color: #000; -webkit-transition-duration: .99s; text-decoration:none;}
  235. a:hover, div.permalink p a:hover {color: #000;border: 0px;margin: 0px;filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition-duration: .99s; text-decoration:none;}
  236.  
  237. /* blockquote */
  238.  
  239. blockquote {border-left: 5px solid #000; font-family: tahoma; color: #000000; padding:
  240. </style>
  241. </head>
  242. <script src='http://static.tumblr.com/iihcsbj/QUElox2fq/jquery-1.1.3.1.min.js'type='text/javascript'/></script>
  243. <script src='http://static.tumblr.com/iihcsbj/2Ytlox2g9/jquery.lavalamp.min.js' type='text/javascript'/></script>
  244. <script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script>
  245.  
  246. <script type='text/javascript'>
  247. $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});
  248. </script>
  249. <script type='text/javascript'>
  250.  
  251. //<![CDATA[
  252. jQuery(document).ready(function($){
  253. $('#top-s').val('').focus(function(){ $(this).val(''); }).blur(function(){ if($(this).val() == '') $(this).val(''); });
  254. $('#searchform').parent().addClass('search-fix');
  255.  
  256. $('.current_page_item').addClass('current');
  257. $('.lavaLampWithImage').lavaLamp({
  258. fx: "backout",
  259. speed: 900
  260. });
  261.  
  262. $('.tagpost').each(function(){
  263. tagPosW = $(this).width();
  264. if(tagPosW > 532) $(this).addClass('longtag');
  265. });
  266. $('.widthfix + .meta .tagpost').each(function(){
  267. tagPosW = $(this).width();
  268. tagPosH = $(this).height();
  269. if((tagPosW > 420) || (tagPosH > 37)) $(this).removeClass('longtag').addClass('tagfix');
  270. });
  271.  
  272. $('#tab-content').tabs({ fxSlide: true });
  273. $('.widget').wrapInner('<div class="inner"></div>');
  274.  
  275. //toggle on sidebar
  276. $('.toggle').each(function() {
  277. $(this).addClass('pointer');
  278. var widgetHeader = $(this).parent();
  279. $(this).toggle(
  280. function() {
  281. $(this).addClass('toggle-down');
  282. widgetHeader.addClass('compact');
  283. },
  284. function() {
  285. $(this).removeClass('toggle-down');
  286. widgetHeader.removeClass('compact');
  287. }
  288. );
  289. });
  290. });
  291. //]]>
  292. </script>
  293. <body>
  294. <div class="colun">
  295.  
  296.  
  297. <br>
  298. <center><a href="/" class="nametitle" >{text:Nome}<br>{text:doTumblr}</a></center> <br>
  299.  
  300. <div id="slide01">
  301.  
  302. <div id="slide02"><div id="slide03">
  303.  
  304. <img src="http://media.tumblr.com/tumblr_lhsyzuijLG1qfp63j.gif"/>
  305. <div class=”frase-ht”>   >>> ESCREVE ALGUMA FRASE PEQUENA AQUI <<<
  306. <p align="justify" style="color: #999; font: normal 9px Tahoma; line-height: 18px;"> <p>♣ <a href="http://rebeldeateofim.tumblr.com/" class="nav" target="_blank">BASE</a> ♣ <a href="http://peace-vodka-love.tumblr.com/" class="nav" target="_blank"> THEME </a>♣<a href="http://cssand-html.com/"> CRÉDITOS</a><br> <p align="justify" style="color: #999; font: normal 9px Tahoma; line-height: 18px;">
  307. <ul class=”lavaLampWithImage”>
  308. <br><li><a href=”/”>home</a></li><li><a href=”/ask”>ask</a></li><li><a href=”http://link.tumblr.com”>link</a></li><li><a href=”http://link.tumblr.com”>link</a></li><li><a href=”http://link.tumblr.com”>link</a></li>
  309. </ul>
  310.  
  311. </div></div></div>
  312.  
  313. <style>
  314.  
  315. img{
  316. margin: 1px;
  317. border: none;
  318. filter: alpha(opacity=75);
  319. moz-opacity:.80;
  320. opacity:.80 ;
  321. -webkit-transition-duration: .50s;
  322. }
  323. img:hover{
  324. margin: 1px;
  325. border: none;
  326. filter: alpha(opacity=100);
  327. moz-opacity:1.0;
  328. opacity:1.0;
  329. }  
  330. </style>
  331.  
  332. <img src="" width="300"/>
  333.  
  334.  
  335.  
  336. </div>
  337. </div>
  338.  
  339. <div id="post">
  340. {block:Posts}
  341. <div class="caixa">
  342.  
  343. {block:Text}
  344. {block:Title}
  345. {Title}
  346. {/block:Title}
  347. {Body}
  348. {/block:Text}
  349.  
  350. {block:Photo}
  351. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></center>
  352. {block:Caption}
  353. <div class="caption">{Caption}</div>
  354. {/block:Caption}
  355. {/block:Photo}
  356.  
  357. {block:Photoset}
  358. <center>{Photoset-500}</center>
  359. {block:Caption}
  360. <div class="caption">{Caption}</div>
  361. {/block:Caption}
  362. {/block:Photoset}
  363.  
  364. {block:Quote}
  365. {Quote}
  366. {block:Source}
  367. <div class="source"><div style="text-align: right">— {Source}</div></div>
  368. {/block:Source}
  369. {/block:Quote}
  370.  
  371. {block:Link}
  372. <a href="{URL}" class="link" {Target}>{Name}</a>
  373. {block:Description}
  374. <div class="description">{Description}</div>
  375. {/block:Description}
  376. {/block:Link}
  377.  
  378. {block:Chat}
  379. {block:Title}
  380. {Title}
  381. {/block:Title}
  382. <ul class="chat">
  383. {block:Lines}
  384. {block:Label}
  385. <span class="label"><b>{Label}</b></span>
  386. {/block:Label}
  387. {Line}<br>
  388. {/block:Lines}
  389. </ul>
  390. {/block:Chat}
  391.  
  392. {block:Video}
  393. {Video-500}
  394. {block:Caption}
  395. <div class="caption">{Caption}</div>
  396. {/block:Caption}
  397. {/block:Video}
  398.  
  399. {block:Audio}
  400. {AudioPlayerBlack}
  401. {block:Caption}
  402. <div class="caption">{Caption}</div>
  403. {/block:Caption}
  404. {/block:Audio}
  405.  
  406.  
  407. {block:Answer}
  408. <center><div style="background:#f1f1f1;font:normal 11px georgia;color:#fff;padding:7px; text-align: justify; float: left; width: 97%;">{Question}</i></div></center>
  409. <div style="padding-left: 15px;"><img src="http://static.tumblr.com/m2njopu/9ZDlqgk4d/haha.png"><br><img src="{AskerPortraitURL-16}" /> <b><span style="text-transform: capitalize;">{Asker}</span></b></div>
  410. {Answer}
  411. {/block:Answer}
  412.  
  413. {block:HasTags}{block:Tags}&nbsp;#<a href="{TagURL}">{Tag}</a>,&nbsp;{/block:Tags}{/block:HasTags}</a> | Postado em {DayOfMonth}/{MonthNumberWithZero}/{Year} às {12Hour}:{Minutes}{AmPm} com <a href="{Permalink}">{NoteCount}</a> notes! ({block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}/{block:ContentSource}<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource}) | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog!</a>
  414. </div><br>
  415. {/block:Posts}<br>
  416. </div></div></div></div></div>
  417. </body>
  418. </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!