Advertisement
kathdesigns

theme 15

Sep 14th, 2015
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.91 KB | None | 0 0
  1. <!-- Esse código substitui o <html> e <head> para o theme ser melhor visualizado em todos os navegadores -->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head profile="http://gmpg.org/xfn/11">
  5.  
  6.  
  7. <!--------------------------------------------------------------------------
  8. BASE TOTALMENTE CODIFICADA POR WARVADA
  9. MODIFICADA E ADAPTADA POR ANGELDOLLLS
  10. ---------------------------------------------------------------------------->
  11.  
  12.  
  13.  
  14.  
  15. <!-------- LEIA ESSA PORRA! NÃO RETIRE MEUS CREDITOS TENHA CRIATIVADADE E NÃO SEJA APENA UMA COPIA
  16.  
  17. ----------------------------------------------------------------------------->
  18.  
  19. <!-- favicon -->
  20. <link rel="shortcut icon" href="{favicon}">
  21.  
  22. <!-- script do efeito do titulo na aba do navegador (efeito digitando) -->
  23. <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_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>
  24.  
  25.  
  26.  
  27. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  28. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  29.  
  30.  
  31.  
  32. <!-- Appearance -->
  33. <!-- imagens-->
  34. <meta name="image:sidebar" content=""/>
  35.  
  36. <!-- cores-->
  37. <meta name="color:background" content="#fff"/>
  38. <meta name="color:text" content="#222"/>
  39. <meta name="color:links" content="#222"/>
  40. <meta name="color:links hover" content="#000"/>
  41. <meta name="color:ask" content="#ffc0cb"/>
  42. <meta name="color:barra de rolagem" content="#eee"/>
  43.  
  44.  
  45. <!-- links e textos-->
  46. <meta name="text:link1" content="" />
  47. <meta name="text:link1 titulo" content="" />
  48. <meta name="text:link2 titulo" content="" />
  49. <meta name="text:link2" content="" />
  50. <meta name="text:link3" content="" />
  51. <meta name="text:link3 titulo" content="" />
  52. <meta name="text:link4" content="" />
  53. <meta name="text:link4 titulo" content="" />
  54.  
  55.  
  56. </head>
  57.  
  58. <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  59.  
  60. <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  61.  
  62. <style type="text/css" media="screen">
  63.  
  64.  
  65. /*Definições geral*/
  66. body{background:{color:background}; color:{color:text}; font-family:'cookie'; font-size:13px; text-align:left;}
  67. h1 { font-family: 'cookie', cursive;}
  68.  
  69. /*Links */
  70. a{color:{color:links}; text-decoration:none;}
  71. a:hover{color:{color:links hover};}
  72.  
  73. /*Barra de rolagem*/
  74. ::-webkit-scrollbar{height:3px; width:5px; background:transparent;}
  75. ::-webkit-scrollbar-thumb:vertical{background:{color:barra de rolagem};}
  76. ::-webkit-scrollbar-thumb:horizontal{background:{color:barra de rolagem};}
  77.  
  78. /*Alinhamento dos posts*/
  79. #content{float:left; margin-top:5px; margin-left:400px; width:800px;
  80. padding-bottom:30px;/*esse padding é pros notes ou postagem nao fique atras da skin, recomendo não tirar*/}
  81. .caixa{position:relative; float:left; display:inline-block; width:226px; padding:3px; margin:5px; border:1px solid #ccc; overflow:hidden; text-shadow:1px 1px 0 rgba(255,255,255,.8);background-color;#fff}
  82. .caixa img{max-width:200px; height:auto;}
  83.  
  84.  
  85. /*Caixas dos posts*/
  86. .caixa{position:relative; float:left; display:inline-block; width:200px; padding:3px; margin-left:10px;}
  87. .caixa img{max-width:200px;}
  88.  
  89.  
  90. /*Posts de imagens*/
  91. .imgpost img{width:300px; outline:1px solid white; outline-offset:-3px;}
  92.  
  93. /*Bloqueio do via e source - não retire*/
  94. .vsanna{display:none;}
  95.  
  96. /*notes*/
  97. .caixa .notes{margin-top:0px; margin-left:0px; width:250px; height:13px; line-height:17px; text-align:center; color:{color:links}; font-size:8px; font-family:'Calibri'; text-transform:uppercase; opacity:0; transform:rotatex(180deg); transition:.8s;}
  98.  
  99. .caixa:hover .notes{opacity:1; margin-top:0px; transform:rotatex(0deg); transition:.8s;}
  100.  
  101. /*Titulos dos posts*/
  102. titulo{text-decoration:none;}
  103.  
  104.  
  105. /*CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. */
  106. #dawacred {position:fixed; width:75px; height:5px; font-family:'Gabriola'; text-transform:uppercase; font-size:8px; line-height:75%; right:85px; bottom:60px; text-align:center; color:{color:text}; background:#ddd; transition:.90s; outline-offset:-3px; padding:6px; outline:1px dotted #aaa;}#dawacred:hover{opacity:100; box-shadow:inset 90px 0px 0px 0px pink; transition:.90s;}.dw{position:fixed; margin-top:0px; margin-left:82px; width:auto; height:auto; color:#f5bcc6; transition:.80s;opacity:100; font-size:11px; transform:rotate(1deg); text-shadow:0px 0px 1px #ccc;}.dw2{position:fixed; margin-top:-5px; margin-left:-19px; width:auto; height:auto; color:#aaaaaa; transition:.80s; opacity:100; font-size:11px; transform:rotate(1deg); text-shadow:0px 0px 1px #aaa;}
  107. /*CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. */
  108.  
  109.  
  110. /*Blockquote*/
  111. blockquote {margin:5px;}
  112.  
  113. /*ASK FEITA POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO */
  114. .pergunta{margin-top:-7px; width:94%; height:auto; line-height:13px; padding: 0 0 5px 0; text-align:left; padding-top:2px; padding-bottom:1px; padding-left:6px; border:3px double #ddd;; font-size:8px; font-family:calibri; text-transform:uppercase; background:#fff;}
  115. .resposta{margin-top:-2px; width:99%; height:auto; padding:4px; font-size:10px; text-align:left; padding-bottom:auto; font-size:8px; font-family:calibri; text-transform:uppercase; background:;}
  116. .floweraskdawa{display:inline-block; width:auto; height:11px; font-size:11px; text-shadow:0px 0px 0px #aaa; transform:rotate(1deg); background:#fafafa;}
  117. /*ASK FEITA POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO */
  118.  
  119.  
  120.  
  121.  
  122.  
  123. /*Alinhamento da sidebar*/
  124. .side{position:fixed; margin-top:177px; margin-left:180px; width:183px; height:423px;background-color:#fff;border:3px solid #ddd;outline:1px; outline-offset:-2px ;position:fixed;background-image: url('http://40.media.tumblr.com/6c77eb897eb309e86f29134f7afaa2a7/tumblr_mhwzb5fxxY1s5um8no1_100.png');}
  125.  
  126.  
  127.  
  128. /*Imagem da sidebar*/
  129. .foto img{width:142px; height:133px;margin-left:19px;margin-top:22px;}
  130. .side:hover .foto {opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.50s ease-out;all 0.3s ease-out;-moz-transition:All 1s ease; -o-transition:All 1s ease;}
  131. .cute{height:119px;outline-offset:-3px;margin-left:15px;margin-top:-140px;width:130px; padding:10px; outline:10px double #ddd; outline-offset:-5px; border:1px solid #ddd;}
  132.  
  133. /*menu*/
  134. .navegate {;margin-left:45px;font-size:12px; margin-top:-200px; background-color:; position:fixed;text-align:left;-webkit-transition-duration: 0.4s; -moz-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; transition: all .9s ease-in-out; -webkit-transition: all .9s ease-in-out;opacity:1;color:#000;text-shadow:0px 1px 0px #ddd;background-color:;height:19px;width:69px;}
  135. .side:hover .navegate{opacity:1;color:#ccc;text-shadow:0px 1px 0px #000;font-size:13px; margin-left:42px;margin-top:-210px;}
  136.  
  137.  
  138.  
  139. /*Primeira frase*/
  140. .desc{position:fixed; margin-left:25px; margin-top:22px; width:150px; text-align:center; height:12px; line-height:10px; transition:.80s; font-size:13px
  141. ;font-family:'pacifico';text-shadow: 1px 1px 0px #fff; height:34px; line-height:18px; transition:.80s; color:{color:frase};background-color:#fff;background:transparent;}
  142. h1 { font-family: 'pacifico', cursive;}
  143.  
  144.  
  145.  
  146.  
  147. /*detalhe*/
  148.  
  149. </style>
  150.  
  151. <body onkeydown="return false">
  152.  
  153.  
  154.  
  155. <!--slinhamento da sidebar-->
  156. <div class="side">
  157.  
  158. <!-- imagem da sidebar-->
  159. <div class="foto"><img src="{image:sidebar}"></div>
  160. <div class="cute"></div>
  161.  
  162. <!-- menu -->
  163. <div style="position:fixed; z-index:999; margin-top:66px; margin-left:40px;">
  164. <select style="font-family:Gabriola; font-size:13px; color:#aaa; text-align:center;border-color:transparent; background:transparent ; width:75px; " onchange="location=this.options[this.selectedIndex].value;">
  165. <option value="">NAVIGATE</option>
  166. <option value="{text:link1}">{text:link1 titulo}</option>
  167. <option value="{text:link2}">{text:link2 titulo}</option>
  168. <option value="{text:link3}">{text:link3 titulo}</option>
  169. <option value="{text:link4}">{text:link4 titulo}</option>
  170.  
  171. </select>
  172. </div>
  173.  
  174.  
  175.  
  176. <div class="navegate"></div>
  177.  
  178.  
  179. <!-- peimeira frase-->
  180. <div class="desc">{description}</div>
  181.  
  182.  
  183.  
  184. </div>
  185. <!--Final da sidebar-->
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197. <!--detalhe-->
  198. <div style="position:fixed;opacity:0.3; margin-top:327px; margin-left:195px;"><img src="https://40.media.tumblr.com/7ee9505c9d26e31d1edce93384f6c053/tumblr_nqmkz3dJvZ1tv4x8ho10_400.png" style="width:157px; height:50px;z-index: 0;"></div>
  199.  
  200.  
  201. <!--barrinha da direita-->
  202. <div class="wr12"></div>
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209. <!--Inicio dos posts-->
  210. <div id="content">
  211. {block:Posts}
  212. <div class="caixa">
  213.  
  214.  
  215.  
  216.  
  217. {block:Text}
  218. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  219. {body}
  220. {/block:Text}
  221.  
  222.  
  223.  
  224. {block:Photo}
  225. {LinkOpenTag}
  226. <div class="imgpost"><img src="{PhotoURL-400}"></div>
  227. {/block:Photo}
  228.  
  229.  
  230.  
  231. {block:Photoset}
  232. <div class="imgpost">{Photoset-250}</div>{LinkCloseTag}
  233. {/block:Photoset}
  234.  
  235.  
  236.  
  237. {block:Quote}
  238. {Quote}<br>
  239. <center><b>{block:Source}{Source}{/block:Source}</b></center>
  240. {/block:Quote}
  241.  
  242.  
  243.  
  244. {block:Chat}
  245. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  246. {block:Lines}
  247. {block:Label}<span>{Label}</span>{/block:Label}
  248. {Line}
  249. {/block:Lines}
  250. {/block:Chat}
  251.  
  252.  
  253.  
  254. {block:Link}
  255. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  256. {block:Description}{Description}{/block:Description}
  257. {/block:Link}
  258.  
  259.  
  260.  
  261. {block:Audio}
  262. {AudioPlayer}
  263. {/block:Audio}
  264.  
  265.  
  266.  
  267. {block:Video}
  268. {block:Indexpage}{Video-250}{/block:IndexPage}
  269. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  270. {block:Caption}{Caption}{/block:Caption}
  271. {/block:Video}
  272.  
  273.  
  274.  
  275. {block:Answer}
  276. <center><div class="floweraskdawa"><font color="#ccc"><b></b></font><font color="pink"><b></b></font></div></center>
  277. <div class="pergunta"> <div style="display:inline-block; font-size:8px; text-transform:uppercase; font-family:calibri; border-radius:00px 100px 100px 100px; background:; width:auto; line-height:15px; height:15px; padding:auto;"><b>{Asker}:</b></div> {Question}</div>
  278. <div class="resposta">{Answer}</div>
  279. {/block:Answer}
  280.  
  281.  
  282.  
  283.  
  284. <!--notes-->
  285. {block:indexpage}
  286. <div class="notes">
  287. <a href="{permalink}">{NoteCount} notes</a> -
  288. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  289. </div>
  290. {/block:indexpage}
  291.  
  292.  
  293.  
  294.  
  295. <!--bloqueio do via e source -->
  296. <div class="vsanna">
  297. {block:RebloggedFrom}
  298. <a href="{ReblogParentURL}">via</a>
  299. {/block:RebloggedFrom}
  300. {block:ContentSource}
  301. <a href="{SourceURL}">source</a>
  302. {/block:ContentSource}
  303. </div>
  304.  
  305.  
  306.  
  307.  
  308.  
  309. </div>
  310. {/block:Posts}
  311. </div>
  312. <!--fim dos posts-->
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324.  
  325.  
  326.  
  327. <!-- script barra de rolagem e caixas do theme-->
  328. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  329. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  330. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  331. <script type="text/javascript">
  332. $(window).load(function () {
  333. $('#content').masonry(),
  334. $('.masonryWrap').infinitescroll({
  335. navSelector : "div#navigation",
  336. nextSelector : "div#navigation a#nextPage",
  337. itemSelector : ".caixa",
  338. bufferPx : 10000,
  339. extraScrollPx: 11000,
  340. loadingImg : "",
  341. loadingText : "<i> </i>",
  342. },
  343. // call masonry as a callback.
  344. function() { $('#content').masonry({ appendedContent: $(this) }); }
  345. );
  346. });
  347. </script>
  348.  
  349. {block:IndexPage}
  350. <div class="column navigation" id="navigation">
  351. {block:Pagination}
  352. {block:PreviousPage}
  353. <a href="{PreviousPage}" class="navigate">
  354. {/block:PreviousPage}
  355. {block:PreviousPage}</a>
  356. {/block:PreviousPage}
  357.  
  358. {block:NextPage}
  359. <a href="{NextPage}" class="navigate" id="nextPage">
  360. {/block:NextPage}
  361. {block:NextPage}</a>{/block:NextPage}
  362. {/block:Pagination}
  363. </div>
  364. {/block:IndexPage}
  365.  
  366. </body>
  367. </html>
  368.  
  369. <!---- CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. -->
  370. <div id="dawacred"><b><div class="dw"></div> Design <a href="http://angeldollls.tumblr.com/" title="Design Angeldollls by 2015. Não copie, plágio é crime! Don't copy!">Angeldollls</b></a> <div class="dw2"></div></a></div>
  371. <!---- CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement