ANATHEMEX

Luxury Pink 2

Apr 30th, 2016
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.31 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. <!-- Appearance -->
  62. <!-- imagens-->
  63. <meta name="image:sidebar" content=""/>
  64.  
  65. <!-- cores-->
  66. <meta name="color:background" content="#fff9f9"/>
  67. <meta name="color:text" content="#9a9a9a"/>
  68. <meta name="color:links" content="#c6c6c6"/>
  69. <meta name="color:links hover" content="#f7dfd9"/>
  70. <meta name="color:barra de rolagem" content="#f7dfd9"/>
  71. <meta name="color:sidebar" content="#f7dfd9"/>
  72.  
  73. <!-- links e textos-->
  74. <meta name="text:link1" content="" />
  75. <meta name="text:link1 titulo" content=" First my 1ª page" />
  76. <meta name="text:link2" content="" />
  77. <meta name="text:link2 titulo" content=" Send a menssage" />
  78. <meta name="text:link3" content="" />
  79. <meta name="text:link3 titulo" content=" My little secrets" />
  80. <meta name="text:link4" content="" />
  81. <meta name="text:link4 titulo" content=" My sweet designs" />
  82.  
  83.  
  84.  
  85.  
  86. </head>
  87. <style type="text/css" media="screen">
  88.  
  89. /* DEFINIÇÕES GERAIS */
  90. body{
  91. background:{color:background};
  92. color:{color:text};
  93. font-family: 'Orbitron', sans-serif;
  94. font-size:10px;
  95. text-align:left;
  96. }
  97.  
  98. /* LINKS */
  99. a{
  100. color:{color:links};
  101. text-decoration:none;
  102. }
  103. a:hover{
  104. color:{color:links hover};
  105. }
  106.  
  107. /* BARRA DE ROLAGEM */
  108. ::-webkit-scrollbar-thumb{
  109. background-color: {color:barra de rolagem};
  110. border: 3px solid {color:background};
  111. height:auto;
  112.  
  113. }
  114.  
  115. ::-webkit-scrollbar {
  116. height:7px;
  117. width:7px;
  118. background-color: {color:background};
  119. }
  120.  
  121. /* ALINHAMENTO DOS POSTS */
  122. #content{
  123. float:left;
  124. margin-top:30px;
  125. margin-left:414px;
  126. width:700px;
  127. padding-bottom:30px;
  128. }
  129.  
  130. /* CAIXAS DOS POSTS */
  131. .caixa{
  132. position:relative;
  133. float:left;
  134. display:inline-block;
  135. width:150px;
  136. padding:15px;
  137. margin-left:10px;
  138. margin-top:10px;
  139. background:#fff;
  140. }
  141. .caixa img{
  142. max-width:150px;
  143. }
  144.  
  145. /* POSTS DE IMAGENS */
  146. .imgpost img{
  147. width:150px;
  148. }
  149.  
  150. /* BLOQUEIO DE VIA E SOURCE */
  151. .vsanna{
  152. display:none;
  153. }
  154.  
  155. /*notes*/
  156. .caixa .notes{
  157. margin-top:10px;
  158. margin-left:-10px;
  159. width:170px;
  160. height:13px;
  161. line-height:13px;
  162. text-align:left;
  163. color:{color:links};
  164. font-size:12px;
  165. font-family:'Calibri';
  166. }
  167. notes a{color:{color:links}; font-size:12px; transition:1s;}
  168. notes a:hover{color:{color:links hover}; transition:1s;}
  169.  
  170. .time{display:inline-block; padding:0; width:135px;}
  171. .count{display:inline-block; padding:0; width:10px;}
  172.  
  173. /* TITULO DOS POSTS */
  174. titulo{
  175. text-decoration:none;
  176. text-align:center;
  177. }
  178.  
  179.  
  180. /* BLOCKQUOTE */
  181. blockquote{
  182. margin:5px;
  183. }
  184.  
  185. /******* ESTILO DE ASK POR THIS-IS-HTML (POETA-ABALADA) *********/
  186. .picon {float:left; margin-top:-1px;}
  187. .perguntou {width:93%;text-align:left;padding:6px;font-family:calibri;font-size:10px;background-color:#fff;-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.43);}
  188. .pergunta {width:93%;text-align:left;padding:6px;font-family:calibri;font-size:10px;background-color:#fff;-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.43);}
  189. .respondeu {width:100%;font-family:calibri;background-color:; padding:0px;
  190. font-size:11px;}
  191. /******* ESTILO DE ASK POR THIS-IS-HTML (POETA-ABALADA) *********/
  192.  
  193. /* ALINHAMENTO DA SIDEBAR */
  194. .txpside{
  195. position:fixed;
  196. margin-top:292px;
  197. margin-left:162px;
  198. width:60px;
  199. height:60px;border:15px solid {color:sidebar};
  200. outline:2px solid #fff;
  201. outline-offset:-10px;
  202. box-shadow:0px 0px 0px 5px #fff;
  203. }
  204.  
  205. /* IMAGEM DA SIDEBAR */
  206. .txpimg img{
  207. width:60px;
  208. height:60px;
  209. outline-offset:-5px;
  210. outline:5px solid rgba(255,255,255,.4);
  211. }
  212.  
  213. html{
  214.  
  215. cursor: url('http://41.media.tumblr.com/d20aedaa5c9f4d468d64cecf1f12cceb/tumblr_inline_o6avhnjLKG1rsc41y_500.png'), auto;
  216.  
  217. }
  218.  
  219. a, a:hover{
  220.  
  221. cursor: url('http://41.media.tumblr.com/aca89aa0f82de085d22fa77056e017d7/tumblr_inline_o6avjs0fWR1rsc41y_500.png'), auto;
  222.  
  223. }
  224.  
  225. /* MENU */
  226. .menu{
  227. position:fixed;
  228. margin-left:940px;
  229. margin-top:-2px;
  230. width:100px;
  231. height:40px;
  232. display:block;
  233. color:#000;
  234. font-family:courier;
  235. text-transform: uppercase;
  236. font-size:9px;
  237. text-align:center;
  238. cursor: hand;
  239. line-height:20px;
  240. padding:3px;
  241. }
  242. .menu a{
  243. color:#fff;
  244. display:inline-block;
  245. width:105px;
  246. height:20px;
  247. margin-bottom:15px;
  248. padding:2px;
  249. padding:1px;
  250. z-index:999999999999999999999999999999999999999999;
  251. background:{color:sidebar};
  252. border:2px solid #fff;
  253. }
  254. .menu a:hover{
  255. background:#fff;
  256. border:2px solid {color:sidebar};
  257. color:{color:sidebar};
  258. }
  259.  
  260. .fundo{
  261. position:fixed;
  262. top:30px;
  263. left:413px;
  264. width:595px;
  265. height:700px;
  266. background:#f7dfd9;
  267. border-left:2px solid #fff;
  268. border-right:2px solid #fff;
  269. border-top:2px solid #fff;
  270. }
  271.  
  272. .fundao{
  273. position:fixed;
  274. top:0px;
  275. left:410px;
  276. width:599px;
  277. height:30px;
  278. background:{color:background};
  279. z-index:999;
  280. }
  281.  
  282. .btx1{
  283. position:fixed;
  284. top:308px;
  285. left:0px;
  286. width:180px;
  287. height:13px;
  288. background:#f7dfd9;
  289. border-top:2px solid #fff;
  290. z-index:999;
  291. border-bottom:2px solid #fff;
  292. }
  293. .btx2{
  294. position:fixed;
  295. top:365px;
  296. left:0px;
  297. width:180px;
  298. height:13px;
  299. background:#f7dfd9;
  300. border-bottom:2px solid #fff;
  301. border-top:2px solid #fff;
  302. z-index:999;
  303. }
  304. .btx3{
  305. position:fixed;
  306. top:320px;
  307. left:250px;
  308. width:135px;
  309. height:13px;
  310. background:#f7dfd9;
  311. border-bottom:2px solid #fff;
  312. border-top:2px solid #fff;
  313. z-index:999;
  314. }
  315.  
  316. .btx4{
  317. position:fixed;
  318. top:10px;
  319. left:383px;
  320. width:18px;
  321. height:325px;
  322. background:#f7dfd9;
  323. border-left:2px solid #fff;
  324. border-right:2px solid #fff;
  325. border-bottom:2px solid #fff;
  326. }
  327.  
  328. .btx5{
  329. position:fixed;
  330. top:347px;
  331. left:383px;
  332. width:18px;
  333. height:300px;
  334. background:#f7dfd9;
  335. border-left:2px solid #fff;
  336. border-right:2px solid #fff;
  337. border-top:2px solid #fff;
  338. }
  339.  
  340. .btx6{
  341. position:fixed;
  342. top:10px;
  343. left:383px;
  344. width:650px;
  345. height:15px;
  346. background:#f7dfd9;
  347. border-left:2px solid #fff;
  348. border-right:2px solid #fff;
  349. }
  350.  
  351. .btx7{
  352. position:fixed;
  353. top:10px;
  354. left:1018px;
  355. width:15px;
  356. height:350px;
  357. background:#f7dfd9;
  358. border-left:2px solid #fff;
  359. border-right:2px solid #fff;
  360. }
  361.  
  362. .btx8{
  363. position:fixed;
  364. top:347px;
  365. left:250px;
  366. width:135px;
  367. height:13px;
  368. background:#f7dfd9;
  369. border-bottom:2px solid #fff;
  370. border-top:2px solid #fff;
  371. z-index:999;
  372. }
  373.  
  374. .btx9{
  375. position:fixed;
  376. top:345px;
  377. left:1020px;
  378. width:400px;
  379. height:13px;
  380. background:#f7dfd9;
  381. border-bottom:2px solid #fff;
  382. }
  383.  
  384. .btx10{
  385. position:fixed;
  386. top:358px;
  387. left:1130px;
  388. width:13px;
  389. height:300px;
  390. background:#f7dfd9;
  391. border-right:2px solid #fff;
  392. border-left:2px solid #fff;
  393. }
  394.  
  395. .btx11{
  396. position:fixed;
  397. top:358px;
  398. left:1220px;
  399. width:13px;
  400. height:300px;
  401. background:#f7dfd9;
  402. border-right:2px solid #fff;
  403. border-left:2px solid #fff;
  404. }
  405.  
  406.  
  407. /* BASE DOS NOTES TOTALMENTE FEITA POR BEBRUTA
  408. - AUTORIZADA APENAS PARA A FOFA DA SUGARDIC */
  409.  
  410. .caixa .btreblog{
  411. position:absolute;
  412. background:rgba(255,255,255,.5);
  413. margin-top:-28px;
  414. margin-left:10px;
  415. width:18px;
  416. height:18px;
  417. line-height:18px;
  418. border:1px solid #fff
  419. ; opacity:0;
  420. transition:1.2s;
  421. text-align:;
  422. padding-left:5px;
  423. text-shadow:1px 0px 0px #000;
  424. }
  425. .caixa .btreblog a{
  426. font-size:12px;
  427. color:white;
  428. text-transform:uppercase;
  429. font-family:'rod';
  430. }
  431. .btreblog a:hover{
  432. color:{color:links hover};
  433. }
  434.  
  435. .caixa:hover .btreblog {
  436. opacity:1;
  437. transition:.8s;
  438. color:{color:links hover};
  439. }
  440. .caixa .bttime{
  441. position:absolute;
  442. background:rgba(255,255,255,.5);
  443. margin-top:-28px;
  444. margin-left:40px;
  445. width:18px;
  446. height:18px;
  447. line-height:18px;
  448. border:1px solid #fff
  449. ; opacity:0;
  450. transition:1.2s;
  451. text-align:;
  452. padding-left:5px;
  453. text-shadow:1px 0px 0px #000;
  454. }
  455. .caixa .bttime a{
  456. font-size:12px;
  457. color:white;
  458. text-transform:uppercase;
  459. font-family:'rod';
  460. }
  461. .bttime a:hover{
  462. color:{color:links hover};
  463. }
  464. .caixa:hover .bttime {
  465. opacity:1;
  466. transition:.8s;
  467. }
  468. .caixa .btnotes{
  469. position:absolute;
  470. background:rgba(255,255,255,.5);
  471. margin-top:-28px;
  472. margin-left:70px;
  473. width:15px;
  474. height:18px;
  475. line-height:18px;
  476. border:1px solid #fff;
  477. text-align:;
  478. padding-left:5px;
  479. opacity:0;
  480. transition:1s;
  481. text-shadow:1px 0px 0px #000;
  482. }
  483. .caixa .btnotes a{
  484. font-size:12px;
  485. color:white;
  486. text-transform:uppercase;
  487. font-family:'Rod';
  488. }
  489. .btnotes a:hover{
  490. color:{color:links hover};
  491. }
  492. .caixa:hover .btnotes {
  493. opacity:1;
  494. transition:.8s;
  495. }
  496.  
  497. </style>
  498.  
  499. <body onkeydown="return false">
  500. <div class="fundao">
  501. <div class="btx6"></div></div>
  502. <div class="fundo"></div>
  503. <div class ="btx1"></div>
  504. <div class="btx2"></div>
  505. <div class="btx3"></div>
  506. <div class="btx8"></div>
  507. <div class="btx4"></div>
  508. <div class="btx5"></div>
  509. <div class="btx7"></div>
  510. <div class="btx9"></div>
  511. <div class="btx10"></div>
  512. <div class="btx11"></div>
  513.  
  514. <!-- FONTE DOS ICONS DO MENU -->
  515. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  516.  
  517. <!-- ALINHAMENTO DA SIDEBAR -->
  518. <div class="txpside">
  519.  
  520. <!-- IMAGEM DA SIDEBAR -->
  521. <div class="txpimg"><img src="{image:sidebar}"></div>
  522.  
  523. <!-- menu -->
  524. <div class="menu">
  525. <a href="{text:link1}"><i class="fa fa-home"></i>{text:link1 titulo}</a>
  526. <a href="{text:link2}"><i class="fa fa-envelope"></i>{text:link2 titulo}</a>
  527. <a href="{text:link3}"><i class="fa fa-folder-open"></i>{text:link3 titulo}</a>
  528. <a href="{text:link4}"><i class="fa fa-star"></i>{text:link4 titulo}</a>
  529. </div>
  530. </div></div>
  531. <!-- FINAL DA SIDEBAR -->
  532.  
  533. <!-- INICIO DOS POSTS --->
  534. <div id="content">
  535. {block:Posts}
  536. <div class="caixa">
  537.  
  538.  
  539. {block:Text}
  540. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  541. {body}
  542. <div class="notes">
  543. <a href="{permalink}">{NoteCount} notes</a> -
  544. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  545. </div>
  546. {/block:Text}
  547.  
  548.  
  549.  
  550. {block:Photo}
  551. {LinkOpenTag}
  552. <div class="imgpost"><img src="{PhotoURL-400}"></div>
  553. {block:indexpage}<div class="btreblog"><a href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a></div>
  554. <div class="bttime"><a href="{Permalink}" target="_blank" title="{timeago}"><i class="fa fa-share-alt"></i> </a></div>
  555. <div class="btnotes"><a href="{Permalink}" target="_blank" title="{NoteCount}"><i class="fa fa-folder-open"></i></a></div>
  556. {/block:indexpage}
  557. {/block:Photo}
  558.  
  559.  
  560.  
  561. {block:Photoset}
  562. <div class="imgpost">{Photoset}</div>
  563. {block:indexpage}<div class="btreblog"><a href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a></div>
  564. <div class="bttime"><a href="{Permalink}" target="_blank" title="{timeago}"><i class="fa fa-share-alt"></i> </a></div>
  565. <div class="btnotes"><a href="{Permalink}" target="_blank" title="{NoteCount}"><i class="fa fa-folder-open"></i></a></div>
  566. {/block:indexpage}
  567. {/block:Photoset}
  568.  
  569.  
  570.  
  571. {block:Quote}
  572. {Quote}<br>
  573. <center><b>{block:Source}{Source}{/block:Source}</b></center>
  574. <div class="notes">
  575. <a href="{permalink}">{NoteCount} notes</a> -
  576. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  577. </div>
  578. {/block:Quote}
  579.  
  580.  
  581.  
  582. {block:Chat}
  583. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  584. {block:Lines}
  585. {block:Label}<span>{Label}</span>{/block:Label}
  586. {Line}
  587. {/block:Lines}
  588. <div class="notes">
  589. <a href="{permalink}">{NoteCount} notes</a> -
  590. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  591. </div>
  592. {/block:Chat}
  593.  
  594.  
  595.  
  596. {block:Link}
  597. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  598. {block:Description}{Description}{/block:Description}
  599. <div class="notes">
  600. <a href="{permalink}">{NoteCount} notes</a> -
  601. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  602. </div>
  603. {/block:Link}
  604.  
  605.  
  606.  
  607. {block:Audio}
  608. {AudioPlayer}
  609. <div class="notes">
  610. <a href="{permalink}">{NoteCount} notes</a> -
  611. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  612. </div>
  613. {/block:Audio}
  614.  
  615.  
  616.  
  617. {block:Video}
  618. {block:Indexpage}{Video-250}{/block:IndexPage}
  619. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  620. {block:Caption}{Caption}{/block:Caption}
  621. <div class="notes">
  622. <a href="{permalink}">{NoteCount} notes</a> -
  623. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  624. </div>
  625. {/block:Video}
  626.  
  627.  
  628.  
  629. {block:Answer}
  630. <img src="{AskerPortraitURL-24}" class="picon">
  631. <div class="perguntou">&nbsp;&nbsp;<b>{Asker} me perguntou:</b></div> <div class="pergunta">{Question}</div>
  632. <div class="respondeu">{Answer}</div>
  633. <div class="notes">
  634. <a href="{permalink}">{NoteCount} notes</a> /
  635. <a href="{ReblogURL}" target="_blank">Reblog!</a>
  636. </div>
  637. {/block:Answer}
  638.  
  639.  
  640.  
  641.  
  642.  
  643.  
  644.  
  645.  
  646. <!--bloqueio do via e source -->
  647. <div class="vsanna">
  648. {block:RebloggedFrom}
  649. <a href="{ReblogParentURL}">via</a>
  650. {/block:RebloggedFrom}
  651. {block:ContentSource}
  652. <a href="{SourceURL}">source</a>
  653. {/block:ContentSource}
  654. </div>
  655.  
  656.  
  657.  
  658.  
  659.  
  660. </div>
  661. {/block:Posts}
  662. </div>
  663. <!--fim dos posts-->
  664.  
  665.  
  666.  
  667.  
  668.  
  669.  
  670.  
  671.  
  672.  
  673.  
  674.  
  675.  
  676.  
  677.  
  678. <!-- script barra de rolagem e caixas do theme-->
  679. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  680. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  681. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  682. <script type="text/javascript">
  683. $(window).load(function () {
  684. $('#content').masonry(),
  685. $('.masonryWrap').infinitescroll({
  686. navSelector : "div#navigation",
  687. nextSelector : "div#navigation a#nextPage",
  688. itemSelector : ".caixa",
  689. bufferPx : 10000,
  690. extraScrollPx: 11000,
  691. loadingImg : "",
  692. loadingText : "<i> </i>",
  693. },
  694. // call masonry as a callback.
  695. function() { $('#content').masonry({ appendedContent: $(this) }); }
  696. );
  697. });
  698. </script>
  699.  
  700. {block:IndexPage}
  701. <div class="column navigation" id="navigation">
  702. {block:Pagination}
  703. {block:PreviousPage}
  704. <a href="{PreviousPage}" class="navigate">
  705. {/block:PreviousPage}
  706. {block:PreviousPage}</a>
  707. {/block:PreviousPage}
  708.  
  709. {block:NextPage}
  710. <a href="{NextPage}" class="navigate" id="nextPage">
  711. {/block:NextPage}
  712. {block:NextPage}</a>{/block:NextPage}
  713. {/block:Pagination}
  714. </div>
  715. {/block:IndexPage}
  716.  
  717. </body>
  718.  
  719. <!-------------------------------------------------------------------------->
  720. <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>
  721. <!-------------------------------------------------------------------------->
  722. </div>
  723. </html>
Advertisement
Add Comment
Please, Sign In to add comment