Advertisement
Donadwafia

Theme 13 atualizado

Jun 11th, 2015
261
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">
  2.  
  3.  
  4.  
  5.  
  6. <!------------------------------------------------
  7. NÃO PLAGIA, PORRA. SE EU PEGAR TU SE FODE.
  8.  
  9. BASE POR WARVADA, MODIFICADO E ADAPTADO POR fckdolls
  10. ------------------------------------------------>
  11.  
  12.  
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15. <head profile="http://gmpg.org/xfn/11">
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <link rel="shortcut icon" href="{favicon}"> <title>{title}</title>
  22.  
  23.  
  24.  
  25. <meta name="text:simbolo dos notes" content="❥" />
  26. <meta name="image:sidebar" content=""/>
  27.  
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:text" content="#222"/>
  30. <meta name="color:links" content="#222"/>
  31. <meta name="color:links hover" content="#000"/>
  32. <meta name="color:barra de rolagem" content="#222"/>
  33. <meta name="color:menu link" content="#222" />
  34. <meta name="color:menu hover" content="#eee"/>
  35. <meta name="color:menu link hover" content="#000" />
  36.  
  37. <meta name="text:frase" content= "" />
  38.  
  39.  
  40. <meta name="text:link1" content=" " />
  41. <meta name="text:link2" content=" " />
  42. <meta name="text:link3" content=" " />
  43. <meta name="text:link4" content=" " />
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  51. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  52. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60. </head>
  61.  
  62. <style type="text/css" media="screen">
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69. body {color:{color:text}; background-color:{color:background}; font-family:Tahoma; font-size:12px; text-align:justify;}
  70.  
  71.  
  72.  
  73. a:link, a:active, a:visited{color:{color:links}; text-decoration:none;}
  74. a:hover{color:{color:linkshover};}
  75.  
  76.  
  77.  
  78. blockquote {padding:10px;}
  79.  
  80.  
  81.  
  82. ::-webkit-scrollbar {height:5px; width:5px; background:{color:background};}
  83. ::-webkit-scrollbar-thumb:vertical {background:{color:barra de rolagem};}
  84. ::-webkit-scrollbar-thumb:horizontal {background:{color:barra de rolagem};}
  85.  
  86.  
  87.  
  88. #content {width:650px; margin-left:450px; margin-top:10px;}
  89.  
  90.  
  91.  
  92.  
  93. .caixa {position:relative; float:left; display:inline-block; width:250px; padding:3px; margin-left:10px;}
  94. .caixa img{max-width:250px;}
  95. .imaagem img{width:250px;}
  96. .vsanna{display:none;}
  97.  
  98. .caixa .notes {margin-top:0px; margin-left:0px; width:250px; height:13px; line-height:17px; text-align:left; text-indent:15px; color:{color:links}; font-size:8px; font-family:'Calibri'; text-transform:uppercase; opacity:0; transition:.8s; letter-spacing:2px;}
  99. .notes a{color:{color:links};}.notes a:hover{color:{color:links hover};}
  100. .simb{display:inline-block; font-size:10px; color: pink; transform:rotate(-1deg);}
  101. .caixa:hover .notes {opacity:1; margin-left:0px; letter-spacing:0; text-indent:2px; transition:.8s;}
  102.  
  103. titulo {font-size:12px; text-align:justify;}
  104.  
  105. blockquote {margin:5px; background:#fbfbfb; border:1px solid #ddd;}
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112. /* Ask por warvada. Não use como base. Não retire os créditos. */
  113. .perguntou{margin-top:0px; width:100%; height:auto; line-height:13px; padding:3px; font-family:comic sans ms; text-align:right; text-transform:lowercase; font-size:11px; text-shadow:1px 1px 0 #ddd;}
  114.  
  115. .pergunta{margin-top:-7px; width:100%; height:auto; line-height:13px; padding:3px; text-align:left; font-size:10px;
  116. border:1px dashed #ddd; /*borda da caixa da pergunta*/}
  117.  
  118. .resposta{margin-top:1px; width:100%; height:auto; padding:3px; font-size:10px; text-align:left;
  119. border-bottom:1px dashed #eee; /*borda da caixa da resposta*/}
  120. /* Ask por warvada. Não use como base. Não retire os créditos. */
  121.  
  122.  
  123.  
  124.  
  125. .side{position:fixed; margin-top:130px; margin-left:170px; width:170px; height:220px;}
  126.  
  127.  
  128.  
  129.  
  130. .sideimg img{width:170px; height:200; margin-top:0px; margin-left:0px;border: 3px double #ddd; background:#eee;padding:3px;}
  131.  
  132.  
  133.  
  134. .desc{position:fixed; margin-left:0px; margin-top:2px; width:150px; text-align:center; font-size:9px; height:12px; line-height:10px; transition:.80s;}
  135. .side:hover .desc{margin-left:-5px; opacity:0; transition:.80s;}
  136.  
  137.  
  138. /*Menu por Warvada*/
  139. .wvd_links{margin-bottom:5px; z-index:9;margin-top:-30px; margin-left:10px;opacity:0;}
  140. .wvd_links a{display:inline-block; padding:3px; width:16px; height:13px; overflow:hidden; font-family:'Consolas'; font-size:12px; outline:1px dotted white; outline-offset:-2px; margin-bottom:2px; transition:1s; box-shadow:inset 0 0 0 pink; background:#ddd; text-align:center; }
  141. .wvd_links a:hover{height:90px; transition:1s; margin-top:-150px;box-shadow:inset 0 100px 0 pink; color:#fff; }
  142. .wvd_links a:first-letter{color:white;}
  143. .wvd_links a:hover:first-letter{color:black;}
  144. .side:hover .wvd_links {opacity:1; transition:.80s;}
  145. /*Menu por warvada*/
  146.  
  147. .cred {font-size:11px;font-family:cambria;
  148. width:auto;height:10px; text-align:center;
  149. line-height:16px;margin-top:530px;
  150. position:fixed;left:1150px;line-height:15%;}
  151. .cred a {color:#000;text-indent:5px;
  152. padding:2px;border-bottom:1px dashed #ccc;
  153. width:60px;BACKGROUND:#fff;height:1px;}
  154.  
  155.  
  156.  
  157. .luh{position:fixed; margin-top:0px; margin-left:163px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg); }
  158. .luh img {;height:30px;}
  159. .side:hover .luh { opacity:0; transition:.80s;webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg); }
  160.  
  161. .luh1{position:fixed; margin-top:0px; margin-left:150px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg); }
  162. .luh1 img {;height:30px;}
  163. .side:hover .luh1 { opacity:0; transition:.80s;webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg); }
  164.  
  165.  
  166. /*Barrinha por Warvada, Modificada por lttldoll*/
  167. .wr3{position:fixed; top:-10px; left:428px; width:13px; height:800px; background:url(http://static.tumblr.com/m4ri6gz/OMSnoia8i/uahuahu.png) repeat;-webkit-transform: perspective(250px) rotate(-45deg); -o-transform: perspective(175px) rotate(50deg); transform: perspective(150px) rotate(-360deg) }
  168. .wr3b{position:fixed; margin-top:0px; margin-left:15px; width:2px; height:800px; -webkit-transform: perspective(250px) rotate(-45deg); -o-transform: perspective(175px) rotate(50deg); transform: perspective(150px) rotate(-360deg);
  169. border-right:2px dotted #555; /*borda reta*/
  170. border-left:1px solid #555;} /*borda pontilhada*/
  171. .wr32{position:fixed; top:-10px; left:1000px; width:13px; height:800px; background:url(http://static.tumblr.com/m4ri6gz/OMSnoia8i/uahuahu.png) repeat;-webkit-transform: perspective(250px) rotate(-45deg); -o-transform: perspective(175px) rotate(50deg); transform: perspective(150px) rotate(-180deg) }
  172. .wr3b2{position:fixed; margin-top:0px; margin-left:15px; width:2px; height:800px; -webkit-transform: perspective(250px) rotate(-45deg); -o-transform: perspective(175px) rotate(50deg); transform: perspective(150px) rotate(-360deg);
  173. border-right:2px dotted #555; /*borda reta*/
  174. border-left:1px solid #555;} /*borda pontilhada*/
  175. /*Barrinha por Warvada, Modificada por lttldoll*/
  176.  
  177.  
  178. </style>
  179.  
  180. <body onkeydown="return false">
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188. <div class="side">
  189.  
  190.  
  191. <div class="sideimg"><img src="{image:sidebar}"></div>
  192.  
  193. <div class="desc">{text:frase}</div>
  194.  
  195.  
  196. <div class="luh"><font color= #ddd> ❥</font></div>
  197. <div class="luh1"><font color= #ddd> ❥</font></div>
  198.  
  199. <div class="wvd_links">
  200. <a href="{text:link1}">D l i n k</a>
  201. <a href="{text:link2}">I l i n k k</a>
  202. <a href="{text:link3}">O l i n k </a>
  203. <a href="{text:link4}">R l i n k</a>
  204. </div>
  205. </div>
  206.  
  207. <div class="wr3"><div class="wr3b"></div></div>
  208. <div class="wr32"><div class="wr3b2"></div></div>
  209.  
  210.  
  211. </div>
  212.  
  213.  
  214. <div class="cred">
  215. <a href="http://fckdolls.tumblr.com"> fckdolls <font color= pink> ✿ </font> </a>
  216. </div></div>
  217.  
  218.  
  219.  
  220.  
  221. <div id="content">
  222. {block:Posts}
  223. <div class="caixa">
  224.  
  225.  
  226.  
  227.  
  228. {block:Text}
  229. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  230. {body}
  231. {/block:Text}
  232.  
  233.  
  234.  
  235. {block:Photo}
  236. {LinkOpenTag}
  237. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  238. {/block:Photo}
  239.  
  240.  
  241.  
  242. {block:Photoset}
  243. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  244. {/block:Photoset}
  245.  
  246.  
  247.  
  248. {block:Quote}
  249. <div class="quote">{Quote}</div>
  250. {block:Source}<div class="source"> {Source}</div>
  251. {/block:Source}
  252. {/block:Quote}
  253.  
  254.  
  255.  
  256. {block:Chat}
  257. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  258. {block:Lines}
  259. <div class="chat">
  260. <div class="lines">{block:Label}
  261. <span>{Label}</span>
  262. {/block:Label}
  263. {Line}</div></div>
  264. {/block:Lines}
  265. {/block:Chat}
  266.  
  267.  
  268.  
  269. {block:Link}
  270. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  271. {block:Description}{Description}{/block:Description}
  272. {/block:Link}
  273.  
  274.  
  275.  
  276. {block:Audio}
  277. {AudioPlayer}
  278. {/block:Audio}
  279.  
  280.  
  281.  
  282. {block:Video}
  283. {block:Indexpage}{Video-250}{/block:IndexPage}
  284. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  285. {block:Caption}{Caption}{/block:Caption}
  286. {/block:Video}
  287.  
  288.  
  289.  
  290. {block:Answer}
  291. <div class="perguntou">
  292. <font color="pink"><big><big>●●</big></big></font> {Asker} <font color="pink"><big><big>●●</big></big></font></div>
  293.  
  294. <div class="pergunta">{Question}</div>
  295.  
  296. <div class="resposta">{Answer}</div>
  297.  
  298. {/block:Answer}
  299.  
  300.  
  301.  
  302.  
  303.  
  304. {block:indexpage}
  305. <div class="notes">
  306. <div class="simb">{text:simbolo dos notes}</div>
  307. <a href="{permalink}">{NoteCount} notes</a> .
  308. <a href="{ReblogURL}" target="_blank">Reblog</a>
  309. </div>
  310. {/block:indexpage}
  311.  
  312.  
  313.  
  314.  
  315.  
  316. <div class="vsanna">
  317. {block:RebloggedFrom}
  318. <a href="{ReblogParentURL}">via</a>
  319. {/block:RebloggedFrom}
  320. {block:ContentSource}
  321. <a href="{SourceURL}">source</a>
  322. {/block:ContentSource}
  323. </div>
  324.  
  325.  
  326.  
  327.  
  328. </div>
  329. {/block:Posts}
  330. </div>
  331.  
  332.  
  333.  
  334.  
  335.  
  336. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  337. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  338. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  339. <script type="text/javascript">
  340. $(window).load(function () {
  341. $('#content').masonry(),
  342. $('.masonryWrap').infinitescroll({
  343. navSelector : "div#navigation",
  344. nextSelector : "div#navigation a#nextPage",
  345. itemSelector : ".caixa",
  346. bufferPx : 10000,
  347. extraScrollPx: 11000,
  348. loadingImg : "",
  349. loadingText : "<i> </i>",
  350. },
  351. // call masonry as a callback.
  352. function() { $('#content').masonry({ appendedContent: $(this) }); }
  353. );
  354. });
  355. </script>
  356.  
  357.  
  358.  
  359.  
  360. {block:IndexPage}
  361. <div class="column navigation" id="navigation">
  362.  
  363. {block:Pagination}
  364. {block:PreviousPage}
  365. <a href="{PreviousPage}" class="navigate">
  366. {/block:PreviousPage}
  367. {block:PreviousPage}</a>{/block:PreviousPage}
  368.  
  369. {block:NextPage}
  370. <a href="{NextPage}" class="navigate" id="nextPage">
  371. {/block:NextPage}
  372. {block:NextPage}</a>{/block:NextPage}
  373. {/block:Pagination}
  374.  
  375. </div>
  376. {/block:IndexPage}
  377.  
  378.  
  379.  
  380. </body>
  381. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement