API tools faq
paste
Advertisement
themes-sdss

Theme 119

themes-sdss
Jul 23rd, 2013
3,771
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.84 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2. Theme by: superar-r.tumblr {NÃO USE COMO BASE} só adapte para o seu próprio uso e sem retirar os creditos. Plagio é crime lembre-se disso .
  3.  
  4.  
  5. - - - - - - - - - - - - - -
  6. - THEME FEITO POR TAY (SUPERAR-R).
  7. DON'T COPY. -
  8. - - - - - - - - - - - - - - ---->
  9.  
  10.  
  11. <script>
  12. function bloqueio()
  13. {alert(mensagem);}
  14. document.onkeydown=bloqueio;
  15. </script><meta http-equiv="x-dns-prefetch-control" content="off"/>
  16.  
  17.  
  18. <script type="text/javascript">
  19. //desabilita menu de opcoes ao clicar no botao direito
  20. function desabilitaMenu(e)
  21. {
  22. if (window.Event)
  23. {
  24. if (e.which == 2 || e.which == 3)
  25. return false;
  26. }
  27. else
  28. {
  29. event.cancelBubble = true
  30. event.returnValue = false;
  31. return false;
  32. }
  33. }
  34. document.oncontextmenu = desabilitaMenu;
  35. document.onmousedown = desabilitaBotaoDireito;
  36. document.onmouseup = desabilitaBotaoDireito;
  37. </script>
  38.  
  39.  
  40. <script language="JavaScript1.2">
  41. function disableselect(e){
  42. return false
  43. }
  44. function reEnable(){
  45. return true
  46. }
  47. //if IE4+
  48. document.onselectstart=new Function ("return false")
  49. //if NS6
  50. if (window.sidebar){
  51. document.onmousedown=disableselect
  52. document.onclick=reEnable
  53. }
  54. </script>
  55.  
  56.  
  57.  
  58. <script type="text/javascript">
  59.  
  60. $(window).load(function(){
  61.  
  62. var $wall = $('#contente');
  63.  
  64. $wall.imagesLoaded(function(){
  65.  
  66. $wall.masonry({
  67.  
  68. itemSelector: '.tay',
  69.  
  70. isAnimated : true
  71.  
  72. });
  73.  
  74. });
  75.  
  76. $wall.infinitescroll({
  77.  
  78. navSelector : "div#navigation",
  79.  
  80. nextSelector : "div#navigation a#nextPage",
  81.  
  82. itemSelector : '.',
  83.  
  84. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  85.  
  86. loadingText : " ",
  87.  
  88. donetext : " ",
  89.  
  90. extraScrollPx : 9000,
  91.  
  92. bufferPx : 10000,
  93.  
  94. debug : false,
  95.  
  96. errorCallback: function() {
  97.  
  98. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  99.  
  100. }},
  101.  
  102. function( newElements ) {
  103.  
  104. var $newElems = $( newElements );
  105.  
  106. $newElems.hide();
  107.  
  108. $newElems.imagesLoaded(function(){
  109.  
  110. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  111.  
  112. });
  113.  
  114. }); $('#contente').show(500);
  115.  
  116. });
  117.  
  118. </script>
  119. <head>
  120. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  121. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  122. <script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  123. <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  124. <script type="text/javascript"
  125. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  126. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  127. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  128.  
  129. <!-- DEFAULT VARIABLES -->
  130. <meta name="color:background" content="#fff" />
  131. <meta name="color:link" content="#666" />
  132. <meta name="color:lhover" content="#666" />
  133. <meta name="color:post" content="#fff" />
  134. <meta name="color:text" content="#aaa" />
  135. <meta name="color:bglinks" content="#fff" />
  136. <meta name="color:frase" content="#fff" />
  137. <meta name="color:descricao" content="#fff"/>
  138. <meta name="color:links" content="#aaa"/>
  139. <meta name="color:bordinha" content="#eee"/>
  140. <meta name="color:efeito" content="#ccc"/>
  141. <meta name="color:ask" content="#fca8c5"/>
  142. <meta name="color:sidebar" content="#fff"/>
  143. <meta name="color:detalhes" content="#999999"/>
  144. <meta name="color:scroll" content="#fff"/>
  145. <meta name="color:faixa1" content="#fff"/>
  146. <meta name="color:faixa2" content="#f8bdd6"/>
  147.  
  148. <meta name="if:one columns" content="1"/>
  149. <meta name="if:one columns" content="1"/>
  150.  
  151. <meta name="image:foto" content="http://static.tumblr.com/b0c9a8072764db7e994336d87a5eb8d1/fzbupk7/liommyjf9/tumblr_static_tumblr_mhrc6gkspm1rbve83o1_500.jpg" />
  152. <meta name="image:background" content="http://static.tumblr.com/fzbupk7/yWqmjgssz/ss.jpg" />
  153. <meta name="image:bgsidebar2" content="http://static.tumblr.com/fzbupk7/gIjmjgsxp/ll.png"/>
  154. <meta name="image:faixa" content="http://static.tumblr.com/fzbupk7/E6Cmjgswy/tumblr_m86vdaduyk1qi10ni.png"/>
  155.  
  156. <meta name="text:frase" content="Enquanto houver razoes eu nao vou desistir ..." />
  157.  
  158.  
  159. <meta name="text:Link1" content="/" />
  160. <meta name="text:Link1 Title" content="link" />
  161. <meta name="text:Link2" content="/" />
  162. <meta name="text:Link2 Title" content="link" />
  163. <meta name="text:Link3" content="/" />
  164. <meta name="text:Link3 Title" content="link" />
  165. <meta name="text:Link4" content="/" />
  166. <meta name="text:Link4 Title" content="link" />
  167. <meta name="text:Link5" content="/" />
  168. <meta name="text:Link5 Title" content="link" />
  169. <meta name="text:Link6" content="/" />
  170. <meta name="text:Link6 Title" content="link" />
  171. <meta name="text:Link7" content="/" />
  172. <meta name="text:Link7 Title" content="link" />
  173. <meta name="text:Link8" content="/" />
  174. <meta name="text:Link8 Title" content="link" />
  175.  
  176.  
  177. <!----------------FONTES--------------->
  178.  
  179. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  180. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  181. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  182. <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
  183. <link href='http://fonts.googleapis.com/css?family=Croissant+One|Text+Me+One|Iceland' rel='stylesheet' type='text/css'>
  184. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  185. <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  186. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  187. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
  188. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  189. <link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  190. <link href='http://fonts.googleapis.com/css?family=Milonga' rel='stylesheet' type='text/css'>
  191. <link href='http://fonts.googleapis.com/css?family=Stalemate' rel='stylesheet' type='text/css'>
  192.  
  193.  
  194.  
  195.  
  196. <title>{Title}</title>
  197. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m2313bJDaG1qfamg6.png">
  198. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  199. {block:Description}
  200. <meta name="description" content="{MetaDescription}" />
  201. {/block:Description}
  202.  
  203.  
  204. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  205.  
  206.  
  207. <style>
  208.  
  209. /*--Body, base dont toucj this. superar-r--*/
  210.  
  211.  
  212. b, strong, bold {color:#fa94c0}
  213.  
  214. u,underline {border-bottom: 1px dotted #ccc; text-decoration:none; }
  215.  
  216.  
  217. body {color:{color:text};background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:calibri; font-size:11px; line-height:100%; text-align:justify; text-transform: none;text-align: center; font-style: none; }
  218.  
  219. a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  220.  
  221. a:hover{color:{color:lhover};text-shadow:0px 0px 9px ; }
  222. #page {width: 935px; margin: 20px auto 20px auto;}
  223.  
  224. #side {position:fixed; width:150px; padding:5px; margin-left:130px; margin-top:100px; background:{color:backgroundtheme} Url('{image:background}');}
  225.  
  226. #side img {border:3px double {color:detalhes}; padding:3px; width:150px; height:auto; -webkit-transition-duration: .99s; opacity:1;}
  227. #side img:hover{opacity:0.7}
  228.  
  229.  
  230. #boxtay{margin-left: 480px; width: 800px; margin-top: 103px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
  231.  
  232. .box {-webkit-box-shadow: 0 10px 6px -6px rgba(50, 50, 50, 0.19);
  233. border:6px double #eee; width: 330px; background-color:{color:post} ; text-align: justify; padding: 8px; float: left; margin: 8px 0 0 7px;opacity:2; {block:PermalinkPage}width:500px {/block:PermalinkPage};{block:IfOneColumns}width:460px;{/block:IfOneColumns} }
  234.  
  235. .box img {max-width: 326px; padding: 0px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;{block:IfOneColumns}max-width: 450px;{/block:IfOneColumns};opacity:0.9;}
  236. .box img:hover {opacity:0.6;}
  237.  
  238. .play {padding: 8px; background:{color:fundoimg}; margin-top: 1px; margin-left: 1px; margin-right: 1px;}
  239.  
  240. .map2 {padding: 2px; background: rgba(238,238,238, 0.6); margin-top: 1px; margin-left: 1px; margin-right: 1px;}
  241.  
  242. .user_1 .label {color: #666; font-weight:bold; background-color:#eee; margin-left: -40px;}
  243. .user_2 .label {color: {color:post fundo}; font-weight:bold; background-color:{color:tags};margin-left: -40px; }
  244. .user_3 .label {color: {color:post text}; font-weight:bold}
  245. .user_4 .label {color: {color:post text}; font-weight:bold}
  246. .user_5 .label {color: {color:post text}; font-weight:bold}
  247. .user_6 .label {color: {color:post text}; font-weight:bold}
  248. ul.chat, .chat ol, .chat li {list-style:none; margin-left: 0px; margin-top: 3px;opacity:2;background-color:{color:post notes};}
  249.  
  250. /*--- detalhes de conjuntar.--*/
  251.  
  252. .titulo2 {text-align:center;padding:-1px;border-top:1px solid {color:detalhes};margin-top:-2px;font-style:italic}
  253.  
  254. .titulo3 {text-align:center; font-family: 'pacifico', sans-serif; font-size:17px;margin-bottom:5px;}
  255. P.cit:first-letter {font-size:13px; font-family: 'muli', sans-serif;}
  256. p{margin-top:5px; margin-bottom:5px}
  257. blockquote{margin:0 0 0 5px;padding:0 0 0 10px;border-left:1px {color:bordinha} solid;}
  258. iframe#tumblr_controls {right:3px !important; position: fixed !important;}#infscr-loading {bottom: -70px; position: absolute; left: 50%; margin-left:-8px; width:16px; height:20px; overflow:hidden; margin-bottom: 50px;}
  259.  
  260. .extra1 {display: block; margin-bottom: 3px;}ol.notes {list-style: none; width:500px; margin-left:-40px;}ol.notes li.note {margin-bottom: 2px; padding-left: 7px; padding-top: 5px; padding-bottom: 4px; padding-right: 5px;text-transform: lowercase; line-height: 25px; border-bottom:1px{color:bordinha} dotted;}ol.notes li.note img.avatar {display:none;}ol.notes li.note .answer_content {font-weight: normal;}ol.notes li.note blockquote {display: none;}
  261.  
  262. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display: none;}.reb {width: 24px;height: 22px;overflow: hidden;position: relative; z-index: 999;position: absolute; margin-left: 25px;}
  263. .reb img{width: 24px;height: 20px;line-height: 30px;display: inline;-webkit-border-radius: 3px;
  264. -moz-border-radius: 3px;
  265. border-radius: 3px;}
  266.  
  267. .like {width: 21px;height: 20px;overflow: hidden;position: relative;z-index: 9999; position: absolute;-webkit-border-radius: 3px;
  268. -moz-border-radius: 3px;
  269. border-radius: 3px;}
  270. .like a:hover {background-position: 0px 0px;}
  271. .like a {background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");background-position: 0px 0px;display: block;z-index: 9999999;webkit-transition: all 0s linear;-webkit-transition: all 0s linear;-moz-transition: all 0s linear;transition: all 0s linear;}
  272. .like img {-webkit-border-radius: 3px;
  273. -moz-border-radius: 3px;
  274. border-radius: 3px;width: 21px;height: 20px;webkit-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}#likeiframe {display: none}
  275.  
  276. .nts {position: absolute; background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");height: 20px;font-size: 12px;line-height: 20px;color: #fff;position: absolute; margin-left: 53px;padding-left: 4px;padding-right: 4px;-moz-border-radius: 2px;border-radius: 2px;}
  277. .nts a{color: #fff;font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
  278.  
  279. .box .hvr {opacity: 0.0;filter: alpha(opacity = 0); width: 400px; font-size: 9px;position:absolute; margin-left:5px; text-align: center;z-index:1;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; margin-top:50px;}
  280.  
  281. .box:hover .hvr {background: #fff; opacity: 1; margin-left:5px;margin-top: 3px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  282.  
  283. .titulo4 {font-size:11px; padding-top:2px; text-align:center; width:160px; overflow:hidden;}
  284. .lk a{font-size: 9px; padding: 2px; display:block; margin-bottom: 2px; width: 100%; text-align:right; text-transform:uppercase; background: {color:bordinha};}
  285.  
  286. .cred {opacity: 2; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;font-size:10px;{block:IfOneColumns} border-top:0px solid #f2f2f2; {/block:IfOneColumns}}
  287.  
  288.  
  289. #info { background-image: url('{image:background}');border-bottom:1px dashed
  290. {color:post fundo};;
  291. margin-top: 2px; text-align:center; font-size:10px; font-family:'Iceland'; text-transform:uppercase; z-index:11; padding:0px; color: ; -webkit-transition: all 0.2s ease-out;border-top:1px solid {color:text};border-bottom:1px solid {color:text}; -moz-transition: all .4s ease-out;letter-spacing: 0.5px;{block:IfOneColumns} ; {/block:IfOneColumns}}
  292. #info a {font-size: 10px; text-transform: uppercase;opacity:2; }
  293.  
  294.  
  295.  
  296.  
  297. #cap {width: 500px; margin-top: -2px;}
  298. .source {display: none;}
  299.  
  300. .notess {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  301. ol.notess {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  302. ol.notess li {background-color: ; margin-bottom: 2px; padding: 5px; }
  303. .notes img{display: none; border:0px}
  304.  
  305. /*-- design do quote by superar-r. --*/
  306. .quote:first-letter{font-family: Rochester; font-size: 24px;color:{color:borda};}
  307. .quote {font-family: muli; text-align: center; font-size: 12px; line-height: 15px; padding: 3px; margin-top: 6px; letter-spacing: 0px;}
  308. .taysource {text-align: center;background-color:#f5f5f5; display: block!important; font-family: 'rochester', sans-serif; font-size:18px; margin:-5px;letter-spacing: 0px; margin-bottom: -8px; margin-top:10px; padding-right:9px; color:#fff;padding:1px 0px 0px -20px; line-height:25px; height:25px; margin-left:-9px; width:330px;margin-right:10px; border-right:2px solid {color:faixa2}; border-top:1px solid {color:faixa2}; border-left:2px solid {color:faixa2};-webkit-border-top-left-radius: 30px;
  309. -webkit-border-top-right-radius: 30px;
  310. -moz-border-radius-topleft: 30px;
  311. -moz-border-radius-topright: 30px;
  312. border-top-left-radius: 30px;
  313. border-top-right-radius: 30px;background-image: url('{image:bgsidebar2}');}}}
  314.  
  315.  
  316. /*--design do player-*/
  317. .person1 {color: {color:text}; padding: 2px; }
  318. .person1 .label {font-weight: bold; color:{color:text}}
  319. .person2 {color: {color:text}; padding: 2px; }
  320. .person2 .label {font-weight: bold; color:{color:text};}
  321.  
  322. .player {background-color: #000; text-align: left; display:block;}
  323.  
  324. /*--design by ask,--*/
  325.  
  326. @font-face {font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
  327. .hlanswer {color: {color:text}; background: {color:ask}; width: 385px; font: normal 10px arial; margin-bottom: 2px; padding-top: 8px; padding-left: 13px; padding-bottom: 13px; text-align: justify; display: block; overflow: hidden; border-top: 2px solid #bebebe;}
  328. .hlanswer img {border: 2px solid #000; float: right; margin-top: -15px; margin-left: 13px; margin-bottom: -13px; opacity: 0.8; }
  329. .hlanswer img:hover {opacity: 1.0}
  330. .hlanswerinfo {background: transparent; padding: 3px; float: left; display: inline-block; width: auto; color: {color:text}; font: normal 10px "tahoma"; text-transform: none; margin-bottom: -1px}
  331. .hlanswerinfo a {color: {color:text};}
  332.  
  333. .pergunta {background: {color:background}; padding: 11px; margin-top: 0px; border-bottom: 1px solid #; margin-left: 67px;margin-right: 0;overflow: hidden; text-shadow: 0px 1px 1px #;}
  334. .perguntou {width: 415px;height:18px; background:{color:ask}; font-weight:normal; padding:3px; margin-bottom:1px; color:#fff;font-family: 'Play', sans-serif; font-size: 11px; text-align:left;line-height:20px;text-transform:uppercase;margin-left:-12px;}
  335. .perguntou g {color:#fff;}
  336. .perguntou a {color: #fff; font-weight:bold}
  337. .askfoto {opacity: 0.7; border: 2px solid {color:ask};}
  338. .askfoto:hover {opacity: 0.9;}
  339.  
  340.  
  341. /*--scroll and tumblr controls por superar-r.--*/
  342.  
  343. #tumblr_controls{position: fixed!important}
  344. #tumblr_controls{position: fixed!important}
  345. #tumblr_controls{position: fixed!important}
  346. #tumblr_controls{position: fixed!important}
  347.  
  348. ::-webkit-scrollbar-thumb:vertical {width:10px;background-color:{color:scroll};border-bottom:8px double #fff;border-top:8px double #fff;background-image: url('{image:faixa}');}
  349. ::-webkit-scrollbar {height:0px;width:10px;background-color:{color:scroll}; border-bottom:6px double #fff;}
  350. ::-webkit-scrollbar-button:vertical {height:10px;background-color:{color:scroll};}
  351.  
  352. ::selection {color:#000;background:#000;}
  353. ::-moz-selection {color:#000;background:#000;}
  354.  
  355.  
  356. #sidebar {position:fixed !important;width: 115px; height:1290px;
  357. background-color:white;top: 40px;left: 155px;padding: 60px;}
  358.  
  359. /*--imagens, sidebar, links por superar-r--*/
  360.  
  361.  
  362. .imagem {left: 105px; top:120px; position:fixed; padding:1px; padding-bottom: 0px; opacity: 1; z-index:100;
  363. border-radius: 10px;-webkit-border-radius: 200px;
  364. -moz-border-radius: 200px;
  365. border-radius: 200px;}
  366. .imagem img {-webkit-border-radius: 200px;
  367. -moz-border-radius: 200px;
  368. border-radius: 200px;position:fixed;-webkit-transition: all 1s ease-in-out;-webkit-border-radius: 0px 0px 0px 0px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; height:290px;width: 310px; border:6px double #aaa;padding:10px; -webkit-filter: blur(0px); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.12s ease-out ; opacity:0.2; opacity:1;
  369. background-image: url('{image:bgsidebar2}');}}
  370.  
  371. .imagem img:hover{-webkit-transform: rotate(-2deg);}
  372. .imagem img.top { opacity:1;}
  373. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  374.  
  375. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray}
  376.  
  377. #haha3:first-letter{font-family: Rochester; font-size: 24px;color:{color:borda};}
  378. #haha3 {width:260px;margin-left:125px; margin-top:214px;font-family:muli; font-size: 12px; height:35px;color: {color:descricao}; letter-spacing:0px;position: fixed;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; padding:10px; z-index:100;z-index:100000;background-image: url('{image:bgsidebar2}'); border-bottom:4px solid #aaa ;border-left:6px double #aaa;border-right:6px double #aaa;;}
  379. #haha3:hover{opacity:1;}
  380.  
  381.  
  382. #ha{width:135px; text-align: center; font-size: 10px; font-family: calibri;background-color:{color:sidebar}; color: {color:text}; background-attachment: fixed; margin-top: 120px; position: fixed;line-height:11px;z-index:1000000; }
  383.  
  384. #page {position:fixed;width: 262px; text-align: center; color: {color:text};margin-top:465px;margin-left:145px;}
  385. #page a {color: {color:bglinks}; font-family: georgia; font-size: 12px;}
  386.  
  387. /*--setinha do back to top--*/
  388. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; right:25px;bottom:55px;font-size:50px;}
  389.  
  390. #taytay {width: 0px; float: left; margin-left:115px; height:50px; margin-top:1850px; padding: 6px; text-align: center; position: fixed; background-color: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index:100000000000000000000000000; }
  391.  
  392. #taytay a {float: left; margin-right: 4px; display: block; width: 30px; letter-spacing: 1px; font-family: calibri; font-size: 11px; text-align: left; margin-bottom: 4px; color: {color:links}; background-color:{color:bglinks}; text-decoration: none; height:22px; line-height:12px; padding: 3px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-top:1px; text-shadow:0px 6px 9px #fff;-webkit-border-radius: 5px;
  393. -moz-border-radius: 5px;
  394. border-radius: 5px;}
  395. #tatay a:hover {margin-top:75px;opacity:1;}
  396.  
  397. @font-face {font-family: 'Dosis';font-style: normal;font-weight: 400;
  398. src: local('Dosis Regular'), local('Dosis-Regular'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/xIAtSaglM8LZOYdGmG1JqQ.woff) format('woff');}
  399.  
  400.  
  401.  
  402. #tata { margin-top:-100px; margin-left: 600px; position: fixed;font-family: 'pacifico', sans-serif;font-size:48px;color:{color:frase}; width:600px;line-height:50px; height:40px; opacity:1;text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out; z-index:10000000;}
  403. #oi23 {text-align: justify; margin-top:-120px; margin-left: 595px; 0 overflow: hidden; -webkit-border-radius: 0px 0px 0px 0px; font-family: georgia; position: fixed; color: {color:sidebar}; padding: 10px; background-attachment: fixed; width:74px; height: 60px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; letter-spacing: 1px; font-style: normal; line-height: 8px; text-transform: uppercase; z-index:100000; opacity:0.6;}
  404. #oi22{font-size: 93px; font-family: Sofia; letter-spacing: -1px; text-transform: none; line-height: 95px;z-index: 999999999999999999999999999999999999999999999999999;}
  405.  
  406.  
  407.  
  408. #faixa { position:fixed;opacity:1; margin-top:-37px; margin-left:0px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebar}; font-family: verdana; font-size:9px; height:40px;width:450px;-webkit-transform: rotate(0deg);border-bottom:8px solid {color:sidebar};border:1px solid {color:post};background-image:url('{image:bgsidebar2}');z-index:100;-webkit-border-top-left-radius: 80px;
  409. -webkit-border-top-right-radius: 80px;
  410. -moz-border-radius-topleft: 80px;
  411. -moz-border-radius-topright: 80px;
  412. border-top-left-radius: 80px;
  413. border-top-right-radius: 80px;}
  414.  
  415. #faixa8 { position:fixed;opacity:1; margin-top:-15000px; margin-left:522px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:faixa1}; font-family: verdana; font-size:9px; height:165px;width:9px;-webkit-transform: rotate(30deg); border-bottom:4px solid {color:sidebar};border:1px solid {color:post}; background-image:url('{image:bgsidebar2}');z-index:1000000;}
  416.  
  417. #faixa5 { position:fixed;opacity:1; margin-top:4px; margin-left:
  418. 1228px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:faixa2}; font-family: verdana; font-size:9px; height:300px;width:12px;-webkit-transform: rotate(0deg);border-left:2px solid {color:sidebar}; border-right:2px solid {color:sidebar}; border-bottom:4px solid {color:sidebar};background-image:url('{image:faixa}');-webkit-border-bottom-right-radius: 50px;
  419. -webkit-border-bottom-left-radius: 50px;
  420. -moz-border-radius-bottomright: 50px;
  421. -moz-border-radius-bottomleft: 50px;
  422. border-bottom-right-radius: 50px;
  423. border-bottom-left-radius: 50px;z-index:10000;}
  424.  
  425.  
  426. #faixa3 { position:fixed;opacity:1; margin-top:-30px; margin-left:85px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebar}; font-family: verdana; font-size:9px; height:442px;width:8px;-webkit-transform: rotate(0deg);z-index:1;border:1px solid {color:sidebar};}
  427.  
  428. #faixa2 { position:fixed;opacity:1; margin-top:67px; margin-left:355px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebar}; font-family: verdana; font-size:9px; height:100px;width:8px;-webkit-transform: rotate(0deg);z-index:1;}
  429.  
  430. #faixa22{ position:fixed;opacity:1; margin-top:3px; margin-left:155px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebard}; font-family: verdana; font-size:9px; height:102px;width:8px;-webkit-transform: rotate(0deg);z-index:1;border:2px dotted {color:borda};}
  431.  
  432. #faixa44{ position:fixed;opacity:1; margin-top:2px; margin-left:335px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebard}; font-family: verdana; font-size:9px; height:102px;width:8px;-webkit-transform: rotate(0deg);z-index:1;border:2px dotted {color:borda};}
  433.  
  434. #faixa6 { position:fixed;opacity:1; margin-top:225px; margin-left:50px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebar}; font-family: verdana; font-size:9px; height:5px;width:36px;-webkit-transform: rotate(0deg);z-index:100000;}
  435.  
  436. #faixa7 { position:fixed;opacity:1; margin-top:165px; margin-left:50px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebar}; font-family: verdana; font-size:9px; height:5px;width:36px;-webkit-transform: rotate(0deg);z-index:100000;}
  437.  
  438. #faixa9 { position:fixed;opacity:1; margin-top:290px; margin-left:50px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebar}; font-family: verdana; font-size:9px; height:5px;width:36px;-webkit-transform: rotate(0deg);z-index:100000;}
  439.  
  440. #faixa10 { position:fixed;opacity:1; margin-top:350px; margin-left:50px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebar}; font-family: verdana; font-size:9px; height:5px;width:36px;-webkit-transform: rotate(0deg);z-index:100000; }
  441.  
  442.  
  443.  
  444. #faixatop { position:fixed;opacity:1; margin-top:-103px; margin-left:-10px; position:fixed;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebar}; font-family: verdana; font-size:9px; height:105px;width:1250px;-webkit-transform: rotate(0deg);z-index:10000000000;background-image: url('{image:faixa}');border:2px solid {color:sidebar};z-index:10;}
  445.  
  446.  
  447.  
  448. #sidbar { position:fixed;opacity:1; margin-top:0px; margin-left:81px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebar}; font-family: verdana; font-size:9px; width:366px; font-style: none; color: {color:text}; height:399px; padding: 2px; text-align: center; {color:sidebar};box-shadow: 5px 5px 9px {color:efeito}; border:6px double #fff;
  449. background-image: url('{image:background}');-webkit-border-bottom-right-radius: 50px;
  450. -moz-border-radius-bottomright: 50px;
  451. border-bottom-right-radius: 50px;}
  452.  
  453. #sidbar2 { position:fixed;opacity:1; margin-top:0px; margin-left:-5px; position:absolute;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; position: fixed; background-color:{color:sidebar}; font-family: verdana; font-size:9px; width:80px; font-style: none; color: {color:text}; height:405px; padding: 2px; text-align: center; {color:sidebar};box-shadow: 5px 5px 9px {color:efeito}; border-left:2px dashed {color:sidebar};border-bottom:5px solid {color:sidebar}; border-right:2px double {color:sidebar}; {color:sidebar};
  454. background-image: url('{image:bgsidebar2}');}
  455.  
  456. #taytay {width: 0px; float: left; margin-left:1px; height:50px; margin-top:135px; padding: 6px; text-align: center; position: fixed; background-color: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index:10000000000000000000000000000000000000000000000000000000000000; }
  457.  
  458. #taytay a {float: left; margin-right: 0px; display: block; width: 45px; letter-spacing: 0px; font-family: milonga; font-size: 12px; text-align: center; margin-left: 5px; background-color: {color:sidebar}; color: {color:links}; margin-bottom: 12px; height:40px; border:2px dotted {color:fr}; line-height:29px; padding: 3px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-top:1px; text-shadow:0px 6px 9px #fff; z-index:10000000000000000000000000000000000000000000000000000000000000; -webkit-box-shadow: 0 12px 14px -6px #aaa;}
  459.  
  460. #taytay a:hover {-webkit-animation-name: tay;-webkit-animation-duration: 0.29s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear; text-shadow:0px 4px 7px #000; background-color:{color:bglinksh};color:{color:linksh};}
  461.  
  462. @-webkit-keyframes tay {
  463. 0% {opacity: 1; color:{color:sidebar}; text-shadow:0px 4px 7px #000;background-color: {color:faixa2};}
  464. 50% {box-shadow: inset 100px 0px 0px 0px #fff; color:{color:text}; text-shadow:0px 4px 7px #000; }
  465. 100% {opacity: 1;color:{color:sidebar}; text-shadow:0px 4px 7px #000;background-color: {color:faixa2};}
  466. }
  467.  
  468.  
  469.  
  470.  
  471.  
  472. #links2 {width: 5000px; float: left; margin-left:150px; height:50px; margin-top: -35px; padding: 6px; text-align: center; position: fixed; background-color: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index:100000000; }
  473.  
  474. #links2 a {float: left; margin-right: 0px; display: block; width: 105px; letter-spacing: 0px; font-family: milonga; font-size: 14px; text-align: center; margin-left: 5px; background-color: {color:bglinks}; color: {color:links}; text-decoration: none; height:16px; line-height:15px; padding: 3px; border:1px dashed #fc6b9e; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-top:1px; text-shadow:0px 2px 10px #333; background:{color:bglinks};}
  475. #links2 a:hover{-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;text-align: center; background:#EE799F; color:#ffffff; box-shadow: inset 0 0 0 15px rgba(255,255,255,0.3), 0 0px 0px rgba(0,0,0,0.4);
  476. }
  477.  
  478. #links3 {width: 5000px; float: left; margin-left:30px; height:50px; margin-top: -35px; padding: 6px; text-align: center; position: fixed; background-color: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index:1000; }
  479.  
  480. #links3 a {float: left; margin-right: 0px; display: block; width: 90px; letter-spacing: 0px; font-family: milonga; font-size: 14px; text-align: center; margin-left: 5px; background-color: {color:sidebar}; color: {color:links}; text-decoration: none; height:16px; line-height:15px; padding: 3px; border:1px dashed #fc6b9e; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-top:1px; text-shadow:0px 2px 10px #333; background:{color:bglinks};box-shadow: 5px 5px 50px {color:efeito};-webkit-transform: rotate(-0deg);}
  481. #links3 a:hover{-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;text-align: center; background:#EE799F; color:#ffffff; box-shadow: inset 0 0 0 15px rgba(255,255,255,0.3), 0 0px 0px rgba(0,0,0,0.4);
  482. }
  483.  
  484.  
  485. #links4 {width: 5000px; float: left; margin-left:290px; height:50px; margin-top: -35px; padding: 6px; text-align: center; position: fixed; background-color: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index:100000000; }
  486.  
  487. #links4 a {float: left; margin-right: 0px; display: block; width: 90px; letter-spacing: 0px;font-family:milonga; font-size: 14px; text-align: center; margin-left: 5px; background-color: {color:bglinks}; color: {color:links}; text-decoration: none; height:16px; line-height:15px; padding: 3px; border:1px dashed #fc6b9e; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-top:1px; text-shadow:0px 2px 10px #333; background:{color:bglinks};}
  488. #links4 a:hover{-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;text-align: center; background:#EE799F; color:#ffffff; box-shadow: inset 0 0 0 15px rgba(255,255,255,0.3), 0 0px 0px rgba(0,0,0,0.4);
  489. }
  490.  
  491.  
  492. #links5 {width: 5000px; float: left; margin-left:374px; height:50px; margin-top: 405px; padding: 6px; text-align: center; position: fixed; background-color: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
  493.  
  494. #links5 a {float: left; margin-right: 0px; display: block; width: 19px; letter-spacing: 0px; font-family: calibri; font-size: 14px; text-align: center; margin-left: 5px; background-color: {color:sidebar}; color: {color:faixa2}; text-decoration: none; height:14px; line-height:15px; padding: 3px; border-bottom:2px dashed {color:ask}; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;-webkit-border-bottom-right-radius: 55px;
  495. -webkit-border-bottom-left-radius: 55px;
  496. -moz-border-radius-bottomright: 55px;
  497. -moz-border-radius-bottomleft: 55px;
  498. border-bottom-right-radius: 55px;
  499. border-bottom-left-radius: 55px;}
  500. #links5 a:hover{-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;text-align: center; background:#EE799F; color:#ffffff; box-shadow: inset 0 0 0 15px rgba(255,255,255,0.3), 0 0px 0px rgba(0,0,0,0.4);
  501. }
  502.  
  503. #links6 {width: 5000px; float: left; margin-left:-7px; height:50px; margin-top: 405px; padding: 6px; text-align: center; position: fixed; background-color: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
  504.  
  505. #links6 a {float: left; margin-right: 0px; display: block; width: 65px; letter-spacing: 0px; font-family: calibri; font-size: 14px; text-align: center; margin-left: 5px; background-color: {color:sidebar}; color: {color:faixa2}; text-decoration: none; height:14px; line-height:15px; padding: 3px; border-bottom:2px dashed {color:ask}; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;-webkit-border-bottom-right-radius: 30px;
  506. -webkit-border-bottom-left-radius: 30px;
  507. -moz-border-radius-bottomright: 30px;
  508. -moz-border-radius-bottomleft: 30px;
  509. border-bottom-right-radius: 30px;
  510. border-bottom-left-radius: 30px;}
  511. #links6 a:hover{-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;text-align: center; background:#EE799F; color:#ffffff; box-shadow: inset 0 0 0 15px rgba(255,255,255,0.3), 0 0px 0px rgba(0,0,0,0.4);
  512. }
  513.  
  514.  
  515.  
  516. a.dcontexto{
  517. position:relative;
  518. font:12px arial;
  519. padding:0;
  520. color:#039;
  521. text-decoration:none;
  522. z-index:99999999999999999999999999999999999;
  523. }
  524. a.dcontexto:hover{
  525. background:transparent;
  526. color:#666;
  527. z-index:999999999999999999999999;}
  528. a.dcontexto span{display: none;}
  529. a.dcontexto:hover span{
  530. display:block;
  531. position:absolute;
  532. width:70px;
  533. top:1px;
  534. text-align:center;
  535. left:-80px;
  536. font: 14px milonga;
  537. padding:1px 2px;
  538. background:#111;
  539. color:#fff; border-bottom:1px solid #000;
  540. border-radius:5px; z-index:9999999999999999999999;
  541. }
  542.  
  543. #fade { /*--Transparent background layer--*/
  544. display: none; /*--hidden by default--*/
  545. background: #000;
  546. position: fixed; left: 0; top: 0;
  547. width: 100%; height: 100%;
  548. opacity: .80;
  549. z-index: 10000000;
  550. }
  551. .popup_block{
  552. display: none; /*--hidden by default--*/
  553. background: #111;
  554. padding: 20px;
  555. border-left:4px dashed {color:ask}; border-right:4px dashed {color:ask}; border:12px double {color:ask};
  556. float: left;
  557. font-size: 1.2em;
  558. position: fixed;
  559. top: 50%; left: 50%;
  560. z-index:10000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;background-image:url('{image:faixa}');
  561. /*--CSS3 Box Shadows--*/
  562. -webkit-box-shadow: 0px 0px 20px #000;
  563. -moz-box-shadow: 0px 0px 20px #000;
  564. box-shadow: 0px 0px 20px #000;
  565. /*--CSS3 Rounded Corners--*/
  566. -webkit-border-radius: 10px;
  567. -moz-border-radius: 10px;
  568. border-radius: 10px;
  569. }
  570. img.btn_close {
  571. float: right;
  572. margin: -55px -55px 0 0;
  573. }
  574. /*--Making IE6 Understand Fixed Positioning--*/
  575. *html #fade {
  576. position: absolute;
  577. }
  578. *html .popup_block {
  579. position: absolute;
  580. }
  581.  
  582.  
  583. .lele {text-align:justify; font:34px 'rochester'; line-height:19px; padding:1px;padding-bottom:2px; color:{color:ask}; border-bottom: 2px double #transp; }
  584. .lele:hover {color:#666;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  585.  
  586.  
  587.  
  588.  
  589. /* --- vish -----*/
  590.  
  591. .vish1 {display : block; font-family: muli; font-size: 12px; line-height: 15px; margin-bottom : 1px; vertical-align : middle; text-indent : 0px; padding: 2px 2px 2px 6px; background: #000; ;border-left: 5px solid #222; border-right: 5px solid #222; color: #fff; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; text-align: left;}
  592.  
  593. .vish1 a{ color:{color:text};}
  594.  
  595. .vish1:hover {color:; -webkit-transition: all 0.10s ease-out; -moz-transition: all 0.10s ease-out; color:{color:ask}; border-left:6px solid {color:ask};}
  596.  
  597. #tra { position:fixed;width:00px; height:360px; margin-top:-250px; background-color: transparent ; padding: 1px; margin-left: 591px;z-index:10000000; }
  598. #tra img { position:absolute; top:0; left: 0; width:650px; height:280px; padding: 1px;z-index:10000000;}
  599. #tra img.active { z-index: 0; }
  600. #tra img.last-active { z-index: 0; }
  601.  
  602.  
  603.  
  604. #tay1 {width: 29px; position: fixed; padding: 8px; background-color: transparent; margin-left: 30px; margin-top: 60px; color:{color:as}; font-size: 27px; -webkit-transform: rotate(-180deg);z-index:100000000;}
  605.  
  606. #tay2 {width: 29px; position: fixed; padding: 8px; background-color: transparent; margin-left: 0px; margin-top: 90px; color:{color:ask}; font-size: 27px; -webkit-transform: rotate(-180deg);z-index:100000000;}
  607.  
  608. #tay3 {width: 29px; position: fixed; padding: 8px; background-color: transparent; margin-left: 0px; margin-top: 30px; color:{color:ask}; font-size: 27px; -webkit-transform: rotate(-180deg);z-index:100000000;}
  609.  
  610.  
  611. </style>
  612. <script type="text/javascript"
  613. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  614.  
  615.  
  616. </div>
  617.  
  618.  
  619. <script>
  620.  
  621.  
  622.  
  623. $(document).ready(function() {
  624.  
  625. //
  626.  
  627.  
  628.  
  629. //When you click on a link with class of poplight and the href starts with a #
  630.  
  631. $('a.poplight[href^=#]').click(function() {
  632.  
  633. var popID = $(this).attr('rel'); //Get Popup Name
  634.  
  635. var popURL = $(this).attr('href'); //Get Popup href to define size
  636.  
  637.  
  638.  
  639. //Pull Query & Variables from href URL
  640.  
  641. var query= popURL.split('?');
  642.  
  643. var dim= query[1].split('&');
  644.  
  645. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  646.  
  647.  
  648.  
  649. //Fade in the Popup and add close button
  650.  
  651. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lrumtrIPQm1qgnots.png" class="btn_close" title="volte baby" alt="Close" /></a>');
  652.  
  653.  
  654. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  655.  
  656. var popMargTop = ($('#' + popID).height() + 80) / 2;
  657.  
  658. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  659.  
  660.  
  661.  
  662. //Apply Margin to Popup
  663.  
  664. $('#' + popID).css({
  665.  
  666. 'margin-top' : -popMargTop,
  667.  
  668. 'margin-left' : -popMargLeft
  669.  
  670. });
  671.  
  672.  
  673.  
  674. //Fade in Background
  675.  
  676. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  677.  
  678. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  679.  
  680.  
  681.  
  682. return false;
  683.  
  684. });
  685.  
  686.  
  687.  
  688. //Close Popups and Fade Layer
  689.  
  690. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  691.  
  692. $('#fade , .popup_block').fadeOut(function() {
  693.  
  694. $('#fade, a.close').remove(); //fade them both out
  695.  
  696. });
  697.  
  698. return false;
  699.  
  700. });
  701.  
  702.  
  703.  
  704.  
  705.  
  706. });
  707. </script>
  708.  
  709.  
  710. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  711. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  712. <script type="text/javascript">
  713. $(window).load(function () {
  714. $('#entries').masonry(),
  715. $('.masonryWrap').infinitescroll({
  716. navSelector : ".entry",
  717. nextSelector : "#page a#p",
  718. itemSelector : ".entry",
  719. bufferPx : 10000,
  720. extraScrollPx: 10000,
  721. loadingImg : "",
  722. loadingText : "",
  723. },
  724. function() { $('#entries').masonry({ appendedContent: $(this) }); }
  725. );
  726. });
  727. </script>
  728.  
  729. </script>
  730. </head>
  731. <body onkeydown="return false">
  732.  
  733. <body>
  734. <div id="center">
  735. <div class="imagem" class="hover">
  736. <img class="bottom shadow" src="{image:foto}"style="-webkit-filter: grayscale(100%);" >
  737. <img class="top shadow" src="{image:foto}" /></div>
  738. </div>
  739. </div>
  740. </div>
  741. <div id="tata">{text:frase}</div>
  742. <div id="faixa"></div>
  743. <div id="faixatop"></div>
  744. <div id="faixa2"></div>
  745. <div id="faixa3"></div>
  746. <div id="faixa5"></div>
  747. <div id="faixa6"></div>
  748. <div id="faixa7"></div>
  749. <div id="faixa8"></div>
  750. <div id="faixa9"></div>
  751. <div id="faixa10"></div>
  752. <div id="faixa22"></div>
  753. <div id="faixa44"></div>
  754. <div id="sidbar"></div>
  755. <div id="sidbar2"></div>
  756. <div id="oi23"><div id="oi22">❝</div></div></div>
  757.  
  758.  
  759. <div id="taytay">
  760. <a href="{text:Link2}" title=""class="" title="{text:Link2 Title}"><img height="40" src="http://media.tumblr.com/86c32c46ef7cab6615091bc36e260452/tumblr_inline_mjpdfoWVsV1qz4rgp.jpg "width="42"><span></a>
  761.  
  762. <a href="{text:Link3}" title=""class="" title="{text:Link3 Title}"><img height="40" src="http://media.tumblr.com/58da0dcb734dbf9ef73887cd744d3e62/tumblr_inline_mhg9dmNQJq1qz4rgp.png "width="42"><span></a>
  763.  
  764. <a href="{text:Link4}" title=""class="" title="{text:Link4 Title}"><img height="40" src="http://media.tumblr.com/af368d31e92786f451c37ae6bc9f6fce/tumblr_inline_mhg9gcBrCt1qz4rgp.png "width="42"><span></a>
  765.  
  766. <a href="{text:Link5}" title=""class="" title="{text:Link5 Title}"><img height="40" src="http://media.tumblr.com/da90b8dad1c4063421a7420c2ab34feb/tumblr_inline_mhg9hmJy4l1qz4rgp.png "width="42"><span></a>
  767.  
  768.  
  769.  
  770. </div>
  771. </div>
  772.  
  773.  
  774. <div id="links2">
  775. <a href="{text:Link6}">{text:Link6 Title}</a>
  776. </div>
  777. </div>
  778.  
  779. <div id="links3">
  780. <a href="{text:Link7}">{text:Link7 Title}</a>
  781. </div>
  782. </div>
  783.  
  784. <div id="links4">
  785. <a href="{text:Link8}">{text:Link8 Title}</a>
  786. </div>
  787. </div>
  788.  
  789. <div id="links5">
  790. <a href="" title=" forever barbie girl.">♥</a>
  791. </div>
  792. </div>
  793.  
  794. <div id="links6">
  795. <a href="{text:Link1}">{text:Link1 Title}</a>
  796. </div>
  797. </div>
  798.  
  799. <div id="ha"><div id="haha3">{Description}</div></div>
  800. <div style="z-index:1000;display:block;top:7px;left:05px;font-size:17px;font-family:Rochester;position:fixed; height:14px; line-height:13px; border-radius: 3px; width:79px;color:{color:ask}; border-radius-bottom: 10px; padding:3px;"><a href="http://superar-r.tumblr.com" title="Credits: Feito por Superar, florzinhas by d-epressiva. Don't copy. ">Superar-r <font color="{color:ask}">©</font></a></div>
  801.  
  802. <div id="tra"><img src="http://static.tumblr.com/fzbupk7/34gmmymi5/flor.png" alt="" title="" /></div>
  803.  
  804.  
  805. <div id= "tay1">✿</div>
  806. <div id= "tay2">✿</div>
  807. <div id= "tay3">✿</div>
  808.  
  809.  
  810.  
  811. <div id="page">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:Pagination}{/block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  812. </div></div></div>
  813. </div>
  814.  
  815. </div></div></div>
  816.  
  817. <div id="boxtay">{block:Posts}<div class="box">
  818. {block:IndexPage}<div class="hvr">
  819. <div class="like"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div>
  820. <div class="reb"><a href="{reblogurl}" target="_blank"><img src="http://i.imgur.com/tPtZI.png" width="30"/></a></div>
  821. <div class="nts"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  822.  
  823.  
  824. {block:Quote}<div class="quote">"{Quote}"</div>
  825. <div class="taysource">{Source}</div>{/block:Quote}
  826.  
  827. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>
  828. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  829.  
  830.  
  831. {block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  832.  
  833. {block:Text}{block:Title}<div class="titulo3">{Title}</div>{/block:Title}{Body}{/block:Text}
  834.  
  835.  
  836. {block:Link}<div class="titulo3"><a href="{URL}">{Name}</a></div>
  837. {block:Description}{Description}{/block:Description}{/block:Link}
  838.  
  839. {block:Audio}{block:AlbumArt}<img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >{/block:AlbumArt}<div class="trackid2">{AudioPlayerGrey}</div>{block:TrackName}<div class="paly">"{TrackName}"</div>{/block:TrackName}
  840.  
  841. {block:Artist}<div class="play">{Artist}</div>{/block:Artist}<div class="play">({PlayCount}) plays</div>{/block:Audio}
  842.  
  843. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  844.  
  845.  
  846. {block:Video}{block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}{block:PermalinkPage}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  847.  
  848. {block:Answer}
  849. <div class="caixa">
  850. <img src="{AskerPortraitURL-64}" align="left" class="askfoto">
  851. <div class="pergunta">
  852. <div class="perguntou"><g>{Asker}</g> <small> perguntou: </small></div>
  853. {Question}
  854. </div><br>
  855. {Answer}
  856. </div>
  857. {/block:Answer}</div>
  858.  
  859. {block:PermalinkPage}<div class="box">{block:Date}<div class="extra1">Postado {TimeAgo} com {NoteCountWithLabel}</div>{/block:Date}
  860.  
  861. {block:RebloggedFrom}<div class="extra1">Reblogado de: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>. Postado por: {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  862.  
  863. {block:PostNotes}<div class="box">{PostNotes}</div>{/block:PostNotes}{/block:Posts}
  864.  
  865. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  866.  
  867. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  868.  
  869. {block:IndexPage}<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script><script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script><iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  870. <script type="text/javascript">
  871. $(window).load(function(){
  872. var $wall = $('#boxtay');
  873. $wall.imagesLoaded(function(){
  874. $wall.masonry({
  875. itemSelector: '.box',
  876. isAnimated : true
  877. });
  878. });
  879. $wall.infinitescroll({
  880. navSelector : "div#navigation",
  881. nextSelector : "div#navigation a#nextPage",
  882. itemSelector : '.box',
  883. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  884. loadingText : " ",
  885. donetext : " ",
  886. extraScrollPx : 9000,
  887. bufferPx : 10000,
  888. debug : false,
  889. errorCallback: function() {
  890. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  891. }},
  892. function( newElements ) {
  893. var $newElems = $( newElements );
  894. $newElems.hide();
  895. $newElems.imagesLoaded(function(){
  896. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  897. });
  898. }); $('#boxtay').show(500);
  899. });
  900. </script>{/block:IndexPage}</div></div></body></html>
  901. </body>
  902. </html><div style="width:85px;position:fixed;font-family:'Cursive standard';text-aling:center; height:30px;text-transform:none;right:25px;bottom:55px;">
  903. <a href="javascript:;" id="scrollToTop"title="back to top."><font color=" {color:ask}">↑</a></font></div>
  904. </div></div>
  905.  
  906.  
  907.  
  908.  
  909.  
  910. </div>
  911. </div>
  912. </div>
  913. </body>
  914. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!