Advertisement
ANATHEMEX

Gangster 1

Apr 30th, 2016
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.99 KB | None | 0 0
  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. <!--
  6. ╔══════════════════════════════════════════════════════════════════════════╗
  7. ║ ║
  8. ║ BASE BY : WARVADA ║
  9. ╠═════• THEME BY : SUGARDIC •═════╣
  10. ║ • • • ║
  11. ║ DON'T COPY ║
  12. ╠═══• DON'T REMOVE THE CREDITS •═══╣
  13. ║ • • • ║
  14. ║ ║
  15. ╚══════════════════════════════════════════════════════════════════════════╝
  16. ->
  17.  
  18. <!-- favicon -->
  19. <link rel="shortcut icon" href="{favicon}">
  20.  
  21. <!-- script do efeito do titulo na aba do navegador (efeito digitando) -->
  22. <script type="text/javascript">
  23. function tb8_makeArray(n){ this.length = n;
  24. return this.length;
  25. } tb8_messages = new tb8_makeArray(3);
  26. tb8_messages[0] = "{title}";
  27. tb8_messages[1] = "{title}";
  28. tb8_messages[2] = "{title}";
  29. tb8_rptType = 'infinite';
  30. tb8_rptNbr = 5;
  31. tb8_speed = 100;
  32. tb8_delay = 2000;
  33. var tb8_counter=1;
  34. var tb8_currMsg=0;
  35. var tb8_tekst ="";
  36. var tb8_i=0;
  37. var tb8_TID = null;
  38. function tb8_pisi(){
  39. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  40. document.title = tb8_tekst;
  41. tb8_sp=tb8_speed; tb8_i++;
  42. if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++;
  43. tb8_i=0; tb8_tekst="";
  44. tb8_sp=tb8_delay;
  45. }
  46. if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID);
  47. return;
  48. } tb8_counter++;
  49. tb8_currMsg = 0;
  50. }
  51. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  52. } tb8_pisi()
  53. </script>
  54.  
  55.  
  56.  
  57. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  58. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  59.  
  60.  
  61.  
  62. <!-- Appearance -->
  63. <!-- imagens-->
  64. <meta name="image:sidebar" content=""/>
  65.  
  66. <!-- cores-->
  67. <meta name="color:background" content="#fff"/>
  68. <meta name="color:text" content="#222"/>
  69. <meta name="color:links" content="#fff"/>
  70. <meta name="color:links hover" content="#222"/>
  71. <meta name="color:ask" content="#000"/>
  72. <meta name="color:barra de rolagem" content="#eee"/>
  73.  
  74. <!-- links e textos-->
  75. <meta name="text:titulo" content="Only Girl" />
  76. <meta name="text:frasinha" content="All we want in the world, is a puco of peace, love and affection. But if you do not give it to others, also do not receive." />
  77. <meta name="text:link1" content="" />
  78. <meta name="text:link1 title" content="" />
  79. <meta name="text:link2" content="" />
  80. <meta name="text:link2 title" content="" />
  81. <meta name="text:link3" content="" />
  82. <meta name="text:link3 title" content="" />
  83. <meta name="text:link4" content="" />
  84. <meta name="text:link4 title" content="" />
  85.  
  86. <!-- Fontes -->
  87. <link href='https://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
  88.  
  89. </head>
  90. <style type="text/css" media="screen">
  91.  
  92. /* DEFINIÇÕES GERAIS */
  93. body{
  94. background:{color:background};
  95. color:{color:text};
  96. font-family: 'Orbitron', sans-serif;
  97. font-size:11px;
  98. text-align:left;
  99. }
  100.  
  101. /* LINKS */
  102. a{
  103. color:{color:links};
  104. text-decoration:none;
  105. }
  106. a:hover{
  107. color:{color:links hover};
  108. }
  109.  
  110. /* BARRA DE ROLAGEM */
  111. ::-webkit-scrollbar-thumb{
  112. background-color: #000;
  113. height:auto;
  114.  
  115. }
  116.  
  117. ::-webkit-scrollbar {
  118. height:8px;
  119. width:8px;
  120. }
  121.  
  122. /* ALINHAMENTO DOS POSTS */
  123. #content{
  124. float:left;
  125. margin-top:5px;
  126. margin-left:400px;
  127. width:800px;
  128. padding-bottom:30px;
  129. font-family:"04b03", small fonts;
  130. text-transform:uppercase;
  131. }
  132.  
  133. /* CAIXAS DOS POSTS */
  134. .caixa{
  135. position:relative;
  136. float:left;
  137. display:inline-block;
  138. width:200px;
  139. margin-left:40px;
  140. margin-bottom:40px;
  141. }
  142.  
  143. .caixa img{
  144. max-width:200px;
  145. border-radius:3px;
  146. -webkit-filter:grayscale(50%); -moz-filter:grayscale(50%);}
  147.  
  148. .caixa img:hover{
  149. -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%);
  150. }
  151.  
  152. /* BLOQUEIO DE VIA E SOURCE */
  153. .vsanna{
  154. display:none;
  155. }
  156.  
  157. /* NOTES */
  158. .caixa .notes{
  159. margin-top:10px;
  160. margin-left:0px;
  161. width:200px;
  162. height:20px;
  163. line-height:20px;
  164. text-align:left;
  165. color:{color:links};
  166. font-size:10px;
  167. font-family:"04b03", small fonts;
  168. text-transform:uppercase;
  169. background:#000;
  170. }
  171. .notes a{
  172. margin-left:10px;
  173. margin-right:0px;
  174. }
  175. .caixa:hover .notes{
  176. color:{color:links hover};
  177. }
  178.  
  179. /* TITULO DOS POSTS */
  180. titulo{
  181. text-decoration:none;
  182. }
  183.  
  184.  
  185. /* BLOCKQUOTE */
  186. blockquote{
  187. margin:5px;
  188. }
  189.  
  190. /* ESTILO DE ASK POR SUGARDIC*/
  191. .pergunta {
  192. display: block;
  193. margin-left: 0px; padding: 8px;overflow: hidden; color: {color:text};border:1px solid {color:ask};margin-top:-1px;font-family:"04b03", small fonts; font-size:8px; text-transform:uppercase;}
  194. .resposta {border:1px solid {color:ask}; margin-bottom: 10px; padding: 5px; text-align: justify;font-family:"04b03", small fonts; font-size:8px; text-transform:uppercase;color:{color:text};}
  195. .perguntou {display: block; margin-left: 0px; margin-top: 0px; border:1px solid {color:ask}; line-height: 5px; font-style: none; color:{color:text}; height: 16px; text-align: center; line-height: 18px; padding-left: 6px; padding-right: 9px; font-family:"04b03", small fonts; font-size:8px; text-transform:uppercase;}
  196. .perguntou a {color:{color:text};}
  197. .perguntou a:hover{color:#ccc;}
  198. .fotoask {background: {color:ask}; padding: 4px; float: left; margin-right: 4px; margin-top: -10px; margin-left: -10px;}
  199. .arrow {position: absolute; background: url('') no-repeat; width: 20px; height: 10px; margin-left: 43px;margin-top: 1px;}
  200. .linha { margin-top: 7px; margin-bottom: 7px;}
  201. /* ESTILO DE ASK POR SUGARDIC*/
  202.  
  203. /* Titulo do tumblr*/
  204. .dtitulo{
  205. position:fixed;
  206. margin-top:130px;
  207. margin-left:300px;
  208. text-align:center;
  209. width:auto;
  210. font-family:"04b03", small fonts;
  211. font-size:18px;
  212. text-transform:uppercase;
  213. color:#fff;
  214. line-height:25px;
  215. background:#000;
  216. }
  217.  
  218. html{
  219.  
  220. cursor: url('http://41.media.tumblr.com/c93fbd358a7c5e96f36d713bb08b0504/tumblr_inline_o6avgaSNwx1rsc41y_500.png'), auto;
  221.  
  222. }
  223.  
  224. a, a:hover{
  225.  
  226. cursor: url('http://66.media.tumblr.com/aba7f9ba55f11f8b9db91fce2fe3f369/tumblr_inline_o6avivZwrS1rsc41y_500.png'), auto;
  227.  
  228. }
  229.  
  230. /* PRIMEIRA FRASE */
  231. .frasinha{
  232. position:fixed;
  233. height:auto;
  234. width:146px;
  235. margin-top:160px;
  236. margin-left:244px;
  237. line-height:115%;
  238. text-align:right;
  239. letter-spacing: 1px;
  240. font-size:10px;
  241. padding:2px;
  242. }
  243.  
  244. /* Menu principal*/
  245. .menu{
  246. -webkit-transition: all 0.6s ease-out;
  247. position:fixed;
  248. top:0px;
  249. left:0px;
  250. width:7px;
  251. height:750px;
  252. padding:3px;
  253. background:#000;
  254. text-align:center;
  255. }
  256. .menu a{
  257. display:inline-block;
  258. background:#fff;
  259. border:1px solid #222;
  260. padding:3px;
  261. width:10px;
  262. height:10px ;
  263. line-height:10px;
  264. color:#000;
  265. text-transform:uppercase;
  266. font-size:9px;
  267. font-family:'Calibri';
  268. margin-right:4px;
  269. transition:.80s;
  270. margin-bottom:10px;
  271. margin-top:5px;
  272. }
  273. .menu a:hover{
  274. transition:.80s;
  275. color:#fff;
  276. border:1px solid #fff;
  277. background:#000;
  278. }
  279.  
  280. </style>
  281.  
  282. <body onkeydown="return false">
  283. <!-- FONTE DOS ICONS DO MENU -->
  284. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  285.  
  286. <div class="dtitulo">{text:titulo}</div>
  287.  
  288. <!-- PRIMEIRA FRASE -->
  289. <div class="frasinha">{text:frasinha}</div>
  290.  
  291. <div class="menu">
  292. <a href="{text:Link1}" title= "{text:Link1 Title}"></a>
  293.  
  294. <a href="{text:Link2}" title= "{text:Link2 Title}"></a>
  295.  
  296. <a href="{text:Link3}" title= "{text:Link3 Title}"></a>
  297.  
  298. <a href="{text:Link4}" title= "{text:Link4 Title}"></a>
  299. </div></div>
  300. <!-- FINAL DA SIDEBAR -->
  301.  
  302. <!-- INICIO DOS POSTS --->
  303. <div id="content">
  304. {block:Posts}
  305. <div class="caixa">
  306.  
  307.  
  308. {block:Text}
  309. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  310. {body}
  311. <div class="notes">
  312. <a href="{permalink}"><i class="fa fa-comments"></i> {NoteCount}</a>
  313. <a href="{ReblogURL}" target="_blank">Reblog <i class="fa fa-paper-plane"></i></a>
  314. </div>
  315. {/block:Text}
  316.  
  317.  
  318.  
  319. {block:Photo}
  320. {LinkOpenTag}
  321. <div class="imgpost"><img src="{PhotoURL-400}"></div>
  322. <div class="notes">
  323. <a href="{permalink}"><i class="fa fa-comments"></i> {NoteCount}</a>
  324. <a href="{ReblogURL}" target="_blank">Reblog <i class="fa fa-paper-plane"></i></a>
  325. </div>
  326. {/block:indexpage}
  327. {/block:Photo}
  328.  
  329.  
  330.  
  331. {block:Photoset}
  332. <div class="imgpost">{Photoset}</div>
  333. <div class="notes">
  334. <a href="{permalink}"><i class="fa fa-comments"></i> {NoteCount}</a>
  335. <a href="{ReblogURL}" target="_blank">Reblog <i class="fa fa-paper-plane"></i></a>
  336. </div>
  337. {/block:indexpage}
  338. {/block:Photoset}
  339.  
  340.  
  341.  
  342. {block:Quote}
  343. {Quote}<br>
  344. <center><b>{block:Source}{Source}{/block:Source}</b></center>
  345. <div class="notes">
  346. <a href="{permalink}"><i class="fa fa-comments"></i> {NoteCount}</a>
  347. <a href="{ReblogURL}" target="_blank">Reblog <i class="fa fa-paper-plane"></i></a>
  348. </div>
  349. {/block:Quote}
  350.  
  351.  
  352.  
  353. {block:Chat}
  354. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  355. {block:Lines}
  356. {block:Label}<span>{Label}</span>{/block:Label}
  357. {Line}
  358. {/block:Lines}
  359. <div class="notes">
  360. <a href="{permalink}"><i class="fa fa-comments"></i> {NoteCount}</a>
  361. <a href="{ReblogURL}" target="_blank">Reblog <i class="fa fa-paper-plane"></i></a>
  362. </div>
  363. {/block:Chat}
  364.  
  365.  
  366.  
  367. {block:Link}
  368. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  369. <div>{block:Description}{Description}{/block:Description}
  370. </div>
  371. <div class="notes">
  372. <a href="{permalink}"><i class="fa fa-comments"></i> {NoteCount}</a>
  373. <a href="{ReblogURL}" target="_blank">Reblog <i class="fa fa-paper-plane"></i></a>
  374. </div>
  375. {/block:Link}
  376.  
  377.  
  378.  
  379. {block:Audio}
  380. {AudioPlayer}
  381. <div class="notes">
  382. <a href="{permalink}"><i class="fa fa-comments"></i> {NoteCount}</a>
  383. <a href="{ReblogURL}" target="_blank">Reblog <i class="fa fa-paper-plane"></i></a>
  384. </div>
  385. {/block:Audio}
  386.  
  387.  
  388.  
  389. {block:Video}
  390. {block:Indexpage}{Video-250}{/block:IndexPage}
  391. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  392. {block:Caption}{Caption}{/block:Caption}
  393. <div class="notes">
  394. <a href="{permalink}"><i class="fa fa-comments"></i> {NoteCount}</a>
  395. <a href="{ReblogURL}" target="_blank">Reblog <i class="fa fa-paper-plane"></i></a>
  396. </div>
  397. {/block:Video}
  398.  
  399.  
  400.  
  401. {block:Answer}
  402. <div class="perguntou">Question in <g>{Asker}</g>:</div>
  403. <div class="pergunta">
  404. <img src="{AskerPortraitURL-30}" class="fotoask">
  405. {Question}</div>
  406. <div class="arrow"></div>
  407. <div class="linha"></div>
  408. <div class="resposta">{Answer}</div>
  409. <div class="notes">
  410. <a href="{permalink}"><i class="fa fa-comments"></i> {NoteCount}</a>
  411. <a href="{ReblogURL}" target="_blank">Reblog <i class="fa fa-paper-plane"></i></a>
  412. </div>
  413. {/block:Answer}
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422. <!--bloqueio do via e source -->
  423. <div class="vsanna">
  424. {block:RebloggedFrom}
  425. <a href="{ReblogParentURL}">via</a>
  426. {/block:RebloggedFrom}
  427. {block:ContentSource}
  428. <a href="{SourceURL}">source</a>
  429. {/block:ContentSource}
  430. </div>
  431.  
  432.  
  433.  
  434.  
  435.  
  436. </div>
  437. {/block:Posts}
  438. </div>
  439. <!--fim dos posts-->
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452.  
  453.  
  454. <!-- script barra de rolagem e caixas do theme-->
  455. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  456. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  457. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  458. <script type="text/javascript">
  459. $(window).load(function () {
  460. $('#content').masonry(),
  461. $('.masonryWrap').infinitescroll({
  462. navSelector : "div#navigation",
  463. nextSelector : "div#navigation a#nextPage",
  464. itemSelector : ".caixa",
  465. bufferPx : 10000,
  466. extraScrollPx: 11000,
  467. loadingImg : "",
  468. loadingText : "<i> </i>",
  469. },
  470. // call masonry as a callback.
  471. function() { $('#content').masonry({ appendedContent: $(this) }); }
  472. );
  473. });
  474. </script>
  475.  
  476. {block:IndexPage}
  477. <div class="column navigation" id="navigation">
  478. {block:Pagination}
  479. {block:PreviousPage}
  480. <a href="{PreviousPage}" class="navigate">
  481. {/block:PreviousPage}
  482. {block:PreviousPage}</a>
  483. {/block:PreviousPage}
  484.  
  485. {block:NextPage}
  486. <a href="{NextPage}" class="navigate" id="nextPage">
  487. {/block:NextPage}
  488. {block:NextPage}</a>{/block:NextPage}
  489. {/block:Pagination}
  490. </div>
  491. {/block:IndexPage}
  492.  
  493. </body>
  494.  
  495. <!-------------------------------------------------------------------------->
  496. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/Jbxnhk8nn/lcredit.css"> <a class="lcredit icon theme" href="http://sugardic.co.vu/">Install Theme</a>
  497. <!-------------------------------------------------------------------------->
  498. </div>
  499. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement