API tools faq
paste
Advertisement
ele-disse-adeus

theme23

ele-disse-adeus
Apr 26th, 2012
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  2.  
  3. <script type="text/javascript">
  4. //desabilita menu de opcoes ao clicar no botao direito
  5. function desabilitaMenu(e)
  6. {if (window.Event)
  7. {if (e.which == 2 || e.which == 3)
  8. return false;}
  9. else
  10. {event.cancelBubble = true event.returnValue = false; return false;} }
  11. document.oncontextmenu = desabilitaMenu;
  12. document.onmousedown = desabilitaBotaoDireito;
  13. document.onmouseup = desabilitaBotaoDireito;
  14. </script>
  15.  
  16. <title>{title}</title>
  17. <link rel="shortcut icon" href="{favicon}" />
  18. <script type="text/javascript">
  19. // <![CDATA[
  20. var bgcolour="#ffffff"; // background colour
  21. var fgcolour="#cccccc"; // foreground colour
  22. var speed=100; // speed of bubbling, lower is faster
  23. var shades=10; // number of shades of bubble
  24.  
  25. /****************************
  26. * Bubbling Text Effect *
  27. *(c) 2003-6 mf2fm web-design*
  28. * http://www.mf2fm.com/rv *
  29. * DON'T EDIT BELOW THIS BOX *
  30. ****************************/
  31. var bubbcol=new Array();
  32. var bubbler, bubbtxt;
  33. var bubbchr=new Array();
  34. window.onload=function() { if (document.getElementById) {
  35. for (bubbler=0; bubbler<=shades; bubbler++) {
  36. bubbtxt="#";
  37. for (var i=1; i<6; i+=2) {
  38. var bg=parseInt(bgcolour.substring(i,i+2),16);
  39. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  40. }
  41. bubbcol[bubbler+1]=bubbtxt;
  42. }
  43. bubbler=document.getElementById("bubble");
  44. bubbtxt=bubbler.firstChild.nodeValue;
  45. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  46. for (var i=0; i<bubbtxt.length; i++) {
  47. var bubbi=document.createElement("span");
  48. bubbi.setAttribute("id", "bubb"+i);
  49. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  50. bubbler.appendChild(bubbi);
  51. }
  52. bubbler=setInterval ("bubbling()", speed);
  53. }}
  54.  
  55. function dechex(dec) {
  56. var hex=dec.toString(16);
  57. if (dec<16) return "0"+hex;
  58. else return hex;
  59. }
  60.  
  61. function bubbling() {
  62. for (var i=0; i<bubbtxt.length; i++) {
  63. var bubbme=document.getElementById("bubb"+i);
  64. if (bubbchr[i]) {
  65. bubbme.style.color=bubbcol[bubbchr[i]];
  66. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  67. }
  68. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  69. }
  70. }
  71. // ]]>
  72. </script>
  73. <title>{Title}</title>
  74. <meta name="color:background" content="#eee">
  75. <meta name="image:background" content="/">
  76. <meta name="color:bgcaixa" content="#fff">
  77. <meta name="color:text" content="#777">
  78. <meta name="font:titulo" content="georgia">
  79. <meta name="color:link" content="#000">
  80. <meta name="color:link hover" content="#ccc">
  81. <meta name="color:menu" content="#000">
  82. <meta name="color:text menu" content="#fff">
  83. <meta name="color:menu hover" content="#777">
  84. <meta name="color:text menu hover" content="#000">
  85. <meta name="text:menu1" content="URL">
  86. <meta name="text:menu1 nome" content="link">
  87. <meta name="text:menu2" content="URL">
  88. <meta name="text:menu2 nome" content="link 2">
  89. <meta name="text:menu3" content="URL">
  90. <meta name="text:menu3 nome" content="link 3">
  91. <meta name="text:menu4" content="URL">
  92. <meta name="text:menu4 nome" content="link 4">
  93. <meta name="text:menu5" content="URL">
  94. <meta name="text:menu5 nome" content="link 5">
  95. <meta name="text:frase"content="I wont give up on us">
  96. <meta name="image:img1" content="http://static.tumblr.com/i7ktqvi/xgym339q6/1.png">
  97. <meta name="image:img2" content="http://static.tumblr.com/i7ktqvi/jzRm339qg/2.png">
  98. <style>
  99. /**centralizacao dont mexa lindinho**/
  100. #center {width:900px;margin:auto;}
  101. /*** fundo do theme ***/
  102. body {background: {color:background} url('{image:background}')fixed; color: {color:text}; font-size: 8pt; font-family: georgia;}
  103.  
  104. .post {background: {color:bgcaixa};margin-top:1px;; padding: 5px; }
  105.  
  106. /*** letras ***/
  107. h1 {text-align: center; font: 15px {font:titulo}; color: {color:text};}
  108.  
  109. /*** ask ***/
  110. .bubble {align:right;background: {color:background}; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  111. .bubble p {margin:1px 0px;}
  112. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:background};}
  113.  
  114. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: {color:background}}
  115.  
  116. .tags{background-color:{color:bgcaixa}; padding: 3px; cursor:pointer; -webkit-border-radius: 2px;display: inline-block;width:520px;font-size:7pt;border-top:1px solid {color:background}; border-bottom:1px solid {color:background};text-align:center;}
  117.  
  118.  
  119. /*** links ***/
  120. a:link,a:active,a:visited { color: {color:link}; text-decoration: none; -webkit-transition-duration: .50s;}
  121. a:hover { color: {color:link hover};}
  122.  
  123. /*** negrito e talz ***/
  124. b, strong {color: {color:text}; text-decoration: none; cursor: help;}
  125. s {color: {color:text};cursor: help;}
  126. i {color: {color:text}; text-decoration: none;cursor: help;}
  127. u, underline {color:{color:text}; text-decoration: none; border-bottom: 1px dashed {color:text};cursor: help;}
  128.  
  129. /*** Paginação by madlyluv.com ***/
  130. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px {color:bgcaixa};}
  131. #paginacaoml a {background: {color:background}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:link}; text-decoration: none;}
  132. #paginacaoml a:hover {background: {color:background}; border: none;}
  133. #paginacaoml span.pagina_atual {background: {color:background}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:link}; text-decoration: none;}
  134. #paginacaoml span.info {background: {color:background}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:link}; text-decoration: none;}
  135. .sidebar {position:fixed;margin-left:50px;margin-top:350px;background:#fff;padding:5px;height:115px;overflow:hidden;width:405px;}
  136. .hovermenu {float:left;-webkit-transition-duration: .60s;width:200px;position:fixed;z-index:3}
  137. .hovermenu:hover {margin-left:205px;-webkit-transition-duration: .90s;}
  138. .menu {float:left;width:200px;position:fixed;height:100px;overflow:auto;}
  139. .menu:hover .hovermenu {margin-left:205px;z-index:5}
  140. .hoverdesc {float:right;position:fixed;width:200px;overflow:hidden;height:100px;position:fixed;margin-left:0px;-webkit-transition-duration: .60s;}
  141. .hoverdesc:hover {margin-left:-205px;-webkit-transition-duration: .90s;z-index:5}
  142. .desc {overflow:auto;width:200px;margin-left:205px;height:100px; text-align:justify;}
  143. .desc:hover .hoverdesc {margin-left:-205px;z-index:5}
  144.  
  145. ::-webkit-scrollbar-thumb:vertical {background-color: {color:bgcaixa};}
  146. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:bgcaixa};}
  147. ::-webkit-scrollbar {height:5px; width:5px; background-color:{color:background};}
  148.  
  149. .bublim {position:fixed;margin-top:330px;width:400px;text-align:center;font:15px georgia;margin-left:50px;}
  150. #nav {background:{color:menu};opacity:0.8;color:{color:text menu}; padding:2px;width:196px;float:left;margin-bottom:2px;text-align:center;-webkit-transition-duration: .60s;}
  151. #nav:hover {-webkit-transition-duration: .90s;color:{color:text menu hover};background:{color:menu hover}}
  152. /*** FIM DO CSS ***/
  153.  
  154. </style>
  155. </head>
  156. <body>
  157. <div class="bublim"><center><span id="bubble">{text:frase}</span></center></div>
  158. <div class="sidebar">
  159. <div class="menu"><div class="hovermenu"><img src="{image:img1}" width="200px"></div>
  160. <a href="{text:menu1}" id="nav">{text:menu1 nome}</a>
  161. <a href="{text:menu2}" id="nav">{text:menu2 nome}</a>
  162. <a href="{text:menu3}" id="nav">{text:menu3 nome}</a>
  163. <a href="{text:menu4}" id="nav">{text:menu4 nome}</a>
  164. <a href="{text:menu5}" id="nav">{text:menu5 nome}</a>
  165. </div>
  166.  
  167.  
  168.  
  169. <div class="desc"><div class="hoverdesc"><img src="{image:img2}" width="200px"></div>{Description}</div>
  170. <div style="float:left;width:200px;text-align: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}
  171. {block:JumpPagination length="5"}
  172. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  173. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  174. {/block:JumpPagination}
  175. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  176. </div></div>
  177. <div style="float:right;margin-top:3px;width:200px;text-align:center;opacity:0.8;">theme by <a href="http://themesby-eda.tumblr.com/">ele-disse-adeus</a></div>
  178.  
  179.  
  180. </div>
  181.  
  182.  
  183.  
  184.  
  185.  
  186. </div>
  187.  
  188.  
  189. <div class="post" style="position: absolute; width: 525px;margin-left:480px;">
  190. {block:Posts}
  191.  
  192. <!--TEXTOs-->
  193.  
  194. {block:Text}<div class="post">
  195.  
  196. {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  197.  
  198. <div>{Body}</div>
  199.  
  200. </div>{/block:Text}
  201.  
  202.  
  203.  
  204. <!--PERGUNTAS E MENSAGENS-->
  205.  
  206. {block:Answer}<div class="post">
  207.  
  208. <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}
  209.  
  210. </div>{/block:Answer}
  211.  
  212.  
  213.  
  214. <!--LINKS-->
  215.  
  216. {block:Link}<div class="post">
  217.  
  218. <a href="{URL}"><h1>{Name}</h1></a>
  219.  
  220. {block:Description}{Description}{/block:Description}
  221.  
  222.  
  223. </div>{block:Link}
  224.  
  225.  
  226.  
  227. <!--FOTOS-->
  228.  
  229. {block:Photo}<div class="post">
  230. <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" />{LinkCloseTag}</center><br />
  231.  
  232. {block:Caption}{Caption}{/block:Caption}<br />
  233.  
  234. </div>{/block:Photo}
  235.  
  236.  
  237.  
  238. <!--FRASES-->
  239.  
  240. {block:Quote}<div class="post">
  241.  
  242. <h1>- "{Quote}"</h1>
  243.  
  244. {block:Source}&mdash; {Source}{/block:Source}
  245.  
  246. </div>{/block:Quote}
  247.  
  248.  
  249.  
  250. <!--DIALOGOS-->
  251.  
  252. {block:Chat}<div class="post">
  253.  
  254. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  255.  
  256. <table>
  257. {block:Lines}
  258. <tr>
  259. {block:Label}<td class="name">{Label}</td>{block:Label}
  260. <td class="words">{Line}</td>
  261. </tr>
  262. {/block:Lines}
  263. </table><br />
  264.  
  265. </div>{/block:Chat}
  266.  
  267.  
  268.  
  269. <!--MUSICAS-->
  270.  
  271. {block:Audio}<div class="post">
  272.  
  273. <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  274.  
  275. <center>{AudioPlayerWhite}</centeR>
  276.  
  277. {block:Caption}{Caption}{/block:Caption}<br />
  278.  
  279.  
  280. </div>{/block:Audio}
  281.  
  282.  
  283.  
  284. <!--VIDEOS-->
  285.  
  286. {block:Video}<div class="post">
  287.  
  288. <center>{Video-500}</center>
  289.  
  290. {block:Caption}{Caption}{/block:Caption}<br />
  291.  
  292. </div>{/block:Video}
  293.  
  294. <div class="tags">Posted on <a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}</a> at {12Hour}:{Minutes}{AmPm} - <a href="{ReblogURL}">Reblog this!</a> {block:NoteCount} - {NoteCount} notes{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>&<a href="{ReblogRootURL}">original</a>{/block:RebloggedFrom}
  295. </div>
  296.  
  297. {/block:Posts}
  298.  
  299. </div></div></div></div></div></div></div></div></div></div></div></div>
  300.  
  301. </div></body>
  302. </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!