Advertisement
thmslet

theme exclusivo cestvibe

Dec 17th, 2016
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.74 KB | None | 0 0
  1.  
  2. <!-- Esses códigos permitem que o theme seja visualizado corretamente em todos os navegadores -->
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head profile="http://gmpg.org/xfn/11">
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13. <!-- •----------------------------------•
  14. ¯ | THEME FEITO POR EXBAD | ¯
  15. ¯ | NÃO COPIE - NÃO SE INSPIRE | ¯
  16. ¯ | ----------------- | ¯
  17. ¯ | EXCLUSIVO PARA CESTVIBE | ¯
  18. •----------------------------------•
  19. -->
  20.  
  21.  
  22.  
  23.  
  24. <!-- Favicon: Imagem pequena que fica na aba do navegador.
  25. {favicon} é a sua Dash/Icon do seu tumblr, caso queira outra coisa é só apagar ele e colocar a URL do novo favicon -->
  26. <link rel="shortcut icon" href="{favicon}">
  27.  
  28.  
  29.  
  30. <!-- Efeito "digitando" do titulo na aba do navegador -->
  31. <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; tb8_messages[3] = "{title}"; tb8_messages[4] = "{title}"; tb8_messages[5] = "{title}";
  32. tb8_messages[6] = "{title}"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
  33.  
  34.  
  35. <!-- Appearance: IMAGE = IMAGEM. COLOR = COR. TEXT = TEXTO -->
  36. <meta name="color:background" content="#fff"/>
  37. <meta name="color:texto" content="#000"/>
  38. <meta name="color:links" content="#000"/>
  39. <meta name="color:links hover" content="#8b0000"/>
  40.  
  41.  
  42. <meta name="text:link1" content=""/>
  43. <meta name="text:link1 titulo" content="LINK"/>
  44. <meta name="text:link2" content=""/>
  45. <meta name="text:link2 titulo" content="LINK"/>
  46. <meta name="text:link3" content=""/>
  47. <meta name="text:link3 titulo" content="LINK"/>
  48. <meta name="text:link4" content=""/>
  49. <meta name="text:link4 titulo" content="LINK"/>
  50. <meta name="text:link5" content=""/>
  51. <meta name="text:link5 titulo" content="LINK"/>
  52. <meta name="text:frase" content="Eu que não fumo queria um cigarro, eu que não amo você enveleci dez anos ou mais nesse ultimo mês, eu que não bebo pedi um conhaque pra enfrentar o inverno"/>
  53. <meta name="text:titulo" content="UPPER HIGH"/>
  54.  
  55.  
  56.  
  57. </head>
  58.  
  59.  
  60.  
  61. <style type="text/css" media="screen">
  62.  
  63. /* INICIO DO CSS*/
  64.  
  65.  
  66. /* Configurações básicas e gerais: Aqui voce vai colocar a cor do fundo do theme, fonte geral, tamanho da fonte, alinhamento dos textos*/
  67. body{background:#fff; color:{color:texto}; font-family:Tahoma; font-size:11px; text-align:left;}
  68.  
  69.  
  70.  
  71. /* Links*/
  72. a{color:{color:links}; text-decoration:none;}
  73. a:hover{color:{color:links hover};}
  74.  
  75.  
  76.  
  77.  
  78. /* Barra de rolagem*/
  79. ::-webkit-scrollbar{width:5px; height:5px; background:#fff;}
  80. ::-webkit-scrollbar-thumb{background:#eee;}
  81.  
  82.  
  83.  
  84.  
  85. /* Alinhamento dos posts*/
  86. #charmours-post{margin-top:220px; margin-left:330px; width:900px; padding-bottom:30px;}
  87. /* Esse "padding-bottom:30px;" é o espaço para a skin não ficar em cima do post da página interna, como a de tutorial*/
  88.  
  89.  
  90.  
  91.  
  92. /* Caixas dos posts: Se mudar o tamanho das caixas tem que mudar o tamanho das imagens também*/
  93. .charmours-caixas{position:relative; float:left; display:inline-block; width:200px; padding:10px; background:#fff; margin:15px; overflow:hidden; transition:1s;}
  94. .charmours-caixas img{max-width:200px;}
  95.  
  96.  
  97.  
  98.  
  99. /* Imagem dos posts (aqui NÃO edita o photoset (várias fotos em um post)*/
  100. .imagens_charmours img{width:200px;}
  101.  
  102.  
  103.  
  104.  
  105. /* Bloqueio do Via e Source*/
  106. .vsanna{display:none;}
  107.  
  108.  
  109.  
  110.  
  111. /* Titulo dos posts*/
  112. titulo{text-decoration:none;}
  113.  
  114.  
  115.  
  116.  
  117. /* Blockquote*/
  118. blockquote{margin:5px; padding:5px; background:{color:background};}
  119.  
  120.  
  121.  
  122.  
  123.  
  124. /* NOTES:LEIA ISSO! N-Ã-O EDITE E COLOQUE SOMENTE SEUS CREDITOS, QUERENDO OU NAO O CÓDIGO É MEU! EDITOU? COLOQUE MEUS CREDITOS TAMBÉM!*/
  125.  
  126. /* Notes dos textos*/
  127. .notes_charmours{margin-top:4px; margin-bottom:-8px; margin-left:-10px; width:55px; padding:0 0 3px 3px; text-align:left; font-size:8px; height:9px; line-height:11px; font-family:'Consolas'; text-transform:uppercase; background:#fff; border-radius:0 5px 5px 0; transition:1s;}
  128. .notes_charmours a{color:{color:texto};}
  129. .notes_charmours a:hover{color:{color:links hover};}
  130.  
  131.  
  132.  
  133.  
  134. /* Notes das fotos*/
  135. .notes_charmours2{position:absolute; width:180px; margin-top:-50px; text-align:center; opacity:0; transition:1s;}
  136. .notes_charmours2 a:hover{color:rgba(255,255,255,1);}
  137. .charmours-caixas:hover .notes_charmours2{opacity:1; transition:1s;}
  138.  
  139. .wn1{display:inline-block;}
  140. .wn1 a{display:inline-block; padding:5px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:#8b0000; border-radius:20px;}
  141.  
  142. .wn2{display:inline-block;}
  143. .wn2 a{display:inline-block; padding:5px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:#8b0000; border-radius:20px;}
  144.  
  145. .wn3{display:inline-block;}
  146. .wn3 a{display:inline-block; padding:5px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:#8b0000; border-radius:20px;}
  147.  
  148.  
  149.  
  150.  
  151.  
  152. /* Ask: Mesma regra dos notes!*/
  153. .pergunta{width:auto; height:auto; padding:5px; text-align:left; outline-offset:-3px; background:#eee; text-transform:uppercase; font-size:8px;}
  154. .pergunta img {border-radius: 1000px;width:35px; float:left; padding-right:5px;padding-bottom:5px;}
  155. .resposta{margin-top:3px; width:200px; height:auto; text-align:left; border-top:2px solid #8b0000; text-transform:uppercase; font-size:8px;}
  156.  
  157.  
  158.  
  159.  
  160.  
  161. /* Quotes*/
  162. .quote_charmours{text-align:justify;}
  163. /* Source dos quotes: Quem escreveu o texto.*/
  164. .source_charmours{margin-top:5px; width:200px; height:15px; line-height:17px; margin-left:0px; text-align:right; border-top:1px solid #8b0000; font-weight:bold; text-transform:uppercase; font-size:8px;}
  165.  
  166.  
  167.  
  168.  
  169.  
  170. /* Sidebar*/
  171. .side-ch{position:fixed; top:0px; left:0px; width:100%; height:210px; background:#fff; transition:1s;z-index:9;}
  172.  
  173.  
  174.  
  175. /* Descrição da side*/
  176. .side-ch-descricao{margin-top:10px; margin-left:450px; padding:5px; width:500px; text-align:center; font-size:62px; text-transform:uppercase; background:#fff;font-family:times;color:#000;text-transform:uppercase;}
  177.  
  178.  
  179.  
  180.  
  181. /* Menu/Links*/
  182. .side-ch-menu{width: 300px; height:20px; margin-top:65px; margin-left:550px; position:fixed; font-family:times; text-align:center;background-color:#fff;}
  183.  
  184. /* Links do menu*/
  185. .side-ch-menu a{line-height:20px; text-align: center; padding:3px; background-color:#000; border: 1px solid #000; color:#fff; font-size:11px;margin:7px;text-transform:uppercase;}
  186.  
  187.  
  188.  
  189.  
  190.  
  191. .tit1{position: fixed; width:400px; height:auto; line-height:15px; margin-top:-130px; margin-left:500px; font-family: times; text-align:left; font-weight:normal; color:#000; text-shadow:1px 1px 0 #fff; font-size:12px;z-index:10;text-align:center;}
  192.  
  193.  
  194. .faixa { z-index:10;position:fixed;margin-top:-80px; margin-left:450px;position: fixed;background-color:#8b0000; height:3px;width:500px;}
  195.  
  196. /* FIM DO CSS */
  197.  
  198. </style>
  199.  
  200.  
  201.  
  202.  
  203. <body onkeydown="return false">
  204.  
  205. <script type="text/javascript">var topButton = "sleek/circle-dark";</script><script type="text/javascript" src="//backtotopbutton.com/script/toTop.js"></script>
  206.  
  207. <a style="position:fixed; left:45px; bottom:60px; font-family:times; font-size:20px; color:#000; background:#fff;padding:3px;text-decoration: none; " href="http://exbad.co.vu" title="theme feito por exbad, exclusivo para uso de cestvibe, não copie."> ✖</a>
  208.  
  209. <div class="faixa"></div>
  210. <div class="tit1">{text:frase}</div>
  211.  
  212.  
  213.  
  214. <div class="side-ch"> <!-- Inicio da sidebar-->
  215.  
  216.  
  217.  
  218.  
  219.  
  220. <!-- Descrição-->
  221. <div class="side-ch-descricao">{text:titulo}</div>
  222.  
  223.  
  224. <!-- Menu/Links-->
  225. <div class="side-ch-menu">
  226. <a href="{text:link1}">{text:link1 titulo}</a>
  227. <a href="{text:link2}">{text:link2 titulo}</a>
  228. <a href="{text:link3}">{text:link3 titulo}</a>
  229. <a href="{text:link4}">{text:link4 titulo}</a>
  230. <a href="{text:link5}">{text:link5 titulo}</a>
  231. </div>
  232.  
  233.  
  234. </div> <!-- Fim da sidebar-->
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257. <div id="charmours-post"> <!-- Div do Post-->
  258. {block:Posts}
  259. <div class="charmours-caixas"> <!-- Div das Caixas dos posts-->
  260.  
  261.  
  262.  
  263.  
  264. <!-- Textos-->
  265. {block:Text}
  266. {block:Title}<titulo><center>{Title}</center></titulo>{/block:Title}
  267. {body}
  268.  
  269.  
  270. <!-- Notes dos textos-->
  271. {block:indexpage}
  272. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  273.  
  274. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  275. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  276. </div>{/block:indexpage}
  277. {/block:Text}
  278.  
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286. <!-- Fotos-->
  287. {block:Photo}
  288. <div class="imagens_charmours"><img src="{PhotoURL-250}"></div>
  289.  
  290.  
  291. <!-- NOTES DAS FOTOS-->
  292. {block:indexpage}
  293. <div class="notes_charmours2">
  294.  
  295. <div class="wn1"><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-folder-open"></i></a></div>
  296. <div class="wn2"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div>
  297. <div class="wn3"><a href="{Permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i></a></div>
  298.  
  299. </div>
  300. {/block:indexpage}
  301. {/block:Photo}
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309.  
  310. <!-- Photoset (varias fotos em um post)-->
  311. {block:Photoset}
  312. <div class="imagens_charmours">{Photoset}</div>
  313.  
  314.  
  315. <!-- NOTES DO PHOTOSET-->
  316. {block:indexpage}
  317. <div class="notes_charmours2">
  318.  
  319. <div class="wn1"><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-folder-open"></i></a></div>
  320. <div class="wn2"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div>
  321. <div class="wn3"><a href="{Permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i></a></div>
  322.  
  323. </div>
  324. {/block:indexpage}
  325. {/block:Photoset}
  326.  
  327.  
  328.  
  329.  
  330.  
  331.  
  332.  
  333.  
  334. <!-- Quote-->
  335. {block:Quote}
  336. <div class="quote_charmours">{Quote}</div>
  337. <div class="source_charmours">{block:Source}{Source}{/block:Source}</div>
  338.  
  339.  
  340. <!-- NOTES DOS QUOTES-->
  341. {block:indexpage}
  342. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  343.  
  344. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  345. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  346. </div>{/block:indexpage}
  347. {/block:Quote}
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355.  
  356. <!-- CHAT-->
  357. {block:Chat}
  358. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  359. {block:Lines}
  360. {block:Label}
  361. <span>
  362. <font color="{color:links hover}">
  363. {Label}
  364. </font>
  365. </span>
  366. {/block:Label}
  367.  
  368. {Line} <br>
  369. {/block:Lines}
  370.  
  371.  
  372. <!-- NOTES DOS CHATS-->
  373. {block:indexpage}
  374. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  375.  
  376. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  377. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  378. </div>{/block:indexpage}
  379. {/block:Chat}
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388. <!-- LINK-->
  389. {block:Link}
  390. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>{block:Description}{Description}{/block:Description}
  391.  
  392.  
  393. <!-- NOTES DOS LINKS-->
  394. {block:indexpage}
  395. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  396.  
  397. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  398. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  399. </div>{/block:indexpage}
  400. {/block:Link}
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408.  
  409. <!-- AUDIO/MUSICA-->
  410. {block:Audio}
  411. {AudioPlayer}
  412.  
  413.  
  414. <!-- NOTES DOS AUDIOS/MUSICAS-->
  415. {block:indexpage}
  416. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  417.  
  418. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  419. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  420. </div>{/block:indexpage}
  421. {/block:Audio}
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430. <!-- VIDEOS-->
  431. {block:Video}
  432. {block:Indexpage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  433.  
  434.  
  435. <!-- NOTES DOS VIDEOS-->
  436. {block:indexpage}
  437. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  438.  
  439. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  440. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  441. </div>{/block:indexpage}
  442. {/block:Video}
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451. <!-- ASK-->
  452. {block:Answer}
  453. <div class="pergunta"><b><img src="{AskerPortraitURL-128}">{Asker}</b>: {Question}</div>
  454. <div class="resposta">{Answer}</div>
  455.  
  456.  
  457. <!-- NOTES DAS ASKS-->
  458. {block:indexpage}
  459. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  460.  
  461. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  462. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  463. </div>{/block:indexpage}
  464. {/block:Answer}
  465.  
  466.  
  467.  
  468.  
  469.  
  470.  
  471.  
  472. <!-- Bloqueio do Via e Source que fica nos posts-->
  473. <div class="vsanna">
  474. {block:RebloggedFrom}
  475. <a href="{ReblogParentURL}">via</a>
  476. {/block:RebloggedFrom}
  477. {block:ContentSource}
  478. <a href="{SourceURL}">source</a>
  479. {/block:ContentSource}
  480. </div>
  481.  
  482.  
  483.  
  484.  
  485. </div> <!-- Fim da div das Caixas-->
  486. {/block:Posts}
  487. </div> <!-- Fim da div dos Posts-->
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  495.  
  496.  
  497.  
  498.  
  499. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"><link href="http://static.tumblr.com/qszodba/029o0wega/mansory.js" rel="stylesheet" type="text/css"><script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script><script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script><script type="text/javascript">$(window).load(function () {$('#charmours-post').masonry(),$('.masonryWrap').infinitescroll({navSelector : "div#navigation",nextSelector : "div#navigation a#nextPage",itemSelector:".charmours-caixas",bufferPx:10000,extraScrollPx:11000,loadingImg:"",loadingText:"<i> </i>",},function() { $('#charmours-post').masonry({ appendedContent:$(this)});});});</script>
  500.  
  501.  
  502.  
  503. </body>
  504.  
  505.  
  506.  
  507. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement