API tools faq
paste
apenassimplesversos

Cute ligths

apenassimplesversos
Jul 15th, 2012
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.00 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4.         <link rel="shortcut icon" href="{Favicon}">
  5.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <style>
  7.  
  8. body {background:#FFE4E1 ; font: 10px Century Gothic; text-align:justify; color: #386355;background-attachment:fixed; background-repeat: repeat; text-align: center;}
  9.  
  10. a { color: #000; font-style: none}
  11. ::-webkit-scrollbar{width:3px;height:3px;}
  12. ::-webkit-scrollbar-button:start:decrement
  13. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  14. ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  15. ::-webkit-scrollbar-thumb:vertical{height:20px; background:#000000;-webkit-border-radius:px;}
  16. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#ddd;-webkit-border-radius:px;}
  17. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  18.  
  19.  
  20. #pagina {width: 876px; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto;}
  21.  
  22.  
  23. #posts {left: 480px; width:540px; position: absolute;}
  24.  
  25.  
  26. #sidebar {width:320px; text-align: justify; float: left; position:fixed;  left:130px;}
  27.  
  28.  
  29. .boxpt {background: #fff; margin-bottom: 5px;  padding: 5px;  text-align: justify; color: #FFC0CB;}
  30. .caixaside {background: #fff; padding: 5px; font-family: tahoma; font-style: normal; font-size: 11px; color: #000; text-align:justify; margin: 5px}
  31. .tracejado { border-top: 4px  dashed #386355; height: 1px; margin-bottom: 15px}
  32. .notes { background: #FFC0CB; color: #fff; margin-bottom: 8px; margin-top: 10px; text-align: center; font-size: 10px;}
  33. .asker { background: #FFC0CB; color: #fff; margin-bottom: 8px; margin-top: 10px; text-align: center; font-family: 'tinytots';}
  34. h3 { font-size: 25px; text-align: center; }
  35.  
  36.  
  37.  
  38.  
  39. .menu {display: inline-block; text-align: center; background: #FFC0CB; color: #fff; float: center; font-size: 11px; ; font-family: Century Gothic; margin: 1px; -webkit-transition-duration: .50s; width: 90px; line-height: 20px; padding: 3px;}
  40.  
  41. .menu:hover {display: inline-block; text-align: center; background: #BEBEBE; color: #fff; float: center; font-size: 11px; ; font-family: Century Gothic; margin: 1px; -webkit-transition-duration: .50s; width: 90px; line-height: 20px; padding: 3px; letter-spacing: 3px}
  42.  
  43. .menu a{ color: #fff;}
  44. .qu2 {font-size: 7px;font-family:'tinytots'; color: #fff; padding: 2px 2px 2px 6px; margin-bottom: 2px;  margin-right: 2px; background: transparent; text-align: center;TEXT-TRANSFORM: uppercase;}
  45. .qu2 a {font-size: 8px;font-family:'tinytots'; color: #fff; padding: 2px 2px 2px 6px; margin-bottom: 2px;  margin-right: 2px; background: transparent; text-align: center;TEXT-TRANSFORM: uppercase;}
  46.  
  47. #image:hover {z-index: 100; webkit-transition: 0.5s; transition: 0.5s; -moz-transform: scale(0.80) rotate(180deg) translate(0px, 0px) skew(0deg, 10deg);-webkit-transform: scale(0.80) rotate(180deg) translate(0px, 0px) skew(0deg, 10deg);-o-transform: scale(0.80) rotate(180deg) translate(0px, 0px) skew(0deg, 10deg);-ms-transform: scale(0.80) rotate(180deg) translate(0px, 0px) skew(0deg, 10deg);transform: scale(0.80) rotate(180deg) translate(0px, 0px) skew(0deg, 10deg);}
  48. #image img:hover{opacity:0.7;}
  49.  
  50. </style>
  51. </head>
  52. <body>
  53.  
  54.  
  55. <div id="pagina">
  56. <div id="sidebar"><div class="caixaside">
  57.  
  58. <div id="image"><img src="http://data.whicdn.com/images/32553570/tumblr_m642orSSVh1rz12beo1_500_large.jpg" width="300px"></div>
  59.  
  60. <div class="tracejado" style=" margin-top: 5px; margin-bottom: 3px;"></div>
  61.  
  62. <div class="menu"><a href="LINK" >  Link 1</a></div>
  63. <div class="menu"><a href="LINK" >  Link 2 </a></div>
  64. <div class="menu"><a href="LINK" >  Link 3</a></div>
  65. <div class="menu"><a href="LINK" >  Link 4</a></div>
  66. <div class="menu"><a href="LINK" >  Link 5</a></div>
  67. <div class="menu"><a href="LINK" >  Link 6</a></div>
  68. <div class="menu"><a href="LINK" >  Link 7</a></div>
  69. <div class="menu"><a href="LINK" >  Link 8</a></div>
  70. <div class="menu"><a href="LINK" >  Link 9</a></div>
  71.  
  72. </div>
  73.  
  74. <div class="qu2"><center><big>
  75. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big><big><big>«</big></big></big></a>{/block:PreviousPage}/
  76. {block:NextPage}<a href="{NextPage}"><big><big><big>»</big></big></big></a>{/block:NextPage}{/block:Pagination}<br>
  77.    Base: <a href="http://nxr-black.tumblr.com">nxr-black</a>Theme by <a href="http://htmlpravoces.tumblr.com">HPV</a><br><br>
  78.    
  79. </div></center>
  80. </div>
  81. </div>
  82. <div id="posts">
  83. <div class="boxpt">
  84. {block:Posts}
  85.  
  86.     <!--TEXTOs-->
  87.  
  88.     {block:Text}
  89.  
  90.         {block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}
  91.  
  92.         <div>{Body}</div>
  93.  
  94.     {/block:Text}
  95.  
  96.  
  97.  
  98.     <!--PERGUNTAS E MENSAGENS-->
  99.  
  100.     {block:Answer}
  101.  
  102.     <divclass="asker">  {Asker}</strong> perguntou: {Question}</div>
  103.  
  104.         Resposta: {Answer}<br />
  105.  
  106.     {/block:Answer}
  107.  
  108.  
  109.  
  110.     <!--LINKS-->
  111.  
  112.     {block:Link}
  113.  
  114.     <h3><a href="{URL}">{Name}</a> </h3>
  115.  
  116.         {block:Description}{Description}{/block:Description}
  117.  
  118.  
  119.     {block:Link}
  120.  
  121.  
  122.  
  123.     <!--FOTOS-->
  124.  
  125.     {block:Photo}
  126.         <center>{LinkOpenTag}<img src="{PhotoURL-500}" style="width: 530px" title="{PhotoAlt}" />{LinkCloseTag}</center><br />
  127.  
  128.         {block:Caption}{Caption}{/block:Caption}<br />
  129.  
  130.     {/block:Photo}
  131.  
  132.  
  133.  
  134.     <!--FRASES-->
  135.  
  136.     {block:Quote}
  137.  
  138.         <h3><big>"</big> {Quote} "</h3>
  139.  
  140.         {block:Source}&mdash; {Source}{/block:Source}
  141.  
  142.     {/block:Quote}
  143.    
  144.  
  145.  
  146.     <!--DIALOGOS-->
  147.  
  148.     {block:Chat}
  149.  
  150.     <h3>    {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  151. </h3>
  152.         <table>
  153.             {block:Lines}
  154.             <tr>
  155.                 {block:Label}<td class="name">{Label}</td>{block:Label}
  156.                 <td class="words">{Line}</td>
  157.             </tr>
  158.             {/block:Lines}
  159.         </table><br />
  160.  
  161.     {/block:Chat}
  162.    
  163.  
  164.  
  165.     <!--MUSICAS-->
  166.  
  167.     {block:Audio}
  168.  
  169.         <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  170.  
  171.         <center>{AudioPlayerWhite}</centeR>
  172.  
  173.         {block:Caption}{Caption}{/block:Caption}<br />
  174.  
  175.  
  176.     {/block:Audio}
  177.    
  178.  
  179.  
  180.     <!--VIDEOS-->
  181.  
  182.     {block:Video}
  183.  
  184.         <center>{Video-500}</center>
  185.  
  186.         {block:Caption}{Caption}{/block:Caption}<br />
  187.  
  188.     {/block:Video}
  189.  
  190.     <div class="notes"> Postado em {DayOfMonth} de {Month} de {Year} às {24Hour}:{Minutes} |
  191.    
  192.         {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{ReblogRootName}</a>|{/block:RebloggedFrom}
  193.  
  194.         {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>|{/block:NoteCount}
  195.         {block:ContentSource}<a href="{SourceURL}" target=blank><b>Source</b></a>|{/block:ContentSource}
  196.        
  197.         <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog this!</a> |
  198. <br>
  199.         {block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>,&nbsp;{/block:Tags}{/block:HasTags}</a>
  200.  
  201.         {block:PostNotes}<br />{PostNotes}{/block:PostNotes}</div>
  202.        
  203.         <div class="tracejado"></div>
  204.  
  205.  
  206. {/block:Posts}
  207.    
  208.  
  209. </div>    
  210.  
  211.  
  212. </div>    
  213. </div>
  214. </body>
  215. </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!