API tools faq
paste
Advertisement
chefedocabare

Masculino 1

chefedocabare
Apr 1st, 2015
378
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.24 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!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">
  3.  
  4.  
  5.  
  6.  
  7. <!--- THEME MODIFICADO POR SUCKSSLES + CHEFEDOCABARE
  8. BASE DA WARVADA
  9. NÃO COPIE TENHA CRIATIVIDADE. ---->
  10.  
  11. <head profile="http://gmpg.org/xfn/11">
  12.  
  13.  
  14.  
  15.  
  16. <link rel="shortcut icon" href="{favicon}">
  17.  
  18.  
  19. <!-- Efeito do titulo na aba do navegador -->
  20. <script type="text/javascript">
  21. var rev = "fwd";function titlebar(val)
  22. {var msg = "{title}";
  23. var res = " ";
  24. 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);}
  25. else{rev = "bwd";
  26. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  27. else{
  28. if(pos > 0){
  29. pos = pos-1;var ale = le-pos;scrol = msg.substr(ale,le);document.title = scrol;timer = window.setTimeout("titlebar("+pos+")",speed);}
  30. else{rev = "fwd";timer = window.setTimeout("titlebar("+pos+")",speed);}}}
  31. titlebar(0);
  32. </script>
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39. <meta name="image:sidebar" content="http://40.media.tumblr.com/e476010bbf6e85613d53b311e6f0f12c/tumblr_nfettuxOh81tv4x8ho5_250.png"/>
  40.  
  41. <!-- cores-->
  42. <meta name="color:background" content="#fff"/>
  43. <meta name="color:text" content="#222"/>
  44. <meta name="color:links" content="#222"/>
  45. <meta name="color:links hover" content="#000"/>
  46. <meta name="color:barra de rolagem" content="#222"/>
  47. <meta name="color:menu link" content="#222" />
  48.  
  49.  
  50.  
  51.  
  52. <meta name="text:link1" content=" " />
  53. <meta name="text:link1 titulo" content=" " />
  54. <meta name="text:link2" content=" " />
  55. <meta name="text:link2 titulo" content=" " />
  56. <meta name="text:link3" content=" " />
  57. <meta name="text:link3 titulo" content=" " />
  58. <meta name="text:link4" content=" " />
  59. <meta name="text:link4 titulo" content=" " />
  60.  
  61.  
  62. <meta name="text:frase2" content=" coração vazio"
  63.  
  64.  
  65.  
  66.  
  67.  
  68. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  69. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  70. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77. </head>
  78.  
  79. <style type="text/css" media="screen">
  80.  
  81.  
  82.  
  83. body {background:{color:background}; color:{color:text}; font-family:'corbel'; font-size:10px; text-align:left;}
  84.  
  85.  
  86.  
  87. a {color:{color:links}; text-decoration:none;}
  88. a:hover {color:{color:linkshover};-webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in; transition: 0.5s ease-in;}
  89.  
  90.  
  91.  
  92. blockquote {margin:10px; background:#fbfbfb; border:1px solid #ddd;}
  93.  
  94. ::-webkit-scrollbar {height:5px; width:5px; background:{color:background};}
  95. ::-webkit-scrollbar-thumb:vertical {background:{color:barra de rolagem};}
  96. ::-webkit-scrollbar-thumb:horizontal {background:{color:barra de rolagem};}
  97.  
  98.  
  99. #content {position:absolute; width:650px; margin-left:450px; margin-top:10px;}
  100.  
  101.  
  102.  
  103. .caixa {background:{color:background}; width:250px; margin:3px;}
  104. .caixa img{max-width:250px;}.imaagem img{width:250px;}.vsanna{display:none;}
  105.  
  106.  
  107.  
  108.  
  109. .caixa .notes {margin-top:0px; margin-left:-5px; width:250px; height:13px; line-height:14px; text-align:right; color:{color:links}; font-size:8px; font-family:'calibri'; text-transform:uppercase; opacity:0; transition-duration:.8s;}
  110. .notes a{color:{color:links};}
  111. .notes a:hover{color:{color:links hover};}
  112. .caixa:hover .notes {opacity:1; margin-left:-90px; transition-duration:.8s;}
  113.  
  114.  
  115.  
  116. titulo {font-size:13px;text-align:justify;}
  117.  
  118.  
  119.  
  120. .perguntou {background-color:#eee;font-family:consolas;font-size:10px; text-transform:none;text-align:center; margin-left:0px; padding:2px;-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.43);}
  121. .resposta {width:100%;font-size:9px;font-family:consolas;text-align:center;text-transform:uppercase;border-bottom:1px solid #eee; }
  122.  
  123.  
  124.  
  125.  
  126. .side{position:fixed; margin-top:130px; margin-left:200px; width:170px; height:250px;}
  127. .sideimg img{width:160px; height:190px; margin-top:0px; margin-left:0px;border:1px solid #aaa;}
  128. .side:hover .sideimg img{outline-offset:-5px;outline:1px solid #fff;-webkit-transition:all .8s ease-out;opacity:1;-webkit-transition:all .8s ease-out;opacity:1;opacity:0.9; -webkit-filter: grayscale(40%);}
  129.  
  130.  
  131. .descr{position:fixed; width:170px; margin-left:0px; height:24px; line-height:12px; margin-top:0px; text-align:center; font-size:10px; border-bottom:1px solid transparent;font-family:verdana;transition-duration:.9s;opacity:1;}
  132. .side:hover .descr{opacity:0;}
  133.  
  134. .frase2{position:fixed;width:170px;margin-left:-15px;height:24px;line-height:12px;margin-top:0px;text-align:center;font-size:10px;border-bottom:1px solid transparent;font-family:verdana;transition-duration:.9s;opacity:0;}
  135. .side:hover .frase2{-webkit-transition:all .9s ease-out;margin-left:0px;opacity:1;}
  136.  
  137.  
  138. .menu{position:fixed; margin-top:-160px; width:50px;-webkit-transition: 0.4s ease-in;-moz-transition: 0.5s ease-in; transition: 0.4s ease-in;transition: 0.5s ease-in;opacity:0;}
  139. .side:hover .menu {-webkit-transition:all .9s ease-out;margin-top:-100px;opacity:1;}
  140.  
  141.  
  142.  
  143. .menu a{display:block; font-family:'Calibri'; font-size:8px;text-transform:uppercase;color:#fff;background-color:#000;opacity:.6;padding:2px;margin-bottom:1px;margin-left:40px; width:80px;text-align:center;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; font-weight: bold;}
  144. .menu a:hover {box-shadow: inset 210px 0px #eeeeee; background: #; color: #000;text-shadow:1px 1px 0 #fff;}
  145.  
  146. .faixa{position:fixed; margin-top:17px; margin-left:15px; width:130px; height:1px; background:#ddd;-webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in; transition: 0.5s ease-in;}
  147.  
  148. .balls{position:fixed; margin-top:17px; margin-left:85px; width:0px; height:0px; transition:.80s;opacity:0;-webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in; transition: 0.5s ease-in;}
  149. .side:hover .balls{width:100px; margin-left:75px; margin-top:10px;background-color:#fff;color:#ccc;opacity:1;-webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in; transition: 0.5s ease-in;}
  150.  
  151.  
  152.  
  153. .quotey {text-align:justify; padding-bottom:5px;}
  154. .sourcey {font-size:9px; text-transform:uppercase; font-style:none; text-decoration:none; text-align:center; font-weight:bold;}
  155.  
  156.  
  157.  
  158.  
  159. .cred{width:30px; font-size:9px; letter-spacing:1px;font-family:'gabriola'; text-transform:uppercase;text-align:center;position:fixed; bottom:40px;right:30px;opacity:1.0;}
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168. </style>
  169.  
  170. <body onkeydown="return false">
  171.  
  172.  
  173.  
  174. <div class="side">
  175. <div class="sideimg"><img src="{image:sidebar}"></div>
  176.  
  177. <div class="descr">{description}</div>
  178. <div class="frase2">{text:frase2}</div>
  179.  
  180.  
  181. <div class="faixa"></div>
  182. <div class="balls">• ● •</div>
  183.  
  184.  
  185. <div class="menu">
  186. <a href="{text:link1}">{text:link1 titulo}</a>
  187. <a href="{text:link2}">{text:link2 titulo}</a>
  188. <a href="{text:link3}">{text:link3 titulo}</a>
  189. <a href="{text:link4}">{text:link4 titulo}</a>
  190. </div>
  191.  
  192. </div>
  193.  
  194. <div style="position:fixed; top:-1px; left:430px; width:3px; height:700px; background:#eee"></div>
  195.  
  196.  
  197.  
  198. <div class="cred">
  199. <a href="http://chefedocabare.tumblr.com/" title="Não copie, theme feito por suckssles e chefedocabare">Cabaré</a>
  200. </div>
  201.  
  202.  
  203.  
  204.  
  205. <div id="content">
  206. {block:Posts}
  207. <div class="caixa">
  208.  
  209.  
  210.  
  211.  
  212. {block:Text}
  213. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  214. {body}
  215. {/block:Text}
  216.  
  217.  
  218.  
  219. {block:Photo}
  220. {LinkOpenTag}
  221. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  222. {/block:Photo}
  223.  
  224.  
  225.  
  226. {block:Photoset}
  227. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  228. {/block:Photoset}
  229.  
  230.  
  231.  
  232. {block:Quote}
  233. <div class="quotey">"{Quote}"</div>
  234. {block:Source}<div class="sourcey"> {Source}</div>
  235. {/block:Source}
  236. {/block:Quote}
  237.  
  238.  
  239.  
  240. {block:Chat}
  241. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  242. {block:Lines}
  243. <div class="chat">
  244. <div class="lines">{block:Label}
  245. <span>{Label}</span>
  246. {/block:Label}
  247. {Line}</div></div>
  248. {/block:Lines}
  249. {/block:Chat}
  250.  
  251.  
  252.  
  253. {block:Link}
  254. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  255. {block:Description}{Description}{/block:Description}
  256. {/block:Link}
  257.  
  258.  
  259.  
  260. {block:Audio}
  261. {AudioPlayer}
  262. {/block:Audio}
  263.  
  264.  
  265.  
  266. {block:Video}
  267. {block:Indexpage}{Video-250}{/block:IndexPage}
  268. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  269. {block:Caption}{Caption}{/block:Caption}
  270. {/block:Video}
  271.  
  272.  
  273. <!---- estilo de ask por chefedocabare ---->
  274. {block:Answer}
  275. <div class="perguntou"><b>{Asker}:</b> {Question}</div>
  276. <div class="resposta">{Answer}</div>
  277. {/block:Answer}
  278.  
  279.  
  280.  
  281.  
  282. <!--notes-->
  283. {block:indexpage}
  284. <div class="notes">
  285. <a href="{permalink}">{NoteCount} notes</a><font color="#000"> ●</font>
  286. <a href="{ReblogURL}" target="_blank">Reblog</a>
  287. </div>
  288. {/block:indexpage}
  289.  
  290.  
  291.  
  292.  
  293. <!--bloqueio do via e source -->
  294. <div class="vsanna">
  295. {block:RebloggedFrom}
  296. <a href="{ReblogParentURL}">via</a>
  297. {/block:RebloggedFrom}
  298. {block:ContentSource}
  299. <a href="{SourceURL}">source</a>
  300. {/block:ContentSource}
  301. </div>
  302.  
  303.  
  304.  
  305.  
  306.  
  307. </div>
  308. {/block:Posts}
  309. </div>
  310.  
  311.  
  312.  
  313.  
  314.  
  315. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  316. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  317. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  318. <script type="text/javascript">
  319. $(window).load(function () {
  320. $('#content').masonry(),
  321. $('.masonryWrap').infinitescroll({
  322. navSelector : "div#navigation",
  323. nextSelector : "div#navigation a#nextPage",
  324. itemSelector : ".caixa",
  325. bufferPx : 10000,
  326. extraScrollPx: 11000,
  327. loadingImg : "",
  328. loadingText : "<i> </i>",
  329. },
  330. // call masonry as a callback.
  331. function() { $('#content').masonry({ appendedContent: $(this) }); }
  332. );
  333. });
  334. </script>
  335.  
  336. {block:IndexPage}
  337. <div class="column navigation" id="navigation">
  338.  
  339. {block:Pagination}
  340. {block:PreviousPage}
  341. <a href="{PreviousPage}" class="navigate">
  342. {/block:PreviousPage}
  343. {block:PreviousPage}</a>
  344. {/block:PreviousPage}
  345.  
  346. {block:NextPage}
  347. <a href="{NextPage}" class="navigate" id="nextPage">
  348. {/block:NextPage}
  349. {block:NextPage}</a>{/block:NextPage}
  350. {/block:Pagination}
  351.  
  352. </div>
  353. {/block:IndexPage}
  354.  
  355.  
  356. </body>
  357. </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!