API tools faq
paste
pamellabellegarde

Theme Tumblr: Harry Potter

pamellabellegarde
Oct 29th, 2011
832
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.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”>
  2. <html xmlns=”http://www.w3.org/1999/xhtml”>
  3. <head profile=”http://gmpg.org/xfn/11”>
  4.  
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{favicon}" />
  7. <meta name="if:Show sidebar picture" content="1"/>
  8. <meta name="image:PicSidebar" content=" " />
  9. <meta name="color:Menu" content="#000000"/>
  10. <meta name="color:MenuHover" content="#141414"/>
  11. <meta name="color:Sidebar" content="#101010"/>
  12. <meta name="color:Postsbox" content="#101010"/>
  13. <meta name="color:Links" content="#23ddd1" />
  14. <meta name="color:Links Hover" content="#484848" />
  15. <meta name="color:Caixa Ask" content="#eee" />
  16. <meta name="color:Negrito" content="#707070"/>
  17. <meta name="color:Italico" content="#707070"/>
  18. <meta name="color:Sublinhado" content="#707070"/>
  19. <meta name="color:Riscado" content="#707070"/>
  20. <meta name="color:Texto" content="#ffffff" />
  21. <meta name="if:Mostrar Tags" content="1"/>
  22. <meta name="font:Texto" content="georgia" />
  23. <meta name="font:Titulo" content="georgia" />
  24. <meta name="text:Link1" content="" />
  25. <meta name="text:Link1 Title" content="" />
  26. <meta name="text:Link2" content="" />
  27. <meta name="text:Link2 Title" content="" />
  28. <meta name="text:Link3" content="" />
  29. <meta name="text:Link3 Title" content="" />
  30. <meta name="text:Link4" content="" />
  31. <meta name="text:Link4 Title" content="" />
  32. <meta name="text:Link5" content="" />
  33. <meta name="text:Link5 Title" content="" />
  34.  
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39.  
  40.  
  41. /*** BALÃO ASK POR BIIBS ***/
  42. .bubble {align:right;background: {color:Caixa Ask}; margin:1px 0px 3px 63px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  43. .bubble p {margin:1px 0px;}
  44. .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
  45.  
  46. transparent;border-right:10px solid {color:Caixa Ask};}
  47.  
  48.  
  49.  
  50.  
  51. /** TÍTULO DOS POSTS **/
  52. .titulo {font: italic 21px {font:Titulo};}
  53.  
  54.  
  55.  
  56. /** CAIXA DOS POSTS **/
  57. .caixa {background: {color:Postsbox}; font-family: {font:Texto}; font-size: 11px; width: 500px;
  58. margin-bottom: 10px; padding: 3px; }
  59.  
  60.  
  61. /** SIDEBAR **/
  62. .caixasidebar {background:{color:sidebar}; font-family: {font:Texto}; font-size: 11px; width: 300px; margin-bottom: 15px; padding: 7px; margin-left: 40px; position: fixed;
  63.  
  64.  
  65. }
  66.  
  67.  
  68.  
  69. .creditos{
  70. background: {color:Postsbox};
  71. background-repeat: no-repeat;
  72. padding: 5px;
  73. margin-bottom: 0px;
  74. border-radius:30px;
  75. height:16px;
  76. font-style:italic;
  77. font-family:{font:texto};
  78. font-size:13;
  79. color:{color:Texto};
  80. }
  81.  
  82.  
  83. /** FORMATAÇÕES **/
  84. s {color: {color:Riscado};}
  85. i {color: {color:Italico};}
  86. em {color: {color:Negrito};}
  87. b {color:{color:Negrito};}
  88. strong {color: {color:Negrito};}
  89. u {color:{color:Sublinhado};}
  90.  
  91. /** POSIÇÃO THEME **/
  92. .esquerda {width: 400px; float: left; text-align: justy;}
  93. .direita {width: 500px; float: right; text-align: justy;}
  94. .central {width: 900px; text-align: justify;}
  95.  
  96. /** APARENCIA LINKS **/
  97. a:link, a:visited, a:active {color: {color:Links}; text-shadow: 0 0px 0px #ffffff; text-decoration: none;}
  98. a:hover {color: {color:Links Hover};}
  99.  
  100.  
  101. /** TAGS **/
  102. .tag2 {border-bottom: 2px solid {color:Menu}; margin: 7px 0px 7px 0px;}
  103.  
  104. /** PERSONALIZAÇÃO MENU **/
  105. .nav1 {font-size: 14px; font-family:georgia; color: #000;float:left;padding: 4px; letter-spacing:1px; text-align:center; height:15px; background:{color:Menu};
  106.  
  107. width:90px;margin:1px;-webkit-transition-duration: .90s;padding-top:5px;}}
  108.  
  109.  
  110. .nav1:hover {background:{color:MenuHover}; padding: 2px; margin:1px; text-align:center; font: italic 13px georgia; widht:70px; letter-spacing: 3px;}
  111.  
  112. /** FUNDO **/
  113. body {background-color: #000000; background-image:url(http://static.tumblr.com/y9ykbvf/97ultdqge/untitled-2.png); background-attachment: fixed; background-repeat: no-repeat;
  114.  
  115. background-position: right; font-family: {font:texto}; font-size: 11px; color: {color:Texto}; text-align: justify;}
  116.  
  117. /** APARENCIA BLOCKQUOTE **/
  118. blockquote {border-left: 47px solid {color:texto};
  119. padding: 2px;margin-left:0px;}
  120.  
  121.  
  122.  
  123.  
  124. .shakeht { position:relative}
  125.  
  126.  
  127. </style>
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134. <!-- FIM DO CSS -->
  135.  
  136. <script type="text/javascript">
  137. var rector=3
  138. var stopit=0
  139. var a=1
  140.  
  141. function init(which){
  142. stopit=0
  143. shake=which
  144. shake.style.left=0
  145. shake.style.top=0
  146. }
  147.  
  148. function rattleimage(){
  149. if ((!document.all&&!document.getElementById)||stopit==1)
  150. return
  151. if (a==1){
  152. shake.style.top=parseInt(shake.style.top)+rector+"px"
  153. }
  154. else if (a==2){
  155. shake.style.left=parseInt(shake.style.left)+rector+"px"
  156. }
  157. else if (a==3){
  158. shake.style.top=parseInt(shake.style.top)-rector+"px"
  159. }
  160. else{
  161. shake.style.left=parseInt(shake.style.left)-rector+"px"
  162. }
  163. if (a<4)
  164. a++
  165. else
  166. a=1
  167. setTimeout("rattleimage()",50)
  168. }
  169.  
  170. function stoprattle(which){
  171. stopit=1
  172. which.style.left=0
  173. which.style.top=0
  174. }
  175. </script>
  176.  
  177.  
  178. </head>
  179.  
  180. <body>
  181.  
  182. <!-- BLOQUEIO CÓDIGO FONTE -->
  183. <body onkeydown="return false">
  184.  
  185. <div class="central">
  186.  
  187. <div class="esquerda">
  188.  
  189. <div class="caixasidebar"><center>
  190. <div class="titulo">{Title}</div>
  191. {block:ifShowsidebarpicture}<img src="{image:PicSidebar}" width="295px"> </center><br>{/block:ifShowsidebarpicture}
  192.  
  193. {block:Description} {Description} {/block:Description}<br>
  194.  
  195. <div class="nav1"><a href="/">home</div></a>
  196. <div class="nav1"><a href="/ask">ask me</div></a>
  197. <div class="nav1"><a href="/archive">archive</div></a>
  198. <div class="nav1"><a href="/random">random</div></a>
  199.  
  200. {block:ifLink1}<div class="nav1"><a href="{text:Link1}">{text:Link1 Title}</div></a> {/block:ifLink1}
  201. {block:ifLink2}<div class="nav1"><a href="{text:Link2}">{text:Link2 Title}</div></a> {/block:ifLink2}
  202. {block:ifLink3}<div class="nav1"><a href="{text:Link3}">{text:Link3 Title}</div></a> {/block:ifLink3}
  203. {block:ifLink4}<div class="nav1"><a href="{text:Link4}">{text:Link4 Title}</div></a> {/block:ifLink4}
  204. {block:ifLink5}<div class="nav1"><a href="{text:Link5}">{text:Link5 Title}</div></a> {/block:ifLink5}
  205.  
  206. <br>
  207. <div style="overflow:auto; color:{color:Texto}; width:290px; height:20px; text-align:center; font-family:verdana; font-size:10px; line-height:100%"> Theme Por <a
  208.  
  209. href="http://pamellabell.tumblr.com/">Pamella Bellegarde</a>. Ajuda com tutoriais e outros: <a href="http://havingthemes.tumblr.com/">Having Themes</a> e <a
  210.  
  211. href="http://ilovehtml.tumblr.com/">I Love HTML</a>. Encontre mais themes <a href="http://bombasticdesign.tumblr.com/">aqui</a>!<br>
  212. Don't Copy NEVER © </div>
  213.  
  214.  
  215.  
  216. </div>
  217.  
  218. </div>
  219.  
  220.  
  221. <div class="direita">
  222.  
  223. <!-- INÍCIO DAS TAGS DOS POSTS -->
  224.  
  225. {block:Posts}
  226.  
  227.  
  228.  
  229. <!-- TEXT -->
  230.  
  231. {block:Text}
  232.  
  233. <div class="caixa">
  234.  
  235. <div class="titulo">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  236.  
  237. {Body}
  238.  
  239. <div class="tag2"></div>
  240.  
  241. <a href="{Permalink}"><b>Texto</b></a> postado em
  242. {block:Date} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:Date}
  243.  
  244. {block:ContentSource} | <a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"
  245.  
  246. alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}Source{/block:NoSourceLogo}</a>{/block:ContentSource} | <a href="{Permalink}">{block:NoteCount}
  247.  
  248. {/block:NoteCount}{NoteCount} notes</a> | <a href="{ReblogURL}" target="_blank">Reblog!</a> <br>{block:IfMostrarTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">
  249.  
  250. {Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfMostrarTags}
  251.  
  252.  
  253. </div>
  254.  
  255. {/block:Text}
  256.  
  257. <!-- PHOTO -->
  258.  
  259. {block:Photo}
  260.  
  261. <div class="caixa">
  262.  
  263. <div align="center"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500x" class="shakeht" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()"
  264.  
  265. onClick="top.focus()" /></div>
  266.  
  267. {block:Caption}{Caption}{/block:Caption}
  268.  
  269. <div class="tag2"></div>
  270.  
  271. <a href="{Permalink}"><b>Photo</b></a> postada em
  272. {block:Date} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:Date}
  273.  
  274. {block:ContentSource} | <a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"
  275.  
  276. alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}Source{/block:NoSourceLogo}</a>{/block:ContentSource} | <a href="{Permalink}">{block:NoteCount}
  277.  
  278. {/block:NoteCount}{NoteCount} notes</a> | <a href="{ReblogURL}" target="_blank">Reblog!<br></a>{block:IfMostrarTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">
  279.  
  280. {Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfMostrarTags}
  281.  
  282.  
  283.  
  284. </div>
  285.  
  286. {/block:Photo}
  287.  
  288.  
  289. <!-- PHOTOSET -->
  290.  
  291. {block:Photoset}
  292.  
  293. <div class="caixa">
  294.  
  295. <div align="center">{Photoset-500}</div>
  296.  
  297. {block:Caption}{Caption}{/block:Caption}
  298.  
  299. <div class="tag2"></div>
  300.  
  301. <a href="{Permalink}"><b>Photoset</b></a> postado em
  302. {block:Date} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:Date}
  303.  
  304.  
  305. {block:ContentSource} | <a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"
  306.  
  307. alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}Source{/block:NoSourceLogo}</a>{/block:ContentSource} | <a href="{Permalink}">{block:NoteCount}
  308.  
  309. {/block:NoteCount}{NoteCount} notes</a> | <a href="{ReblogURL}" target="_blank">Reblog!</a><br>{block:IfMostrarTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">
  310.  
  311. {Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfMostrarTags}
  312.  
  313.  
  314.  
  315.  
  316. </div>
  317.  
  318. {/block:Photoset}
  319.  
  320.  
  321. <!-- QUOTE -->
  322.  
  323. {block:Quote}
  324.  
  325. <div class="caixa">
  326.  
  327. <div class="titulo">"{Quote}"</div><br>
  328.  
  329. {block:Source}— <b>{Source}</b>{/block:Source}
  330.  
  331. <div class="tag2"></div>
  332.  
  333. <a href="{Permalink}"><b>Quote</b></a> postado em
  334. {block:Date} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:Date}
  335.  
  336.  
  337. {block:ContentSource} | <a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"
  338.  
  339. alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}Source{/block:NoSourceLogo}</a>{/block:ContentSource} | <a href="{Permalink}">{block:NoteCount}
  340.  
  341. {/block:NoteCount}{NoteCount} notes</a> | <a href="{ReblogURL}" target="_blank">Reblog!</a> <br>{block:IfMostrarTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">
  342.  
  343. {Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfMostrarTags}
  344.  
  345. </div>
  346.  
  347. {/block:Quote}
  348.  
  349.  
  350. <!-- LINK -->
  351.  
  352. {block:Link}
  353.  
  354. <div class="caixa">
  355.  
  356. <div class="titulo"><a href="{URL}" {Target}>{Name}</a></div>
  357.  
  358. {block:Description}{Description}{/block:Description}
  359.  
  360. <div class="tag2"></div>
  361.  
  362. <a href="{Permalink}"><b>Link</b></a> postado em
  363. {block:Date} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:Date} às {24Hour}:{Minutes}{AmPm} | <a href="{ReblogParentURL}">Via</a>
  364.  
  365. {/block:RebloggedFrom}{block:ContentSource}/<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"
  366.  
  367. height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}Source{/block:NoSourceLogo}</a>{/block:ContentSource} | <a
  368.  
  369. href="{Permalink}">{block:NoteCount}{/block:NoteCount}{NoteCount} notes</a> | <a href="{ReblogURL}" target="_blank">Reblogue this!</a> <br><br>{block:IfMostrarTags}
  370.  
  371. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfMostrarTags}
  372.  
  373.  
  374. </div>
  375.  
  376. {/block:Link}
  377.  
  378.  
  379. <!-- CHAT -->
  380.  
  381. {block:Chat}
  382.  
  383. <div class="caixa">
  384.  
  385. <div class="titulo">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  386.  
  387. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label}
  388.  
  389. {Line}<p>
  390.  
  391. {/block:Lines}
  392.  
  393. <div class="tag2"></div>
  394.  
  395. <a href="{Permalink}"><b>Chat</b></a> postada em
  396. {block:Date} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:Date} às {24Hour}:{Minutes}{AmPm} | <a href="{ReblogParentURL}">Via</a>
  397.  
  398. {/block:RebloggedFrom}{block:ContentSource}/<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"
  399.  
  400. height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}Source{/block:NoSourceLogo}</a>{/block:ContentSource} | <a
  401.  
  402. href="{Permalink}">{block:NoteCount}{/block:NoteCount}{NoteCount} notes</a> | <a href="{ReblogURL}" target="_blank">Reblogue this!</a> <br>{block:IfMostrarTags}
  403.  
  404. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfMostrarTags}
  405.  
  406. </div>
  407.  
  408. {/block:Chat}
  409.  
  410.  
  411. <!-- VIDEO -->
  412.  
  413. {block:Video}
  414.  
  415. <div class="caixa">
  416.  
  417. {Video-500}
  418.  
  419. {block:Caption}{Caption}{/block:Caption}
  420.  
  421. <div class="tag2"></div>
  422.  
  423. <a href="{Permalink}"><b>Video</b></a> postado em
  424. {block:Date} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:Date}
  425.  
  426. {block:ContentSource} | <a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"
  427.  
  428. alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}Source{/block:NoSourceLogo}</a>{/block:ContentSource} | <a href="{Permalink}">{block:NoteCount}
  429.  
  430. {/block:NoteCount}{NoteCount} notes</a> | <a href="{ReblogURL}" target="_blank">Reblog!</a> <br><br>{block:IfMostrarTags}{block:HasTags}{block:Tags}#<a
  431.  
  432. href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfMostrarTags}
  433.  
  434. </div>
  435.  
  436. {/block:Video}
  437.  
  438.  
  439. <!-- AUDIO -->
  440.  
  441. {block:Audio}
  442.  
  443. <div class="caixa">
  444.  
  445. {AudioPlayerBlack}
  446.  
  447. {block:Caption}{Caption}{/block:Caption}
  448.  
  449. <div class="tag2"></div>
  450.  
  451. <a href="{Permalink}"><b>Audio</b></a> postado em
  452. {block:Date} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:Date}
  453.  
  454. {block:ContentSource} | <a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"
  455.  
  456. alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}Source{/block:NoSourceLogo}</a>{/block:ContentSource} | <a href="{Permalink}">{block:NoteCount}
  457.  
  458. {/block:NoteCount}{NoteCount} notes</a> | <a href="{ReblogURL}" target="_blank">Reblog!</a> <br><br>{block:IfMostrarTags}{block:HasTags}{block:Tags}#<a
  459.  
  460. href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfMostrarTags}
  461.  
  462.  
  463. </div>
  464.  
  465. {/block:Audio}
  466.  
  467.  
  468. <!-- ASK -->
  469.  
  470. {block:Answer}
  471.  
  472. <div class="caixa">
  473.  
  474. <img src="{AskerPortraitURL-40}" align="left" /><div class="bubble"><span></span>{Asker}: {Question}<p></div>
  475.  
  476. {Answer}
  477.  
  478. <div class="tag2"></div>
  479.  
  480. <a href="{Permalink}"><b>Ask</b></a> respondida em {block:Date}{TimeAgo}{/block:Date}
  481. </div>
  482.  
  483. {/block:Answer}
  484.  
  485.  
  486. {/block:Posts}
  487.  
  488. <!-- FIM DAS TAGS DOS POSTS -->
  489.  
  490.  
  491. <center><div class="creditos"><center>Theme by <a href="http://pamellabell.tumblr.com/">Pamella Bellegarde</a> - powered by Tumblr. </center></div>
  492.  
  493.  
  494.  
  495.  
  496.  
  497. <!-- PAGINAÇÃO DO THEME -->
  498. <big><big><big><big><big>
  499. <div align="center">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a> / {/block:PreviousPage}{/block:Pagination}{block:Pagination}
  500.  
  501. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  502. </big></big></big></big></big>
  503. <!-- FIM DA PAGINAÇÃO DO THEME -->
  504.  
  505. </div>
  506.  
  507. </div>
  508. <div style="top: 0px; right: 0px; position: fixed;">
  509. </body>
  510.  
  511. </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!