API tools faq
paste
htmlparavoces

theme baby public

htmlparavoces
Sep 5th, 2012
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.66 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.  
  4. <head>
  5.  
  6.  
  7. <link rel="shortcut icon" href='http://media.tumblr.com/tumblr_m9r3f3LNFw1rvgs5m.png' />
  8. <title> {title} </title>
  9.  
  10. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  11. <style>
  12.  
  13. /*THEME BASE POR BABS RAMOS ~ LESBIANSFOR-AGRON.TUMBLR.COM / SE USAR DÊ CRÉDITOS!*/
  14.  
  15. a {color: #000; text-decoration: none;}
  16. a:hover, div.permalink p a:hover {color: #000;border: 0px;margin: 0px;}
  17.  
  18. body {background: #fff url('http://static.tumblr.com/tbyb6d2/t4Om9vl5b/casadophotoscape03_large.png') ; background-repeat: no-repeat; background-attachment: fixed; font: 11px Tahoma; text-align:justify; color: #887878;}
  19.  
  20. .both{clear: both;}
  21.  
  22.  
  23. #main {width: 510px; float: right; position: relative; margin-left: -20px;}
  24. .caixa  {background: #f8f7f7; overflow: hidden; padding: 5px;font-family: Verdana, Geneva, sans-serif;font-size: 8pt;color: #887878;text-align: justify;outline: 0px solid #; margin-top: 10px;  }
  25.  
  26.  
  27.  
  28. #sidebar { width: 165px; margin-top: 55px; position: relative; width:165px; height: 200px;  z-index:2; left: 377px; top: 85px; overflow-x: hidden; overflow-y: hidden;  margin-top: 0px; margin-right: 15px;}
  29.  
  30. .side { width: 165px; position: relative; width:230px;  z-index:2;  overflow-x: hidden; overflow-y: hidden; background: #f8f7f7; padding: 10px;  color: #b9b9b9;border-left: 3px dashed #999999;  -webkit-box-shadow: 0 10px 7px -7px #626262;
  31.        -moz-box-shadow: 0 10px 7px -7px #626262;
  32.             box-shadow: 0 10px 7px -7px #626262;
  33.  
  34.  
  35.  
  36. b, strong, bold {color: #eec9c9;}
  37. u, underline {color: #e6cf73; border-bottom: 1px dashed #eec9c9;text-decoration:none;}
  38. i, em {color: #e6cf73;}
  39. s, strike {color: #000;}
  40.  
  41.  
  42. h1 {color: #eec9c9; font-family:'calibri'; font-size: 15px; line-height:25px;  margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing: -1px; }
  43.  
  44. h2 {color: #666666; font-family: 'calibri'; font-size:15px; line-height:25px;  margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing: -1px;}
  45.  
  46.  
  47.  
  48. ::-webkit-scrollbar {width:10px; height: 10px;background: #302f2f;}
  49. ::-webkit-scrollbar-corner {background: #302f2f;}
  50. ::-webkit-scrollbar-button:vertical {height:1px;display:block;}
  51. ::-webkit-scrollbar-button:horizontal {width:1px;display:block;}
  52. ::-webkit-scrollbar-thumb:vertical {background: #f8f7f7; }
  53. ::-webkit-scrollbar-thumb:horizontal {background: #f8f7f7; }
  54. ::-webkit-scrollbar-thumb  {background: #f8f7f7;}
  55. ::-webkit-scrollbar-thumb:hover {background: #f8f7f7; }
  56.  
  57. .heart {background:#f4f4f4;padding:4px;border-top:1px solid:#fff;border-bottom:1px solid #eee;margin-bottom:1px;text-shadow:1px 1px 1px #fff;font:11px verdana;color:#999;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;border-left:3px solid #ddd;}
  58. .heart:hover {padding-left:10px;border-left:30px solid #ddd;}
  59. </style>
  60. <script type="text/javascript">
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76. // <![CDATA[
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88. var bgcolour="#000000"; // background colour
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100. var fgcolour="#FFFFFF"; // foreground colour
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  
  116. var speed=100; // speed of bubbling, lower is faster
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132. var shades=10; // number of shades of bubble
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160.  
  161.  
  162.  
  163.  
  164. /****************************
  165.  
  166.  
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180. * Bubbling Text Effect *
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196. *(c) 2003-6 mf2fm web-design*
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210.  
  211.  
  212. * http://www.mf2fm.com/rv *
  213.  
  214.  
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227.  
  228. * DON'T EDIT BELOW THIS BOX *
  229.  
  230.  
  231.  
  232.  
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244. ****************************/
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260. var bubbcol=new Array();
  261.  
  262.  
  263.  
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274.  
  275.  
  276. var bubbler, bubbtxt;
  277.  
  278.  
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288.  
  289.  
  290.  
  291.  
  292. var bubbchr=new Array();
  293.  
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308. window.onload=function() { if (document.getElementById) {
  309.  
  310.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324. for (bubbler=0; bubbler<=shades; bubbler++) {
  325.  
  326.  
  327.  
  328.  
  329.  
  330.  
  331.  
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340. bubbtxt="#";
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355.  
  356. for (var i=1; i<6; i+=2) {
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368.  
  369.  
  370.  
  371.  
  372. var bg=parseInt(bgcolour.substring(i,i+2),16);
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404. }
  405.  
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420. bubbcol[bubbler+1]=bubbtxt;
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433.  
  434.  
  435.  
  436. }
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452. bubbler=document.getElementById("bubble");
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459.  
  460.  
  461.  
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468. bubbtxt=bubbler.firstChild.nodeValue;
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481.  
  482.  
  483.  
  484. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  485.  
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499.  
  500. for (var i=0; i<bubbtxt.length; i++) {
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516. var bubbi=document.createElement("span");
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532. bubbi.setAttribute("id", "bubb"+i);
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  549.  
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564. bubbler.appendChild(bubbi);
  565.  
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580. }
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596. bubbler=setInterval ("bubbling()", speed);
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609.  
  610.  
  611.  
  612. }}
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642.  
  643.  
  644. function dechex(dec) {
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660. var hex=dec.toString(16);
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668.  
  669.  
  670.  
  671.  
  672.  
  673.  
  674.  
  675.  
  676. if (dec<16) return "0"+hex;
  677.  
  678.  
  679.  
  680.  
  681.  
  682.  
  683.  
  684.  
  685.  
  686.  
  687.  
  688.  
  689.  
  690.  
  691.  
  692. else return hex;
  693.  
  694.  
  695.  
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705.  
  706.  
  707.  
  708. }
  709.  
  710.  
  711.  
  712.  
  713.  
  714.  
  715.  
  716.  
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724.  
  725.  
  726.  
  727.  
  728.  
  729.  
  730.  
  731.  
  732.  
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  
  739.  
  740. function bubbling() {
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747.  
  748.  
  749.  
  750.  
  751.  
  752.  
  753.  
  754.  
  755.  
  756. for (var i=0; i<bubbtxt.length; i++) {
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763.  
  764.  
  765.  
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772. var bubbme=document.getElementById("bubb"+i);
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788. if (bubbchr[i]) {
  789.  
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804. bubbme.style.color=bubbcol[bubbchr[i]];
  805.  
  806.  
  807.  
  808.  
  809.  
  810.  
  811.  
  812.  
  813.  
  814.  
  815.  
  816.  
  817.  
  818.  
  819.  
  820. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  821.  
  822.  
  823.  
  824.  
  825.  
  826.  
  827.  
  828.  
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835.  
  836. }
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  853.  
  854.  
  855.  
  856.  
  857.  
  858.  
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868. }
  869.  
  870.  
  871.  
  872.  
  873.  
  874.  
  875.  
  876.  
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883.  
  884. }
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893.  
  894.  
  895.  
  896.  
  897.  
  898.  
  899.  
  900. // ]]>
  901.  
  902.  
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909.  
  910.  
  911.  
  912.  
  913.  
  914.  
  915.  
  916. </script>
  917. </head>
  918.  
  919. <body>
  920.  
  921. <div id="sidebar">
  922.  
  923. <div style="position:fixed;  left: 245px; top: 100px;">
  924. <div class="side"><span id="bubble">{title}</span>
  925. <br>
  926. <img src="{PortraitURL-40}" style="max-width:100px;">
  927. Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui Seu texto aqui
  928.  
  929.  
  930. <form>
  931. <select name=”links” onChange=”top.location.href=this.form.links.options[this.form.links.selectedIndex].value”>
  932. <option selected>menu ~clica~</option>
  933. <option value=”link 1” style=”COLOR: #4682B4; BACKGROUND-COLOR: #FFFFFF“>titulo 1</option>
  934. <option value=”/ask” style=”COLOR: #4682B4; BACKGROUND-COLOR:#FFFFFF“>titulo 2</option>
  935. <option value=”link 3” style=”COLOR: #4682B4; BACKGROUND-COLOR: #FFFFFF“>titulo 3</option>
  936. <option value=”link 4” style=”COLOR: #4682B4; BACKGROUND-COLOR: #FFFFFF“>titulo 4</option>
  937. <option value=”link 5” style=”COLOR: #4682B4; BACKGROUND-COLOR: #FFFFF“>titulo 5</option>
  938. </select>
  939. </form>
  940. <div class="heart"><a href="http://resourcesforu.tumblr,com">theme por resourcesforu (thucca)</a></div>
  941. <div class="heart"><a href="http://land-of-designs.tumblr.com">tutoriais por land-of-designs</a></div>
  942. <div class="heart"><a href="http://alwayshelpyou.tumblr.com">Wishlist por alwayshelpyou</div>
  943. <div class="heart"><a href="http://lesbiansfor-agron.tumblr.com/">Base por lesbiansfor-agron</div>
  944.  
  945. <!— Fim Menu Drop-Down —>
  946. </div></div></div></div>
  947. </div>
  948.  
  949.     </div>
  950. <div style="position: absolute; width: 510px; left: 510px; top: 0px;">
  951. <div class="main">
  952. </div>
  953. <div class="autopagerize_page_element">
  954. {block:Posts}
  955. <div class="caixa">
  956. {block:Text}
  957.                    
  958. {block:Title}
  959. <h1><a href="{Permalink}">{Title}</a></h1>
  960. {/block:Title}
  961.  
  962. {Body}
  963.                    
  964.  {/block:Text}
  965.  
  966. {block:Photo}
  967. <center>
  968. {LinkOpenTag} <img src="{PhotoURL-500}"   alt="{PhotoAlt}"/>{LinkCloseTag}
  969. </center>
  970. {block:Caption}{Caption}{/block:Caption}
  971. {/block:Photo}
  972.  
  973. {block:Photoset}
  974.                    
  975. {Photoset-500}
  976.  
  977. {block:Caption}
  978.  <div class="caption">{Caption}</div>
  979. {/block:Caption}
  980.                  
  981. {/block:Photoset}
  982.  
  983. {block:Quote}
  984.                  
  985. "{Quote}"
  986.  
  987. {block:Source}
  988. <div style="text-align: right">— {Source}</div>
  989. {/block:Source}
  990.                
  991. {/block:Quote}
  992.  
  993. {block:Link}
  994.                    
  995. <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  996.  
  997. {block:Description}
  998. <div class="description">{Description}</div>
  999. {/block:Description}
  1000.                  
  1001. {/block:Link}
  1002.  
  1003. {block:Chat}
  1004. {block:Title}
  1005. {Title}
  1006. {/block:Title}
  1007. <ul class="chat">
  1008. {block:Lines}
  1009. {block:Label}
  1010. <span class="label"><b>{Label}</b></span>
  1011. {/block:Label}
  1012. {Line}<br>
  1013. {/block:Lines}
  1014. </ul>
  1015. {/block:Chat}
  1016.  
  1017. {block:Video}
  1018. <li class="post video">
  1019. {Video-500}
  1020.  
  1021. {block:Caption}
  1022. <div class="caption">{Caption}</div>
  1023. {/block:Caption}
  1024.                  
  1025. {/block:Video}
  1026.  
  1027. {block:Audio}
  1028.                    
  1029. {AudioPlayerBlack}
  1030.  
  1031. {block:Caption}
  1032. <div class="caption">{Caption}</div>
  1033. {/block:Caption}
  1034.                  
  1035. {/block:Audio}
  1036.  
  1037. {block:Answer}
  1038. <div class="boxicon"><img src="{AskerPortraitURL-40}" align="left" class="askfoto"></div><div class="perguntou"><g>{Asker}</g> asked  {TimeAgo}</div>
  1039. <div class="pergunta">
  1040. {Question}    
  1041. </div>
  1042. <div class="linha"></div>
  1043. {Answer}
  1044. {/block:Answer}
  1045.  
  1046. <div class="caixinha">
  1047. <a href="{Permalink}">{NoteCount}</a> &hearts; <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  1048. <br><br>
  1049. <center>{block:HasTags}{/block:HasTags}
  1050. <span style="width:auto; float:left; text-align:left;">
  1051. {block:HasTags}
  1052. {block:Tags}
  1053. <a class="tag" href="{TagURL}">{Tag}</a>
  1054. {/block:Tags}
  1055. {/block:HasTags}</span>
  1056. </center>
  1057. </div>
  1058. {/block:Posts}
  1059.  
  1060. </div></div>
  1061.  
  1062.  
  1063.  
  1064. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  1065. </div>
  1066. </div>
  1067.  
  1068. </div>
  1069. </div>
  1070. </div>
  1071.  
  1072. </div>
  1073. </body>
  1074.  
  1075. </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!