API tools faq
paste
babirdgs

Theme Fifty One

babirdgs
May 17th, 2015
308
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.10 KB | None | 0 0
raw download clone embed print report
  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"> <head profile="http://gmpg.org/xfn/11">
  2.  
  3.  
  4. <!-- DEFECTSS'S THEMES, MOTHERFUCKERS COPY -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <head>
  9.  
  10.  
  11. {block:IfNotAlwaysShowDescription}
  12. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  13. <script src="toggle.js" type="text/javascript"></script>
  14. <script type="text/javascript">
  15. $(document).ready(function(){
  16. $(".info").hide();
  17. $(".title").click(function(){
  18. $('.info').slideToggle(300);
  19. return true;
  20. });
  21. });
  22. </script>{/block:IfNotAlwaysShowDescription}
  23. <!-- DEFAULT VARIABLES -->
  24. <meta name="color:background" content="#ffffff" />
  25. <meta name="color:text" content="#3d3d3d" />
  26. <meta name="color:caixa da ask" content="#f1f1f1" />
  27. <meta name="color:entry" content="#FFFFFF" />
  28. <meta name="color:barra" content="#dadada" />
  29. <meta name="color:frase" content="#dadada" />
  30. <meta name="color:ask linha" content="#ffffff" />
  31. <meta name="color:bolinhas" content="#ffffff" />
  32. <meta name="color:simbolo" content="#dadada" />
  33. <meta name="color:linkx" content="#FFFFFF" />
  34. <meta name="color:link" content="#000000" />
  35. <meta name="image:sidebar" content="https://40.media.tumblr.com/914a55711c3b7a3b3b608cee84e4fb47/tumblr_n9agc3jcUr1thqlgzo6_250.jpg"/>
  36. <meta name="image:background" content=""/>
  37. <meta name="text:texto da foto" content="bad girls, good lips" />
  38. <meta name="text:frase" content="linda, louca e mimada" />
  39. <meta name="text:frase hover" content="frase hover" />
  40. <meta name="text:Link1" content="" />
  41. <meta name="text:Link1 Title" content="" />
  42. <meta name="text:Link2" content="" />
  43. <meta name="text:Link2 Title" content="" />
  44. <meta name="text:Link3" content="" />
  45. <meta name="text:Link3 Title" content="" />
  46. <meta name="text:Link4" content="" />
  47. <meta name="text:Link4 Title" content="" />
  48. <meta name="text:Link5" content="" />
  49. <meta name="text:Link5 Title" content="" />
  50. <title>{Title}</title>
  51. <link rel="shortcut icon" href="{Favicon}">
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  53. {block:Description}
  54. <meta name="description" content="{MetaDescription}" />
  55. {/block:Description}
  56.  
  57. {block:IfEnableEndlessScrolling}
  58. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  59. {/block:IfEnableEndlessScrolling}
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  65. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  66.  
  67. {PostSummary} - {/block:PostSummary}{Title}</title>
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72.  
  73. iframe#tumblr_controls{
  74. top: 1px !important;
  75. margin: 0 0 0 0;
  76. right: 6px !important;
  77. position: fixed !important;
  78. z-index:52;
  79. }
  80.  
  81. body {
  82. margin:0px;
  83. background-color: {color:Background};
  84. background-image:url({image:Background});
  85. background-attachment: fixed;
  86. background-repeat: no-repeat;
  87. {block:IfRepeatBackgroundImage}
  88. background-repeat: repeat;
  89. {/block:IfRepeatBackgroundImage}
  90.  
  91. font-size:11px;
  92. font-family: Trebuchet MS;
  93. line-height:12px;
  94. color:{color:Text};
  95. {block:IfItalicFont}font-style:italic;{/block:IfItalicFont}
  96. }
  97.  
  98. a:link, a:active, a:visited{
  99. color: {color:Link};
  100. z-index:52;
  101. text-decoration: none;
  102. -moz-transition: all 0.3s;
  103. -webkit-transition: all 0.3s;
  104. -o-transition: all 0.3s;
  105. transition: all 0.3;
  106.  
  107. }
  108.  
  109. a:hover {
  110. color:{color:Hover};
  111. -moz-transition: all 0.3s;
  112. -webkit-transition: all 0.3s;
  113. -o-transition: all 0.3s;
  114. transition: all 0.3;
  115. }
  116.  
  117. ::-webkit-scrollbar-thumb:vertical {
  118. background-color:{color:background};
  119. height:100px;
  120. }
  121. ::-webkit-scrollbar-thumb:horizontal {
  122. background-color:{color:background};
  123. height:10px;
  124. }
  125. ::-webkit-scrollbar {
  126. height:10px;
  127. width:4px;
  128. background-color:{color:background};
  129.  
  130. }
  131.  
  132. padding:0 0 0 5px;}
  133.  
  134.  
  135.  
  136. #sidebar {position: fixed; margin-top:10px;}
  137.  
  138. #side {position: fixed; width:220px; margin-left:250px;}
  139.  
  140. #slideShowContainer{ float: left; margin-top:120px; margin-left:300px;position: fixed; overflow: hidden; width: 150px; height: 205px; z-index: 80; }
  141.  
  142. #slideShowContainer img { ;margin-top: 4px; margin-left:4px; width:150px; height:205px; z-index: 1; position:fixed; box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.60) }
  143.  
  144. #slideShowContainer img:hover {opacity: 1.0; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.60) color: {color:sombra}; }
  145.  
  146. #slideShowContainer:hover #links {margin-top: 134px; -webkit-transition: 1s ease-in; -moz-transition: 0.5s ease-in; transition: 0.5s ease-in; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.60) color: {color:sombra}; }
  147.  
  148. #links {width: 100px; float: left; margin-left:28px; margin-top:250px; padding: 0px; text-align: center; position: absolute; padding: 0px; z-index: 999; background-color: transparent; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in; display:block; border: 1px dashed {color:linkx}; height:63px;}
  149.  
  150. #links a { float: left; margin-left: 0px; display: block; letter-spacing: 0px; font-family: Century Gothic; font-size: 9px; text-align: center; width: 100px; background-color: transparent; color:{color:linkx}; text-decoration: none; line-height: 11px; height: 11px; overflow: hidden; margin-top: 0px; margin-bottom: 1px; display:block; text-transform:uppercase;text-shadow:#000000 1px 2px 1px; }
  151.  
  152. #links a:hover{text-align: center; font-style:bold; color:#ffffff; display:block; font-weight: bold}
  153.  
  154. #slideShowContainer:hover #descr {margin-top: 113px; -webkit-transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; transition: 0.5s ease-in; margin-left:-3px;}
  155.  
  156. #descr {text-align: center; margin-top:240px; font-family:consolas; font-size: 13px; color: ; letter-spacing: 0px; text-transform: none; position:fixed; background-color:transparent; width:160px; height: 32px; padding: 2px; margin-left:7px; position:fixed; z-index:51; color:{color:linkx}; line-height: 11px; overflow: hidden; -webkit-transition: 0.3s ease-in; -moz-transition:0.3s ease-in; transition: 0.3s ease-in; text-shadow:#000000 1px 2px 1px;}
  157.  
  158. #descr a:hover{text-align: center; background-color: {color:background}; color:#000000; -webkit-transition: 1s ease-in; -moz-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  159.  
  160. #symbol {width: 50px; float: left; margin-left:422px; margin-top:335px; padding: 0px; text-align: center; position: fixed; padding: 0px; z-index: 999; color: {color:simbolo}; font-size:12px; }
  161.  
  162. #ballsbi {width: 50px; float: left; margin-left:472px; margin-top:-10px; padding: 0px; text-align: center; position: fixed; padding: 0px; z-index: 999; color: {color:bolinhas}; font-size:5px; }
  163.  
  164. #crd{font-size:9px; font-family: gabriola; pposition:fixed; bottom:40px; right:10px; line-height:4px; text-align:left; z-index:100; line-height: 10px;}
  165.  
  166. #crdt {text-align:justify; margin-top:0px; margin-bottom:2px; font-family: gabriola; margin-right:4px; font-size: 12px; color:{color:text}; text-transform: none; padding:1px;line-height: 13px; z-index:20; position:fixed; bottom:10px; right:10px; line-height:4px; text-align:left; opacity:0.6;}
  167.  
  168. #barra {width:1px; height: 880px; margin-left:494px; margin-top:-20px; position:fixed; background-color:{color:barra}; z-index: 999; }
  169.  
  170. #barra2 {width:1px; height: 880px; margin-left:500px; margin-top:-20px; position:fixed; background-color:{color:barra}; z-index: 999; }
  171.  
  172. #barrex {width:5px; height: 880px; margin-left:495px; margin-top:-20px; position:fixed; background-color:{color:barra}; z-index: 999; opacity:0.8; }
  173.  
  174. #pontilhado {width:5px; height: 882px; margin-left:503px; margin-top:-22px; position:fixed; background-color:{color:background}; z-index: 999; opacity:0.8;border-left:1px dashed {color:barra}; }
  175.  
  176. #double {width:5px; height: 882px; margin-left:491px; margin-top:-22px; position:fixed; background-color:{color:background}; z-index: 99; opacity:0.8;border-left:1px dashed {color:barra}; }
  177.  
  178. div#credit31{text-align: center; margin-top:332px; font-family:Century Gothic; font-size: 10px; color: ; letter-spacing: 0px; text-transform: none; position:fixed; background-color:transparent; width: 130px; height: 11px; padding: 2px; margin-left:304px; position:fixed; z-index:51; color:{color:frase}; }
  179.  
  180. div#credit31:hover {background-color: transparent; opacity: 1.0; filter: alpha(opacity = 100); height: 47px; color: transparent;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;border-bottom:1px double transparent;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
  181.  
  182. .credito31 {text-align: justify; font-family:Century Gothic; font-size: 11px; position: fixed; color: transparent; width: 130px; margin-top: 0px; margin-left:0px; }
  183.  
  184. .credito31:hover {color: {color:frase}; font-size: 10px; text-align: justify; border-bottom:1px dashed {color:simbolo}; }
  185.  
  186.  
  187. #transparent {width:165px; height: 80px; margin-left:304px; margin-top:360px; position:fixed; background-color: {color:background}; z-index: 999; }
  188.  
  189. /* posts */
  190.  
  191. .text {text-align: center; font-family: Century Gothic; font-size: 11px; color: {color:text};}
  192.  
  193. #always {width: 195px; margin-left: -19px; height: auto; margin-top: -190px; float:left; text-align: center; background-color: {color:background}; font-size: 16px; position:fixed; padding: 5px; }
  194.  
  195. #infscr-loading { position: absolute!important; width: 16px!important; height: 11px!important; bottom: 0px!important; left: 50%!important; margin-top: 10px!important; margin-bottom: 5px!important;}
  196.  
  197. #content {width: 691px; margin-top:10px; margin-left:530px; -webkit-transition: all 1.2s ease-in-out; opacity:1; z-index:20; font-family: Century Gothic;font-size:16px; padding:11; }
  198.  
  199. #header {width: auto; text-align: center; -webkit-transition: all 1.2s ease-in-out;}
  200.  
  201. #contain {margin: 0px auto; -webkit-transition: all 1.2s ease-in-out; z-index:9; }
  202.  
  203. .quotes{position:absolute; opacity: 0.2; top: 20px; margin-left: 0px; font-size: 90px;}
  204. ol.notes img {width: 16px; display: inline; position: relative; top: 3px;}
  205.  
  206. .entry { {block:indexpage} width: 250px; -webkit-transition: all 1.2s ease-in-out; {/block:indexpage} {block:permalinkpage} -webkit-transition: all 1.2s ease-in-out; width: 500px; float:center; position: fixed; top: 400px{/block:permalinkpage} display: block; position: relative; background:{color:posts}; margin-left:6px; margin-top:6px; padding:2px; z-index:9; }
  207.  
  208. .entry img {display: block; max-width: 100%; float:center; -webkit-transition: all 0.3s ease-in-out; -webkit-border-radius: 0px;}
  209. .entry img:hover {opacity:1;}
  210.  
  211. .entry:hover {opacity:1;-webkit-transition: all 1.2s ease-in-out;}
  212. blockquote, q {quotes: "" "" "'" "'";padding-left:2px; border-left: 5px solid {color:text}; background: transaprent;}
  213.  
  214. p {margin: 5px 0px;}
  215.  
  216.  
  217. p.tags a {
  218. opacity: 0.50;
  219. filter: alpha(opacity = 50);
  220. }
  221.  
  222. p.tags a:hover {
  223. opacity: 1.0;
  224. filter: alpha(opacity = 100);
  225. }
  226. p.tags {
  227. padding: 0px;
  228. height: 14px;
  229. margin: 0px;
  230. font-size: 9px;
  231. margin: 0px;
  232. text-transform: uppercase;
  233. {block:ifshowtags}
  234. border-top: 1px solid {color:border color};
  235. {/block:ifshowtags}
  236. }
  237.  
  238. .nav {
  239. color: {color:text};
  240. font-size: 9px;
  241. margin: 2px;
  242. line-height: 8px;
  243. text-align: center;
  244. display: inline-block;
  245. }
  246. .t a{
  247. text-align: right;
  248. opacity: .5;
  249. filter: alpha(opacity = 50);
  250. }
  251.  
  252.  
  253. .count_note {{block:IndexPage}
  254. position:absolute;
  255. background-color: rgba(0, 0, 0, .0);
  256. opacity:0;
  257. bottom:10px;
  258. left:-55px;
  259. font-size: 6px;
  260. padding-left: 4px;
  261. height:12px;
  262. padding: 4px;
  263. -webkit-border-radius: 2px;
  264. -moz-border-radius: 2px;
  265. border-radius: 2px;
  266. -webkit-transition: all 0.4s ease-out;
  267. -moz-transition: all 0.4s ease-out;
  268. transition: all 0.4s ease-out;
  269. line-height:11px;
  270. -webkit-filter: invert(0%);
  271. {/block:IndexPage}}
  272.  
  273.  
  274.  
  275. .entry .count_note {color:#fff; font-family: gabriola; font-size: 17px;}
  276.  
  277.  
  278. .entry .count_note {left:0px}
  279.  
  280. .entry:hover .count_note {
  281. opacity:1;
  282. left:10px;
  283. -webkit-filter: invert(0%);}
  284.  
  285. .like {
  286. {block:IndexPage}
  287. position:absolute;
  288. width: 21px;
  289. height: 25px;
  290. right:40px;
  291. opacity:0;
  292. bottom:5px;
  293. -webkit-transition: all 0.4s ease-out;
  294. -moz-transition: all 0.4s ease-out;
  295. transition: all 0.4s ease-out;
  296. -webkit-filter: invert(0%);
  297. {/block:IndexPage}}
  298.  
  299. .like span{
  300. {block:IndexPage}
  301. height: 20px;
  302. width: 21px;
  303. display:block;
  304. background: url(http://24.media.tumblr.com/tumblr_mbupd4WLOE1qhtapco1_100.png)
  305.  
  306. no-repeat;
  307. background-position: 0px 0px;
  308. -webkit-transition: all 0.4s ease-out;
  309. -moz-transition: all 0.4s ease-out;
  310. transition: all 0.4s ease-out;
  311. {/block:IndexPage}
  312. }
  313.  
  314. .entry .like {right:0px; }
  315.  
  316. .entry:hover .like {bottom:5px;;
  317. opacity:1;
  318. right:10px;
  319. -webkit-transition: all 0.4s ease-out;
  320. -moz-transition: all 0.4s ease-out;
  321. transition: all 0.4s ease-out;
  322. -webkit-filter: invert(0%);}
  323.  
  324. .reblog{
  325. {block:IndexPage}
  326. position:absolute;
  327. width:25px;
  328. height:25px;
  329. bottom:5px;
  330. right:25px;
  331. opacity:0;
  332. background: url(http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png) no-repeat;
  333. -webkit-transition: all 0.4s ease-out;
  334. -moz-transition: all 0.4s ease-out;
  335. transition: all 0.4s ease-out;
  336. -webkit-filter: invert(0%);
  337. {/block:IndexPage};}
  338.  
  339. .entry:hover .reblog {
  340. opacity:1;
  341. right:35px; -webkit-filter: invert(0%);}
  342.  
  343.  
  344. .question {color:#fff;font-size:10px;font-weight: normal;
  345. font-family:consolas;line-height:95%;background:{color:caixa da ask};
  346. position: relative;min-height:70px;padding:5px 10px;
  347. margin-bottom:2px;margin-right:-10px; border-bottom:1px dashed {color:ask linha}; text-transform:uppercase; text-shadow:#000000 1px 1px 3px }
  348.  
  349. .answer {margin-top: -4px; font-family: century gothic; font-size:10px; border-bottom: 1px solid {color:caixa da ask}; border-left: 1px solid {color:caixa da ask}; border-right: 1px solid {color:caixa da ask}; text-align:center; line-height:15px;}
  350.  
  351. .question a {color:#fff;font-size: 10px;}
  352.  
  353.  
  354. .questionarrow {font-size:30px;color:{color:background};
  355. vertical-align:middle;margin-left:-5px!important;}
  356.  
  357.  
  358. .t a{text-align: right; opacity: .5; filter: alpha(opacity = 50);}
  359. .entry .t a:hover, .entry .ti a:hover{ text-align: right; opacity: 1.0; filter: alpha(opacity = 100);}
  360.  
  361. p.t {display: block;margin: 0px 0px 0px 0px;height: 14px;line-height: 16px;text-transform: uppercase;text-align: right;font-size: 9px;border-top: 0px solid {color:text};}
  362.  
  363. p.t a {margin: 0 0px;}
  364.  
  365. p.ti {display: block;margin: 0px 0px 0px 0px;height: 14px;line-height: 14px;
  366. text-transform: uppercase;
  367. text-align: center;
  368. font-size: 8px;
  369. border-top: 1px solid {color:text};
  370. }
  371.  
  372. p.ti a {
  373. margin: 0 0px;
  374. }
  375. .pp {
  376. text-transform: uppercase;
  377. text-align: left;
  378. }
  379.  
  380. select {
  381. font-size: 9px;
  382. width: 125px;
  383. text-transform: uppercase;
  384. letter-spacing: 1px;
  385. padding: 1px;
  386. background: {color:posts};
  387. color: {color:link};
  388. border: 1px solid {color:text};
  389. }
  390. .wtf {
  391. font-size:9px;
  392. font-family:Trebuchet MS;
  393. background:{color:question};
  394. padding-left:2px;
  395. border-left:5px solid {color:text};}
  396.  
  397. .entry .linkspost {position: relative;
  398. opacity: 0.0;
  399. text-align: center;
  400. width: 250px;
  401. margin-top:4px; border-bottom: 1px dashed #eeeeee}
  402.  
  403. .entry .linkspost a {letter-spacing:2px; font-size:10px; font-family: consolas; letter-spacing: 0px; }
  404.  
  405. .entry:hover .linkspost{position: relative; margin-top:6px; opacity: 1; -webkit-transition: all 0.7s ease-in-out; }
  406.  
  407.  
  408.  
  409. .p1{
  410. display: inline-block;
  411. height: auto;
  412. font-size: 8px;
  413. text-transform: uppercase;
  414. margin-top:5px;
  415. width:100px;
  416. display:block
  417. }
  418.  
  419. .p1 a:hover {
  420. background: rgba(255, 255, 255, 100);
  421. }
  422.  
  423. .p1 a {
  424. color: {color:text};
  425. font-size:9px;
  426. background: rgba(255, 255, 255, .75);
  427. width:70px;
  428. line-height:12px;
  429. display:block;
  430. padding-left:4px;
  431. }
  432.  
  433.  
  434. .text {
  435. padding: 2px;
  436. font-family:calibri;
  437. line-height: 110%;
  438. font-size:14px
  439. }
  440. .shit {
  441. padding-left:2px;
  442. .quote {
  443. padding: 10px;
  444. font-size:11px;
  445. line-height:9px;
  446. margin-top:15px;
  447. }
  448.  
  449. .chat {font-size: 11px; font-family: georgia; width: 220px; margin-left: -40px;}
  450.  
  451. #toTop {
  452. display:none;
  453. text-decoration:none;
  454. position:fixed;
  455. bottom:10px;
  456. right:10px;
  457. overflow:hidden;
  458. width:21px;
  459. height:21px;
  460. border:none;
  461. text-indent:100%;
  462. background:url(http://media.tumblr.com/tumblr_m6oxuvVWe81qe1m3a.png) no-repeat left top;
  463. opacity: .7;
  464. filter: alpha(opacity = 50);
  465. }
  466.  
  467. #toTopHover {
  468. width:11px;
  469. height:11px;
  470. display:block;
  471. overflow:hidden;
  472. float:left;
  473. opacity: 0;
  474. -moz-opacity: 0;
  475. filter:alpha(opacity=0);
  476. }
  477.  
  478. #toTop:hover {
  479. opacity: 1;
  480. filter: alpha(opacity = 100);
  481. }
  482.  
  483. #toTop:active, #toTop:focus {
  484. outline:none;
  485. }
  486.  
  487.  
  488. ::-webkit-scrollbar-thumb:vertical {
  489. background-color:{color:text};
  490. height:auto;
  491. -webkit-box-shadow: inset 0 0 6px {color:background};
  492. -webkit-border-radius:4px;
  493. }
  494.  
  495. ::-webkit-scrollbar-thumb:horizontal {
  496. background-color:{color:Text};
  497. height:5px !important;
  498. -webkit-box-shadow: inset 0 0 6px {color:background};
  499. -webkit-border-radius:4px;
  500. }
  501.  
  502. ::-webkit-scrollbar {
  503. height:2px;
  504. width:4px;
  505. background-color:{color:Background};
  506. }
  507.  
  508. ::-webkit-scrollbar-corner {
  509. background-color:{color:Background};
  510. }
  511.  
  512. ::selection {color:{color:background}; background-color:{color:background};}
  513. ::-moz-selection { color:{color:background}; background-color:{color:background};}
  514. ::-webkit-selection { color:{color:background}; background-color:{color:background};}
  515. {/block:IndexPage};}
  516. {CustomCSS}
  517.  
  518. </style>
  519. <link rel="shortcut icon" href="{Favicon}">
  520. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  521. <meta name="viewport" content="width=820" />
  522.  
  523. {block:IndexPage}
  524.  
  525. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  526.  
  527. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  528.  
  529. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  530.  
  531. <script type="text/javascript">
  532. $(window).load(function(){
  533. var $wall = $('#content');
  534. $wall.imagesLoaded(function(){
  535. $wall.masonry({
  536. itemSelector: '.entry',
  537. isAnimated : true
  538. });
  539. });
  540. $wall.infinitescroll({
  541. navSelector : "div#navigation",
  542. nextSelector : "div#navigation a#nextPage",
  543. itemSelector : '.entry',
  544. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  545. loadingText : " ",
  546. donetext : " ",
  547. extraScrollPx : 9000,
  548. bufferPx : 10000,
  549. debug : false,
  550. errorCallback: function() {
  551. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  552. }},
  553. function( newElements ) {
  554. var $newElems = $( newElements );
  555. $newElems.hide();
  556. $newElems.imagesLoaded(function(){
  557. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  558. });
  559. }); $('#content').show(500);
  560. });
  561. </script>
  562. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  563.  
  564.  
  565. {/block:IndexPage}
  566.  
  567.  
  568. </head>
  569.  
  570. </head>
  571.  
  572.  
  573. <body onkeydown="return false">
  574.  
  575. <script>
  576. var onlineOffsetTop = 25;
  577. window.jQuery || document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"><\/script>')</script><script src="http://www.themesltd.com/online-users-counter/online.js?public_key=92cf6233a8e048e2a52ed86facab9aa2&style=tumblr&label1=Online&label2=Online"></script>
  578. <div id="sidebar">
  579.  
  580. <div id="slideShowContainer">
  581.  
  582. <img src="{image:sidebar}"/>
  583. <div id="links">
  584. <a href="{text:Link1}">{text:Link1 Title}</a>
  585. <a href="{text:Link2}">{text:Link2 Title}</a>
  586. <a href="{text:Link3}">{text:Link3 Title}</a>
  587. <a href="{text:Link4}">{text:Link4 Title}</a>
  588. <a href="{text:Link5}">{text:Link5 Title}</a>
  589. </div>
  590. <div id="descr">{text:texto da foto}</div>
  591. </div>
  592.  
  593.  
  594. </div>
  595. <div id="barra"> </div>
  596. <div id="barra2"> </div>
  597. <div id="barrex"> </div>
  598. <div id="symbol">✖</div>
  599. <div id="pontilhado"> </div>
  600. <div id="double"> </div>
  601. <div id="ballsbi">●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●<br>●</div>
  602. <div id="transparent"> </div>
  603. <div id="credit31"><div class="credito31">
  604.  
  605. {text:frase hover}</div><font face="Century Gothic"></font>{text:frase}</font></div>
  606.  
  607.  
  608.  
  609. <div id="crd"><div id="crdt"><a href="http://wajestou.tumblr.com" title="não copia, respeita mané.">WJT <font color="#f5a7d9">☼</font></a>
  610. </div></div>
  611. </div></div>
  612.  
  613. <div id="content">
  614. {block:Posts}
  615. <div class="entry">
  616.  
  617.  
  618. {block:Text}{block:Title}<center><div class="title"><a href="{Permalink}">{Title}</a></div></center>{/block:Title}{Body}
  619. <center>
  620. <div class="linkspost">
  621. <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <small><small><small><small>- </small></small></small></small> <a href="{ReblogURL}" target="_blank"><font color=#f3a4cd> ♥</font></a> {block:RebloggedFrom} <small><small><small><small>- </small></small></small></small> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  622. </div></center>
  623. {/block:Text}
  624.  
  625. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  626. <a id="note_count_{PostID}" href="{Permalink}" class="count_note">{NoteCount}</a>
  627. <div class="like" href="javascript:void(0);"><span id="{PostID}"
  628.  
  629. rel="{ReblogURL}"></div></a>
  630. <a class="reblog" href="{ReblogURL}"target="_blank"></a>
  631. {/block:Photo}
  632.  
  633. {block:Photoset}{Photoset-250}{block:permalinkpage}{Photoset-500}{/block:permalinkpage}
  634. <a id="note_count_{PostID}" href="{Permalink}" class="count_note">{NoteCount}</a>
  635. <div class="like" href="javascript:void(0);"><span id="{PostID}"
  636.  
  637. rel="{ReblogURL}"></div></a>
  638. <a class="reblog" href="{ReblogURL}"target="_blank"></a>
  639. {/block:Photoset}
  640.  
  641. {block:Quote}
  642. <div class="text"><span class="quotes"></span><br>
  643. <span class="quote">"{Quote}"</span><small>{block:Source}<center>—<i>{Source}</i></center>{/block:Source}</div></small>
  644. <center>
  645. <div class="linkspost">
  646. <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <small><small><small>○ </small></small></small> <a href="{ReblogURL}" target="_blank">reblog</a>
  647. </div></center>
  648. {/block:Quote}
  649.  
  650. {block:Link}
  651. <div class="text"><div class="title"><center><a href="{URL}" class="link" {Target}>{Name}</a></center></div> {block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  652. <center>
  653. <div class="linkspost">
  654. {block:NoteCount} <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <small><small><small><small>- </small></small></small></small> <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom} <small><small><small><small>- </small></small></small></small> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  655. </div></center>
  656. {/block:Link}
  657.  
  658. {block:Chat}<div class="text">
  659. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<ul class="chat">{block:Lines}<div class="{Alt} user_{UserNumber}"> {block:Label} <span class="label"><b>{Label}</b></span> {/block:Label}{Line} </div>{/block:Lines}</ul></div>
  660. <center>
  661. <div class="linkspost">
  662. {block:NoteCount} <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <small><small><small><small>- </small></small></small></small> <a href="{ReblogURL}" target="_blank">reblog</a> ·{block:RebloggedFrom} <small><small><small><small>- </small></small></small></small> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  663. </div></center>
  664. {/block:Chat}
  665.  
  666. {block:Video}<center>{Video-250}<center>{block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}{/block:IndexPage}{block:permalinkpage}
  667. {Video-500}{/block:permalinkpage}
  668. <center>
  669. <div class="linkspost">
  670. {block:NoteCount} <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <small><small><small><small>- </small></small></small></small> <a href="{ReblogURL}" target="_blank">reblog</a> ·{block:RebloggedFrom} <small><small><small><small>- </small></small></small></small> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  671. </div></center>
  672.  
  673. {/block:Video}
  674.  
  675. {block:Audio}
  676. {AudioPlayerBlack}{block:indexpage}{block:Caption}{Caption}{/block:Caption}{/block:indexpage}
  677. <center>
  678. <div class="linkspost">
  679. {block:NoteCount} <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <small><small><small><small>- </small></small></small></small> <a href="{ReblogURL}" target="_blank">reblog</a> ·{block:RebloggedFrom} <small><small><small><small>- </small></small></small></small> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  680. </div></center>
  681. {/block:Audio}
  682.  
  683. {block:Answer}
  684. <div class="postdobru">
  685. <table width="250px" cellspacing="0" cellpadding="0">
  686. <tr>
  687. <td width="240px" class="question"><B>{Asker}</b> ask: "{Question}"</td>
  688. </tr>
  689. </table>
  690. <div class="answer">{Answer}</div></div>
  691. {/block:Answer}
  692.  
  693. {block:permalinkpage}
  694. <div class="text">
  695. {block:Caption}{Caption}{/block:Caption}
  696. {block:PostNotes}
  697. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  698. {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  699. {block:PostNotes}{PostNotes}{/block:PostNotes}
  700. </div>
  701. {/block:permalinkpage}
  702.  
  703.  
  704. {block:ContentSource}
  705. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  706. {/block:ContentSource}
  707.  
  708.  
  709. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  710.  
  711.  
  712.  
  713. </div>
  714.  
  715.  
  716. {/block:Posts}
  717. <div class="clear"></div>
  718. </div>
  719. </div>
  720. {block:Pagination}
  721. <div id="pagination">
  722. {block:PreviousPage}
  723. <a href="{PreviousPage}"></a>
  724. {/block:PreviousPage}
  725. {block:JumpPagination length="0"}
  726. {block:CurrentPage}
  727. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  728. {/block:CurrentPage}
  729. {block:JumpPage}
  730. <a class="jump_page numbersNav" href="{URL}">{PageNumber}</a>
  731. {/block:JumpPage}
  732. {/block:JumpPagination}
  733. {block:NextPage}
  734. <a id="nextPage" href="{NextPage}"></a>
  735. {/block:NextPage}
  736. </ul>
  737. {/block:Pagination}
  738.  
  739.  
  740. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  741.  
  742.  
  743. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  744. <script type="text/javascript">
  745. $(window).load(function () {
  746. $('#content').masonry(),
  747. $('.masonryWrap').infinitescroll({
  748. navSelector : '#pagination',
  749. nextSelector : '#pagination a#nextPage',
  750. itemSelector : ".entry, .clear",
  751. bufferPx : 10000,
  752. extraScrollPx: 10000,
  753. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  754. loadingText : "<em></em>",
  755. },
  756. function() { $('#content').masonry({ appendedContent: $(this) }); }
  757. );
  758. });
  759.  
  760.  
  761. $(function() {
  762. $('.like').live('click', function() {
  763. var $this = $(this).find("span");
  764. var id_post = $this.attr('id');
  765. var count = parseInt($("#note_count_"+id_post).text());
  766. var reblog_key = $this.attr('rel').slice(-8);
  767. var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  768. if($this.css("background-position") == "0px 0px"){
  769. $("#note_count_"+id_post).text(count+1);
  770. }
  771. $('#likeIframe').attr('src', like_url);
  772. $this.css("background-position","0px -20px");
  773. });
  774. });
  775. </script>
  776. <iframe id="likeIframe" style="width:1px;height:1px;position:absolute;left:-
  777. 9999px;"></iframe>
  778. </script>
  779.  
  780. {/block:IndexPage}
  781. <div id="clouds2"></div>
  782. <script type='text/javascript'>$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); $(function() {$("#toTop").scrollToTop(); });</script>
  783. <a href="#" id="toTop"></a>
  784.  
  785.  
  786. </body>
  787.  
  788. </html>
  789.  
  790. </body>
  791. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!