matterddl

theme 05

Apr 18th, 2015
232
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.78 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"><html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <!---------------------------------------------------------------------------
  4.  
  5. Base do theme + detalhes por warvada
  6.  
  7. Modificado e adaptado por modelgucci
  8.  
  9. ----------------------------------------------------------------------------->
  10.  
  11. <head profile="http://gmpg.org/xfn/11">
  12.  
  13.  
  14.  
  15.  
  16. <link rel="shortcut icon" href="{favicon}">
  17.  
  18.  
  19. <!-- Efeito do titulo na aba do navegador -->
  20. <script type="text/javascript">
  21. var rev = "fwd";function titlebar(val)
  22. {var msg = "{title}";
  23. var res = " ";
  24. var speed = 120;var pos = val;msg = "{title}";var le = msg.length;if(rev == "fwd"){if(pos < le){pos = pos+1;scroll = msg.substr(0,pos);document.title = scroll;timer = window.setTimeout("titlebar("+pos+")",speed);}
  25. else{rev = "bwd";
  26. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  27. else{
  28. if(pos > 0){
  29. pos = pos-1;var ale = le-pos;scrol = msg.substr(ale,le);document.title = scrol;timer = window.setTimeout("titlebar("+pos+")",speed);}
  30. else{rev = "fwd";timer = window.setTimeout("titlebar("+pos+")",speed);}}}
  31. titlebar(0);
  32. </script>
  33.  
  34.  
  35.  
  36.  
  37.  
  38. <!-- Appearance -->
  39. <!-- imagens-->
  40. <meta name="image:sidebar" content=""/>
  41.  
  42. <!-- cores-->
  43. <meta name="color:background" content="#fff"/>
  44. <meta name="color:text" content="#000"/>
  45. <meta name="color:links" content="#222"/>
  46. <meta name="color:links hover" content="#000"/>
  47. <meta name="color:menu link" content="#222" />
  48. <meta name="color:menu hover" content="#eee"/>
  49. <meta name="color:menu link hover" content="#fff" />
  50.  
  51. <!-- links e textos-->
  52. <meta name="text:frase hover" content="" />
  53. <meta name="text:link1" content=" " />
  54. <meta name="text:link1 titulo" content=" " />
  55. <meta name="text:link2" content=" " />
  56. <meta name="text:link2 titulo" content=" " />
  57. <meta name="text:link3" content=" " />
  58. <meta name="text:link3 titulo" content=" " />
  59. <meta name="text:link4" content=" " />
  60. <meta name="text:link4 titulo" content=" " />
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68. <!--barra de rolagem e grade do theme: nao tire -->
  69. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  70. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  71. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78. </head>
  79.  
  80. <style type="text/css" media="screen">
  81.  
  82.  
  83. /*definições geral (cor do fundo, fonte, tamanho, alinhamento e etc*/
  84. body {background:{color:background}; color:{color:text}; font-family:'corbel'; font-size:11px; text-align:left;}
  85.  
  86.  
  87. /*links (geral)*/
  88. a {color:{color:links}; text-decoration:none;}
  89. a:hover {color:{color:linkshover};}
  90.  
  91.  
  92. /*blockquote dos posts*/
  93. blockquote {margin:10px; background:#fbfbfb; border:1px solid #ddd;}
  94.  
  95.  
  96.  
  97. /*alinhamento dos posts*/
  98. #content {width:650px; margin-left:400px; margin-top:10px;}
  99.  
  100.  
  101. /*caixas dos posts*/
  102. .caixa {position:absolute; background:{color:background}; width:250px; margin:3px;}
  103. .caixa img{max-width:250px;}.imaagem img{width:250px;}.vsanna{display:none;}
  104.  
  105.  
  106.  
  107. /*Notes por warvada. Não use sem permissão*/
  108. .caixa .notes {margin-top:0px; margin-left:-5px; width:240px; height:13px; line-height:14px; text-align:right; color:{color:links}; font-size:10px; font-family:calibri; text-transform:lowercase; opacity:0; transition-duration:.8s; transform:rotatex(180deg);}
  109. .notes a{color:{color:links};}
  110. .notes a:hover{color:{color:links hover};}
  111. .caixa:hover .notes {opacity:1; margin-left:0px; transition-duration:.8s; transform:rotatey(0deg);}
  112.  
  113.  
  114. /*titulo dos posts*/
  115. titulo {font-size:12px;text-align:justify;}
  116.  
  117.  
  118.  
  119.  
  120. /* Ask por Warvada. Não retire os créditos. */
  121. .pergunta{margin-top:0px; width:244px; height:auto; padding:2px; font-family:'Corbel'; font-size:10px; text-align:left; text-transform:lowercase; border-radius:6px; line-height:13px;
  122. background:#eee; /*fundo da pergunta*/
  123. color:#000; /*cor da pergunta*/
  124. border-bottom:1px dashed #fff; /*cor da boda da pergunta*/}
  125. .pergunta a{font-weight:bold;
  126. color:#000; /*cor da url de quem fez a pergunta*/}
  127.  
  128. .ask-heart{display:inline-block; font-size:11px; font-family:corbel; transform:rotate(1deg);
  129. color:#aaa; /*cor do coração*/
  130. }
  131.  
  132. .resposta{margin-top:-2px; width:244px; height:auto; padding:2px; font-family:'Corbel'; font-size:10px;
  133. border-bottom:1px dashed #eee; /*cor da borda da resposta*/}
  134. /* Ask por Warvada. Não retire os créditos. */
  135.  
  136.  
  137.  
  138. /*Sidebar (alinhamento)*/
  139. .side{position:fixed; margin-top:55px; margin-left:210px; width:170px; height:250px;}
  140.  
  141. /*imagem da sidebar*/
  142. .sideimg img{width:160px; height:190px; margin-top:0px; margin-left:0px;}
  143. .side:hover .sideimg {opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;-moz-transition:All 1s ease; -o-transition:All 1s ease; -webkit-filter: grayscale(0.0) blur(1px);-webkit-transition:All 1s ease;}
  144.  
  145. /*frase */
  146. .desc1{position:fixed; margin-left:0.4px; margin-top:-1px; width:160px; text-align:center; font-size:10.2px; height:12px; line-height:10px;transition:.80s;}
  147. .side:hover .desc1{margin-left:-5px; opacity:0; transition:.80s;}
  148.  
  149. .desc2{position:fixed; margin-left:-5px; margin-top:-1px; width:160px; text-align:center; font-size:10.3px; height:12px; line-height:10px; opacity:0; transition:.80s;}
  150. .side:hover .desc2{margin-left:-5px; opacity:1; transition:.80s;}
  151.  
  152. /* menu por html-party*/
  153. .camx{width:250px;position:fixed;
  154. margin-top:-75px; margin-left:4px;}
  155. .camx a {-webkit-transition: all 1s ease-out;
  156. -moz-transition: all 1s ease-out;
  157. display:block;
  158. font-family:calibri;font-size:11px;
  159. width:35px;height:15px;
  160. background-color:#fff;color:#696969;
  161. margin-right:1px;margin-top:2px;overflow:hidden;}
  162. .camx a:hover {font-size:11px;width:65px;
  163. box-shadow: inset 70px 0px pink; color:#fff;}
  164. /* menu por html-party*/
  165.  
  166.  
  167. .flores1{position:fixed; margin-left:-70px; margin-top:-1px; width:160px; text-align:center; font-size:11px; color: #aaa; height:12px; line-height:10px; opacity:0; transition:.80s;}
  168. .side:hover .flores1{margin-left:74px; opacity:1; transition:.80s;}
  169.  
  170.  
  171.  
  172.  
  173. /*Barrinha por Warvada*/
  174. .wr3{position:fixed; top:-10px; left:387px; width:13px; height:800px; background:pink repeat;}
  175. .wr3b{position:fixed; margin-top:-100px; margin-left:13px; width:2px; height:800px;
  176. border-right:2px dotted #aaa; /*borda reta*/
  177. border-left:1px solid #;} /*borda pontilhada*/
  178. /*Barrinha por Warvada*/
  179.  
  180. /*Barrinha por Warvada*/
  181. .wr4{position:fixed; top:-10px; left:927px; width:13px; height:800px; background:pink repeat;}
  182. .wr4b{position:fixed; margin-top:-100px; margin-left:-6px; width:2px; height:800px;
  183. border-right:2px dotted #aaa; /*borda reta*/
  184. border-left:1px solid #;} /*borda pontilhada*/
  185. /*Barrinha por Warvada*/
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195. </style>
  196.  
  197. <body onkeydown="return false">
  198. <div class="wr3"><div class="wr3b"></div></div>
  199. <div class="wr4"><div class="wr4b"></div></div>
  200.  
  201.  
  202.  
  203.  
  204.  
  205.  
  206. <!--inicio da sidebar -->
  207. <div class="side">
  208.  
  209.  
  210. <div class="sideimg"><img src="{image:sidebar}"></div>
  211.  
  212. <div class="flores1">✿</div>
  213.  
  214.  
  215. <div class="desc1">{description}</div>
  216. <div class="desc2">{text:frase hover}</div>
  217.  
  218. <div class="camx">
  219. <a href="{text:link1}">{text:link1 titulo}</a>
  220. <a href="{text:link2}">{text:link2 titulo}</a>
  221. <a href="{text:link3}">{text:link3 titulo}</a>
  222. <a href="{text:link4}">{text:link4 titulo}</a>
  223. </div>
  224.  
  225.  
  226. </div>
  227. <!--fim da sidebar-->
  228.  
  229.  
  230.  
  231.  
  232.  
  233. <!--inicio dos posts-->
  234. <div id="content">
  235. {block:Posts}
  236. <div class="caixa">
  237.  
  238.  
  239.  
  240.  
  241. {block:Text}
  242. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  243. {body}
  244. {/block:Text}
  245.  
  246.  
  247.  
  248. {block:Photo}
  249. {LinkOpenTag}
  250. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  251. {/block:Photo}
  252.  
  253.  
  254.  
  255. {block:Photoset}
  256. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  257. {/block:Photoset}
  258.  
  259.  
  260.  
  261. {block:Quote}
  262. {Quote} <br>
  263. {block:Source}{Source}{/block:Source}
  264. {/block:Quote}
  265.  
  266.  
  267.  
  268. {block:Chat}
  269. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  270. {block:Lines}
  271. <div class="chat">
  272. <div class="lines">{block:Label}
  273. <span>{Label}</span>
  274. {/block:Label}
  275. {Line}</div></div>
  276. {/block:Lines}
  277. {/block:Chat}
  278.  
  279.  
  280.  
  281. {block:Link}
  282. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  283. {block:Description}{Description}{/block:Description}
  284. {/block:Link}
  285.  
  286.  
  287.  
  288. {block:Audio}
  289. {AudioPlayer}
  290. {/block:Audio}
  291.  
  292.  
  293.  
  294. {block:Video}
  295. {block:Indexpage}{Video-250}{/block:IndexPage}
  296. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  297. {block:Caption}{Caption}{/block:Caption}
  298. {/block:Video}
  299.  
  300.  
  301.  
  302. {block:Answer}
  303. <div class="pergunta">
  304. <div class="ask-heart">❥ </div>
  305. {Asker}: {Question}</div>
  306.  
  307. <div class="resposta">{Answer}</div>
  308. {/block:Answer}
  309.  
  310.  
  311.  
  312.  
  313. <!--notes-->
  314. {block:indexpage}
  315. <div class="notes">
  316. <a href="{permalink}">{NoteCount} notes</a> •
  317. <a href="{ReblogURL}" target="_blank">Reblog</a>
  318. </div>
  319. {/block:indexpage}
  320.  
  321.  
  322.  
  323.  
  324. <!--bloqueio do via e source -->
  325. <div class="vsanna">
  326. {block:RebloggedFrom}
  327. <a href="{ReblogParentURL}">via</a>
  328. {/block:RebloggedFrom}
  329. {block:ContentSource}
  330. <a href="{SourceURL}">source</a>
  331. {/block:ContentSource}
  332. </div>
  333.  
  334.  
  335.  
  336.  
  337.  
  338. </div>
  339. {/block:Posts}
  340. </div>
  341. <!--fim dos posts-->
  342.  
  343.  
  344.  
  345. <!-- script barra de rolagem e grade (duas ou mais colunas): NÃO RETIRE!-->
  346. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  347. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  348. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  349. <script type="text/javascript">
  350. $(window).load(function () {
  351. $('#content').masonry(),
  352. $('.masonryWrap').infinitescroll({
  353. navSelector : "div#navigation",
  354. nextSelector : "div#navigation a#nextPage",
  355. itemSelector : ".caixa",
  356. bufferPx : 10000,
  357. extraScrollPx: 11000,
  358. loadingImg : "",
  359. loadingText : "<i> </i>",
  360. },
  361. // call masonry as a callback.
  362. function() { $('#content').masonry({ appendedContent: $(this) }); }
  363. );
  364. });
  365. </script>
  366.  
  367. {block:IndexPage}
  368. <div class="column navigation" id="navigation">
  369.  
  370. {block:Pagination}
  371. {block:PreviousPage}
  372. <a href="{PreviousPage}" class="navigate">
  373. {/block:PreviousPage}
  374. {block:PreviousPage}</a>
  375. {/block:PreviousPage}
  376.  
  377. {block:NextPage}
  378. <a href="{NextPage}" class="navigate" id="nextPage">
  379. {/block:NextPage}
  380. {block:NextPage}</a>{/block:NextPage}
  381. {/block:Pagination}
  382.  
  383. </div>
  384. {/block:IndexPage}
  385.  
  386.  
  387. </body>
  388.  
  389. <div style="font-size:9px;
  390. font-family:Century Gothic;position:fixed;bottom:30px;right:40px;border-bottom:2px solid #eee; color:#eee; ">
  391. <a href="http://modelgucci.tumblr.com/" target="_blank" title="Do not copy or be inspired!"><font color=#000> design modelgucci <font color= pink></font> </font></div>
  392.  
  393.  
  394.  
  395.  
  396. </html>
Add Comment
Please, Sign In to add comment