JuuhOliva

TEMA 3

Mar 15th, 2016
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.18 KB | None | 0 0
  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/GzWnj3uo9/ltop.js”></script>
  76. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  77. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/z2jnb4r5z/jquery.js"></script>
  78. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/uRynb4r20/minifield.js"></script>
  79.  
  80. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  81.  
  82. <!--Estilos de Fontes -->
  83. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  84.  
  85. <!--Estilos de Fontes - FIM -->
  86.  
  87. <style type="text/css">
  88.  
  89. @import url(http://static.tumblr.com/cy91k7c/4EEnfop6l/animate.css);
  90. @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
  91.  
  92. body, a, a:hover {cursor: url( http://38.media.tumblr.com/tumblr_lr42upCqXm1qmvagu.png ), progress;}
  93.  
  94. /* CORPO DO THEME */
  95. 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%;}
  96.  
  97. a:link, a:active, a:visited {text-decoration:none;color:{color:links};}
  98.  
  99. #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}}
  100.  
  101.  
  102. a{text-decoration:none; color:{color:links}; transition:all 1s ease;}
  103. 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;}
  104.  
  105. #posts { position: relative;width:360px;{block:PermalinkPage}width:350px;{/block:PermalinkPage}padding:0;margin:5px;background:transparent; margin-top: 10px; -ms-animation: fadeInUp 5s;
  106. -moz-animation: fadeInUp 5s;
  107. -webkit-animation: fadeInUp 5s; }
  108.  
  109. #content {position:relative;width:360px;margin:0 0 20px 0;}
  110.  
  111.  
  112. .quote { font-size: 13px ; font-family: calibri; color: {color:texto}; }
  113. .source { font-size: 13px; text-transform: uppercase; margin-top: 10px; line-height: 1.7em; text-align: center; color: {color:source}; font-weight: bold; }
  114.  
  115. /* width da div #posts pra centralizar os posts */
  116. .centerposts {width:360px;
  117. margin-left:auto;
  118. margin-right:auto; text-align: justify ; }
  119.  
  120. /* FIM DA CENTRALIZAÇÃO */
  121.  
  122.  
  123.  
  124. /* ADICIONAIS */
  125. p{margin:6px 0 0 0}
  126. ul{list-style-type:circle;}
  127. blockquote{margin:2px 5px 2px 5px; padding:1px 0 3px 6px;}
  128.  
  129.  
  130. #title_text {
  131. text-align: center; text-transform:uppercase;font-size:12px; font-weight: bold; line-height:15px; color: {color: frase};
  132. }
  133.  
  134. .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;
  135. -moz-transition-duration:.8s;
  136.  
  137. }
  138. .link:hover { background: transparent;-webkit-transition-duration:.8s;
  139. -moz-transition-duration:.8s;
  140.  
  141. }
  142.  
  143. .text{ text-align: justify; font-size:12px; line-height:15px; color: {color: texto};border-left: 1px solid transparent;}
  144.  
  145. /* ESTILO DE ASK POR RESTRINGE MODIFICADO POR MELANCOLIZAVA */
  146.  
  147. #info {
  148. position:absolute;
  149. bottom:-20px;
  150. opacity:0;
  151. -webkit-transition-duration:.8s;
  152. -moz-transition-duration:.8s; background: transparent; text-transform: uppercase; font-size: 11px; font-family: calibri;}
  153.  
  154. #info a {
  155. color: {color:texto};
  156. }
  157.  
  158. #content:hover #info{
  159. opacity:1;
  160. bottom:-20px;
  161. margin-left: 5px; text-transform: italic; color: {link hover};
  162. }
  163.  
  164.  
  165. /* BOTÃO DE CONTROLE */
  166. .tmblr-iframe--desktop-loggedin-controls{position:fixed!important; -webkit-filter:invert(100%); opacity:0.5; top:3px; text-transform:none; ;}
  167.  
  168. /* ESTILO CHAT POR DAI (arcaicas.tumblr.com) DISPONIBILIZADO EM (passo-html.tumblr.com) JAMAIS RETIRE OS CRÉDITOS */
  169. .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 */
  170.  
  171. .photo img{-webkit-transition-duration:.8s; width: 350px;
  172. -moz-transition-duration:.8s; opacity: 1;}
  173. .photo img:hover{ opacity: 0.5 ; -webkit-transition-duration:.8s;
  174. -moz-transition-duration:.8s; width: 351px;}
  175.  
  176. #ltop:link, #ltop:visited {color:transparent; background-color:transparent; display:none; position:fixed; z-index:9; bottom:20px; right:20px;}
  177.  
  178. #infscr-loading {position:relative!important; left:49%}
  179. .clear {clear:both;}
  180. #pagination {display:none;}
  181. .clearfix:after {display:block; clear:both; visibility:hidden; line-height:0; height:0; content:".";}
  182. .clearfix {display:inline-block;}
  183. html[xmlns] .clearfix {display:block;}* html .clearfix {height:1%;}
  184.  
  185. #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;
  186. -moz-animation: bounceInRight 3s;
  187. -webkit-animation: bounceInRight 3s; }
  188.  
  189. /* OS LINKS SÓ PEGAM SE MEXER AQUI */
  190. #side a{background: transparent; padding:5px; font-family:baumans; text-transform:uppercase; -webkit-transition-duration:.8s;
  191. -moz-transition-duration:.8s; color: {color:menu}; border-bottom: 2px transparent; text-align: center; }
  192.  
  193. #side a:hover{background: transparent; border-bottom: 2px solid; -webkit-transition-duration:.8s;
  194. -moz-transition-duration:.8s;}
  195. /* OS LINKS SÓ PEGAM SE MEXER AQUI. */
  196.  
  197.  
  198. #frufru {height:auto; margin-top:10px; position:relative; text-align:center;margin-left:0px;
  199.  
  200. }
  201.  
  202. #frufru img { width:80px; height:80px; opacity:0.9; -webkit-filter: grayscale(40%); border-radius: 50px;{block:ifsemfoto} width:0px; height:0px; {/block:ifsemfoto} }
  203.  
  204.  
  205. #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;}
  206.  
  207. #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;}
  208.  
  209. /*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!*/
  210. .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;}
  211. .bolt{width:20px; height:20px; background:{color:fundo da ask}; margin-left:50%; margin-top:-10px; z-index:1; -webkit-transform:rotate(45deg);}
  212. .asker{margin-top:8px; font-family: 'Roboto', sans-serif; font-size:10px; letter-spacing:.5px; text-align:center; text-transform:uppercase;}
  213. .answer{margin-top:-10px; text-align:justify; font-size:12px; padding:10px;}
  214. /*FIM DO ESTILO DE ASK*/
  215.  
  216. #lpermalink {font-family:‘Lora’, cursive; font-size:12px; font-style:italic; padding:5px; border-bottom:1px solid #f5f5f5;}
  217. #lpermalink img {float:left; padding:5px; width:10px; height:10px; opacity:1!important;}
  218. .lnotes {display:block; width:390px; margin-top:5px;}
  219. .lnotes .avatar {border:none; margin:0; width:46px; padding:0;}
  220. .lnotes ol {margin:0; padding:0;}
  221. .lnotes li {list-style:none; border:none; float:left; margin:0; padding:0; margin-right:4px; margin-bottom:-2px;}
  222. .lnotes .note .action {display:none; visibility:hidden; margin:0; padding:0;}
  223. .more_box {display:block; width:390px; height:35px; margin:0; padding:0;}
  224. .more_notes_link_container {font-family:'Lora’; font-style:italic; font-size:12px; font-style:italic; display:block; text-align:center; width:390px;}
  225. .lnotes blockquote {display:none;}
  226.  
  227.  
  228.  
  229. #mhaudio-caption {margin-top:10px;}
  230. #mhaudio-caption p {padding:5px; margin-bottom:1px; background:#f5f5f5;}
  231. #mhalbum-art {display:inline-block; float:left; width:33px; height:33px;}
  232. #mhaudio-player {display:inline-block;}
  233.  
  234. /*---SCROLLBAR---*/
  235. ::-webkit-scrollbar {background-color:#fff; height:5px; width:8px}
  236. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:50px;border-radius:0px;border:0px solid #fff;}
  237. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important;}
  238.  
  239.  
  240. .tagged { text-align: left; line-height: 8px;font-size: 11px; }
  241.  
  242. /*** MENU BRACKETS POR GABRIELE (http://clamam.tumblr.com) DISTRIBUÍDO EM PASSO-HTML (http://passo-html.tumblr.com). MANTENHA OS CRÉDITOS INTACTOS!***/
  243. #ph_links{margin-left:0px; ; font-size:11px; margin-top:10px; text-align:center; }
  244. #ph_links a{color:#666666; text-transform:uppercase; font-family:calibri; display:block; padding:3px; margin: 2px;}
  245.  
  246. .ph-demo a::before,
  247. .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;}
  248. .ph-demo a::before{margin-right:10px; content:'['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px);}
  249. .ph-demo a::after{margin-left:10px; content:']'; -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); transform:translateX(-20px);}
  250. .ph-demo a:hover::before,
  251. .ph-demo a:hover::after,
  252. .ph-demo a:focus::before,
  253. .ph-demo a:focus::after{opacity:1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}
  254.  
  255.  
  256. </style>
  257.  
  258.  
  259.  
  260. <body>
  261.  
  262. <div id="side">
  263. <div id="frufru"><img src="{PortraitURL-128}"></div><p>
  264. <div id="frase"> {text:frase}</div><p>
  265. <div id="descri"> {description}</div><p>
  266. <a href="{text:link1}" title="{text:link1 title} "> 01 </a>
  267. <a href="{text:link2}" title="{text:link2 title} "> 02 </a>
  268. <a href="{text:link3}" title="{text:link3 title} "> 03 </a>
  269. <a href="{text:link4}" title="{text:link4 title} "> 04 </a>
  270. <a href="{text:link5}" title="{text:link5 title} "> 05 </a>
  271. </div>
  272.  
  273.  
  274. <div class="centerposts">
  275. <div id="posts">
  276.  
  277. {block:Posts}
  278.  
  279.  
  280.  
  281.  
  282. <div id="content">
  283. <div id="info">
  284. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a> |
  285. <a href="{ReblogUrl}" target="_blank">reblogar</a> |
  286. <a href="{permalink}" target="_blank"> postando as {24HourWithZero}:{Minutes}</a>
  287. </div>
  288. {block:Text}
  289.  
  290. <div class="post text">
  291. {block:Title}
  292. <div id="title_text">{Title}</div>{/block:Title}{Body}</div>
  293. {/block:Text}
  294.  
  295. {block:Photo}
  296. <div class="photo">
  297. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  298. {block:Caption}
  299. <div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photo}
  300.  
  301. {block:HasTags}
  302. <ul class="tags">
  303. {block:Tags}
  304. <li>
  305. <a href="{TagURL}">{Tag}</a>
  306. </li>
  307. {/block:Tags} </ul>
  308. {/block:HasTags}
  309.  
  310. {block:Panorama}
  311. <div class="post panorama">
  312. {LinkOpenTag}
  313. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  314. {LinkCloseTag}{block:Caption}
  315. <div class="caption">{Caption}</div>
  316. {/block:Caption}
  317. </div>
  318. {/block:Panorama}
  319.  
  320. {block:Photoset}
  321. <div class="post photoset">
  322. {Photoset}{block:Caption}
  323. <div class="caption">{Caption}</div>
  324. {/block:Caption}
  325. </div>
  326. {/block:Photoset}
  327.  
  328.  
  329. {block:Quote}
  330. <div class="post quote">
  331. {Quote}
  332. {block:Source}
  333. <div class="source">{Source}</div>
  334. {/block:Source}
  335. </div>
  336.  
  337. {/block:Quote}
  338.  
  339. {block:Answer}
  340.  
  341.  
  342. {block:IndexPage}
  343. <div class="question">{Question}</div>
  344. <div class="bolt"></div>
  345. <div class="asker">Disse {Asker} {timeago}</div>
  346. <div class="answer">{Answer}</div>
  347. {/block:IndexPage}
  348. {/block:Answer}
  349.  
  350.  
  351.  
  352.  
  353. {block:Link}
  354. <div class="post link">
  355. <a href="{URL}" class="link" {Target}>{Name}</a>
  356.  
  357. {block:Description}
  358. <div class="description">{Description}</div>
  359. {/block:Description}
  360. </div>
  361. {/block:Link}
  362.  
  363. {block:Chat}
  364. <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}
  365.  
  366. {block:Video}
  367. <div class="post video"> {Video-500}{block:Caption}
  368. <div class="caption">{Caption}</div>
  369. {/block:Caption}</div>
  370. {/block:Video}</div>
  371.  
  372. {block:Audio}
  373. <div class="text">
  374. {block:AlbumArt}<div id="mhalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%;"></div>{/block:AlbumArt}
  375. {AudioPlayerWhite}
  376. <div id="mhaudio-caption">
  377. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  378. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  379. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  380. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  381. </div></div>
  382. {/block:Audio}
  383.  
  384. {block:RebloggedFrom}
  385. <a href="{ReblogParentURL}"></a>
  386. {/block:RebloggedFrom}
  387. {block:ContentSource}
  388. <a href="{SourceURL}"></a>
  389. {/block:ContentSource}
  390.  
  391. {block:PermalinkPage}
  392. {block:Caption}{Caption}{/block:Caption}
  393. {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}
  394. {block:Date}<div id="lpermalink"><img src="http://static.tumblr.com/5u1fog0/M4Nnj46j1/timeago.png"> {TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.</div>{/block:Date}
  395. {block:NoteCount}<div id="lpermalink"><img src="http://static.tumblr.com/5u1fog0/NDRnj46jg/notecount.png"> {NoteCountWithLabel}.</div>{/block:NoteCount}
  396. {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}
  397. {block:PostNotes}<div class="lnotes">{PostNotes-64}</div>{/block:PostNotes}
  398. <a href="javascript:;" id="ltop"><img src="http://static.tumblr.com/5u1fog0/9KNmunmb6/white.png" border="0"></a>
  399. {/block:PermalinkPage}
  400.  
  401. {/block:Posts}</div>
  402. </div>
  403.  
  404. {block:IndexPage}
  405. {block:Pagination}<ul id="pagination">
  406. {block:PreviousPage}
  407. <li><a href="{PreviousPage}"></a></li>
  408. {/block:PreviousPage}
  409. {block:JumpPagination length="5"}
  410. {block:CurrentPage}
  411. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  412. {/block:CurrentPage}
  413. {block:JumpPage}
  414. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  415. {/block:JumpPage}
  416. {/block:JumpPagination}
  417. {block:NextPage}
  418. <li><a id="nextPage" href="{NextPage}"></a></li>
  419. {/block:NextPage}
  420. </ul>{/block:Pagination}
  421. <script type="text/javascript">
  422. $(window).load(function () {
  423. var $content = $('#posts');
  424. $content.infinitescroll({
  425. navSelector : '#pagination',
  426. nextSelector : '#pagination a#nextPage',
  427. itemSelector : '#content, .loading',
  428. loading: {
  429. finishedMsg: '',
  430. img: 'http://static.tumblr.com/uiqhh9x/amsm48v4p/add.gif'
  431. },
  432. bufferPx : 200,
  433. debug : false,
  434. });
  435. });
  436. </script>
  437. {/block:IndexPage}
  438.  
  439. </body>
  440. </html>
Advertisement
Add Comment
Please, Sign In to add comment