Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme 04

By: desejo-intocavel on Mar 10th, 2012  |  syntax: None  |  size: 11.25 KB  |  hits: 399  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <head>
  3.  
  4. <link rel="stylesheet" href="http://static.tumblr.com/mpornxv/oTzlov58o/lavalamp_test.css" type="text/css" media="screen">
  5.  
  6.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/BnLlov3e2/jquery-1.1.3.1.min.js"></script>
  7.  
  8.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/n3hlov3c1/jquery.easing.min.js"></script>
  9.  
  10.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/Mwklov3cl/jquery.lavalamp.js"></script>
  11. <script type="text/javascript">
  12.     $(function() {
  13.   $(".lavaLamp").lavaLamp({
  14.   fx: "backout", speed: 700 })
  15.   });
  16.  
  17. </script>
  18.  
  19.  
  20. <title>TÍTULO DO SEU TUMBLR AQUI</title>
  21. <link rel="shortcut icon" href="LINK DO SEU FAVICON AQUI">
  22.  
  23.  
  24. <style>
  25. /*** BACKGROUND ***/
  26. body{background: #fff Url(http://icantstay.files.wordpress.com/2010/04/black_and_red_emo_background_by_iamthemagic1.jpg); color: #fff; font-family: Verdana; font-size: 11px;  background-attachment:fixed; background-repeat: repeat;}
  27.  
  28.  
  29.  
  30. /*** CAIXA ***/
  31. .box1 {background: #000; margin-bottom: 10px;  padding: 5px;  text-align: justify; border: 1px solid #bebebe;  -moz-box-shadow: 0 0 1em #000; -webkit-box-shadow: 0 0 1em #000;  box-shadow: 0 0 1em #000; }
  32.  
  33.  
  34. /*** SEPARA AS TAGS DE POST ***/
  35. .divdate {border-bottom: 2px dashed #eee; margin: 7px 0px 7px 0px;}
  36.  
  37.  
  38. /***NEGRITO, ITALICO, SUBLINHADO, E RISCADO ***/
  39. b, strong {color: #CD0000; cursor: help;}
  40. i, em {font: italic 11px verdana; color: #CD0000; cursor: help; }
  41. u { color: #CD0000; border-bottom: 1px #CD0000 dashed; text-decoration: none; cursor: help; }
  42. s, strike {color: #CD0000; cursor: help;}
  43.  
  44.  
  45.  
  46. /*** LINKS ***/
  47. a:link, a:active, a:visited {color: #CD0000; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; transition: color 0.5s ease-out}
  48.  
  49. a:hover {color: #fff ;}
  50.  
  51.  
  52.  
  53. /*** CAIXA DA ASK ***/
  54.  
  55. .asker img {
  56. width: 48px;
  57. height:48px;
  58. align:left;
  59. margin:0px 0px 5px 0px;}
  60.  
  61. .imgpost {border: 2px solid #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
  62.  
  63. .askbox {
  64. align:right;
  65. background: #eee;
  66. margin:-60px 0px 5px 62px;
  67. padding:10px;
  68. left: 7px;
  69. width: 420px;
  70. position: relative;}
  71.  
  72. .askbox p {margin:1px 0px;}
  73.  
  74. .askbox span {  
  75. display: block;
  76. position: absolute !important;
  77. width: 1px;
  78. height: 1px;
  79. font-size: 0;
  80. line-height: 1px;
  81. left: -10px;
  82. top: 10px;
  83. border-top: 7px solid transparent;
  84. border-bottom: 7px solid transparent;
  85. border-right: 10px solid #eee; text-shadow: 0 1px 1px #eee;}
  86.  
  87.  
  88. /*** TITULO ***/
  89. .title {font: 20pt Verdana; color: #fff;  margin: 0 0 25px 0; padding: 12px; line-height: 30px; display: block;}
  90.  
  91. /*** BLOCKQUOTE ***/
  92. blockquote{margin:2px 5px 0 5px; padding: 2px 0 0 5px; border-left: 4px solid #BEBEBE}
  93.  
  94.  
  95.  
  96. /**** SELECAO COLORIDA ****/
  97.   ::-moz-selection
  98.    {color: #fff;
  99.    background: #000;}
  100.  
  101.   ::selection
  102.    {color: #fff;
  103.    background: #000;}
  104.  
  105. /*** PAGINACAO ***/
  106. #paginacaoml {font-size: 14px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #000;}
  107. #paginacaoml a {background: #000; margin: 0 1px 0 0; padding: 2px 4px; color: #777; text-decoration: none;}
  108. #paginacaoml a:hover {background: #000; border: none; color:#BEBEBE;}
  109. #paginacaoml span.pagina_atual {background: #000; margin: 0 1px 0 0; padding: 2px 4px; color: #BEBEBE; text-decoration: none;}
  110. #paginacaoml span.info {background: #000; margin: 0 1px 0 0; padding: 2px 4px; color: #777; text-decoration: none;}
  111.  
  112.  
  113.  
  114.  
  115. /* Styles for the entire LavaLamp menu */
  116. .lavaLamp {
  117.     position: relative;
  118.     height: 25px; width: 334px;
  119.     background: #000 no-repeat top;
  120.     padding: 7px; margin: 5px 0;
  121.     overflow: hidden;
  122. }
  123.     /* Force the list to flow horizontally */
  124.     .lavaLamp li {
  125.         float: left;
  126.         list-style: none;
  127.     }
  128.         /* Represents the background of the highlighted menu-item. */
  129.         .lavaLamp li.back {
  130.             background: #cd0000  no-repeat right -30px;
  131.             width: 9px; height: 30px;
  132.             z-index: 8;
  133.             position: absolute;
  134.         }
  135.             .lavaLamp li.back .left {
  136.                 background: #CD0000  no-repeat top left;
  137.                 height: 30px;
  138.                 margin-right: 9px;
  139.             }
  140.         /* Styles for each menu-item. */
  141.         .lavaLamp li a {
  142.             position: relative; overflow: hidden;
  143.             text-decoration: none;
  144.             text-transform: uppercase;
  145.             font: bold 14px arial;
  146.             color: #fff; outline: none;
  147.             text-align: center;
  148.             height: 30px; top: 7px;
  149.             z-index: 10; letter-spacing: 0;
  150.             float: left; display: block;
  151.             margin: auto 10px;
  152.         }
  153.  
  154.  
  155. /***************************************************** rolagem  **/
  156. ::-webkit-scrollbar { width: 13px; height: 13px/}
  157.  
  158. ::-webkit-scrollbar-button:start:decrement,
  159. ::-webkit-scrollbar-button:end:increment {
  160.  display: block;}
  161.  ::-webkit-scrollbar-button:vertical:start:increment,
  162. ::-webkit-scrollbar-button:vertical:end:decrement {
  163.  display: none;}
  164.  
  165. /***************************************************** rolagem penultima **/
  166. ::-webkit-scrollbar-button:vertical:increment {
  167.  background-color: #000;
  168. }
  169.  
  170. /* Place The scroll up button at the up */
  171. ::-webkit-scrollbar-button:vertical:decrement { background-color: #000;}
  172.  
  173.  
  174. /***************************************************** fundo rolagem penultima **/
  175. ::-webkit-scrollbar-track:vertical {background-color: #000;}
  176.  
  177. /***************************************************** fundo rolagem acima parada **/
  178. ::-webkit-scrollbar-track-piece {background-color: #000;}
  179. ::-webkit-scrollbar-track-piece:vertical:start {border: 1px solid #COR;}
  180.  
  181. /***************************************************** fundo rolagem parada **/
  182. ::-webkit-scrollbar-thumb:vertical {
  183. height: 50px;background-color: #cd0000;}
  184.  
  185. /***************************************************** fundo rolagem ultima **/
  186. ::-webkit-scrollbar-corner:vertical {
  187.  background-color: #000;}
  188.  
  189.  
  190. </style>
  191.  
  192.  
  193.  
  194.  
  195. </head>
  196. <body>
  197. <div style=" background-image: url('http://www.color-hex.com/colorimg.php?color=cd0000'); top: 0px; left: 0px; width: 30px; height: 100%; z-index: 100; position: fixed;"></div>
  198.  
  199.  
  200.  
  201.  
  202. <div style="position:absolute; width: 360px; left:620px; top:40px; position: fixed; text-align: right;" >
  203.  
  204.  
  205. <div class="box1">
  206.  
  207. <img src="http://www.orkut.gmodules.com/gadgets/proxy?refresh=86400&container=orkut&gadgets=http%3A%2F%2Forkut.com%2Fimg.xml&url=http%3A%2F%2F27.media.tumblr.com%2Ftumblr_lhyxvu2wFY1qca3cfo1_500.gif" width="335"><br>
  208.  
  209. COLOQUE AQUI A IMAGEM DA SUA SIDEBAR, SEU MENU, SUA DESCRIÇÃO, O QUE VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ  VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ VOCÊ QUISER !
  210.  
  211.  
  212. <ul class="lavaLamp">
  213.             <li><a href="#">LINK</a></li>
  214.             <li><a href="#">LINK</a></li>
  215.             <li><a href="#">LINK</a></li>
  216.             <li><a href="#">LINK</a></li>
  217.             <li><a href="#">LINK</a></li>
  218.             <li><a href="#">LINK</a></li>
  219.                
  220. </ul>
  221.  
  222. <ul class="lavaLamp">
  223.             <li><a href="#">LINK</a></li>
  224.             <li><a href="#">LINK</a></li>
  225.             <li><a href="#">LINK</a></li>
  226.             <li><a href="#">LINK</a></li>
  227.             <li><a href="#">LINK</a></li>
  228.             <li><a href="#">LINK</a></li>
  229.                
  230. </ul>
  231. </div>
  232.  
  233. <br><center><div id="paginacaoml"><span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  234. {block:JumpPagination length="15"}
  235. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  236. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  237. {/block:JumpPagination}
  238. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</div></div></center>
  239. </div>
  240. </div>
  241.  
  242.  
  243.  
  244.  
  245.  
  246. <div id="post" style="padding: 6px; top: 5px; left: 40px; position: absolute; width: 550px; color:#fff; background:transparent ; line-height:120%;">
  247.  
  248.  
  249.     <br>{block:Posts}
  250. <div class="box1">
  251.     <!--TEXTOs-->
  252.  
  253.  
  254.  
  255.  
  256.     {block:Text}
  257.  
  258.         {block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}
  259.  
  260.  
  261.                 <div>{Body}</div>
  262.  
  263.         {/block:Text}
  264.  
  265.  
  266.  
  267.         <!--ASKS-->
  268.  
  269.        
  270.        
  271.         {block:Answer}
  272. <div class="asker"><img src="{AskerPortraitURL-40}"class="imgpost"></div>
  273. <div class="askbox"><span></span>
  274. {Asker}:<br><p>{Question}</p><BR><BR></div><BR>
  275. <div class="answer"><p>{Answer}</p></div>
  276. {block:PostNotes}<BR>{PostNotes}{/block:PostNotes}
  277. {/block:Answer}
  278.  
  279.  
  280.  
  281.  
  282.  
  283.  
  284.         <!--LINK-->
  285.  
  286.         {block:Link}
  287.  
  288.                 <a href="{URL}" class="title">{Name}</a>
  289.  
  290.                 {block:Description}{Description}{/block:Description}
  291.  
  292.  
  293.         {block:Link}
  294.  
  295.  
  296.  
  297.         <!--PHOTO-->
  298.  
  299.         {block:Photo}
  300.                 <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" class="borda" />{LinkCloseTag}</center><br />
  301.  
  302.                 {block:Caption}{Caption}{/block:Caption}<br />
  303.  
  304.         {/block:Photo}
  305.  
  306.  
  307.  
  308.         <!--QUOTE-->
  309.  
  310.         {block:Quote}
  311.  
  312.                 <h3><big>"</big> {Quote} "</h3>
  313.  
  314.                 {block:Source}&mdash; {Source}{/block:Source}
  315.  
  316.         {/block:Quote}
  317.        
  318.  
  319.  
  320.         <!--CHAT-->
  321.  
  322.         {block:Chat}
  323.  
  324.                 {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  325.  
  326.                 <table>
  327.                         {block:Lines}
  328.                         <tr>
  329.                                 {block:Label}<td class="name">{Label}</td>{block:Label}
  330.                                 <td class="words">{Line}</td>
  331.                         </tr>
  332.                         {/block:Lines}
  333.                 </table><br />
  334.  
  335.         {/block:Chat}
  336.        
  337.  
  338.  
  339.         <!--AUDIO-->
  340.  
  341.         {block:Audio}
  342.  
  343.                 <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  344.  
  345.                 <center>{AudioPlayerWhite}</centeR>
  346.  
  347.                 {block:Caption}{Caption}{/block:Caption}<br />
  348.  
  349.  
  350.         {/block:Audio}
  351.        
  352.  
  353.  
  354.         <!--VIDEO-->
  355.  
  356.         {block:Video}
  357.  
  358.                 <center>{Video-500}</center>
  359.  
  360.                 {block:Caption}{Caption}{/block:Caption}<br />
  361.  
  362.         {/block:Video}
  363.  
  364. <BR><BR>
  365. <div class="divdate"> </div>
  366.                   {DayOfMonth}.{MonthNumberWithZero}.{Year} - {12Hour}:{Minutes}{AmPm}
  367.        
  368.                  {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  369.  
  370.                
  371.  
  372.                 {block:ContentSource}<a href="{SourceURL}" target=blank>(Original)</a>{/block:ContentSource}
  373.                
  374.  
  375.                 {block:HasTags} - Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>,&nbsp;{/block:Tags}{/block:HasTags}</a> -  <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog This</a>
  376.    
  377. {block:NoteCount} / <a href="{Permalink}">({NoteCount}) Notes  </a>{/block:NoteCount}
  378.  
  379.  
  380.  
  381.  
  382.  
  383.                 {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  384.  
  385.  
  386. </div>
  387. {/block:Posts}<br><center><b>Base feita por:</b> <a href="http://capuccinowithchantilly.tumblr.com">Kaahdd</a> | <b>Adapatado por:</b> <a href="http://desejo-intocavel.tumblr.com">Verônica S.</a></center></center>
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394. </div>
  395. </div>
  396. </div></div></div>
  397.  
  398. </body>
  399. </html>
create a new version of this paste RAW Paste Data