Advertisement
Gabss

Theme 46 Gabs HDUR

Jan 25th, 2015
213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.69 KB | None | 0 0
  1. <!-- Theme por Gabs Sperandeo, html-deumarebelde. PLAGIO É CRIME! -->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head profile="http://gmpg.org/xfn/11">
  5. <head>
  6. <link href='http://static.tumblr.com/5dbytsa/lpvme5z4x/shake.css' rel='stylesheet' type='text/css'>
  7.  
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!-- Cores do Appearance -->
  11.         <meta name="image:imgside200x200" content="" />
  12.         <meta name="color:Main Background" content="#f6f6f6"/>
  13.         <meta name="color:Title Background" content="#f6f6f6"/>
  14.         <meta name="color:Title Border" content="#f6f6f6"/>
  15.         <meta name="color:Heading Color" content="#f6f6f6"/>
  16.         <meta name="color:Image Background" content="#f6f6f6"/>
  17.         <meta name="if:Show notes" content="1">
  18.         <meta name="color:letraside" content="#626262" />
  19.         <meta name="image:minigif" content="http://rs774.pbsrc.com/albums/yy22/nbpixel/mini_pixel/Cat_lai3elle_2.gif~c200" />
  20.         <meta name="color:text" content="#000000" />
  21.         <meta name="color:post" content="#f6f6f6" />
  22.         <meta name="color:links" content="#d15e5e" />
  23.         <meta name="color:linkvisited" content="#e73d2d" />
  24.         <meta name="color:linkshover" content="#000" />
  25.         <meta name="color:titleposts" content="#939393" />
  26.         <meta name="color:negrito" content="#868686" />
  27.         <meta name="color:italico" content="#c6c6c6" />
  28.         <meta name="color:sublinhado" content="#e73333" />
  29.        
  30.     <!-- Links appearance, etc -->
  31.               <meta name="text:Link1 Title" content="home" />
  32.               <meta name="text:Link1" content="/" />
  33.               <meta name="text:Link2 Title" content="nome" />
  34.               <meta name="text:Link2" content="/" />
  35.               <meta name="text:Link3 Title" content="nome" />
  36.               <meta name="text:Link3" content="/" />
  37.               <meta name="text:Link4 Title" content="nome" />
  38.               <meta name="text:Link4" content="/" />
  39.               <meta name="text:Link5 Title" content="nome" />
  40.               <meta name="text:Link5" content="/" />
  41.              
  42.               <meta name="color:cordafrase" content="#e73333" />
  43.               <meta name="text:frase1" content="suafrase" />
  44.              
  45.               <meta name="color:hoverdescrip" content="#e73d2d" />
  46.        
  47.  
  48. <!-- Fontes Personalizadas -->
  49. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
  50. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic' rel='stylesheet' type='text/css'>
  51. <link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
  52. <!-- fim -->
  53.  
  54. <!-- favicon/title -->
  55. <title>{title}</title>
  56. <link rel="shortcut icon" href="{image:minigif}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58. <!-- fim -->
  59.  
  60. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  61.  
  62. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script>
  63. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  64.  
  65. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
  66. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/AEwm171ey/jquery.lettering.js"></script>
  67. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/rejm171fx/jquery.easing.1.3.js"></script>
  68. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/2rOm171gi/jquery.hoverword.js"></script>
  69.  
  70. <script type="text/javascript">
  71. $(window).load(function(){
  72. $('#sl_menu').find('li:not(:last) > a')
  73. .hoverwords({ overlay:true })
  74. .end()
  75. .find('li:last > a')
  76. .hoverwords({ overlay:true , dir:'rightleft' });
  77. $('#example1').hoverwords({ delay:50 });
  78. $('#example2').hoverwords();
  79. $('#example3').hoverwords();
  80. $('#example4').hoverwords({ overlay:true});
  81. $('#example5').hoverwords({ delay:60 });
  82. });
  83. </script>
  84.  
  85. <!-- Rolagem infinita por bombastic design -->
  86. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  87.  
  88. </head>
  89.  
  90. <style type="text/css" media="screen">
  91.  
  92. /* - Corpo ---------- */
  93. body {text-align:justify; color: {color:Text Color};  font-size: 8px; font-family: Arial; background: {color:Main Background};}
  94.  
  95. /***negrito, itálico e blabla***/
  96. b, strong {color: {color:negrito}; text-decoration: none; cursor: help;}
  97. s {color: #939393;cursor: help;}
  98. i {color: {color:italico}; text-decoration: none;cursor: help;}
  99. u, underline {color: {color:text color}; text-decoration: none; border-bottom: 1px dashed {color:sublinhado};cursor: help;}
  100.  
  101. /* - Links ---------- */
  102. a {color: {color:links}; text-decoration: none;}
  103. a:visited {{color:Linkvisited}; }
  104. a:hover {{color:Linkshover};}
  105.  
  106. /* - Blockquote ---------- */
  107. blockquote {margin-bottom: 5px; padding: 3px; background: #f4f4f4; margin-top: 5px; margin-left: 2px; margin-right: 2px;  border-left: 6px solid #999;}
  108.  
  109. /* --- sidebar  - */
  110. #sidebar {background: {color:sidebar};
  111. width: 290px;
  112. float: left;
  113. color: {color:letraside};
  114. position: relative;
  115. margin-left: 10px;
  116. margin-bottom: 20px;
  117. margin-top: 10px;}
  118.  
  119. /* --- SIDEBAR  ------- */
  120. #sidebar { width: 200px; float: left: ; position: fixed;  margin-top: 340px; margin-left: 100px;}
  121. .side {background: #transparent; padding: 7px;text-align: justify; color: {color:letraside}; margin-bottom: 5px; margin-top: 30px; margin-left: 10px;}
  122.  
  123. /* --- SIDEBAR title  ------- */
  124. #sidebar2 { width: 220px; float: left: ; position: fixed;  margin-top: 5px; margin-left: 20px;}
  125. .side2 {background: #transparent; padding: 7px;text-align: justify; color: {color:letraside}; margin-bottom: 5px; margin-top: 30px; margin-left: 10px;}
  126.  
  127. /* --- SIDEBAR DO MENUZIN  ------- */
  128. #menuzin { width: 450px; float: left: ; position: fixed;  margin-top: 300px; margin-left: -100px;}
  129. .menuzin {background: {color:sidebar}; padding: 7px;text-align: justify; color: {color:letraside}; margin-bottom: 5px; margin-top: 30px; margin-left: 10px;}
  130.  
  131. /* - Theme em Tableless TTHY - */
  132.  
  133. #pagina{width: 800px; margin-left: 140px; auto; margin-top: 100px; auto;}
  134. #posts{width: 550px; margin-top: 0px; float: right;}
  135. #seemore{width: 80px; margin-top: -70px; margin-left: 50px; float: left; position: fixed;}
  136. #imgside { width: 200px; height: 200px; float: left: ; position: fixed;  margin-top: 100px; margin-left: 100px;}
  137.  
  138.  
  139. .caixa  {background: {color:sidebar}; overflow: hidden; padding: 25px;font-family: 'Open Sans Condensed', sans-serif;font-size: 8pt;color: {color:Text Color};text-align: justify;outline: 0px solid #; margin-top: -65px; margin-bottom: 10px;}
  140.  
  141. .caixasm  {background: #f4f4f4; overflow: hidden; padding: 7px;font-family: "04b03";
  142. font-size: 8px;
  143. text-transform: uppercase; color: #c6c6c6;text-align: justify;outline: 0px solid #; margin-top: 10px; margin-bottom: 10px; -moz-border-radius: 2px; -webkit-border-radius: 6px;}
  144.  
  145. /*** Quote estilo por: things-to-help-you***********/
  146. .quote  {font-family: 'Play', sans-serif;  font-size: 14px;  text-align:justy; padding: 4px; color: #ccc; }
  147. .quotem {overflow: hidden; padding: 5px; background: #ececec; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
  148. .bottomq {background: url('http://static.tumblr.com/ifqwhnb/RuHm5dmv4/bottomquote.png') no-repeat; width: 69px; height: 19px; margin-left: 30px; margin-bottom: 10px;}
  149. .ci {color: #fff; display: inline-block;background: #e73d2d; padding: 3px; margin-left: 20px; margin-top: -14px; margin-bottom: 10px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  150. .ci a {color: #939393;}
  151. .ci a:hover {color: #303030;}
  152.  
  153. /*-Título personalizado TTHY-*/
  154.  
  155. .h1 {line-height: 27px;
  156. border: none;
  157. font-style: normal;
  158. font-size: 8px;
  159. color: {color:Heading Color};
  160. letter-spacing: 4px;
  161. background: #f4f4f4;
  162. padding: 10px;
  163. margin-left: 176px;
  164. display: block;
  165. margin-top: 0px;
  166. font-family: "04b03";
  167. font-style: ;
  168. text-shadow: 0px 0px 0px #;}
  169.  
  170. /*-Título das postagens personalizado TTHY-*/
  171.  
  172. .ht1 {line-height: 27px;
  173. border: none;
  174. font-style: normal;
  175. font-size: 27px;
  176. color: {color:titleposts};
  177. letter-spacing: 1px;
  178. background: #f4f4f4;
  179. padding: 10px;
  180. margin-left: 16px;
  181. display: block;
  182. margin-top: 0px;
  183. font-family: 'Open Sans Condensed', sans-serif;
  184. font-style: ;
  185. text-shadow: 0px 0px 0px #;}
  186.  
  187. /*- frase side px-*/
  188. .fsidpx {font-family: "04b03";
  189. font-size: 8px;
  190. text-transform: uppercase;}
  191.  
  192. /*- fonte do title -*/
  193. .descipsid2 {font-family: 'Quicksand', sans-serif;
  194. font-size: 12px;
  195. color: #868686;
  196. }
  197. /*- deco do titulo -*/
  198. .descipsid2d {color: #e73d2d;
  199. }
  200.  
  201.  
  202. /* --- Estilo de ask por html-party --- */
  203. .ask {
  204.     padding:10px;
  205.     background-color:#fff;
  206.     color:#000;
  207.     text-align:justify;
  208.     font-family:calibri;
  209.     font-size:11px;
  210.     border-bottom:3px solid #000;
  211.     max-width:100%;
  212. }
  213.  
  214. .asker {
  215.     margin-left:10px;
  216.     margin-top:22px;
  217. }
  218.  
  219. .asker img {
  220.     border:6px solid {color:#969696};
  221. }
  222.  
  223. /* --- Reblogue e outros TTHY ------------------------------- */
  224. .reblogue{
  225.           margin-top: -25px;
  226.           margin-left: 145px;
  227.           position: absolute;
  228.           opacity: 0;
  229.           -webkit-transition: all 1s ease;
  230.           -moz-transition: all 1s ease;
  231.           -o-transition: all 1s ease;
  232.           transition: all 1s ease;
  233.           }
  234.          
  235.           .caixa:hover .reblogue{
  236.           opacity: 1;
  237.           margin-left: 198px;
  238.           -webkit-transition: all 1s ease;
  239.           -moz-transition: all 1s ease;
  240.           -o-transition: all 1s ease;
  241.           transition: all 1s ease;
  242.           }
  243.          
  244.           .likep a:hover {
  245.        background-position: 0px 0px;
  246.        }
  247. .likep a {
  248.        background: url("http://static.tumblr.com/8yo5xxv/hDOm5ooyh/heart.png") no-repeat;
  249.        background-position: 0px 0px;
  250.        z-index: 9999999;
  251.        -webkit-transition: all 0s linear;
  252.        -moz-transition: all 0s linear;
  253.        transition: all 0s linear;
  254.        margin-top: -22px;
  255.        margin-left: 28px;
  256.        display: inline-block;
  257.        position: absolute;}
  258. .likep img {
  259.        width: 21px;
  260.        height: 20px;
  261.        webkit-transition: all 0.2s linear;
  262.        -webkit-transition: all 0.2s linear;
  263.        -moz-transition: all 0.2s linear;
  264.        transition: all 0.2s linear;}
  265. #likeiframe {
  266.        display: none;
  267.        }
  268.        
  269.        .notas{
  270.             margin-top: -25px;
  271.             margin-left: 55px;
  272.             position: absolute;
  273.             opacity: 0;
  274.             -webkit-transition: all 1s ease;
  275.             -moz-transition: all 1s ease;
  276.             -o-transition: all 1s ease;
  277.             transition: all 1s ease;
  278.             }
  279.            
  280.             .caixa:hover .notas{
  281.             opacity: 1;
  282.             -webkit-transition: all 1s ease;
  283.             -moz-transition: all 1s ease;
  284.             -o-transition: all 1s ease;
  285.             transition: all 1s ease;
  286.             margin-left: 5px;}
  287.            
  288.             .notas a{
  289.             background: rgba(0,0,0,0.5);
  290.             padding: 3px 4px 2px 4px;
  291.             font-family: Trebuchet MS;
  292.             font-weight: bold;
  293.             text-align: center;
  294.             display: inline-block;
  295.             color: #fff;
  296.             -webkit-border-radius: 2px;
  297.             -moz-border-radius: 2px;
  298.             border-radius: 2px;
  299.             font-size: 10px;
  300.             }
  301.            
  302. /* Chat por Anna *********/
  303. .chat {background: #e73d2d; margin: 0; font-size:
  304. 11px; font-family: Verdana;}
  305. .chat .lines {margin-left: 0; background: #e5b4ae; color:
  306. #b63434; margin-bottom: 1px; padding: 4px 5px 4px 5px;}
  307. .chat .lines span{font-weight: bold;}
  308.  
  309.  
  310. /* Efeito Shake by: SEASON HTML */
  311. .shakefct {-webkit-animation: shake 1500ms alternate infinite linear;-moz-animation: shake 1500ms alternate infinite linear;}
  312.  
  313. /* --- Faixa Frase 1 ------- */
  314. #faixafrase1 {width: 200px; height: 20px; float: left: ; position: fixed;  margin-top: 260px; margin-left: 265px;}
  315. .faixafrase1c {background: #transparent; padding: 7px;text-align: justify; color: {color:cordafrase}; margin-bottom: 5px; margin-top: 30px; margin-left: 10px;}
  316.  
  317. /*—-♥—-Efeito Duplicate por c4-pacitada pegar credite! [helpdesigns]—-♥—-*/
  318.  
  319.  .imagem {position: absolute; width:200px; height:200px; margin-left:30px; margin-top:-20px;position:fixed; padding:5px; padding:10px; -webkit-transform: rotate(-0deg);}
  320.  
  321. .imagem img {position:fixed; -webkit-transition: all 1s ease-in-out; /*—-♥—-by c4-pacitada —-♥——*/webkit-border-radius: 0px 0px 0px 0px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; /*—-♥—-by c4-pacitada*/ height:200px; width: 200px;margin-left:0px; margin-top:0px; opacity:1;border:1px solid #aaa}
  322.  
  323. .imagem img.top { opacity:0.9;}
  324.  
  325. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0.2;-webkit-transform: rotate(-10deg);}
  326.  
  327. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray;-webkit-transform: rotate(10deg)}
  328.  
  329. /*proibida qualquer copia, ou plagios*//*não remova os créditos*/
  330.  
  331.  
  332. /*******usar credite ao helpdesigns **********/
  333. #links {width: 190px; padding: 2px;margin-left: 280px; height:15px; margin-top: -260px; position: fixed;}
  334. #links a {float: left; display: block; width: 30px; font-family:calibri; font-size: 50px; text-transform: lowercase; text-decoration: none; -webkit-transition: all 0.4s ease-out;margin-left: -10px;}
  335. #links a:hover{-webkit-transition: all .4s ease-in-out;-webkit-transform:scale(1.2);}
  336. #s-m-t-tooltip {max-width:300px; padding:3px 4px 5px 5px;margin:10px 10px;background-color:#fff; font: 8px PF Arma Five; letter-spacing:1px;text-transform:uppercase; color:#aaa; z-index:9999999;border:1px solid #eee;}
  337.  
  338.  
  339. /*******by futurasuicida usar credite a mim ou ao helpdesigns pegar sem credito vai ter porrada.*** *******/
  340.  
  341. .frasezoom {text-align: center;font-family:'Quicksand'; font-size: 12px; font-style: none;height: 1px;color: {color:letraside};background:transparent; margin-left: 25px;margin-top:-20px; text-transform: none; letter-spacing: 1px;position:fixed;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;width:250px;line-height:12px; background-color:;}
  342.  
  343. .frasezoom:hover{-webkit-transform:scale(1.5); -moz-transform:scale(1.1); opacity:0.5;-webkit-transition-duration: .59s;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; color: {color:hoverdescrip};}
  344.  
  345.  
  346. </style>
  347.  
  348. <body onkeydown="return false">
  349.  
  350. <!-- Script do menu bolis2 -->
  351. <script type="text/javascript"
  352. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  353. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  354. <script>
  355.  (function($){
  356.  $(document).ready(function(){
  357.  $("[title]").style_my_tooltips();
  358.  });
  359.  })(jQuery);
  360. </script>
  361. <!-- fim do script -->
  362.  
  363. <center>
  364.  
  365. <div id="menuzin">
  366.  
  367. <div id="links">
  368. <a href="{text:Link1}" title="{text:Link1 Title}" style="color:#f5d4d1"></a>
  369. <a href="{text:Link2}" title="{text:Link2 Title}" style="color:#e5b4ae"></a>
  370. <a href="{text:Link3}" title="{text:Link3 Title}" style="color:#e5a195"></a>
  371. <a href="{text:Link4}" title="{text:Link4 Title}" style="color:#d15e5e"></a>
  372. <a href="{text:Link5}" title="{text:Link5 Title}" style="color:#b63434"></a>
  373. </div></div>
  374.  
  375. </div>
  376.  
  377. <div id="imgside">
  378.  
  379. <div class=
  380.  
  381. "imagem"
  382. class=
  383.  
  384. "hover"
  385. >
  386.  
  387. <img class=
  388.  
  389. "bottom shadow"
  390. src=
  391.  
  392. "{image:imgside200x200}"style="
  393. -webkit-filter: grayscale(20%);" >
  394.  
  395. <img class=
  396.  
  397. "top shadow"
  398. src=
  399.  
  400. "{image:imgside200x200}"
  401. /></div>
  402.  
  403. </div>
  404.  
  405. </div>
  406.  
  407. </div>
  408.  
  409. </div>
  410.  
  411. <div id="sidebar">
  412.  
  413. <div class="frasezoom">
  414. {Description}
  415. </div>
  416.  
  417. </div>
  418.  
  419. <div id="sidebar2">
  420. <div class="descipsid2">
  421. <div class="descipsid2d"></div><i>{Title}</i>
  422. </div>
  423. </div>
  424.  
  425.  
  426. <div id="faixafrase1">
  427. <div class="faixafrase1c">
  428. <div class="fsidpx">
  429. <div class="shakefct">
  430. {text:frase1}  
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435.  
  436.    
  437.  
  438. <div id="pagina">
  439.  
  440. <div id="posts">
  441.     {block:Posts}
  442.  
  443. <!-- TEXTOS -->
  444. {block:Text}
  445. <div class="caixa">
  446. {block:Title} <div class="ht1"><a href="{Permalink}">{Title}</a></div> {/block:Title}
  447. {Body}
  448. </div>
  449. {/block:Text}
  450.  
  451. <!-- FOTO -->
  452. {block:Photo}
  453. <div class="caixa">
  454. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  455. {block:IndexPage}
  456. <div class="reblogue">
  457. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  458. <div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/> </a></div>
  459. </div>
  460. {block:NoteCount}<div class="notas">
  461. <a href="{Permalink}">{NoteCount}</a>
  462. </div>{/block:NoteCount}
  463. {/block:IndexPage}
  464. {block:Caption}{Caption}{/block:Caption}
  465. </div>
  466. {/block:Photo}
  467.  
  468. <!-- PHOTOSET -->
  469. {block:Photoset}
  470. <center>{Photoset-500}</center>
  471. {block:Caption} {Caption} {/block:Caption}
  472. {/block:Photoset}
  473.  
  474. <!-- QUOTE -->
  475. {block:Quote}  
  476. <div class="caixa">    
  477. <div class="quotem">
  478. <div class="quote">{Quote}</div>  
  479. </div>
  480. <div class="bottomq"></div>
  481. <div class="ci">{block:Source}
  482. <div class="source">{Source}</div>
  483. {/block:Source}</div>
  484. </div>        
  485. {/block:Quote}
  486.  
  487. <!-- LINK -->
  488. {block:Link}
  489. <div class="caixa">
  490. <div class="ht1">~<a href="{URL}" {Target}>{Name}</a></div>
  491. {block:Description} {Description}{/block:Description}
  492. </div>
  493. {/block:Link}
  494.  
  495. <!-- CHAT -->
  496. {block:Chat}
  497. <div class="caixa">
  498. {block:Lines}
  499. <div class="chat">
  500. <div class="lines">{block:Label}
  501. <span>{Label}</span>
  502. {/block:Label}
  503. {Line}</div></div>
  504. {/block:Lines}
  505. </div>
  506. {block:Chat}
  507.  
  508. <!-- VIDEO -->
  509. {block:Video}
  510. <div class="caixa">
  511. {Video-500}
  512. {block:Caption}{Caption}{/block:Caption}
  513. </div>
  514. {/block:Video}
  515.  
  516. <!-- AUDIO -->
  517. {block:Audio}
  518. <div class="caixa">
  519. {AudioPlayerGrey}
  520. {block:TrackName}{TrackName}{/block:TrackName}
  521. {block:Artist}{Artist}{/block:Artist}
  522. {block:Album}{Album}{/block:Album}
  523. {block:PlayCount}{PlayCount}{/block:PlayCount}
  524. {block:Caption}{Caption}{/block:Caption}
  525. </div>
  526. {/block:Audio}
  527.  
  528. <!-- ASKS -->
  529. {block:Answer}
  530.  
  531. <li class="post answer">
  532. <div class="ask">
  533. {Question}<br><div style="flot: right; position:absolute;margin-right:3px;margin-top:2px;"><img src="{AskerPortraitURL-30}"></div>
  534. </div>
  535.  
  536. <div class="asker">
  537.  
  538. <div style="text-transform:uppercase;font:12px 'cambria';position:absolute;margin-left:20px;margin-top:-20px;">{Asker} <3</div>
  539. </div>
  540. <p>
  541. <div style="font:11px 'cambria';">{Answer} </div>
  542.  
  543. {/block:Answer}
  544.  
  545. <!-- NOTES DO PERMALINK-->
  546. {block:PostNotes}
  547. <div class="caixa">
  548. {NoteCount}
  549. </div>
  550. {/block:PostNotes}
  551.  
  552. {/block:Posts}
  553.    
  554. </div>
  555. </div>
  556.  
  557. <div id="01" style="display:none;">
  558. <div class="caixa">
  559. <div class="h1"><i>®</i>Créditos</div>
  560.  
  561. Obrigada à todos.<br> <b>Não retire os créditos, PLÁGIO É CRIME!</b><br>
  562.  
  563. <div class="fsidpx">
  564. <i><a href="http://html-deumarebelde.tumblr.com/gabs">Gabrielle Sperandeo</a></i> -> Todo o theme.<br>
  565. <i>Things To Help You</i> -> MUITAS ajudas.<br>
  566. <i>Cantinho-html</i> -> Falso iFrame.<br>
  567. <i>Helpdesigns</i> -> Menu bolis 2, frase zoom e efeito duplicate.<br>
  568. <i>BombasticDesign</i> -> Rolagem infinita.<br>
  569. <i>Season-HTML</i> -> Efeito Shake.<br>
  570. <i>Tumblr</i> -> Por existir ♥.
  571. </div>
  572.  
  573. </div>
  574. </div>
  575.  
  576. <div id="seemore">
  577. <div class="caixasm">
  578. <a onClick="document.getElementById('posts').innerHTML=document.getElementById('01').innerHTML;" class="menu"> <i>See more.</i></a>
  579. </div>
  580. </div>
  581. </div>
  582.  
  583.  
  584. </body>
  585. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement