API tools faq
paste
Advertisement
Jhessantos

Untitled

Jhessantos
Apr 19th, 2015
212
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.22 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">
  2.  
  3. <!---------------------------------------------------------------------------
  4. Base do theme por Warvada. Modificado e adaptado por safadiarei
  5. ----------------------------------------------------------------------------->
  6.  
  7. <head profile="http://gmpg.org/xfn/11">
  8.  
  9. <script>
  10.  
  11. (function($){
  12.  
  13. $(document).ready(function(){
  14.  
  15. $("a[title]").style_my_tooltips({
  16.  
  17. tip_follows_cursor:true,
  18.  
  19. tip_delay_time:90,
  20.  
  21. tip_fade_speed:600,
  22.  
  23. attribute:"title"
  24.  
  25. });
  26.  
  27. });
  28.  
  29. })(jQuery);
  30.  
  31. </script>
  32.  
  33.  
  34. <link rel="shortcut icon" href="{favicon}">
  35.  
  36.  
  37. <!-- Efeito do titulo na aba do navegador -->
  38. <script type="text/javascript">
  39. var rev = "fwd";function titlebar(val)
  40. {var msg = "{title}";
  41. var res = " ";
  42. var speed = 120;var pos = val;msg = "{title}";var le = msg.length;if(rev == "fwd"){if(pos < le){pos = pos+1;scroll = msg.substr(0,pos);document.title = scroll;timer = window.setTimeout("titlebar("+pos+")",speed);}
  43. else{rev = "bwd";
  44. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  45. else{
  46. if(pos > 0){
  47. pos = pos-1;var ale = le-pos;scrol = msg.substr(ale,le);document.title = scrol;timer = window.setTimeout("titlebar("+pos+")",speed);}
  48. else{rev = "fwd";timer = window.setTimeout("titlebar("+pos+")",speed);}}}
  49. titlebar(0);
  50. </script>
  51.  
  52.  
  53.  
  54.  
  55.  
  56. <meta name="image:sidebar" content=""/>
  57.  
  58. <meta name="color:background" content="#fff"/>
  59. <meta name="color:text" content="#222"/>
  60. <meta name="color:links" content="#222"/>
  61. <meta name="color:links hover" content="#000"/>
  62. <meta name="color:simbolo dos notes" content="#696969"/>
  63. <meta name="color:menu borda" content="#000">
  64. <meta name="color:menu links" content="#000"/>
  65. <meta name="color:menu links hover" content="#fff">
  66. <meta name="color:simbolo 1" content="#696969"/>
  67. <meta name="color:simbolo 2" content="#000"/>
  68. <meta name="color:frase hover" content="#eee"/>
  69.  
  70. <meta name="text:frase hover" content="" />
  71. <meta name="text:link1" content=" " />
  72. <meta name="text:link1 titulo" content=" " />
  73. <meta name="text:link2" content=" " />
  74. <meta name="text:link2 titulo" content=" " />
  75. <meta name="text:link3" content=" " />
  76. <meta name="text:link3 titulo" content=" " />
  77. <meta name="text:link4" content=" " />
  78. <meta name="text:link4 titulo" content=" " />
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <!--barra de rolagem e grade do theme: nao tire -->
  86. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  87. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  88. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  89.  
  90.  
  91.  
  92.  
  93. </head>
  94.  
  95. <style type="text/css" media="screen">
  96.  
  97. /******* tooltipo por bandileira não plagie porra ******/
  98. #s-m-t-tooltip {
  99. line-height:8px;
  100. font-family:corbel;
  101. max-width:300px;
  102. background-color:{color:cor do heart};
  103. border:1px solid #faa;
  104. font-size:9px;
  105. color: #000;
  106. text-transform:none;
  107. padding:4px 5px;
  108. margin:15px 0px 0px 15px;
  109. z-index:9999999999999999999999;
  110. border-radius:.4px;}
  111. /******* tooltipo por bandileira não plagie porra ******/
  112.  
  113. /*definições geral (cor do fundo, fonte, tamanho, alinhamento e etc*/
  114. body {background:{color:background}; color:{color:text}; font-family:'corbel'; font-size:10px; text-align:justify;}
  115.  
  116. a{ color:#000; font-style:none;text-decoration:none;}
  117.  
  118. a:hover{color:{color:Link Hover};border-bottom:0px solid #FF00FF;;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  119.  
  120. s {color: #000000;}
  121.  
  122. i {color: #000000;}
  123.  
  124. b, strong {color:#000;}
  125.  
  126. u, span.sublinha {color: #f000;
  127. text-decoration: none;
  128. border:0px solid #000000;}
  129.  
  130. p {margin: 6px 0 0px 0px}
  131.  
  132.  
  133. ::-webkit-scrollbar-thumb:vertical {background-color:#eee;height:50px;}
  134. ::-webkit-scrollbar-button:vertical {height:5px;display: block; background:#eee;}
  135. ::-webkit-scrollbar {width:12px;height:0px;background-color:#fff ;}
  136.  
  137. /*links (geral)*/
  138. a {color:{color:links}; text-decoration:none;}
  139. a:hover {color:{color:linkshover};}
  140.  
  141. /*blockquote dos posts*/
  142. .quote {font-family: corbel; font-size: 24px; letter-spacing:0px; line-height: 15px; text-align: justify; color: #000; background-color:transparent; padding:6px; font-weight: normal;}
  143.  
  144. .sorc {font-family: corbel; font-size: 9px; line-height: 10px; padding:3px; text-align: justify; color: #000; text-transform: uppercase; background-color:transparent; font-weight: normal;}
  145. .sorc a {text-transform: lowercase; color:#000}
  146.  
  147.  
  148. /*alinhamento dos posts*/
  149. #content {position:absolute; width:650px; margin-left:410px; margin-top:10px;}
  150.  
  151.  
  152. /*caixas dos posts*/
  153. .caixa {background:{color:background}; width:250px; margin:3px;}
  154. .caixa img{max-width:250px;}.imaagem img{width:250px;}.vsanna{display:none;}
  155.  
  156.  
  157.  
  158. /* Notes por warvada, não tire sem permissão */
  159. .caixa .notes {margin-top:0px; margin-left:-5px; width:340px; height:13px; line-height:14px; text-align:center; color:{color:links}; font-size:8px; font-family:'dosis'; text-transform:lowercase; opacity:0; transition-duration:.8s; transform:rotatex(180deg);}
  160. .notes a{color:{color:links};}
  161. .notes a:hover{color:{color:links hover};}
  162. .caixa:hover .notes {opacity:1; margin-left:0px; transition-duration:.8s; transform:rotatey(0deg);}
  163.  
  164. /*titulo dos posts*/
  165. titulo {font-size:11px;text-align:justify;}
  166.  
  167.  
  168.  
  169.  
  170. /*estilo de ask (warvada)*/
  171. .perguntou {background:#fbfbfb; border-bottom:1px solid pink; text-transform:lowercase; margin-left:0px; padding:2px;}
  172. .resposta {width:100%;}
  173.  
  174.  
  175.  
  176. /*Sidebar (alinhamento)*/
  177. .side{position:fixed; margin-top:80px; margin-left:200px; width:130px; height:250px;}
  178.  
  179. /*imagem da sidebar*/
  180. .sideimg img{width:150px; height:176px; margin-top:0px; margin-left:0px;}
  181.  
  182. /*menu por warvada */
  183. .menu {position:fixed; margin-top:-75px; margin-left:-3px; transition:.80s;}
  184. .menu a{display:block; padding:1px; width:50px; height:12px; line-height:12px; color:{color:menu links}; font-family:'Calibri'; font-size:0px; text-transform:uppercase; text-align:left; border-left:2px solid {color:menu borda}; margin-bottom:1px; text-indent:2px; transition:.80s;}
  185. .menu a:hover{text-indent:5px; color:{color:menu links hover}; text-shadow:1px 1px 0 {color:menu links}; transition:.80s;box-shadow:inset 0 0 0 rgba(255,255,255,.3);}
  186.  
  187. .side:hover .menu{margin-left:3px;}
  188. .side:hover .menu a{ font-size:9px; box-shadow:inset 70px 0 0 rgba(255,255,255,.3); opacity:1; transition:.80s;}
  189.  
  190.  
  191. .w-desc{position:fixed; margin-left:0px; margin-top:0px; width:150px; text-align:center; font-size:10px; height:12px; line-height:10px; padding-top:1px; transition:.80s;}
  192. .side:hover .w-desc{margin-left:-5px; opacity:0; transition:.80s;}
  193.  
  194. .w-desc2{position:fixed; margin-left:-5px; margin-top:0px; width:130px; text-align:center; font-size:10px; height:12px; line-height:10px; padding-top:1px; opacity:0; transition:.80s; background:pink;{color:frase hover};}
  195. .side:hover .w-desc2{margin-left:0px; opacity:1; transition:.80s;}
  196. /*menu por warvada */
  197.  
  198. /* Ask por bandileira. Não retire os créditos. */
  199. .perguntou {width:99%;border-bottom:0px dashed #eee;border-left:9px solid #eee;background:#fff1f9;border-top:0px dashed #000;border-right:0px solid GhostWhite; text-transform:lowercase;;text-align:left;color:#777;
  200. margin-left:0px; padding:2px;font-family:century gothic;
  201. font-size:10px;}
  202.  
  203. .perguntou:hover{}
  204.  
  205. .respondeu {width:100%;font-family:century gothic;background-color:; padding:0px;color:#777;
  206. font-size:11px;}
  207. /* Ask por bandileira. Não retire os créditos. */
  208.  
  209.  
  210.  
  211.  
  212.  
  213.  
  214. foto {-moz-transition:all 3s;
  215. -o-transition:all 3s; -webkit-transition:all 3s;}
  216.  
  217. foto:hover {opacity:0.5; -moz-transition:all 3s;
  218. -o-transition:all 3s; -webkit-transition:all 3s;}
  219.  
  220.  
  221. .simb1{position:fixed; margin-top:-1px; margin-left:140px; height:14px; line-height:14px; color:{color:simbolo 1}; font-size:11px; transform:rotate(1deg); opacity:0; transition:.80s;}
  222. .side:hover .simb1{margin-left:132px; opacity:1; transition:.80s;}
  223.  
  224. .simb2{position:fixed; margin-top:-1px; margin-left:140px; height:14px; line-height:14px; color:{color:simbolo 2}; font-size:11px; transform:rotate(1deg); opacity:0; transition:.80s;}
  225. .side:hover .simb2{margin-left:142px; opacity:1; transition:.80s;}
  226.  
  227. .faixa1{position:fixed; margin-top:-400px;-webkit-filter: grayscale(0%);background-image: url('');margin-left:180px; width:5px;:14px; height:1000px;opacity:0.8;border-left:4px solid pink;border-right:0px dotted #CCC;z-index:999999999999;background:transparent;outline-offset: -3px; outline: dashed 0px #fff;}
  228.  
  229.  
  230. .faixa3{position:fixed; margin-top:-400px;-webkit-filter: grayscale(100%);background-image: url('http://static.tumblr.com/8ydjahx/N15nmgfo2/tumblr_n7gg1ehjbh1rmzx9io1_250.png');margin-left:185px; width:8px;:14px; height:1000px;opacity:0.5;border-left:0px dotted #fff;border-right:0px solid {color:cor do heart};}
  231.  
  232.  
  233.  
  234. </style>
  235.  
  236.  
  237. <body onkeydown="return false">
  238.  
  239.  
  240.  
  241. <!--inicio da sidebar -->
  242. <div class="side">
  243.  
  244.  
  245. <div class="sideimg"><img src="{image:sidebar}"></div>
  246.  
  247. <div class="w-desc">{description}</div>
  248. <div class="w-desc2">{text:frase hover}</div>
  249.  
  250. <div class="simb1">✖</div>
  251. <div class="simb2">✖</div>
  252.  
  253. <div class="menu">
  254. <a href="{text:Link1}">{text:Link1 Titulo}</a>
  255. <a href="{text:Link2}">{text:Link2 Titulo}</a>
  256. <a href="{text:Link3}">{text:Link3 Titulo}</a>
  257. <a href="{text:Link4}">{text:Link4 Titulo}</a>
  258. </div>
  259.  
  260. <div class="faixa1"></div>
  261.  
  262. <div class="faixa2"></div>
  263.  
  264. <div class="faixa3"></div>
  265.  
  266. <div class="faixa4"></div>
  267.  
  268.  
  269.  
  270. </div>
  271. <!--fim da sidebar-->
  272.  
  273.  
  274.  
  275.  
  276.  
  277. <!--inicio dos posts-->
  278. <div id="content">
  279. {block:Posts}
  280. <div class="caixa">
  281.  
  282.  
  283.  
  284.  
  285. {block:Text}
  286. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  287. {body}
  288. {/block:Text}
  289.  
  290.  
  291.  
  292. {block:Photo}
  293. {LinkOpenTag}
  294. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  295. {/block:Photo}
  296.  
  297.  
  298.  
  299. {block:Photoset}
  300. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  301. {/block:Photoset}
  302.  
  303.  
  304.  
  305. {block:Quote}
  306. {Quote} <br>
  307. {block:Source}{Source}{/block:Source}
  308. {/block:Quote}
  309.  
  310.  
  311.  
  312. {block:Chat}
  313. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  314. {block:Lines}
  315. <div class="chat">
  316. <div class="lines">{block:Label}
  317. <span>{Label}</span>
  318. {/block:Label}
  319. {Line}</div></div>
  320. {/block:Lines}
  321. {/block:Chat}
  322.  
  323.  
  324.  
  325. {block:Link}
  326. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  327. {block:Description}{Description}{/block:Description}
  328. {/block:Link}
  329.  
  330.  
  331.  
  332. {block:Audio}
  333. {AudioPlayer}
  334. {/block:Audio}
  335.  
  336.  
  337.  
  338. {block:Video}
  339. {block:Indexpage}{Video-250}{/block:IndexPage}
  340. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  341. {block:Caption}{Caption}{/block:Caption}
  342. {/block:Video}
  343.  
  344. <!--CRÉDITOS WARVADA-->
  345.  
  346. {block:Answer}
  347. <FIELDSET style=" height:0px;margin-top:-23px;font-family:cambria;line-height:40px;width:50px;background-color:; color:#777;border: 0px solid #ffc0e1;transform: rotate(0.1deg);text-shadow:0em 0.1em 0em #fff; font-size:12px;text-align:left;padding:10px;margin-left:-9px;border-bottom:0px dashed #eee">♡</FIELDSET><div class="perguntou">{Asker}:</b> {Question}</div>
  348. <div class="respondeu">{Answer}</div>
  349. {/block:indexpage}
  350. {/block:Answer}
  351.  
  352. <!--CRÉDITOS WARVADA-->
  353.  
  354. <!--notes-->
  355. {block:indexpage}
  356. <div class="notes">
  357. <a href="{permalink}">{NoteCount} notes</a><font color=PINK> + </font>
  358. <a href="{ReblogURL}" target="_blank">Reblog</a>
  359. </div>
  360. {/block:indexpage}
  361.  
  362.  
  363.  
  364.  
  365. <!--bloqueio do via e source -->
  366. <div class="vsanna">
  367. {block:RebloggedFrom}
  368. <a href="{ReblogParentURL}">via</a>
  369. {/block:RebloggedFrom}
  370. {block:ContentSource}
  371. <a href="{SourceURL}">source</a>
  372. {/block:ContentSource}
  373. </div>
  374.  
  375.  
  376.  
  377.  
  378.  
  379. </div>
  380. {/block:Posts}
  381. </div>
  382. <!--fim dos posts-->
  383.  
  384.  
  385.  
  386. <!-- script barra de rolagem e grade (duas ou mais colunas): NÃO RETIRE!-->
  387. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  388. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  389. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  390. <script type="text/javascript">
  391. $(window).load(function () {
  392. $('#content').masonry(),
  393. $('.masonryWrap').infinitescroll({
  394. navSelector : "div#navigation",
  395. nextSelector : "div#navigation a#nextPage",
  396. itemSelector : ".caixa",
  397. bufferPx : 10000,
  398. extraScrollPx: 11000,
  399. loadingImg : "",
  400. loadingText : "<i> </i>",
  401. },
  402. // call masonry as a callback.
  403. function() { $('#content').masonry({ appendedContent: $(this) }); }
  404. );
  405. });
  406. </script>
  407.  
  408. {block:IndexPage}
  409. <div class="column navigation" id="navigation">
  410.  
  411. {block:Pagination}
  412. {block:PreviousPage}
  413. <a href="{PreviousPage}" class="navigate">
  414. {/block:PreviousPage}
  415. {block:PreviousPage}</a>
  416. {/block:PreviousPage}
  417.  
  418. {block:NextPage}
  419. <a href="{NextPage}" class="navigate" id="nextPage">
  420. {/block:NextPage}
  421. {block:NextPage}</a>{/block:NextPage}
  422. {/block:Pagination}
  423.  
  424. </div>
  425. {/block:IndexPage}
  426.  
  427.  
  428.  
  429. </body>
  430.  
  431. <div style="font-size:9px;
  432. font-family:Calibri;position:fixed;bottom:50px;right:30px;border-bottom:2px solid #FFC0CB; color:#eee; ">
  433. <a href="http://safadiarei.tumblr.com/" target="_blank" title="theme safadiarei- seja criativo -"><font color=#949494> design safadiarei<font color=#c3c3c3></font> </font></div>
  434.  
  435.  
  436. </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!