API tools faq
paste
JuuhOliva

Tema --

JuuhOliva
Mar 25th, 2016
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.91 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <!-- Theme base TOTALMENTE desenvolvido por Julliana (Melancolizava) Todos os detalhes foram creditados entre os códigos.
  4. ATENÇÃO: Favor, NÃO MUDAR o nome das divs. Serve como uma especie de crédito. -->
  5.  
  6. <a style="position:fixed; right:45px; bottom:45px; font-family:ARIAL; font-size:8px; color:{color:creditos}; background:transparent; " href="http://geada.co.vu/" title="Tema desenvolvido por melancolizava. "> <font color={color:frase}> ➤ </font> CRÉDITOS </a>
  7. <head>
  8.  
  9.  
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  12. <script>
  13. (function($){
  14. $(document).ready(function(){
  15. $("[title]").style_my_tooltips({
  16. tip_follows_cursor:true,
  17. tip_delay_time:20,
  18. tip_fade_speed:400,
  19. attribute:"title"
  20. });
  21. });
  22. })(jQuery);
  23. </script>
  24.  
  25. <script type="text/javascript">
  26. var rev = "fwd";function titlebar(val)
  27. {var msg = "{title}";
  28. var res = " ";
  29. var speed = 120;var pos = val;msg = "{title}";var le = msg.length;if(rev == "fwd"){if(pos < le){pos = pos+1;scroll = msg.substr(0,pos);document.title = scroll;timer = window.setTimeout("titlebar("+pos+")",speed);}
  30. else{rev = "bwd";
  31. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  32. else{
  33. if(pos > 0){
  34. pos = pos-1;var ale = le-pos;scrol = msg.substr(ale,le);document.title = scrol;timer = window.setTimeout("titlebar("+pos+")",speed);}
  35. else{rev = "fwd";timer = window.setTimeout("titlebar("+pos+")",speed);}}}
  36. titlebar(0);
  37. </script>
  38. <title>{Title}</title>
  39.  
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. <link rel="shortcut icon" href="{Favicon}"> {block:Description}
  42. <meta name="description" content="{MetaDescription}" /> {/block:Description}
  43.  
  44.  
  45. <meta name="color:creditos" content="#ccc"/>
  46. <meta name="color:frase" content="#000"/>
  47. <meta name="color:menu" content="#000"/>
  48. <meta name="color:source" content="#000"/>
  49. <meta name="color:fundo" content="#ffffff"/>
  50. <meta name="color:fundo da ask" content="#eeeeee"/>
  51. <meta name="color:titulo" content="#cd2626"/>
  52. <meta name="color:texto" content="#000"/>
  53. <meta name="color:links" content="#b8b8b8"/>
  54. <meta name="color:link hover" content="#cd2626"/>
  55. <meta name="color:estilolink" content="#bbe4d0"/>
  56.  
  57. <meta name="text:frase" content="Apologize" />
  58. <meta name="text:Link1" content="" />
  59. <meta name="text:Link1 Title" content="Link" />
  60. <meta name="text:Link2" content="" />
  61. <meta name="text:Link2 Title" content="Link" />
  62. <meta name="text:Link3" content="" />
  63. <meta name="text:Link3 Title" content="Link" />
  64. <meta name="text:Link4" content="" />
  65. <meta name="text:Link4 Title" content="Link" />
  66. <meta name="text:Link5" content="" />
  67. <meta name="text:Link5 Title" content="Link" />
  68.  
  69. <meta name="if:semfoto" content="0" />
  70.  
  71. <meta name="image:Background" content=""/>
  72. {/block:Description}
  73. </head>
  74.  
  75. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  76. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/z2jnb4r5z/jquery.js"></script>
  77. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/uRynb4r20/minifield.js"></script>
  78.  
  79. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  80.  
  81. <!--Estilos de Fontes -->
  82. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  83.  
  84. <!--Estilos de Fontes - FIM -->
  85.  
  86. <style type="text/css">
  87.  
  88. @import url(http://static.tumblr.com/cy91k7c/4EEnfop6l/animate.css);
  89. @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
  90.  
  91. body, a, a:hover {cursor: url( http://38.media.tumblr.com/tumblr_lr42upCqXm1qmvagu.png ), progress;}
  92.  
  93. /* CORPO DO THEME */
  94. body{background-color:{color:fundo}; background-image:url('{image:background}');background-attachment:fixed; background-repeat:no-repeat; background-position:center; -o-background-size:cover; -webkit-background-size:cover; color:{color:texto}; font-family: 'Roboto', sans-serif; font-size:12px; line-height:160%;}
  95.  
  96. a:link, a:active, a:visited {text-decoration:none;color:{color:links};}
  97.  
  98. #s-m-t-tooltip {max-width:300px; -webkit-border-radius: 0px 0px 0px 0px; padding:4px 4px 4px 4px;margin:15px 20px;background-color:#eee; font-family:baumans; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:#444444; z-index:99999999999999999999999999;box-shadow:1px 1px 1px #888}}
  99.  
  100.  
  101. a{text-decoration:none; color:{color:links}; transition:all 1s ease;}
  102. a:hover{color:{color:link hover}; background-color:transparent; text-decoration:none; cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default!important;}
  103.  
  104. #posts { position: relative;width:360px;{block:PermalinkPage}width:350px;{/block:PermalinkPage}padding:0;margin:5px;background:transparent; margin-top: 10px;}
  105.  
  106. #content {position:relative;width:360px;margin:0 0 20px 0;}
  107.  
  108.  
  109. .quote { font-size: 13px ; font-family: calibri; color: {color:texto}; }
  110. .source { font-size: 13px; text-transform: uppercase; margin-top: 10px; line-height: 1.7em; text-align: center; color: {color:source}; font-weight: bold; }
  111.  
  112. /* width da div #posts pra centralizar os posts */
  113. .centerposts {width:360px;
  114. margin-left:auto;
  115. margin-right:auto; text-align: justify ; }
  116.  
  117. /* FIM DA CENTRALIZAÇÃO */
  118.  
  119.  
  120.  
  121. /* ADICIONAIS */
  122. p{margin:6px 0 0 0}
  123. ul{list-style-type:circle;}
  124. blockquote{margin:2px 5px 2px 5px; padding:1px 0 3px 6px;}
  125.  
  126.  
  127. #title_text {
  128. text-align: center; text-transform:uppercase;font-size:12px; font-weight: bold; line-height:15px; color: {color: frase};
  129. }
  130.  
  131. .link {text-align: center; font-size: 17px; font-family: calibri; text-transform:uppercase; font-weight: italic;line-height: 1.8em; margin: 5px; background: {color:estilolink};-webkit-transition-duration:.8s;
  132. -moz-transition-duration:.8s;
  133.  
  134. }
  135. .link:hover { background: transparent;-webkit-transition-duration:.8s;
  136. -moz-transition-duration:.8s;
  137.  
  138. }
  139.  
  140. .text{ text-align: justify; font-size:12px; line-height:15px; color: {color: texto};border-left: 1px solid transparent;}
  141.  
  142. /* ESTILO DE ASK POR RESTRINGE MODIFICADO POR MELANCOLIZAVA */
  143.  
  144. #info {
  145. position:absolute;
  146. bottom:-20px;
  147. opacity:0;
  148. -webkit-transition-duration:.8s;
  149. -moz-transition-duration:.8s; background: transparent; text-transform: uppercase; font-size: 11px; font-family: calibri;}
  150.  
  151. #info a {
  152. color: {color:texto};
  153. }
  154.  
  155. #content:hover #info{
  156. opacity:1;
  157. bottom:-20px;
  158. margin-left: 5px; text-transform: italic; color: {link hover};
  159. }
  160.  
  161.  
  162. /* BOTÃO DE CONTROLE */
  163. .tmblr-iframe--desktop-loggedin-controls{position:fixed!important; -webkit-filter:invert(100%); opacity:0.5; top:3px; text-transform:none; ;}
  164.  
  165. /* ESTILO CHAT POR DAI (arcaicas.tumblr.com) DISPONIBILIZADO EM (passo-html.tumblr.com) JAMAIS RETIRE OS CRÉDITOS */
  166. .line {list-style-type:disc;padding:3px;line-height:1.3em;font-size:12px;font-family:Calibri;} .person{color:{color:titulo};font-weight:bold;padding:5px;font-size:11px;font-family:Segoe print;color:#A020F0;} .title-chat{font-family:Segoe Print;font-size:18px;text-align:justify;letter-spacing:1px;text-transform:uppercase;padding:0px;text-align:center;} /* ESTILO CHAT POR DAI (arcaicas.tumblr.com) DISPONIBILIZADO EM (passo-html.tumblr.com) JAMAIS RETIRE OS CRÉDITOS */
  167.  
  168. .photo img{-webkit-transition-duration:.8s; width: 350px;
  169. -moz-transition-duration:.8s; opacity: 1;}
  170. .photo img:hover{ opacity: 0.5 ; -webkit-transition-duration:.8s;
  171. -moz-transition-duration:.8s; width: 351px;}
  172.  
  173. #ltop:link, #ltop:visited {color:transparent; background-color:transparent; display:none; position:fixed; z-index:9; bottom:20px; right:20px;}
  174.  
  175. #infscr-loading {position:relative!important; left:49%}
  176. .clear {clear:both;}
  177. #pagination {display:none;}
  178. .clearfix:after {display:block; clear:both; visibility:hidden; line-height:0; height:0; content:".";}
  179. .clearfix {display:inline-block;}
  180. html[xmlns] .clearfix {display:block;}* html .clearfix {height:1%;}
  181.  
  182. #side {position: relative; text-align:center; font-size:10px; letter-spacing:.1em; text-transform:uppercase; position:static; z-index: 9; width: 350px; right:0;left:0;margin:auto; ; -ms-animation: bounceInRight 3s;
  183. -moz-animation: bounceInRight 3s;
  184. -webkit-animation: bounceInRight 3s; }
  185.  
  186. /* OS LINKS SÓ PEGAM SE MEXER AQUI */
  187. #side a{background: transparent; padding:5px; font-family:baumans; text-transform:uppercase; -webkit-transition-duration:.8s;
  188. -moz-transition-duration:.8s; color: {color:menu}; border-bottom: 2px transparent; text-align: center; }
  189.  
  190. #side a:hover{background: transparent; border-bottom: 2px solid; -webkit-transition-duration:.8s;
  191. -moz-transition-duration:.8s;}
  192. /* OS LINKS SÓ PEGAM SE MEXER AQUI. */
  193.  
  194.  
  195. #frufru {height:auto; margin-top:10px; position:relative; text-align:center;margin-left:0px;
  196.  
  197. }
  198.  
  199. #frufru img { width:80px; height:80px; opacity:0.9; -webkit-filter: grayscale(40%); border-radius: 50px;{block:ifsemfoto} width:0px; height:0px; {/block:ifsemfoto} }
  200.  
  201.  
  202. #frase { color: {color:frase}; text-transform:uppercase; font-family:baumans; display:block; padding:3px; font-size: 20px; position: relative; text-align: center; letter-spacing:.0em;}
  203.  
  204. #descri { color: {color:texto}; text-transform:uppercase; font-family:calibri; display:block; padding:3px; font-size: 11px; position: relative; text-align: center; letter-spacing:.0em;}
  205.  
  206. /*ESTILO DE ASK BASE FEITA POR GABRIELE (http://clamam.tumblr.com) DISPONÍVEL EM PASSO-HTML(http://passo-html.tumblr.com). FAÇA A DIFERENÇA, NÃO RETIRE OS CREDITOS!*/
  207. .question{z-index:1; background:{color:fundo da ask}; text-align:justify; font-weight:normal; font-size:12px; text-align:left; padding:10px; color: #000;}
  208. .bolt{width:20px; height:20px; background:{color:fundo da ask}; margin-left:50%; margin-top:-10px; z-index:1; -webkit-transform:rotate(45deg);}
  209. .asker{margin-top:8px; font-family: 'Roboto', sans-serif; font-size:10px; letter-spacing:.5px; text-align:center; text-transform:uppercase;}
  210. .answer{margin-top:-10px; text-align:justify; font-size:12px; padding:10px;}
  211. /*FIM DO ESTILO DE ASK*/
  212.  
  213. #lpermalink {font-family:‘Lora’, cursive; font-size:12px; font-style:italic; padding:5px; border-bottom:1px solid #f5f5f5;}
  214. #lpermalink img {float:left; padding:5px; width:10px; height:10px; opacity:1!important;}
  215. .lnotes {display:block; width:390px; margin-top:5px;}
  216. .lnotes .avatar {border:none; margin:0; width:46px; padding:0;}
  217. .lnotes ol {margin:0; padding:0;}
  218. .lnotes li {list-style:none; border:none; float:left; margin:0; padding:0; margin-right:4px; margin-bottom:-2px;}
  219. .lnotes .note .action {display:none; visibility:hidden; margin:0; padding:0;}
  220. .more_box {display:block; width:390px; height:35px; margin:0; padding:0;}
  221. .more_notes_link_container {font-family:'Lora’; font-style:italic; font-size:12px; font-style:italic; display:block; text-align:center; width:390px;}
  222. .lnotes blockquote {display:none;}
  223.  
  224.  
  225.  
  226. #mhaudio-caption {margin-top:10px;}
  227. #mhaudio-caption p {padding:5px; margin-bottom:1px; background:#f5f5f5;}
  228. #mhalbum-art {display:inline-block; float:left; width:33px; height:33px;}
  229. #mhaudio-player {display:inline-block;}
  230.  
  231. /*** Barra de rolagem personalizada por jessica***/
  232. ::-webkit-scrollbar {width:6px;height:auto;background: transparent;border-bottom:none;}
  233. ::-webkit-scrollbar-button:vertical {height:2px;display:block;}
  234. ::-webkit-scrollbar-thumb:vertical {background-color: #000; -webkit-border-radius: 2px;}
  235. /*** Fim da barra de rolagem ***/
  236.  
  237. .tagged { text-align: left; line-height: 8px;font-size: 11px; }
  238.  
  239. /*** MENU BRACKETS POR GABRIELE (http://clamam.tumblr.com) DISTRIBUÍDO EM PASSO-HTML (http://passo-html.tumblr.com). MANTENHA OS CRÉDITOS INTACTOS!***/
  240. #ph_links{margin-left:0px; ; font-size:11px; margin-top:10px; text-align:center; }
  241. #ph_links a{color:#666666; text-transform:uppercase; font-family:calibri; display:block; padding:3px; margin: 2px;}
  242.  
  243. .ph-demo a::before,
  244. .ph-demo a::after{display:inline-block; opacity:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s;}
  245. .ph-demo a::before{margin-right:10px; content:'['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px);}
  246. .ph-demo a::after{margin-left:10px; content:']'; -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); transform:translateX(-20px);}
  247. .ph-demo a:hover::before,
  248. .ph-demo a:hover::after,
  249. .ph-demo a:focus::before,
  250. .ph-demo a:focus::after{opacity:1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}
  251.  
  252.  
  253. </style>
  254.  
  255.  
  256.  
  257. <body>
  258.  
  259. <div id="side">
  260. <div id="frufru"><img src="{PortraitURL-128}"></div><p>
  261. <div id="frase"> {text:frase}</div><p>
  262. <div id="descri"> {description}</div><p>
  263. <a href="{text:link1}" title="{text:link1 title} "> 01 </a>
  264. <a href="{text:link2}" title="{text:link2 title} "> 02 </a>
  265. <a href="{text:link3}" title="{text:link3 title} "> 03 </a>
  266. <a href="{text:link4}" title="{text:link4 title} "> 04 </a>
  267. <a href="{text:link5}" title="{text:link5 title} "> 05 </a>
  268. </div>
  269.  
  270.  
  271. <div class="centerposts">
  272. <div id="posts">
  273.  
  274. {block:Posts}
  275.  
  276.  
  277.  
  278.  
  279. <div id="content">
  280. <div id="info">
  281. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a> |
  282. <a href="{ReblogUrl}" target="_blank">reblogar</a> |
  283. <a href="{permalink}" target="_blank"> postando as {24HourWithZero}:{Minutes}</a>
  284. </div>
  285. {block:Text}
  286.  
  287. <div class="post text">
  288. {block:Title}
  289. <div id="title_text">{Title}</div>{/block:Title}{Body}</div>
  290. {/block:Text}
  291.  
  292. {block:Photo}
  293. <div class="photo">
  294. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  295. {block:Caption}
  296. <div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photo}
  297.  
  298. {block:HasTags}
  299. <ul class="tags">
  300. {block:Tags}
  301. <li>
  302. <a href="{TagURL}">{Tag}</a>
  303. </li>
  304. {/block:Tags} </ul>
  305. {/block:HasTags}
  306.  
  307. {block:Panorama}
  308. <div class="post panorama">
  309. {LinkOpenTag}
  310. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  311. {LinkCloseTag}{block:Caption}
  312. <div class="caption">{Caption}</div>
  313. {/block:Caption}
  314. </div>
  315. {/block:Panorama}
  316.  
  317. {block:Photoset}
  318. <div class="post photoset">
  319. {Photoset}{block:Caption}
  320. <div class="caption">{Caption}</div>
  321. {/block:Caption}
  322. </div>
  323. {/block:Photoset}
  324.  
  325.  
  326. {block:Quote}
  327. <div class="post quote">
  328. {Quote}
  329. {block:Source}
  330. <div class="source">{Source}</div>
  331. {/block:Source}
  332. </div>
  333.  
  334. {/block:Quote}
  335.  
  336. {block:Answer}
  337.  
  338.  
  339. {block:IndexPage}
  340. <div class="question">{Question}</div>
  341. <div class="bolt"></div>
  342. <div class="asker">Disse {Asker} {timeago}</div>
  343. <div class="answer">{Answer}</div>
  344. {/block:IndexPage}
  345. {/block:Answer}
  346.  
  347.  
  348.  
  349.  
  350. {block:Link}
  351. <div class="post link">
  352. <a href="{URL}" class="link" {Target}>{Name}</a>
  353.  
  354. {block:Description}
  355. <div class="description">{Description}</div>
  356. {/block:Description}
  357. </div>
  358. {/block:Link}
  359.  
  360. {block:Chat}
  361. <div class="text chat"> {block:Title}<div class="title-chat">{Title}</div>{/block:Title} <div class="conversation"> {block:Lines} <div class="line {Alt}"> {block:Label}<div class="person">{Label}</div>{/block:Label} <div class="person-said">{Line}</div> </div> {/block:Lines} </div> </div> {block:IndexPage} {/block:IndexPage} {/block:Chat}
  362.  
  363. {block:Video}
  364. <div class="post video"> {Video-500}{block:Caption}
  365. <div class="caption">{Caption}</div>
  366. {/block:Caption}</div>
  367. {/block:Video}</div>
  368.  
  369. {block:Audio}
  370. <div class="text">
  371. {block:AlbumArt}<div id="mhalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%;"></div>{/block:AlbumArt}
  372. {AudioPlayerWhite}
  373. <div id="mhaudio-caption">
  374. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  375. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  376. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  377. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  378. </div></div>
  379. {/block:Audio}
  380.  
  381. {block:RebloggedFrom}
  382. <a href="{ReblogParentURL}"></a>
  383. {/block:RebloggedFrom}
  384. {block:ContentSource}
  385. <a href="{SourceURL}"></a>
  386. {/block:ContentSource}
  387.  
  388. {block:PermalinkPage}
  389. {block:Caption}{Caption}{/block:Caption}
  390. {block:HasTags}<div id="lpermalink"><img src="http://static.tumblr.com/5u1fog0/gZonj46ic/tagged.png"> {lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  391. {block:Date}<div id="lpermalink"><img src="http://static.tumblr.com/5u1fog0/M4Nnj46j1/timeago.png"> {TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.</div>{/block:Date}
  392. {block:NoteCount}<div id="lpermalink"><img src="http://static.tumblr.com/5u1fog0/NDRnj46jg/notecount.png"> {NoteCountWithLabel}.</div>{/block:NoteCount}
  393. {block:RebloggedFrom}<div id="lpermalink"><img src="http://static.tumblr.com/5u1fog0/Hhznj46jy/via.png"> Via <a href="{ReblogParentURL}">{ReblogParentName}</a>, by <a href="{ReblogRootURL}">{ReblogRootName}</a>.</div>{block:RebloggedFrom}
  394. {block:PostNotes}<div class="lnotes">{PostNotes-64}</div>{/block:PostNotes}
  395. {/block:PermalinkPage}
  396.  
  397. {/block:Posts}</div>
  398. </div>
  399.  
  400. {block:IndexPage}
  401. {block:Pagination}<ul id="pagination">
  402. {block:PreviousPage}
  403. <li><a href="{PreviousPage}"></a></li>
  404. {/block:PreviousPage}
  405. {block:JumpPagination length="5"}
  406. {block:CurrentPage}
  407. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  408. {/block:CurrentPage}
  409. {block:JumpPage}
  410. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  411. {/block:JumpPage}
  412. {/block:JumpPagination}
  413. {block:NextPage}
  414. <li><a id="nextPage" href="{NextPage}"></a></li>
  415. {/block:NextPage}
  416. </ul>{/block:Pagination}
  417. <script type="text/javascript">
  418. $(window).load(function () {
  419. var $content = $('#posts');
  420. $content.infinitescroll({
  421. navSelector : '#pagination',
  422. nextSelector : '#pagination a#nextPage',
  423. itemSelector : '#content, .loading',
  424. loading: {
  425. finishedMsg: '',
  426. img: 'http://static.tumblr.com/uiqhh9x/amsm48v4p/add.gif'
  427. },
  428. bufferPx : 200,
  429. debug : false,
  430. });
  431. });
  432. </script>
  433. {/block:IndexPage}
  434.  
  435. </body>
  436. </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!