Advertisement
Uma-deus4

Vibe

Dec 22nd, 2013
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.18 KB | None | 0 0
  1. <html>
  2.  
  3. <!-----------POR blindar-te, NUNCA RETIRE OS CRÉDITOS ESSE THEME É PROTEGIDO E EU TENHO COMO PROVAR.--------------->
  4. <head>
  5.  
  6.  
  7. <!-- start of script tooltip -->
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9.  
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11.  
  12. <script>
  13.  
  14. (function($){
  15.  
  16. $(document).ready(function(){
  17.  
  18. $("a[title]").style_my_tooltips({
  19.  
  20. tip_follows_cursor:true,
  21.  
  22. tip_delay_time:90,
  23.  
  24. tip_fade_speed:600,
  25.  
  26. attribute:"title"
  27.  
  28. });
  29.  
  30. });
  31.  
  32. })(jQuery);
  33.  
  34. </script>
  35.  
  36. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  37.  
  38. <script type="text/javascript">
  39. $(window).load(function(){
  40. var $wall = $('#box');
  41. $wall.imagesLoaded(function(){
  42. $wall.masonry({
  43. itemSelector: '.post',
  44. isAnimated : true
  45. });
  46. });
  47. $wall.infinitescroll({
  48. navSelector : "div#navigation",
  49. nextSelector : "div#navigation a#nextPage",
  50. itemSelector : '.post',
  51. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  52. loadingText : " ",
  53. donetext : " ",
  54. extraScrollPx : 9000,
  55. bufferPx : 10000,
  56. debug : false,
  57. errorCallback: function() {
  58. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  59. }},
  60. function( newElements ) {
  61. var $newElems = $( newElements );
  62. $newElems.hide();
  63. $newElems.imagesLoaded(function(){
  64. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  65. });
  66. }); $('#box').show(500);
  67. });
  68. </script>
  69.  
  70.  
  71.  
  72. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script>
  73. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  74. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  75. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  76.  
  77. <meta name="color:background" content="#dddddd" />
  78. <meta name="color:text" content="#aaaaaa" />
  79. <meta name="color:post" content="#ffffff" />
  80. <meta name="color:tags" content="#1b1b1b" />
  81. <meta name="color:scroll" content="#aaaaaa" />
  82. <meta name="color:link text" content="#aaaaaa"/>
  83. <meta name="color:link text hover" content="#1b1b1b"/>
  84. <meta name="color:bg ask" content="#eeeeee" />
  85. <meta name="color:negrito" content="#222" />
  86. <meta name="color:italico" content="#1b1b1b" />
  87. <meta name="color:sublinhado" content="#1b1b1b" />
  88. <meta name="image:sidebar" content="http://static.tumblr.com/0aa23e7f3ad4dec2866dbef4b535bc94/yivkibe/8TJmy5ujs/tumblr_static_tumblr_mwsccqnfei1sumnv2o1_500.jpg"/>
  89. <meta name="image:background" content=""/>
  90. <meta name="text:frase" content="I believe I can fly"/>
  91.  
  92.  
  93. <meta name="text:link1" content="/" />
  94. <meta name="text:Link1 Title" content="link" />
  95. <meta name="text:Link2" content="/" />
  96. <meta name="text:Link2 Title" content="link" />
  97. <meta name="text:Link3" content="/" />
  98. <meta name="text:Link3 Title" content="link" />
  99. <meta name="text:Link4" content="/" />
  100. <meta name="text:Link4 Title" content="link" />
  101. <meta name="text:Link5" content="/" />
  102. <meta name="text:Link5 Title" content="link" />
  103.  
  104. <title>{Title}</title>
  105. <link rel="shortcut icon" href="{favicon}">
  106. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  107. {block:Description}
  108. <meta name="description" content="{MetaDescription}" />
  109. {/block:Description}
  110.  
  111. <style type="text/css">
  112. body{color:#aaa;
  113. background-color:#fff;
  114. background-image:url({image:Background});
  115. background-repeat: repeat;
  116. font-family: calibri;
  117. font-size: 12px;}
  118.  
  119. #s-m-t-tooltip {
  120.  
  121. max-width:300px; /* largura máxima */
  122.  
  123. background:#aaa; /* cor do background */
  124.  
  125. font-size:10px; /* tamanho da fonte */
  126.  
  127. color:#fff; /* cor da fonte */
  128.  
  129. letter-spacing:1px; /* espaçamento da fonte */
  130.  
  131. text-transform:uppercase; /* uppercase(maiúscula), lowercase(minúscula) ou none(nenhum) */
  132.  
  133. padding:3px 4px 3px 4px; /* tamanho do padding */
  134.  
  135. margin:20px 0px 0px 20px; /* tamanho da margem */
  136.  
  137. z-index:999999999999999999999999999999999999;}
  138.  
  139. 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; }
  140.  
  141. a {color: {color:text}; text-decoration: none; text-transform: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  142. a:hover {color: {color:text}; background-color: transparent; text-decoration: none; -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}
  143. a:visited, a:link, a:active {text-decoration: none; color:#222;}
  144.  
  145.  
  146. #box{margin-left:400px;width:800px;margin-top:1px;z-index:9999999999999999999999999999999;{block:IfOneColumns}width:602px;{/block:IfOneColumns};}
  147.  
  148. .post{position: relative;margin:2px;float: left;margin-left: 10px;-webkit-transition: all 1s ease-in-out;background-color:#ffffff; overflow: hidden;padding: 5px;border:1px solid #eee;-ms-animation: post 1.8s; -moz-animation: post 1.8s; -webkit-animation: post 1.8s;float: left;margin:1px ;;color:#aaa;{block:IndexPage} width: 300px; position: relative; {/block:IndexPage} {block:PermalinkPage} width: 300px; {/block:PermalinkPage} }
  149.  
  150.  
  151. .post img{max-width:300px;-webkit-filter: grayscale(0%);transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;
  152. -o-transition-duration: 1s;opacity:1.0;{block:IfOneColumns}max-width:270px;{/block:IfOneColumns};}
  153.  
  154. .post img:hover { -webkit-filter: grayscale(100%);{block:IfOneColumns}max-width:270px;{/block:IfOneColumns};}
  155.  
  156.  
  157. h1 {font-weight:normal; text-align:center;font-size: 15px; font-family:cambria; line-height: 21px; text-indent:2px; padding: 3px; font-style:italic; margin-top:0px;}
  158.  
  159. h3 {font-weight:normal; text-align:center;font-size: 15px; font-family:cambria; line-height: 21px; text-indent:2px; padding: 3px; font-style:italic; margin-top:0px;}
  160.  
  161. /***❥****blindar-te*****❥***/
  162. ::-webkit-scrollbar-thumb:vertical {
  163. background-color: {color:scroll};
  164. height: 50px;}
  165.  
  166. ::-webkit-scrollbar-thumb:horizontal {
  167. background-color: {color:scroll};
  168. height: 10px;}
  169.  
  170. ::-webkit-scrollbar {
  171. height: 5px;
  172. width: 5px;
  173. background-color: #eee;}
  174.  
  175.  
  176. .musicmh { background: #fff; padding: 3px; margin-bottom: 2px; }
  177. .musicountmh { background: {color:background}; padding: 5px; margin-bottom: 2px;margin-left: 15px;margin-left: 68px; color: #fff; }
  178. .musicaptionmh { background:{color:background}; padding: 2px; margin-bottom: 2px; margin-left: 68px;color: #aaa; font-size: 11px;}
  179. .fotoalign {float: left; display: inline-block;}
  180.  
  181. /***blindar-te***/
  182. .quote {font-family:'muli';font-size:10px;text-align: justify;margin-left:3px;}
  183. .source {font-family:'calibri';color:{color:text};font-size: 10px;padding:5px;background:#eee;text-align:center;text-transform:uppercase;width:auto;}
  184. .source a, a:hover{text-transform: none;}
  185.  
  186. b{color:{color:negrito};}
  187.  
  188. u {color:{color:link}; border-bottom: 1px dotted {color:sublinhado}; text-decoration:none; }
  189.  
  190. i{color:{color:italico};}
  191.  
  192. /*ESTILO DE ASK POR HTML-PARTY*/
  193. .boxask {background: #eee; padding: 8px; font: normal 11px 'play'; text-align:left; border-radius: 3px; z-index: 1;}
  194. .seta {background: #eee; width: 10px; height: 10px; -webkit-transform: rotate(45deg); margin-left: 20px; margin-top: -5px; z-index: 1;}
  195. .perguntou a {font-size: 10px; font-family: 'calibri'; text-transform: uppercase;margin-left: 29px;color:#1b1b1b;}
  196. .perguntou img {-webkit-border-radius: 5px;
  197. -moz-border-radius: 5px;
  198. border-radius: 5px;margin-left:14px;margin-top:-5px;position:absolute;}
  199. .resposta {border-top:1px solid #eee; width:98%;}
  200.  
  201. /*blindar-te*/
  202. #page {font-family:verdana;font-size:20px;margin-top: 100px; margin-left:200px;}
  203. #page a:hover {color:{color:negrito};}
  204.  
  205. /* Chat personalizado */
  206.  
  207. .chat {background: #eee;
  208. font-size: 12px;
  209. font-family: 'Play';
  210. -webkit-transition-duration: 0.7s;}
  211. .chat:hover {margin-left: 5px;}
  212.  
  213. .chat .lines {font-family: 'Play', sans-serif;
  214. border-radius: 3px;
  215. padding: 6px;
  216. margin-bottom: 2px;
  217. font-size: 11px;
  218. color: #aaa;
  219. background:#eee;
  220. -webkit-transition-duration: .7s;}
  221. .chat .lines:hover {background: #eee;
  222. color: #aaa;}
  223.  
  224. .chat .lines span {font-weight: bold;}
  225.  
  226. #tumblr_controls{position: fixed!important}
  227. #tumblr_controls{position: fixed!important}
  228. #tumblr_controls{position: fixed!important}
  229. #tumblr_controls{position: fixed!important}
  230.  
  231. /********blindar-te************/
  232. #baby{margin-left:10px; display:none;font-size: 10px;}
  233.  
  234. #perma {color: {color:text}; text-align: center; font-size: 10px;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; background-color:#;-webkit-border-radius: 0px 0px 0px 0px; padding-top: 2px;border-top:1px solid #ededed;font-family:'play';}
  235. #perma a {font-size: 10px;color: {color:text}; opacity:10;}
  236. #perma a:hover {opacity:0.6;color: {color:tags};text-shadow:0px 0px 10px {color:tags};}
  237. ui {list-style: none; text-transform: uppercase;}
  238. #tags {color: {color:text}; font-size: 10px;display: inline; list-style: none;}
  239. #tags a {font-size: 10px;font-style:italic; display: inline; list-style: none; text-transform: uppercase;}
  240.  
  241. /****blindar-te dtlh. *****/
  242.  
  243. #sidebar {width:221px;ackground-position:-170px; padding-top:15px; float: left; margin-left:75px; position:fixed; background: url({image:sidebar});height: 100%; margin-top: -30px; margin-bottom: -30px; -webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s; overflow: hidden;}
  244. #sidebar:hover{background-position:-250px;-moz-transition: all 1s;transition: all 1s;}
  245.  
  246. #sidebar:hover .dog{margin-right: 0px; opacity:1; -webkit-transition-delay: .8s; -moz-transition-delay: .8s;margin-top:15px;}
  247.  
  248. #sidebar h1 {color:#fff; font-family:'Parisienne'; font-size:25px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:10px; text-align:left; font-style: normal !important;}
  249.  
  250. .dog{margin-left:0px; opacity:0; -webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;text-indent:10px;}
  251.  
  252. .menu {background:rgba(0,0,0,0.4);padding: 5px;width:221px;margin-left:-9px;text-align:center;}
  253. .menu a {color:#eee;font-family:'calibri';text-transform:uppercase;font-size: 11px;-moz-transition: all 1s;transition: all 1s;}
  254. .menu a:hover {-moz-transition: all 1s;transition: all 1s;color:#222;}
  255.  
  256. .caixasidebar {height:215px;padding: 5px; margin-bottom: 7px; left:0px;}
  257.  
  258. .descri {width:170px;margin-top:238px;margin-left:20px;font-family:'calibri';color:{color:text};position: absolute;font-size: 10px;padding:5px;background:#eee;text-align:center;text-transform:uppercase;}
  259.  
  260. .dtlh {font-size:32;color:#eee;margin-top:245px;margin-left:95px;position:absolute;}
  261.  
  262. /** detalhe por catedrais **/
  263. .perma2 {width:284px; background:rgba(0,0,0,0.4); top:-35px; padding:8px; text-align:right; word-spacing:10px; position:absolute;-webkit-transition-duration: .40s; opacity:0; }
  264. .perma2 a {font-size:10px; font-family:calibri; letter-spacing:1px; text-transform:uppercase; color:#ffffff; }
  265. .perma2 a:hover {color:#ffffff;}
  266. hh2 { font-size:9px; padding-left:3px;}
  267. #likeu2 {margin-left:2px; margin-top:0px; background:; z-index:1338; position:absolute;} .post:hover .perma2 {top:4px; opacity:1;}
  268. #notc {text-transform:uppercase; line-height:18px; letter-spacing:1px; font-size:11px;}
  269. #notc a {text-transform:none;}
  270. h3 {font-weight:normal; text-align:justify;font-size: 13px; font-family:calibri; line-height: 21px; text-indent:2px; padding: 5px; margin-top:0px;}
  271. .source {margin-top: -12px; text-align:center; border-top:1px solid #eee; font-size:10px; font-family:'calibri';padding-right:8px; padding-top:5px; padding:5px; -webkit-transition-duration: .1s;color:#aaa; }
  272.  
  273. /*blindar-te*/
  274.  
  275. #credit a {display:block;top:7px;margin-left:-51px;position:fixed; background:#fff;padding:4px;z-index:999;border: 1px solid #eee;font-family:'calibri';font-size:11px;text-transform:uppercase;color:#aaa;}
  276. #credit a:hover {margin-left:-5px;}
  277. .bug {background:#fff;width:10;display:block;top:0px;left:0px;position:fixed;color:transparent;}
  278.  
  279. </style>
  280.  
  281. <body>
  282.  
  283. <div id="sidebar">
  284. <h1 class="dog">i believe i can fly</h1>
  285. <div class="caixasidebar">
  286. <div class="menu">
  287. <a href="{text:Link1}">{text:Link1 title}</a>
  288. <a href="{text:Link2}" >{text:Link2 title}</a>
  289. <a href="{text:Link3}" >{text:Link3 title}</a>
  290. <a href="{text:Link4}" >{text:Link4 title}</a>
  291. </div></div>
  292.  
  293.  
  294. <div id="page">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}{/block:Pagination}
  295. {block:Pagination}{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  296. </div>
  297.  
  298.  
  299. </div>
  300. <div id="box">
  301. {block:Posts}
  302. <div class="post">
  303.  
  304. {block:Title}<h1>{Title}</h1>{/block:Title}
  305.  
  306.  
  307. {block:Link}<a href="{URL}" {Target}><h3>{Name}&nbsp;</h3>{/block:Link}
  308.  
  309. {block:Text}{Body}<div id="perma">
  310. <bottom>
  311. <a href="{Permalink}">{TimeAgo}</a> -
  312. <a href="{Permalink}">{NoteCountWithLabel}</a>
  313. {block:RebloggedFrom} - <a href="{SourceURL}">Originally </a>{/block:RebloggedFrom}
  314. - <a href="{ReblogURL}" target="_blank">Reblog</a>
  315. </bottom></span>
  316. </div>{/block:Text}
  317.  
  318. <center>{block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" ></div>{LinkCloseTag} <div class="perma2">
  319. <div id="likeu2">{LikeButton color="white" size="15"}</div>
  320. <a href="{Permalink}">{NoteCount}<hh2>notas</hh2></a>
  321. <a href="{ReblogURL}" target="_blank">reblog</a>
  322. </div>{/block:Photo}</center>
  323.  
  324. {block:Photoset}<center>{Photoset-250}</center>{block:Caption}{Caption}{/block:Caption} <div class="perma2">
  325. <div id="likeu2">{LikeButton color="white" size="15"}</div>
  326. <a href="{Permalink}">{NoteCount}<hh2>notas</hh2></a>
  327. <a href="{ReblogURL}" target="_blank">reblog</a>
  328. </div>{/block:Photoset}
  329.  
  330. {block:Quote}
  331. <h3>{Quote}</h3>
  332. <div class="source"><b>{Source}</b></div>
  333. <div id="perma">
  334. <bottom>
  335. <a href="{Permalink}">{TimeAgo}</a> -
  336. <a href="{Permalink}">{NoteCountWithLabel}</a>
  337. {block:RebloggedFrom} - <a href="{SourceURL}">Originally </a>{/block:RebloggedFrom}
  338. - <a href="{ReblogURL}" target="_blank">Reblog</a>
  339. </bottom></span>
  340. </div>
  341. {/block:Quote}
  342.  
  343. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}
  344. <div id="perma">
  345. <bottom>
  346. <a href="{Permalink}">{TimeAgo}</a> -
  347. <a href="{Permalink}">{NoteCountWithLabel}</a>
  348. {block:RebloggedFrom} - <a href="{SourceURL}">Originally </a>{/block:RebloggedFrom}
  349. - <a href="{ReblogURL}" target="_blank">Reblog</a>
  350. </bottom></span>
  351. </div>
  352. {/block:Link}
  353.  
  354. {block:Chat}
  355. {block:Lines}
  356. <div class="chat">
  357. <div class="lines">
  358. {block:Label}
  359. <span>
  360. {Label}
  361. </span>
  362. {/block:Label}
  363. {Line}
  364. </div>
  365. </div>
  366. {/block:Lines}
  367. <div id="perma">
  368. <bottom>
  369. <a href="{Permalink}">{TimeAgo}</a> -
  370. <a href="{Permalink}">{NoteCountWithLabel}</a>
  371. {block:RebloggedFrom} - <a href="{SourceURL}">Originally </a>{/block:RebloggedFrom}
  372. - <a href="{ReblogURL}" target="_blank">Reblog</a>
  373. </bottom></span>
  374. </div>
  375. {/block:Chat}
  376.  
  377. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  378.  
  379. {block:Answer}
  380. <div class="boxask">{Question}</div>
  381. <div class="seta"></div><br>
  382. <div class="perguntou"><img src="{AskerPortraitURL-24}" border="0" align="left"/>&nbsp;&nbsp;
  383. {Asker}</div><br>
  384. <div class="resposta">{Answer}</div>
  385. <div id="perma">
  386. <bottom>
  387. <a href="{Permalink}">{TimeAgo}</a> -
  388. <a href="{Permalink}">{NoteCountWithLabel}</a>
  389. {block:RebloggedFrom} - <a href="{SourceURL}">Originally </a>{/block:RebloggedFrom}
  390. - <a href="{ReblogURL}" target="_blank">Reblog</a>
  391. </bottom></span>
  392. </div>
  393. {/block:answer}
  394.  
  395. {block:Audio}
  396. <div class="musicmh">{AudioPlayerwhite}</div>
  397. <div class="fotoalign">{block:AlbumArt}
  398. <img src="{AlbumArtURL}" width="68" height="64" >
  399. {/block:AlbumArt}</div>
  400. <div class="musicountmh"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  401. <div class="musicaptionmh">{block:Caption}{Caption}{/block:Caption}</div>
  402. <div id="perma">
  403. <bottom>
  404. <a href="{Permalink}">{TimeAgo}</a> -
  405. <a href="{Permalink}">{NoteCountWithLabel}</a>
  406. {block:RebloggedFrom} - <a href="{SourceURL}">Originally </a>{/block:RebloggedFrom}
  407. - <a href="{ReblogURL}" target="_blank">Reblog</a>
  408. </bottom></span>
  409. </div>
  410. {/block:Audio}
  411.  
  412. {block:permalinkpage}<div id="notc">
  413. {block:Date}Postado em {Month} {DayOfMonth}, {Year} às {24HourWithZero}:{Minutes}{/block:Date}
  414. {block:HasTags}<br>Tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  415. </div>
  416.  
  417. {block:permalinkpage}<div id="notc">
  418. </div>
  419.  
  420. {/block:permalinkpage}
  421.  
  422. {block:PostNotes}
  423. <br/>{NoteCount} notas:<br/>
  424. <a name="notes">
  425. {PostNotes}
  426. </a>
  427. {/block:PostNotes}
  428.  
  429. </div>
  430.  
  431. {/block:Posts}
  432. </div>
  433.  
  434. <!-------------CRÉDITOS--------------->
  435.  
  436. <div id="credit"><a href="http://blindar-te.tumblr.com/" title="Feito por Beeh">Credits ©</a>
  437. </div><div class="bug">©</div>
  438.  
  439. </body>
  440. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement