Advertisement
mchthemes

xbh fotos 01

Jun 8th, 2015
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.91 KB | None | 0 0
  1. <!------------------------------------------
  2. theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿ theme feito por xbicthh ✿
  3. ------------------------------------------->
  4.  
  5. <html>  
  6. <head>
  7.  
  8. <meta name="color:background" content="#fff" />
  9. <meta name="color:link" content="#000" />
  10. <meta name="color:link hover" content="#000" />
  11. <meta name="color:linkt hover" content="#1E90FF" />
  12. <meta name="color:text" content="#000" />
  13. <meta name="color:scrollbar" content="#87CEFA" />
  14. <meta name="color:post" content="#fff" />
  15. <meta name="color:fundo ask" content="#dcdcdc" />
  16. <meta name="color:borda" content="#00CED1" />
  17.  
  18. <meta name="image:background" content="" />
  19. <meta name="image:banner" content="http://static.tumblr.com/21e081a812c25c6417ef2a069d3944d0/ocvzrxw/RAEnpnimb/tumblr_static_b7ipf1amszwow4kc8wckowcko.png" />
  20.  
  21. <meta name="text:Link1" content="/" />
  22. <meta name="text:Link1 Title" content="atualiza" />
  23. <meta name="text:Link2" content="/" />
  24. <meta name="text:Link2 Title" content="mensagem" />
  25. <meta name="text:Link3" content="/" />
  26. <meta name="text:Link3 Title" content="tags" />
  27. <meta name="text:Link4" content="/" />
  28. <meta name="text:Link4 Title" content="blogroll" />
  29. <meta name="text:Link5" content="/" />
  30. <meta name="text:Link5 Title" content="submit" />
  31.  
  32. <meta name="text:frase" content="em cada foto reside uma história...">
  33. <meta name="text:frase2" content="segunda frase bem bacaninha">
  34.  
  35.  
  36. <title>{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}
  40. <meta name="description"content="{MetaDescription}"/>
  41. {/block:Description}
  42.  
  43. <style type="text/css">
  44.  
  45. body { margin:0; font-family:'Tahoma'; font-size:12px; line-height:150%;  color:{color:text}; background-color:{color:background};background-image: url('{image:background}');text-align:justify;background-repeat: no-repeat;    background-attachment:fixed;background-size:100% 100%; }
  46. a {text-decoration:none; color: {color:link}; -webkit-transition:all.70s ease-out; -moz-transition:all.70s ease-out; transition:all.70s ease-out;}
  47. a:hover {text-decoration:none; color:{color:linkt hover};}
  48.  
  49. body, a, a:hover {cursor: url('https://36.media.tumblr.com/649c000edb2f0b30a6b3f462d580ffbc/tumblr_inline_nlwxpbVf3W1rk7sh2_500.png'), default!important;}
  50.  
  51. ::-webkit-scrollbar-thumb:vertical{background-color:{color:scrollbar};height:12px;width:13px;}
  52. ::-webkit-scrollbar{height:14px;width:12px;background-color:{color:background}} p {margin:6px 0 0 0;}
  53. ul {list-style-type:circle;}
  54. blockquote {padding-left:10px; margin-left:0px; border-left:1px dotted {color:linkt hover};}
  55.  
  56. #content {width:1100px; padding:9px; margin-left:150px;margin-top:280px;}
  57. .posts {{block:IndexPage} margin:2px; padding:8px; float:left; width:250px;  background:{color:posts};{/block:IndexPage}  {block:PermalinkPage}  margin-left:40px; width:250px;padding:12px;  {/block:PermalinkPage};;border: 0px solid {color:link};border-radius:0px;background:{color:post};}
  58.  
  59.  img {-webkit-transition-duration: .90s ease-out;opacity:1;}
  60. img:hover {opacity:3;}
  61. .photoset {max-width: 400px; margin-bottom: 2px;-webkit-transition-duration: .90s ease-out;opacity:1;}
  62. .photoset:hover {grayscale:25%;}
  63.  
  64. .h4 {font-size:14px; line-height:15px; text-align:left; color:{color:text}; font-family:Tahoma;}
  65. .h4 a {color:{color:link};font-size:17px; line-height:15px; text-align:left; font-family:Tahoma;}
  66. .h4 a:hover {color:{color:linkt hover}}
  67.  
  68. .pquote{font-size:12px; font-family:Tahoma; line-height:18px; margin-top:-1px;text-align:justify;font-weight:; font-style:;letter-spacing:0;font-style:normal; color: {color:text};border-bottom: 0px solid {color:text};text-transform:}
  69. .pquotesource {font-family:'Tahoma';font-size:13px;text-align:left;padding:0px;margin-top:3px;font-style:;letter-spacing:0; background:#;color: {color:text}}
  70.  
  71. .pergunta {font-size:12px;font-family:'tahoma';text-align:justify;width:250px;background: {color:fundo ask}; ;padding: 3px;line-height:20px;color: {color:text};background:;border-radius:0px;border-bottom:1px solid {color:#000};}
  72. .answer {padding:2px;font-size:12px;font-family:'tahoma';color: {color:text};background: #;text-align:justify;}
  73.  
  74. .posts .qts {position: absolute;bottom:20px;text-align:center;font-family:Helvetica;font-size:10px;width:auto;height:12px;letter-spacing:1px;text-transform:uppercase;opacity:0;padding: 7px 7px 12px 7px;background:#dcdcdc;{block:indexpage}-webkit-transition: 0.9s;-moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.6s;margin-left:70px;-webkit-transition-duration: .50s;-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-weight:bold;}
  75. .posts:hover .qts{opacity:0.7;-webkit-transition: 0.9s;-moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s; font-weight:bold;{/block:indexpage}}
  76.  
  77. #infscr-loading {bottom:-70px; position:absolute; left:50%; margin-left:-8px; width:16px; height:20px; overflow:hidden; margin-bottom:50px;}
  78. #info {width:500px; margin:5px auto;}
  79. .postnotes {display:block; margin-bottom:3px;}
  80. #mais {width:500px; margin:2px auto;}
  81.  
  82. .player {background:{color:fundo links};text-align:left}
  83. .chat {line-height: 13px; list-style: none }
  84. .chat ul {line-height: 13px; list-style: none; padding: 1px; line-height:14px;}
  85. .person1 {color: {color:text}; padding: 2px; background: #;border-bottom: 1px dotted {color:fundo links}}
  86. .person1 .label {font-weight: bold;  color:{color:text}}
  87. .person2 {color: {color:text}; padding: 2px;  }
  88. .person2 .label {font-weight: bold;  color:{color:text}}
  89. ol.notes {padding:0px; margin:0px; list-style-type:none; border-bottom: solid 0px }
  90. ol.notes li.note {border-top:solid 0px ; padding:5px;}
  91. ol.notes li.note img.avatar {vertical-align:-4px; margin-right:10px; width:17px; height:17px;}
  92. ol.notes li.note span.action {font-weight:normal;}
  93. ol.notes li.note .answer_content {font-weight:normal;}
  94. ol.notes li.note blockquote {padding-left:10px; margin:5px 0px 5px 15px; border-left:2px solid }
  95. ol.notes li.note blockquote a {text-decoration:none;}
  96. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  97.  
  98. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  99.  
  100. .side {position:absolute; margin-top:-250px; margin-left:445px; width:190px; height:300px; transition-duration:.4s;}
  101.  
  102. .side img {width:400px; height:191px;}
  103.  
  104. .side:hover {-webkit-filter: grayscale(0.0) blur(0px);-webkit-transition-duration: .90s;}
  105.  
  106. .descri1 {transition-duration:.4s; position:absolute; margin-top:5px; margin-left:30px; width:350px; text-align:center; font-family:Cambria; font-size:13px; color:#000; font-style:italic;border-top:2px dotted {color:borda}}
  107.  
  108. .descri2 {transition-duration:.4s; position:fixed; margin-top:5px; margin-left:30px; width:350px; text-align:center; font-family:Cambria; font-size:13px; color:#000; font-style:italic;border-top:2px dotted {color:borda}; opacity:0;}
  109.  
  110. .linkss {transition-duration:.4s; position:fixed; top:155px;left:447px; width:400px; text-align:center; opacity:0;}
  111.  
  112. .linkss a {font-family:Cambria; font-size:13px; text-transform:lowercase; color:{color:linkss}; font-style:italic;}
  113. .linkss a:hover {color:{color:link hover}; transition-duration:1.2s;text-decoration:line-through;}
  114.  
  115. .side:hover .descri1 {transition-duration:1.90s; margin-top:-900px; opacity:0;}
  116. .side:hover .descri2 {transition-duration:1.90s; margin-top:30px; opacity:1;}
  117.  
  118. .side:hover .linkss {transition-duration:1.0s; margin-top:70px; opacity:1;}
  119.  
  120. </style>
  121.  
  122. <body oncontextmenu="return false" onkeydown="return false">
  123.  
  124. <div class="side"><img src={image:banner}>
  125. <div class="descri1">{text:frase}</div>
  126. <div class="descri2">{text:frase2}</div>
  127.  
  128. <div class="linkss">
  129. <a href="{text:Link1}">{text:Link1 Title}</a>  
  130. <a href="{text:Link2}">{text:Link2 Title}</a>  
  131. <a href="{text:Link3}">{text:Link3 Title}</a>
  132. <a href="{text:Link4}">{text:Link4 Title}</a>
  133. <a href="{text:Link5}">{text:Link5 Title}</a>
  134. <a href="http://xbitchh.tumblr.com/" target="blank" title="feito por xbitchh">✱ theme ✱</a>
  135. </div>
  136. </div>
  137.  
  138. {block:IndexPage}
  139.  
  140. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  141. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  142. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  143. <script type="text/javascript">
  144. $(window).load(function(){
  145. var $wall = $('#content');
  146. $wall.imagesLoaded(function(){
  147. $wall.masonry({
  148. itemSelector: '.posts',
  149. isAnimated : true
  150. });
  151. });
  152. $wall.infinitescroll({
  153. navSelector : "div#navigation",
  154. nextSelector : "div#navigation a#nextPage",
  155. itemSelector : '.posts',
  156. loadingImg : "http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif",
  157. loadingText : " ",
  158. donetext : " ",
  159. extraScrollPx : 9000,
  160. bufferPx : 10000,
  161. debug : false,
  162. errorCallback: function() {
  163. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  164. }},
  165. function( newElements ) {
  166. var $newElems = $( newElements );
  167. $newElems.hide();
  168. $newElems.imagesLoaded(function(){
  169. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  170. });
  171. }); $('#content').show(500);
  172. });
  173. </script>
  174. {/block:IndexPage}
  175. </head>
  176. <body>
  177. <div id="content">
  178. {block:Posts}
  179. {block:Text}
  180. <div class="posts">
  181. {block:Title}<div class="h4">{Title}</div>{/block:Title}
  182. {Body}<br>
  183. {block:IndexPage}
  184. <div class="qts"><a href="{reblogurl}" target="_blank">reblog </a> / <a href="{permalink}">{notecount}</a>
  185. </div>
  186. {/block:IndexPage}</div>
  187. {/block:Text}
  188. {block:Photo}
  189. <div class="posts">
  190. {block:IndexPage}<center><a href="{Permalink}"><img src="{PhotoURL-250}" width="250"></a></center>{/block:IndexPage}
  191. {block:PermalinkPage}
  192. <center><img src="{PhotoURL-250}" width="250">
  193. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  194. {block:IndexPage}
  195. <div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount}</a></div>
  196. {/block:IndexPage}</div>
  197. {/block:Photo}
  198. {block:Photoset}
  199. <div class="posts">
  200. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  201. {block:PermalinkPage}
  202. <center>{Photoset-250}</center>
  203. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  204. {block:IndexPage}
  205. <div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount}</a></div>
  206. {/block:IndexPage}</div>
  207. {/block:Photoset}
  208. {block:Quote}
  209. <div class="posts">
  210. <div class="pquote">{Quote}</div> {block:Source}<div class="pquotesource"><b>— {Source}</b></div>{/block:Source}
  211. {block:IndexPage}
  212. <div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount}</a></div>
  213. {/block:IndexPage}</div>
  214. {/block:Quote}
  215. {block:Link}
  216. <div class="posts">
  217. <div class="h4"><a href="{URL}">{Name}</a></div>
  218. {block:Description}{Description}{/block:Description}
  219. {block:IndexPage}
  220. <div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount}</a>
  221. </div>{/block:IndexPage}</div>
  222. {/block:Link}
  223. {block:Audio}
  224. <div class="posts">
  225. <div class="player"><center>{AudioPlayerBlack}</center></div>
  226. {block:Caption}{Caption}{/block:Caption}
  227. {block:IndexPage}
  228. <div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount}</a></div>
  229. {/block:IndexPage}</div>
  230. {/block:Audio}
  231. {block:Chat}<div class="posts">
  232. <div class="chat"><ul>{block:Lines}
  233. <li class="person{UserNumber}">{block:Label}
  234. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}
  235. <div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount}</a></div>
  236. {/block:IndexPage}</div>
  237. {/block:Chat}
  238. {block:Video}
  239. <div class="posts">
  240. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  241. {block:PermalinkPage}
  242. <center>{Video-250}</center>
  243. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  244. {block:IndexPage}
  245. <div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount}</a></div>
  246. {/block:IndexPage}</div>
  247. {/block:Video}
  248. {block:Answer}
  249. <div class="posts">
  250. <div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount}</a>
  251. </center></div>
  252. <div class="pergunta"> ✱✱✱ <b>{Asker}</b> disse:&nbsp;</font> {Question}</font></div>
  253. <div class="answer">{Answer}</div>
  254. {block:IndexPage}{/block:IndexPage}</div>
  255. {/block:Answer}
  256. {block:PermalinkPage}
  257. <div id="info" class="postnotes">
  258. {block:Date}<div class="postnotes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Posted {TimeAgo} with {NoteCountWithLabel}</div>{/block:Date}
  259. {block:RebloggedFrom}</div>{/block:RebloggedFrom}
  260. </div>{/block:PermalinkPage}
  261. {/block:Posts}
  262. {block:IndexPage}
  263. <div class="column navigation" id="navigation">
  264. {block:Pagination}
  265. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  266. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  267. </div>
  268. {/block:IndexPage}
  269. {block:IndexPage}
  270. {/block:IndexPage}
  271. </div>
  272. </div>
  273. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank">Via</a>{/block:RebloggedFrom}
  274. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  275. </div>
  276. </div>
  277.  
  278. </body>
  279. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement