Advertisement
Donadwafia

Theme 28

Jun 2nd, 2015
45
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.70 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. <link rel="shortcut icon" href="{favicon}"> <title>{title}</title>
  21.  
  22.  
  23.  
  24.  
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="text:simbolo dos notes" 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. <meta name="text:link1" content=" " />
  40. <meta name="text:link1 titulo" content=" " />
  41. <meta name="text:link2" content=" " />
  42. <meta name="text:link2 titulo" content=" " />
  43. <meta name="text:link3" content=" " />
  44. <meta name="text:link3 titulo" content=" " />
  45. <meta name="text:link4" content=" " />
  46. <meta name="text:link4 titulo" content=" " />
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  56. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  57. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65. </head>
  66.  
  67. <style type="text/css" media="screen">
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74. body {color:{color:text}; background-color:{color:background}; font-family:Tahoma; font-size:12px; text-align:justify;}
  75.  
  76.  
  77.  
  78. a:link, a:active, a:visited{color:{color:links}; text-decoration:none;}
  79. a:hover{color:{color:linkshover};}
  80.  
  81.  
  82.  
  83. blockquote {padding:10px;}
  84.  
  85.  
  86.  
  87. ::-webkit-scrollbar {height:5px; width:5px; background:{color:background};}
  88. ::-webkit-scrollbar-thumb:vertical {background:{color:barra de rolagem};}
  89. ::-webkit-scrollbar-thumb:horizontal {background:{color:barra de rolagem};}
  90.  
  91.  
  92.  
  93. #content {width:650px; margin-left:450px; margin-top:10px;}
  94.  
  95.  
  96.  
  97. .caixa {position:relative; float:left; display:inline-block; width:250px; padding:3px; margin-left:10px;}
  98. .caixa img{max-width:250px;}
  99. .imaagem img{width:250px;}
  100. .vsanna{display:none;}
  101.  
  102. .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;}
  103. .notes a{color:{color:links};}.notes a:hover{color:{color:links hover};}
  104. .simb{display:inline-block; font-size:10px; color:pink; transform:rotate(-1deg);}
  105. .caixa:hover .notes {opacity:1; margin-left:0px; letter-spacing:0; text-indent:2px; transition:.8s;}
  106.  
  107.  
  108.  
  109. titulo {font-size:12px;text-align:justify;}
  110.  
  111.  
  112.  
  113. /* QUOTE cerejadosundae */
  114. .quote:first-letter{font-family: georgia; font-style:italic; font-size: 20px;}
  115. .quote {margin: 0; padding: 5px; font: normal 15px 'Pinyon Script'; text-align: justify;}
  116. .source {font-size:9px; text-transform:uppercase; font-style:none; text-decoration:none; text-align:center; font-weight:bold;}
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124. /* Ask por warvada. Não use como base. Não retire os creditos. */
  125. .pergunta{margin-top:0px; width:100%; height:auto; line-height:13px; padding:1px; text-align:left; font-size:10px;
  126. border-top:1px solid pink; /*cor da borda de cima da pergunta*/
  127. border-bottom:1px solid #ddd; /*cor da borda de baixo da pergunta*/}
  128. .pergunta a{color:white; /*cor da url de quem perguntou*/}
  129.  
  130. .resposta{margin-top:1px; width:100%; height:auto; padding:3px; font-size:10px; text-align:left;
  131. border-bottom:1px dashed #eee; /*cor da borda da resposta*/}
  132. /* Ask por warvada. Não use como base. Não retire os creditos. */
  133.  
  134.  
  135.  
  136.  
  137. .side{position:fixed; margin-top:130px; margin-left:210px; width:170px; height:250px;}
  138.  
  139.  
  140.  
  141.  
  142. .sideimg img{width:170px; height:200; margin-top:0px; margin-left:0px;}
  143.  
  144.  
  145.  
  146. .desc{position:fixed; margin-left:0px; margin-top:2px; width:150px; text-align:center; font-size:9px; height:12px; line-height:10px; transition:.80s; opacity:0;}
  147. .side:hover .desc{margin-left:-5px; opacity:1; transition:.80s;}
  148.  
  149.  
  150.  
  151. .menu{position:fixed; margin-top:-120px; margin-left:45px; width:70px; text-align:center; transition:.80s; opacity:0; border: 1px solid #DCDCDC;}
  152. .menu a{display: inline-block;margin:2px;text-align:center;font-family:cambria;font-size:8.8px;width:65px;height:13px;color:#fff;text-shadow: 0 1px 0 #fff;-webkit-transition: 0.4s ease-in;-moz-transition: 0.4s ease-in; transition: 0.4s ease-in;background:rgba(255,255,255,.5) ; color:#000;}
  153. .menu a:hover{ color:#fff; text-shadow:0px 0px 1px ;font-family:style; width:55px;background:#696969 }
  154.  
  155. .side:hover .menu{ transition:.80s; opacity:1; }
  156. .side:hover .menu a{ transform:rotatex(0deg); transition:.80s; }
  157.  
  158. .borda{position:fixed; margin-top:3px; margin-left:-4px; width:60px; height:60px; border-top:2px solid #DCDCDC;transition:.80s; opacity:1;}
  159. .borda2{position:fixed; margin-top:-229px; margin-left:30px; width:146px; height:60px; border-right:2px solid #DCDCDC;}
  160. .borda3{position:fixed; margin-top:-232px; margin-left:118px; width:60px; height:60px; border-top:2px solid #DCDCDC;}
  161. .borda4{position:fixed; margin-top:-55px; margin-left:-6px; width:146px; height:60px; border-left:2px solid #DCDCDC;}
  162. .side:hover .borda {transition:.80s; opacity:0;}
  163. .side:hover .borda2 {transition:.80s; opacity:0; }
  164. .side:hover .borda3 { transition:.80s;opacity:0;}
  165. .side:hover .borda4 { transition:.80s;opacity:0; }
  166.  
  167. .borda5{position:fixed; margin-top:-30px; margin-left:47px; width:25px; height:60px; border-top:2px solid #dcdcdc;transition:.80s;opacity:0;}
  168.  
  169. .borda6{position:fixed; margin-top:-30px; margin-left:90px; width:25px; height:60px; border-top:2px solid #dcdcdc;opacity:0; }
  170.  
  171.  
  172. .borda7{position:fixed; margin-top:-128px; margin-left:47px; width:25px; height:60px; border-top:2px solid #dcdcdc;transition:.80s; opacity:0; }
  173.  
  174. .borda8{position:fixed; margin-top:-128px; margin-left:90px; width:25px; height:60px; border-top:2px solid #dcdcdc;opacity:0; }
  175. .side:hover .borda5 {transition:.80s; opacity:1;}
  176. .side:hover .borda6 {transition:.80s; opacity:1; }
  177. .side:hover .borda7 { transition:.80s;opacity:1;}
  178. .side:hover .borda8 { transition:.80s;opacity:1; }
  179.  
  180.  
  181. .luh3{position:fixed; margin-top:-45px; margin-left:76px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg);opacity:0; }
  182. .luh3 img {;height:30px;}
  183. .side:hover .luh3 { opacity:1; transition:.80s;webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg); }
  184.  
  185. .luh2{position:fixed; margin-top:-135px; margin-left:76px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg); opacity:0;}
  186. .luh2 img {;height:30px;}
  187. .side:hover .luh2 { opacity:1; transition:.80s;webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg); }
  188.  
  189.  
  190. .cred {font-size:11px;font-family:cambria;
  191. width:auto;height:10px; text-align:center;
  192. line-height:16px;margin-top:530px;
  193. position:fixed;left:1150px;line-height:15%;}
  194. .cred a {color:#000;text-indent:5px;
  195. padding:2px;border-bottom:1px dashed #ccc;
  196. width:60px;BACKGROUND:#fff;height:1px;}
  197.  
  198.  
  199. .luh{position:fixed; margin-top:-1px; margin-left:163px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg); opacity:0;}
  200. .luh img {;height:30px;}
  201. .side:hover .luh { opacity:1; transition:.80s;webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg); }
  202.  
  203. .luh1{position:fixed; margin-top:-1px; margin-left:150px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg);opacity:0; }
  204. .luh1 img {;height:30px;}
  205. .side:hover .luh1 { opacity:1; transition:.80s;webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;rotate(0deg) ;-webkit-transform:rotate(360deg); }
  206.  
  207.  
  208. </style>
  209.  
  210. <body onkeydown="return false">
  211.  
  212.  
  213.  
  214.  
  215.  
  216.  
  217.  
  218. <div class="side">
  219.  
  220.  
  221. <div class="sideimg"><img src="{image:sidebar}"></div>
  222.  
  223. <div class="desc">{text:frase}</div>
  224. <div class="borda"></div><div class="borda2"></div><div class="borda3"></div><div class="borda4"></div><div class="borda5"></div><div class="borda6"></div><div class="borda7"></div><div class="borda8"></div>
  225.  
  226. <div class="luh"><font color= #FF0000> ❥</font></div>
  227. <div class="luh1"><font color= #FF0000> ❥</font></div>
  228. <div class="luh2"><font color= #FF0000> ✿ </font></div>
  229. <div class="luh3"><font color= #FF0000> ✿ </font></div>
  230.  
  231. <div class="menu">
  232. <a href="{text:link1}">{text:link1 titulo}</a>
  233. <a href="{text:link2}">{text:link2 titulo}</a>
  234. <a href="{text:link3}">{text:link3 titulo}</a>
  235. <a href="{text:link4}">{text:link4 titulo}</a>
  236. </div>
  237.  
  238. <!–Barrinha feita por Warvada. Nem adianta tirar pq eu sei que e minha –>
  239. <div style="position:fixed; top:-1px; left:420px;"><img src="http://goo.gl/jxDaxR"></div>
  240. <!–Barrinha feita por Warvada. Nem adianta tirar pq eu sei que e minha –>
  241. <div style="position:fixed; top:-1px; left:1000px;"><img src="http://goo.gl/jxDaxR"></div>
  242. </div>
  243.  
  244.  
  245.  
  246. <div class="cred">
  247. <a href="http://fckdolls.tumblr.com"> fckdolls <font color= #FF0000> ✿ </font> </a>
  248. </div></div>
  249.  
  250.  
  251.  
  252. <div id="content">
  253. {block:Posts}
  254. <div class="caixa">
  255.  
  256.  
  257.  
  258.  
  259. {block:Text}
  260. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  261. {body}
  262. {/block:Text}
  263.  
  264.  
  265.  
  266. {block:Photo}
  267. {LinkOpenTag}
  268. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  269. {/block:Photo}
  270.  
  271.  
  272.  
  273. {block:Photoset}
  274. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  275. {/block:Photoset}
  276.  
  277.  
  278.  
  279. {block:Quote}
  280. <div class="quote">{Quote}</div>
  281. {block:Source}<div class="source"> {Source}</div>
  282. {/block:Source}
  283. {/block:Quote}
  284.  
  285.  
  286.  
  287. {block:Chat}
  288. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  289. {block:Lines}
  290. <div class="chat">
  291. <div class="lines">{block:Label}
  292. <span>{Label}</span>
  293. {/block:Label}
  294. {Line}</div></div>
  295. {/block:Lines}
  296. {/block:Chat}
  297.  
  298.  
  299.  
  300. {block:Link}
  301. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  302. {block:Description}{Description}{/block:Description}
  303. {/block:Link}
  304.  
  305.  
  306.  
  307. {block:Audio}
  308. {AudioPlayer}
  309. {/block:Audio}
  310.  
  311.  
  312.  
  313. {block:Video}
  314. {block:Indexpage}{Video-250}{/block:IndexPage}
  315. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  316. {block:Caption}{Caption}{/block:Caption}
  317. {/block:Video}
  318.  
  319.  
  320.  
  321. {block:Answer}
  322. <div class="pergunta">
  323. <div style="display:inline-block; padding:0 3px 0 3px; font-family:calibri; font-size:8px; text-transform:uppercase; height:13px; line-height:13px; outline:1px dotted #fff; outline-offset:-2px; text-shadow:1px 1px 0 #707070;
  324. background:pink;
  325. color:white; ">{Asker}</div> {Question}</div>
  326.  
  327. <div class="resposta">{Answer}</div>
  328. {/block:Answer}
  329.  
  330.  
  331.  
  332.  
  333.  
  334. {block:indexpage}
  335. <div class="notes">
  336. <div class="simb">{text:simbolo dos notes}</div>
  337. <a href="{permalink}">{NoteCount} notes</a> .
  338. <a href="{ReblogURL}" target="_blank">Reblog</a>
  339. </div>
  340. {/block:indexpage}
  341.  
  342.  
  343.  
  344.  
  345.  
  346. <div class="vsanna">
  347. {block:RebloggedFrom}
  348. <a href="{ReblogParentURL}">via</a>
  349. {/block:RebloggedFrom}
  350. {block:ContentSource}
  351. <a href="{SourceURL}">source</a>
  352. {/block:ContentSource}
  353. </div>
  354.  
  355.  
  356.  
  357.  
  358.  
  359. </div>
  360. {/block:Posts}
  361. </div>
  362.  
  363.  
  364.  
  365.  
  366.  
  367. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  368. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  369. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  370. <script type="text/javascript">
  371. $(window).load(function () {
  372. $('#content').masonry(),
  373. $('.masonryWrap').infinitescroll({
  374. navSelector : "div#navigation",
  375. nextSelector : "div#navigation a#nextPage",
  376. itemSelector : ".caixa",
  377. bufferPx : 10000,
  378. extraScrollPx: 11000,
  379. loadingImg : "",
  380. loadingText : "<i> </i>",
  381. },
  382. // call masonry as a callback.
  383. function() { $('#content').masonry({ appendedContent: $(this) }); }
  384. );
  385. });
  386. </script>
  387.  
  388.  
  389.  
  390.  
  391. {block:IndexPage}
  392. <div class="column navigation" id="navigation">
  393.  
  394. {block:Pagination}
  395. {block:PreviousPage}
  396. <a href="{PreviousPage}" class="navigate">
  397. {/block:PreviousPage}
  398. {block:PreviousPage}</a>{/block:PreviousPage}
  399.  
  400. {block:NextPage}
  401. <a href="{NextPage}" class="navigate" id="nextPage">
  402. {/block:NextPage}
  403. {block:NextPage}</a>{/block:NextPage}
  404. {/block:Pagination}
  405.  
  406. </div>
  407. {/block:IndexPage}
  408.  
  409. </body>
  410. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement