Advertisement
familiaboss

Theme da dcorpett

Mar 22nd, 2015
232
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.68 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. NÃO PLAGIA, PORRA. SE EU PEGAR TU SE FODE.
  5.  
  6. BASE POR WARVADA + MODIFICAÇÕES SARRAMADAME
  7. DESIGN GRAFICO/CSS POR SARRAMADAME!
  8. ----------------------------------------------------------------------------->
  9.  
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head profile="http://gmpg.org/xfn/11">
  14.  
  15. <link rel="shortcut icon" href="{favicon}"> <title>{title}</title>
  16.  
  17.  
  18. <meta name="image:sidebar" content="http://static.tumblr.com/62aadac5025337ccd3957136057ed623/8nnqzg0/ZCWnlj6ag/tumblr_static_cewpclqepzc4cg0c4woo8gock.jpg" />
  19.  
  20. <meta name="color:background" content="#fff" />
  21. <meta name="color:links" content="#000" />
  22. <meta name="color:hover" content="" />
  23. <meta name="color:others" content="" />
  24. <meta name="text:Frase" content="powerful, glamor queen" />
  25. <meta name="text:frase1" content="like cause, cause she knows " />
  26.  
  27. <meta name="text:Link1" content="/" />
  28. <meta name="text:Link1 Title" content="princess dress" />
  29. <meta name="text:Link2" content="/" />
  30. <meta name="text:Link2 Title" content="bosswear the bitch " />
  31. <meta name="text:Link3" content="/" />
  32. <meta name="text:Link3 Title" content="my pure glamor" />
  33. <meta name="text:Link4" content="/" />
  34. <meta name="text:Link4 Title" content="html glamour, bitch" />
  35.  
  36. <meta name="if:three col" content=""/>
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  38. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  39. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  40. <script type="text/javascript" src="http://static.tumblr.com/rqnurfn/tdWnl0kaa/htmldothm.css"></script>
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47. </head>
  48.  
  49. <style type="text/css" media="screen">
  50.  
  51. body {color:{color:links}; background-color:{color:background}; font-family:calibri; font-size:10px; text-align:justify;}
  52.  
  53.  
  54. a:link, a:active, a:visited{color:{color:links}; text-decoration:none;}
  55. a:hover{color:{color:hover};}
  56.  
  57.  
  58. blockquote {margin: 0px; padding-left: 0px; }
  59.  
  60. ::-webkit-scrollbar {height:5px; width:5px; background:#fff;}
  61. ::-webkit-scrollbar-thumb:vertical {background:#h1;}
  62. ::-webkit-scrollbar-thumb:horizontal {background:#bebebe;}
  63.  
  64.  
  65. #content {width:500px; margin-left:400px; margin-top:15px;{block:Ifthreecol}width:760px;{/block:Ifthreecol} }
  66.  
  67. .caixa {background:{color:background}; width:230px; padding:5px; {block:PermalinkPage} padding:0px;width:600px;{/block:PermalinkPage};;padding:8px;}
  68. .caixa img{max-width:230px; {block:PermalinkPage}width:400px; {/block:PermalinkPage};}.imaagem img{width:230px; {block:PermalinkPage}width:400px; {/block:PermalinkPage};}.vsanna{display: none;}
  69. .caixa img:hover {-webkit-filter: grayscale(40%)}
  70.  
  71. .caixa .notes {margin-top:0px; margin-left:-20px; width:230px; padding-top:3px; text-align:right; font-family:Consolas; font-size:9px; text-transform:uppercase; opacity:0; transition-duration:.4s;}.notes a{color:{color:links};}
  72. .notes a:hover{text-shadow:0px 0px 1px #bebebe; color:#bebebe;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.8s ease-out}
  73. .caixa:hover .notes {transform:rotateX(360deg);margin-top:0px;opacity:1;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.8s ease-out}
  74.  
  75.  
  76. h1 {font-family: calibri;text-align:center;color:{color:links};line-height:18px; font-size: 11px;{block:PermalinkPage}padding:0px; {/block:PermalinkPage};padding:0px;font-weight: normal;}
  77.  
  78. .quote {text-align:justify; padding-bottom:5px;}
  79. .source {font-size:9px; text-transform:uppercase; font-style:none; text-decoration:none; text-align:; font-weight:bold;}
  80.  
  81. /* Ask por Warvada. Não retire os créditos. */
  82. .pergunta{margin-top:-7px; width:244px; height:auto; padding:2px; font-family:'Corbel'; font-size:10px; text-align:left; text-transform:lowercase;
  83. border-top:1px solid #ddd;
  84. border-bottom:1px solid #ddd;}
  85. .pergunta a{font-weight:bold;}
  86.  
  87. .simb1{display:inline-block; font-size:9px; font-family:cambria;
  88. color:BLACK;}
  89. .simb2{display:inline-block; font-size:10px; font-family:cambria;
  90. color:#bebebe;}
  91. .simb3{display:inline-block; font-size:9px; font-family:cambria;
  92. color:BLACK;}
  93.  
  94.  
  95. .resposta{margin-top:-2px; width:244px; height:auto; padding:2px; font-family:'Corbel'; font-size:10px; border-bottom:1px dashed #eee;}
  96. /* Ask por Warvada. Não retire os créditos. */
  97.  
  98.  
  99.  
  100. #sidebar {position:fixed; margin-top:50px; margin-left:200px; width:250px; height:200px;z-index:9;}
  101.  
  102. .descri2 {opacity:10;font-family:coRBEL;font-size:11px; color:#000; margin-left:0px; text-align:center; width:140px; margin-top:-13px; background-color:#;padding:1px;font-style:italic;;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.8s ease-out;z-index:9;position:fixed;color:#000;height:12px;}
  103. #sidebar:hover .descri2 { margin-left:-20px;opacity:0;margin-top:-13px;}
  104.  
  105. #lovs {height:auto; margin-top:0px; margin-left:-5px; position:fixed;}
  106. #lovs img { width:140px; height:170px;; padding:3px;}
  107. #sidebar:hover #lovs {-webkit-filter: grayscale(40%)}
  108.  
  109. #descri {opacity:0;font-family:coRBEL;font-size:10px; color:#000;margin-left:0px; text-align:center; width:100px; margin-top:173px; background-color:#;padding:1px;font-style:italic;;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.8s ease-out;height:11px;}
  110. #sidebar:hover #descri {width:110px;opacity:10;transform:rotateX(0deg);margin-top:px;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.8s ease-out;;}
  111.  
  112.  
  113. #life {;margin-top:-15px; margin-left:-10px;position:fixed;opacity:0;-webkit-transition-duration: 0.5s; -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;;font-size:13px;border-bottom:1px solid #;width:145px;Height:14px;text-align:right;line-height:15px;}
  114. #life ll {color:#bebebe}
  115. #sidebar:hover #life {opacity:0.9;}
  116. /*LINKS POR TREPAREMOS*/
  117. #link { margin-top:-75px;margin-left:80px; font: 9px corbel;opacity:0;text-align:right;color:#fff;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;width:50px;position: fixed; border-right:2px solid #fff; padding-right:4px;transition:.80s;}
  118.  
  119. #link a {position:relative; display: inline-block;float: right; font: 9px calibri; height: 13px;line-height: 13px; width: 80px; color:#fff; opacity:;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out;padding:1px;}
  120. #link a:hover{text-shadow:0px 0px 1px; color:#fff; background-color:rgba(225,225,225,0.3);color:#bebebe;}
  121. #sidebar:hover #link {opacity:1;margin-right:10px;-webkit-transition-duration: .99s;transition:.80s;}
  122.  
  123. i {color:#000}
  124. </style>
  125.  
  126.  
  127. <body onkeydown="return false">
  128. <div id="sidebar">
  129.  
  130. <div id="lovs"><img src="{image:sidebar}"></div>
  131. <div id="descri"> {text:Frase} </div>
  132. <div class="descri2">{text:frase1}</div>
  133.  
  134. <div id="life">x<ll> <i>x</i></ll> x</div><div id="link"><a href="{text:link1}">{text:link1 title}</a> <a href="{text:link2}">{text:link2 title} </a> <a href="{text:link3}">{text:link3 title}</a> <a href="{text:link4}">{text:link4 title}</a>
  135.  
  136. </div>
  137. </div>
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145. <div id="content">
  146. {block:Posts}
  147. <div class="caixa">
  148.  
  149.  
  150.  
  151.  
  152. {block:Text}
  153. {block:Title}<h1>{Title}</h1>{/block:Title}
  154. {body}
  155. {/block:Text}
  156.  
  157.  
  158.  
  159. {block:Photo}
  160. {LinkOpenTag}
  161. <div class="imaagem"><img src="{PhotoURL-250}" width="230" {block:PermalinkPage}width="400"{/block:PermalinkPage};></div>
  162. {/block:Photo}
  163.  
  164.  
  165.  
  166. {block:Photoset}
  167. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  168. {/block:Photoset}
  169.  
  170.  
  171.  
  172. {block:Quote}
  173. <div class="quote">"{Quote}"</div>
  174. {block:Source}<div class="source"> {Source}</div>
  175. {/block:Source}
  176. {/block:Quote}
  177.  
  178.  
  179.  
  180. {block:Chat}
  181. {block:Title}<h1>{Title}</h1>{/block:Title}
  182. {block:Lines}
  183. <div class="chat">
  184. <div class="lines">{block:Label}
  185. <span>{Label}</span>
  186. {/block:Label}
  187. {Line}</div></div>
  188. {/block:Lines}
  189. {/block:Chat}
  190.  
  191.  
  192.  
  193. {block:Link}
  194. <a href="{URL}" target="{Target}"><h1>{Title}</h1></a>
  195. {block:Description}{Description}{/block:Description}
  196. {/block:Link}
  197.  
  198.  
  199.  
  200. {block:Audio}
  201. {AudioPlayer}
  202. {/block:Audio}
  203.  
  204.  
  205.  
  206. {block:Video}
  207. {block:Indexpage}{Video-250}{/block:IndexPage}
  208. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  209. {block:Caption}{Caption}{/block:Caption}
  210. {/block:Video}
  211.  
  212.  
  213.  
  214. {block:Answer}<center>
  215. <div class="simb1">x</div>
  216. <div class="simb2">X</div>
  217. <div class="simb3">x</div>
  218. </center>
  219.  
  220. <div class="pergunta">{Asker}: {Question}</div>
  221.  
  222. <div class="resposta">{Answer}</div>
  223.  
  224. {/block:Answer}
  225.  
  226.  
  227.  
  228.  
  229.  
  230. {block:indexpage}
  231. <div class="notes">
  232. <a href="{ReblogURL}" target="_blank">Reblog</a> |
  233. <a href="{permalink}">{NoteCount} notes</a>
  234. </div>
  235. {/block:indexpage}
  236.  
  237.  
  238.  
  239.  
  240.  
  241. <div class="vsanna">
  242. {block:RebloggedFrom}
  243. <a href="{ReblogParentURL}">via</a>
  244. {/block:RebloggedFrom}
  245. {block:ContentSource}
  246. <a href="{SourceURL}">source</a>
  247. {/block:ContentSource}
  248. </div>
  249.  
  250.  
  251.  
  252.  
  253.  
  254. </div>
  255. {/block:Posts}
  256. </div>
  257.  
  258.  
  259.  
  260.  
  261.  
  262. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  263. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  264. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  265. <script type="text/javascript">
  266. $(window).load(function () {
  267. $('#content').masonry(),
  268. $('.masonryWrap').infinitescroll({
  269. navSelector : "div#navigation",
  270. nextSelector : "div#navigation a#nextPage",
  271. itemSelector : ".caixa",
  272. bufferPx : 10000,
  273. extraScrollPx: 11000,
  274. loadingImg : "",
  275. loadingText : "<i> </i>",
  276. },
  277. // call masonry as a callback.
  278. function() { $('#content').masonry({ appendedContent: $(this) }); }
  279. );
  280. });
  281. </script>
  282.  
  283.  
  284.  
  285.  
  286. {block:IndexPage}
  287. <div class="column navigation" id="navigation">
  288.  
  289. {block:Pagination}
  290. {block:PreviousPage}
  291. <a href="{PreviousPage}" class="navigate">
  292. {/block:PreviousPage}
  293. {block:PreviousPage}</a>{/block:PreviousPage}
  294.  
  295. {block:NextPage}
  296. <a href="{NextPage}" class="navigate" id="nextPage">
  297. {/block:NextPage}
  298. {block:NextPage}</a>{/block:NextPage}
  299. {/block:Pagination}
  300.  
  301. </div>
  302. {/block:IndexPage}
  303.  
  304.  
  305.  
  306.  
  307. </body>
  308. </html>
  309.  
  310.  
  311. <a href="http://SARRAMADAME.tumblr.com/" style="font-size:9px;
  312. font-family:Century Gothic;position:fixed;bottom:80px;left:40px;border-bottom:2px solid #; color:#eee;color:#949494 ">EXCLUSIVO </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement