Advertisement
ANATHEMEX

Luxury Simple 4

Jun 7th, 2016
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.94 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="#222"/>
  70. <meta name="color:links hover" content="#000"/>
  71. <meta name="color:ask" content="#ffc0cb"/>
  72. <meta name="color:barra de rolagem" content="#eee"/>
  73. <meta name="color:simbolo dos notes" content="#696969"/>
  74. <meta name="color:borda 1" content="#eee"/>
  75. <meta name="color:borda 2" content="#ffc0cb"/>
  76. <meta name="color:borda do popup" content="#ffc0cb"/>
  77.  
  78. <!-- links e textos-->
  79. <meta name="text:simbolo dos notes" content="●" />
  80. <meta name="text:frase hover" content="" />
  81. <meta name="text:link1" content="" />
  82. <meta name="text:link1 titulo" content="" />
  83. <meta name="text:link2" content="" />
  84. <meta name="text:link2 titulo" content="" />
  85. <meta name="text:link3" content="" />
  86. <meta name="text:link3 titulo" content="" />
  87. <meta name="text:link4" content="" />
  88. <meta name="text:link4 titulo" content="" />
  89.  
  90.  
  91. </head>
  92. <style type="text/css" media="screen">
  93.  
  94. /* DEFINIÇÕES GERAIS */
  95. body{
  96. background:{color:background};
  97. color:{color:text};
  98. font-family: 'Orbitron', sans-serif;
  99. font-size:10px;
  100. text-align:left;
  101. }
  102.  
  103. /* LINKS */
  104. a{
  105. color:{color:links};
  106. text-decoration:none;
  107. }
  108. a:hover{
  109. color:{color:links hover};
  110. }
  111.  
  112. /* BARRA DE ROLAGEM */
  113. ::-webkit-scrollbar-thumb{
  114. background-color: {color:barra de rolagem};
  115. border: 1px solid #fff;
  116. height:auto;
  117.  
  118. }
  119.  
  120. ::-webkit-scrollbar {
  121. height:7px;
  122. width:7px;
  123. background-color: {color:barra de rolagem};
  124. border: 3px solid #fff;
  125. }
  126.  
  127. /* ALINHAMENTO DOS POSTS */
  128. #content{
  129. float:left;
  130. margin-top:10px;
  131. margin-left:250px;
  132. width:850px;
  133. }
  134.  
  135. /* CAIXAS DOS POSTS */
  136. .caixa{
  137. position:relative;
  138. float:left;
  139. display:inline-block;
  140. width:170px;
  141. padding:10px;
  142. margin-left:20px;
  143. background:#fff;
  144. margin-bottom:20px;
  145. border:1px solid #f3f3f3;
  146. box-shadow:3px 3px 0px 0px #f3f3f3;
  147. }
  148. .caixa img{
  149. max-width:170px;
  150. }
  151.  
  152. /* POSTS DE IMAGENS */
  153. .imgpost img{
  154. width:200px;
  155. }
  156.  
  157. /* BLOQUEIO DE VIA E SOURCE */
  158. .vsanna{
  159. display:none;
  160. }
  161.  
  162. /* NOTES */
  163. .caixa .notes{
  164. margin-top:0px;
  165. margin-left:0px;
  166. width:250px;
  167. height:13px;
  168. line-height:17px;
  169. text-align:center;
  170. color:{color:links};
  171. font-size:8px;
  172. font-family:'Calibri';
  173. text-transform:uppercase;
  174. opacity:0;
  175. transform:rotatex(180deg);
  176. transition:.8s;
  177. }
  178.  
  179. .caixa:hover .notes{
  180. opacity:1;
  181. margin-top:0px;
  182. transform:rotatex(0deg);
  183. transition:.8s;
  184. }
  185.  
  186. /* TITULO DOS POSTS */
  187. titulo{
  188. text-decoration:none;
  189. }
  190.  
  191.  
  192. /* BLOCKQUOTE */
  193. blockquote{
  194. margin:5px;
  195. }
  196.  
  197. /*ESTILO DE ASK FEITO POR LUXUOSEI*/
  198.  
  199. .pergunta{position:absolute; display:inline-block;font-size:8px;text-decoration:none;text-transform:uppercase;margin-left:21px;margin-top:2px;background:#fff;padding:1px 1px 1px 1px;;border-top:1px solid transparent;width:auto;;font-family:nova mono;letter-spacing:0px;height:12px;line-height:12px;border:1px solid #ddd;font-size:8px;border-radius:2px;padding-left:4px;padding-right:4px;}
  200. .pergunta2{;text-decoration:none;;padding:1px;margin-top:21px;border-bottom:1px solid #ddd;}
  201. #resposta{margin-top:2px;}
  202. .ask-img img{width:13px;height:13px;padding:2px;border:1px solid #ddd;background:#fff;position:absolute;margin-left:0px;margin-top:0px;border-radius:2px;outline-offset: -4px; outline: 1px solid transparent}
  203.  
  204. .arv {position:fixed; left:50px; top:0px;width:151px;height:900px;background:#f3f3f3;}
  205.  
  206. .titulo{
  207. margin-top:-163px;
  208. margin-left:2px;
  209. width:200px;
  210. height:auto;
  211. font-size:27px;
  212. font-family: 'Sacramento', sans-serif;
  213. color:#ddd;
  214. z-index:999999;
  215. }
  216. /* ALINHAMENTO DA SIDEBAR */
  217. .txpside{
  218. position:fixed;
  219. margin-top:100px;
  220. margin-left:8px;
  221. width:135px;
  222. height:135px;
  223. background:#fff;
  224. }
  225.  
  226. /* IMAGEM DA SIDEBAR */
  227. .txpimg img{
  228. padding:10px;
  229. width:115px;
  230. height:115px;
  231. }
  232.  
  233. /* MENU */
  234. #btfrase{width:55px;margin-left:84px;margin-top:130px;position:fixed;font-family:'Rod';text-align:center;font-size:8px; color:#aaa; -webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in;padding:0px;z-index:99999;height:18px;line-height:18px;text-transform:uppercase;letter-spacing:px;opacity:1;background:#fff;}
  235. .bt1 a, .bt2 a, .bt3 a, .bt4 a {display:inline-block;float:left;margin:2px;color:#aaa;font-family:font-family:consolas;font-size:8px;color:#aaa;background:#fff;text-shadow:1px 1px 0 #fff; text-align:center;width:14px;height:14px;line-height:16px;outline:0px solid #ccc;outline-offset:-2px;padding:1px;;-webkit-transition: 0.3s ease-in;-moz-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  236. #menu {position:absolute;margin-left:-90px;margin-top:-19px;width:114px;;-webkit-transition: 0.3s ease-in;-moz-transition: 0.3s ease-in; transition: 0.3s ease-in;opacity:1;}
  237. .b1, .b2, .b3, .b4 {transition:0.5s; width:53px;height:15px;background:#fff;color:#aaa;line-height:17px;font-size:8px;font-family:'Rod';text-transform:uppercase; text-align:center;opacity:0;position:fixed; margin-top:2px;margin-left:92px;z-index:999;z-index:9999;}
  238. .bt1 a:hover {border-radius:10px;}
  239. .bt2 a:hover {border-radius:10px;}
  240. .bt3 a:hover {border-radius:10px;}
  241. .bt4 a:hover {border-radius:10px;}
  242. .bt1:hover .b1{opacity:1;transform: rotateX(360deg);}
  243. .bt2:hover .b2{opacity:1;transform: rotateX(360deg);}
  244. .bt3:hover .b3{opacity:1;transform: rotateX(360deg);}
  245. .bt4:hover .b4{opacity:1;transform: rotateX(360deg);}
  246.  
  247. /* BASE DOS NOTES TOTALMENTE FEITA POR BEBRUTA
  248. - AUTORIZADA APENAS PARA A FOFA DA SUGARDIC */
  249.  
  250. .caixa .btreblog{
  251. position:absolute;
  252. background:rgba(255,255,255,.3);
  253. margin-top:-28px;
  254. margin-left:6px;
  255. width:0px;
  256. height:10px;
  257. font-size:9px;
  258. border:1px solid #fff;
  259. transition:1s;
  260. opacity:0;
  261. color:white;
  262. text-transform:uppercase;
  263. font-family:'Rod';
  264. padding:4px;
  265. text-shadow:1px 0px 0px #000;
  266. border-radius:0px 10px 10px 0px;
  267. }
  268. .caixa .btreblog a{
  269. font-size:11px;
  270. color:#fff;
  271. }
  272. .caixa:hover .btreblog {
  273. opacity:1;
  274. transition:1s;width:100px;
  275. }
  276. .caixa .bttime{
  277. position:absolute;
  278. background:rgba(255,255,255,.5);
  279. margin-top:-28px;
  280. margin-left:120px;
  281. width:15px;
  282. height:18px;
  283. line-height:18px;
  284. border:1px solid #fff
  285. ; opacity:0;
  286. transition:1.2s;
  287. text-align:;
  288. padding-left:5px;
  289. text-shadow:1px 0px 0px #000;
  290. }
  291. .caixa .bttime a{
  292. font-size:12px;
  293. color:white;
  294. text-transform:uppercase;
  295. font-family:'rod';
  296. }
  297. .caixa:hover .bttime {
  298. opacity:1;
  299. transition:.8s;
  300. }
  301. .caixa .btnotes{
  302. position:absolute;
  303. background:rgba(255,255,255,.5);
  304. margin-top:-28px;
  305. margin-left:145px;
  306. width:15px;
  307. height:18px;
  308. line-height:18px;
  309. border:1px solid #fff;
  310. text-align:;
  311. padding-left:5px;
  312. opacity:0;
  313. transition:1s;
  314. text-shadow:1px 0px 0px #000;
  315. }
  316. .caixa .btnotes a{
  317. font-size:12px;
  318. color:white;
  319. text-transform:uppercase;
  320. font-family:'Rod';
  321. }
  322. .caixa:hover .btnotes {
  323. opacity:1;
  324. transition:.8s;
  325. }
  326.  
  327. .btx{
  328. position:fixed;
  329. top:-1px;
  330. left:220px;
  331. width:4px;
  332. height:1000px;
  333. background:#f3f3f3;
  334. }
  335. .flores{
  336. position:fixed;
  337. top:30px;
  338. left:214px;
  339. width:15px;
  340. height:165px;
  341. font-size:15px;
  342. font-family: 'Sacramento', sans-serif;
  343. color:#f1f1f1;
  344. background:{color:background};
  345. }
  346. .btx2{
  347. position:fixed;
  348. top:-1px;
  349. left:235px;
  350. width:4px;
  351. height:1000px;
  352. background:#f3f3f3;
  353. }
  354. .flores2{
  355. position:fixed;
  356. top:230px;
  357. left:230px;
  358. width:15px;
  359. height:165px;
  360. font-size:15px;
  361. font-family: 'Sacramento', sans-serif;
  362. color:#f1f1f1;
  363. background:{color:background};
  364. }
  365.  
  366. </style>
  367.  
  368. <body onkeydown="return false">
  369. <!-- FONTE DOS ICONS DO MENU -->
  370. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  371. <link href='https://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  372.  
  373. <div class="arv">
  374. <!-- ALINHAMENTO DA SIDEBAR -->
  375. <div class="txpside">
  376.  
  377. <!-- IMAGEM DA SIDEBAR -->
  378. <div class="txpimg"><img src="{image:sidebar}">
  379. <div class="titulo">Lov Glamour
  380. </div>
  381.  
  382. <!-- MENU -->
  383. <div id="btfrase">Navigation
  384. <div id="menu">
  385. <div class="bt1"><a href="{text:link1}"></i></a><div class="b1">{text:link1 titulo} <font color="#ffd6db"></font></div></div>
  386. <div class="bt2"><a href="{text:link2}"></i></a><div class="b2">{text:link2 titulo} <font color="#ffd6db"></font></div></div>
  387. <div class="bt3"><a href="{text:link3}"></i></a><div class="b3">{text:link3 titulo} <font color="#ffd6db"></font></div></div>
  388. <div class="bt4"><a href="{text:link4}"></i></a><div class="b4">{text:link4 titulo} <font color="#ffd6db"></font></div></div></div>
  389. </div></div>
  390. </div></div></div>
  391. <div class="btx"></div>
  392. <div class="flores">🌺🌺🌺🌺🌺🌺🌺</div>
  393. <div class="btx2"></div>
  394. <div class="flores2">🌺🌺🌺🌺🌺🌺🌺</div
  395. <!-- FINAL DA SIDEBAR -->
  396.  
  397. <!-- INICIO DOS POSTS --->
  398. <div id="content">
  399. {block:Posts}
  400. <div class="caixa">
  401.  
  402.  
  403. {block:Text}
  404. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  405. {body}
  406. <div class="notes">
  407. <a href="{permalink}">{NoteCount} notes</a> -
  408. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  409. </div>
  410. {/block:Text}
  411.  
  412.  
  413.  
  414. {block:Photo}
  415. {LinkOpenTag}
  416. <div class="imgpost"><img src="{PhotoURL-400}"></div>
  417. {block:indexpage}<div class="btreblog"><a href="{ReblogURL}" target="_blank" Title="Reblogue"> Reblog</i></a></div>
  418. <div class="bttime"><a href="{Permalink}" target="_blank" title="{timeago}"><i class="fa fa-share-alt"></i> </a></div>
  419. <div class="btnotes"><a href="{Permalink}" target="_blank" title="{NoteCount}"><i class="fa fa-folder-open"></i></a></div>
  420. {/block:indexpage}
  421. {/block:Photo}
  422.  
  423.  
  424.  
  425. {block:Photoset}
  426. <div class="imgpost">{Photoset}</div>
  427. {block:indexpage}<div class="btreblog"><a href="{ReblogURL}" target="_blank" Title="Reblogue"> Reblog</i></a></div>
  428. <div class="bttime"><a href="{Permalink}" target="_blank" title="{timeago}"><i class="fa fa-share-alt"></i> </a></div>
  429. <div class="btnotes"><a href="{Permalink}" target="_blank" title="{NoteCount}"><i class="fa fa-folder-open"></i></a></div>
  430. {/block:indexpage}
  431. {/block:Photoset}
  432.  
  433.  
  434.  
  435. {block:Quote}
  436. {Quote}<br>
  437. <center><b>{block:Source}{Source}{/block:Source}</b></center>
  438. <div class="notes">
  439. <a href="{permalink}">{NoteCount} notes</a> -
  440. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  441. </div>
  442. {/block:Quote}
  443.  
  444.  
  445.  
  446. {block:Chat}
  447. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  448. {block:Lines}
  449. {block:Label}<span>{Label}</span>{/block:Label}
  450. {Line}
  451. {/block:Lines}
  452. <div class="notes">
  453. <a href="{permalink}">{NoteCount} notes</a> -
  454. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  455. </div>
  456. {/block:Chat}
  457.  
  458.  
  459.  
  460. {block:Link}
  461. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  462. {block:Description}{Description}{/block:Description}
  463. <div class="notes">
  464. <a href="{permalink}">{NoteCount} notes</a> -
  465. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  466. </div>
  467. {/block:Link}
  468.  
  469.  
  470.  
  471. {block:Audio}
  472. {AudioPlayer}
  473. <div class="notes">
  474. <a href="{permalink}">{NoteCount} notes</a> -
  475. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  476. </div>
  477. {/block:Audio}
  478.  
  479.  
  480.  
  481. {block:Video}
  482. {block:Indexpage}{Video-250}{/block:IndexPage}
  483. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  484. {block:Caption}{Caption}{/block:Caption}
  485. <div class="notes">
  486. <a href="{permalink}">{NoteCount} notes</a> -
  487. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  488. </div>
  489. {/block:Video}
  490.  
  491.  
  492.  
  493. {block:Answer}
  494. <div class="ask-img"><img src="{AskerPortraitURL-30}"></div>
  495. <div class="pergunta"> <font color="{color:detalhes}"> ❤</font> {Asker} </div>
  496. <div class="pergunta2">{Question}</div>
  497. <div id="resposta">{Answer}</div>
  498. <div class="notes">
  499. <a href="{permalink}">{NoteCount} notes</a> -
  500. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  501. </div>
  502. {/block:Answer}
  503.  
  504.  
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511. <!--bloqueio do via e source -->
  512. <div class="vsanna">
  513. {block:RebloggedFrom}
  514. <a href="{ReblogParentURL}">via</a>
  515. {/block:RebloggedFrom}
  516. {block:ContentSource}
  517. <a href="{SourceURL}">source</a>
  518. {/block:ContentSource}
  519. </div>
  520.  
  521.  
  522.  
  523.  
  524.  
  525. </div>
  526. {/block:Posts}
  527. </div>
  528. <!--fim dos posts-->
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543. <!-- script barra de rolagem e caixas do theme-->
  544. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  545. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  546. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  547. <script type="text/javascript">
  548. $(window).load(function () {
  549. $('#content').masonry(),
  550. $('.masonryWrap').infi =nitescroll({
  551. navSelector : "div#navigation",
  552. nextSelector : "div#navigation a#nextPage",
  553. itemSelector : ".caixa",
  554. bufferPx : 10000,
  555. extraScrollPx: 11000,
  556. loadingImg : "",
  557. loadingText : "<i> </i>",
  558. },
  559. // call masonry as a callback.
  560. function() { $('#content').masonry({ appendedContent: $(this) }); }
  561. );
  562. });
  563. </script>
  564.  
  565. {block:IndexPage}
  566. <div class="column navigation" id="navigation">
  567. {block:Pagination}
  568. {block:PreviousPage}
  569. <a href="{PreviousPage}" class="navigate">
  570. {/block:PreviousPage}
  571. {block:PreviousPage}</a>
  572. {/block:PreviousPage}
  573.  
  574. {block:NextPage}
  575. <a href="{NextPage}" class="navigate" id="nextPage">
  576. {/block:NextPage}
  577. {block:NextPage}</a>{/block:NextPage}
  578. {/block:Pagination}
  579. </div>
  580. {/block:IndexPage}
  581.  
  582. </body>
  583.  
  584. <!-------------------------------------------------------------------------->
  585. <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>
  586. <!-------------------------------------------------------------------------->
  587. </div>
  588. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement