JuuhOliva

TEMA 01 - Umbrella

Apr 9th, 2016
54
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.40 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-----
  4. THEME DESENVOLVIDO POR JUUH (MELANOLIZAVA.TUMBLR.COM | GEADA.CO.VU)
  5.  
  6. BASE POR DAI (ARCAICAS.TUMBLR.COM)
  7. ------>
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11.  
  12.  
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19.  
  20.  
  21. <meta name="text:frase" content="Apologize" />
  22. <meta name="text:Link1" content="" />
  23. <meta name="text:Link1 Title" content="Link" />
  24. <meta name="text:Link2" content="" />
  25. <meta name="text:Link2 Title" content="Link" />
  26. <meta name="text:Link3" content="" />
  27. <meta name="text:Link3 Title" content="Link" />
  28. <meta name="text:Link4" content="" />
  29. <meta name="text:Link4 Title" content="Link" />
  30. <meta name="text:Link5" content="" />
  31. <meta name="text:Link5 Title" content="Link" />
  32.  
  33.  
  34. <meta name="if:Show Tags" content="0"/>
  35. <meta name="if:Infinite Scroll" content="1"/>
  36. <meta name="if:Show Captions" content="0"/>
  37.  
  38. <meta name="image:Bg" content=""/>
  39.  
  40. <meta name="color:source" content="#000"/>
  41. <meta name="color:frase" content="#000"/>
  42. <meta name="color:links" content="#7b7b7b">
  43. <meta name="color:hover" content="#fec1c1">
  44. <meta name="color:letras" content="#7b7b7b">
  45. <meta name="color:letters" content="#000">
  46. <meta name="color:bg" content="#eee">
  47. <meta name="color:scrollbar" content="#000">
  48.  
  49. <script src="//static.tumblr.com/vexeq8y/tJWnlzwcq/jquery.js"></script>
  50. <script type="text/javascript" src="http://goo.gl/cf96Aw"></script>
  51. <script type="text/javascript" src="http://static.tumblr.com/zbuvnci/PW7o42eds/5.js"></script>
  52.  
  53. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  54. <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans|Teko|Loved+by+the+King|Rouge+Script' rel='stylesheet' type='text/css'>
  55.  
  56. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="#" id="scrollToTop">TO TOP</a>
  57.  
  58. <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("[title]").style_my_tooltips({
  62. tip_follows_cursor:true,
  63. tip_delay_time:20,
  64. tip_fade_speed:400,
  65. attribute:"title"
  66. });
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71. <style type="text/css">
  72. /* CORPO */
  73. body, a, a:hover {cursor: url( http://38.media.tumblr.com/tumblr_lr42upCqXm1qmvagu.png ), progress;}
  74. body {color:{color:letras};background-color:{color:bg};background-image:url({image:bg});font-family:calibri, sans-serif;font-size: 12px;line-height: 1.0em;background-repeat:repeat;background-attachment:fixed;}
  75.  
  76.  
  77. /* ESTRUTURA DA PAG */
  78. .clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  79.  
  80.  
  81. /* POSTS */
  82. .post {position: relative;{block:IndexPage}width:400px;margin:5px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}float:left;padding:0;margin:15px;background: rgba(250,250,250,.8);}
  83. #contain {width:800px;margin: auto; left: 0; right: 0;}
  84. #content { width:600px;float:right;}
  85. .box {position: relative;}
  86.  
  87.  
  88. /* LINKS */
  89. a {color:{color:links};text-decoration:none;font-size:9px;transition:all 1s ease;font-family:calibri;font-size:9px;letter-spacing:1px;text-transform:uppercase; cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default!important;}
  90. a:hover {color:{color:hover}; text-decoration:none}
  91.  
  92.  
  93. /* TEXTOS */
  94. h3 {font-family:calibri;font-size:11px;text-align:justify;letter-spacing:1px;text-transform:uppercase;padding:2px;}
  95. blockquote {quotes: "" "" "'" "'"; margin: 0em 0em 0em;line-height: 1.3em;overflow:hidden;font-size:12px;font-family:calibri;padding:10px;}
  96. p {margin:0 0 .85em 0} p:last-child {margin:0}
  97. h1 {;font-size:15px;text-align:justify;letter-spacing:1px;text-transform:uppercase;padding:2px;font-family: 'Teko', sans-serif;}
  98.  
  99.  
  100. /* CHAT */
  101. ul {margin: 1em ;padding:0px;}
  102. li {margin: 0em 2em;padding:3px;list-style-type:disc;line-height:1.0em;font-size:11px;}
  103.  
  104. .line {list-style-type:disc;padding:3px;line-height:1.3em;font-size:11px;}
  105. .person{color:{color:letters};font-weight:bold;padding:5px;font-size:11px;}
  106. .title-chat{font-family:Calibri;font-size:15px;text-align:justify;letter-spacing:1px;text-transform:uppercase;padding:3px;}
  107.  
  108. /* IMAGENS, PHOTOSETS E VIDEOS */
  109. .box img { display: block;width:330px;position:relative;{block:PermalinkPage}width:100%;height:100%;{/block:PermalinkPage};padding:3px;}
  110. .photoset{width:330px;{block:PermalinkPage}width:100%;{/block:PermalinkPage}padding:5px;;}
  111. .m-i {display: block;line-height: 1px!important;}
  112. .box {position: relative;}
  113. .video{{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  114.  
  115.  
  116. /* TAGS, QUOTES, TEXTOS LINKS */
  117. .text { padding:10px;font-size:11px;text-align:justify;line-height:1.3em;}
  118. .tagged { text-align:left; line-height:1.5em;font-size:7px;padding-left:10px;}
  119. .tagged a{margin:5px;}
  120. #quotebb {padding: 5px;line-height: 1.6em;color:{color:letras};font-size: 12px;text-align:justify;font-family:calibri;}
  121. #sourcebb{ font-size: 12px; text-transform: uppercase; margin-top: 10px; line-height: 1.7em; text-align: center; color: {color:source}; }
  122.  
  123. /* ASKS */
  124. #response {text-align:left;padding: 5px;margin-bottom: .75em;font-size:10px;font-family:baumans;; text-transform: uppercase;overflow:hidden; display:block; line-height: 1.7em; text-align: justify; color: {color:letras}}
  125. #answer {text-align:left; font-size:13px;font-family:baumans;;margin-left:5px; padding:5px; line-height: 1.7em;color: {color:letras} }
  126. #questao{margin-left:5px;margin-top:5px; font-family:baumans; text-align: justify; color: {color:letras}}
  127. #quest{margin-left: auto;margin-top: auto; text-align: center;border: 2px dotted rgba(105, 105, 105, 0.2); padding: 5px; text-transform: uppercase; color: {color:letras} }
  128.  
  129.  
  130. /* SCROLLBAR */
  131. ::-webkit-scrollbar-thumb{ background-color:{color:scrollbar}; border: 1px solid{color:bg}; height:auto;}
  132. ul {margin-bottom: .75em;}
  133. ::-webkit-scrollbar {height:7px; width:7px; background:{color:bg};}
  134.  
  135.  
  136. /* TO TOP */
  137. #scrollToTop:link,#scrollToTop:visited { color:{color:letras}; background-color: transparent; display: none; position: fixed;bottom:60px;right:200px;}
  138.  
  139. /* TUMBLR CONTROLS */
  140. #tumblr_controls,.tmblr-iframe {top:0px!important; right:0px!important; position:fixed!important; z-index:999999999!important;}
  141. .tmblr-iframe {-webkit-filter:invert(0%);}
  142.  
  143. /* PERMALINKS */
  144. .box iframe {max-width: 100%;}
  145. .text img {max-width: 100%;}
  146. .post-info-data{text-align:center;}
  147. .notes img{display:;float:left;margin-right:.75em;border-radius:100%;}
  148. ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px;}
  149.  
  150.  
  151. /* SEM INIFINIT SCROLL */
  152. ol.pagination { font-weight:bold;margin:10px 0;padding:0 0 10px 0;list-style:none;text-align:center;overflow:hidden;text-shadow:none;}
  153. ol.pagination li {display:inline-block;margin:0 2px 0 0;border-radius:10px;
  154. background:;border:1px solid #d2d2d2;padding:5px 10px;}
  155. ol.pagination li a {text-decoration:none;}
  156. .pagination.older-newer .previous { font-weight:bold;float:left;}
  157. .pagination.older-newer .next {float:right;}
  158.  
  159.  
  160. /* INIIFINIT SCROLL */
  161. #infscr-loading{position:absolute!important;width:16px!important;height:14px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}
  162.  
  163. /* NOTES */
  164. #arc{bottom:-25px;position:absolute;opacity:0;transition:all .5s ease;left:0px;text-align:left;padding:5px;padding-left:5px;}
  165. .post:hover #arc{opacity:1;padding-left:10px;}
  166.  
  167. /*------- JAMAIS RETIRE ISSO CONHEÇO MEUS CÓDIGOS ---------*/
  168. #arc-c {position:fixed;top:5px;left:5px;padding:5px;}
  169. .arc-cr a{text-decoration:none;font-size:12px;font-family: 'Teko', sans-serif; letter-spacing:0.2em;}
  170.  
  171. #side {position: fixed; text-align:center; font-size:10px; letter-spacing:.1em; text-transform:uppercase; z-index: 9; width: 200px; right:0;left:200px; margin-top: 15px; background: rgba(250,250,250,.8); padding-top: 0px; padding-bottom: 20px; padding-left: 15px; padding-right: 55px; -ms-animation: bounceInRight 3s;
  172. -moz-animation: bounceInRight 3s;
  173. -webkit-animation: bounceInRight 3s; }
  174.  
  175. /* OS LINKS SÓ PEGAM SE MEXER AQUI */
  176. #side a{background: transparent; padding:5px; font-family:baumans; text-transform:uppercase; -webkit-transition-duration:.8s;
  177. -moz-transition-duration:.8s; color: {color:menu}; border-bottom: 2px transparent; text-align: center; }
  178.  
  179. #side a:hover{background: transparent; border-bottom: 2px solid; -webkit-transition-duration:.8s;
  180. -moz-transition-duration:.8s;}
  181. /* OS LINKS SÓ PEGAM SE MEXER AQUI. */
  182.  
  183. #frase { color: {color:frase}; text-transform:uppercase;font-family: 'Teko', sans-serif;letter-spacing:0.5em; display:block; padding:3px; font-size: 20px; position: relative; text-align: center; }
  184.  
  185. #descri { color: {color:texto}; text-transform:uppercase; font-family:calibri; display:block; padding:3px; font-size: 11px; position: relative; text-align: justify; letter-spacing:.0em; line-height: 1.8em;}
  186.  
  187. #frufru {height:auto; margin-top:10px; position:relative; text-align:center;left: 130px; top:110px;transform: rotate(90deg) scale(1) skew(1deg) translate(0px); -ms-animation: bounceInLeft 5s;
  188. -moz-animation: bounceInLeft 5s ;
  189. -webkit-animation: bounceInLeft 5s ;
  190.  
  191. }
  192.  
  193. #frufru img { width:150px; height:40px; opacity:1; -webkit-filter: grayscale(40%); border-radius: 0px;transition:all .5s ease }
  194.  
  195. #frufru img:hover {transition:all .5s ease; opacity: 0.4}
  196.  
  197.  
  198. </style>
  199. </head>
  200. <body>
  201.  
  202. <!----- JAMAIS RETIRE MEUS CRÉDITOS, CONHEÇO MEUS CÓDIGOS ------>
  203. <div id="arc-c">
  204. <div class="arc-cr"> <a href="/" title="theme por Juuh (Melancolizava) + base por Dai (arcaicas).">CRÉDITOS </a> </div>
  205. </div>
  206.  
  207.  
  208. <div id="side">
  209. <div id="frufru"> <img src="https://41.media.tumblr.com/19d8d0c21e410f324b52810022a10193/tumblr_o5dfbnQLMu1ue972ho1_500.png"></div>
  210. <div id="frase"> {text:frase}</div><p>
  211. <div id="descri"> {description}</div><p><p>
  212. <a href="{text:link1}" title="{text:link1 title} "> 01 </a>
  213. <a href="{text:link2}" title="{text:link2 title} "> 02 </a>
  214. <a href="{text:link3}" title="{text:link3 title} "> 03 </a>
  215. <a href="{text:link4}" title="{text:link4 title} "> 04 </a>
  216. <a href="{text:link5}" title="{text:link5 title} "> 05 </a>
  217.  
  218.  
  219. </div>
  220.  
  221. <div id="contain" class="clearfix">
  222. <div id="content">
  223. {block:Posts}
  224. <div class="post">
  225.  
  226.  
  227. {block:Quote}
  228. <div class="text quote">
  229. <div id="quotebb">
  230. {Quote}
  231. </div><div id="sourcebb">
  232. {Source}</div>
  233. </div>
  234. {block:IndexPage}
  235. <div id="arc">
  236. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  237. <a href="{ReblogURL}" target="_blank">Reblog</a>|
  238. <a href="{permalink}" target="_blank"> postando as {24HourWithZero}:{Minutes}</a>
  239. </div>
  240. {/block:IndexPage}
  241. {/block:Quote}
  242.  
  243. {block:Text}
  244. <div class="text" style="font-size:12px">
  245. {block:Title}<div class="title-chat">{Title}</div>{/block:Title}
  246. {Body}
  247. </div>
  248. {block:IndexPage}
  249. <div id="arc">
  250. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  251. <a href="{ReblogURL}" target="_blank">Reblog</a> |
  252. <a href="{permalink}" target="_blank"> postando as {24HourWithZero}:{Minutes}</a>
  253. </div>
  254. {/block:IndexPage}
  255. {/block:Text}
  256.  
  257. {block:Chat}
  258. <div class="text chat">
  259. {block:Title}<div class="title-chat">{Title}</div>{/block:Title}
  260. <ul class="conversation">
  261. {block:Lines}
  262. <ul class="line {Alt}">
  263. {block:Label}<span class="person">{Label}</span>{/block:Label}
  264. <span class="person-said">{Line}</span>
  265. </ul>
  266. {/block:Lines}
  267. </ul>
  268. </div>
  269. {block:IndexPage}
  270. <div id="arc">
  271. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  272. <a href="{ReblogURL}" target="_blank">Reblog</a>
  273. </div>
  274. {/block:IndexPage}
  275. {/block:Chat}
  276.  
  277. {block:Audio}
  278. <div class="text audio">
  279. <big><b>Artista</b></big><big><i>{block:Artist}
  280. {Artist}
  281. {/block:Artist} </i></big>
  282. <big><b>Música</b></big>
  283. <big><i>
  284. {block:TrackName}
  285. {TrackName}
  286. {/block:TrackName}
  287. </i></big>
  288. <center><p>{AudioPlayer}</p></center>
  289. {block:IndexPage}{block:IfShowCaptions}
  290. {block:Caption}{Caption}{/block:Caption}
  291. {/block:IfShowCaptions}
  292. {/block:IndexPage}
  293. </div>
  294. {/block:Audio}
  295.  
  296. {block:Answer}
  297. <div id="questao">
  298. <div class="text answer">
  299. <div id="response">
  300. {Question}</div>
  301. <div id="quest">{Asker} </div>
  302. <div id="answer">
  303. {Answer}</div></div>
  304. </div>
  305. {block:IndexPage}
  306. <div id="arc">
  307. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  308. <a href="{ReblogURL}" target="_blank">Reblog</a>
  309. </div>
  310. {/block:IndexPage}
  311. {/block:Answer}
  312.  
  313. {block:Link}
  314. <div class="text link">
  315. <h3><a href="{URL}" {Target} style="font-size:10.5px">{Name}</br></br>{Excerpt} </a></h3>
  316. {block:Description}{Description}{/block:Description}
  317. </div>
  318. {block:IndexPage}
  319. <div id="arc">
  320. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  321. <a href="{ReblogURL}" target="_blank">Reblog</a>
  322. </div>
  323. {/block:IndexPage}
  324. {/block:Link}
  325.  
  326. {block:Photo}
  327. <div class="photo">
  328. <div class="box">
  329. {block:IndexPage}
  330. <center><a href="{PhotoURL-HighRes}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a></center>
  331. {/block:IndexPage}
  332. {block:PermalinkPage}
  333. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  334. {/block:PermalinkPage}
  335. </div>
  336. {block:IndexPage}
  337. {block:IfShowCaptions}
  338. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  339. {/block:IfShowCaptions}
  340. <div id="arc">
  341. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  342. <a href="{ReblogURL}" target="_blank">Reblog</a>
  343. </div>
  344. {/block:IndexPage}
  345. </div>
  346. {/block:Photo}
  347.  
  348. {block:Photoset}
  349. <div class="photoset">
  350. <div class="box img">
  351. {block:IndexPage}
  352. <center>
  353. {Photoset}</center>{/block:IndexPage}
  354. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  355. </div>
  356. {block:IndexPage}{block:IfShowCaptions}
  357. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  358. {/block:IfShowCaptions}
  359. <div id="arc">
  360. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  361. <a href="{ReblogURL}" target="_blank">Reblog</a>
  362. </div>
  363. {/block:IndexPage}
  364. </div>
  365. {/block:Photoset}
  366.  
  367. {block:Video}
  368. <div class="video">
  369. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  370. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  371. {block:IndexPage}{block:IfShowCaptions}
  372. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  373. {/block:IfShowCaptions}
  374. {/block:IndexPage}
  375. </div>
  376. {/block:Video}
  377.  
  378.  
  379.  
  380. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  381. <div class="tagged"><p>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  382. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  383.  
  384. {block:PermalinkPage}
  385. <div id="post-info" class="text">
  386. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  387. {block:HasTags}
  388. <p class="tagged">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  389. {/block:HasTags}
  390. <p class="post-info-data">
  391. {block:Date}{TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.{/block:Date}</br>
  392. {block:RebloggedFrom}
  393. Reblogado de <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Postado por <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  394. </div>
  395. {block:PostNotes}{PostNotes}{/block:PostNotes}
  396. {/block:PermalinkPage}
  397.  
  398. </div> <!-- end single post -->
  399. {block:ContentSource}
  400. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  401. {/block:ContentSource}
  402. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  403. {/block:Posts}
  404. </div> <!-- end content -->
  405. <div class="loading"></div>
  406. </div> <!-- end containing div -->
  407. {block:IfNotInfiniteScroll}
  408. {block:Pagination}
  409. <ol class="pagination ">
  410. {block:PreviousPage}
  411. <li class="previous"><a href="{PreviousPage}">← Previous</a></li>
  412. {/block:PreviousPage}
  413. {block:JumpPagination length="5"}
  414. {block:CurrentPage}
  415. <li class="numbers current">{PageNumber}</li>
  416. {/block:CurrentPage}
  417. {block:JumpPage}
  418. <li class="numbers"><a href="{URL}">{PageNumber}</a></li>
  419. {/block:JumpPage}
  420. {/block:JumpPagination}
  421. {block:NextPage}
  422. <li class="next"><a href="{NextPage}">Next →</a></li>
  423. {/block:NextPage}
  424. </ol>
  425. {/block:Pagination}
  426. {/block:IfNotInfiniteScroll}
  427. {block:IfInfiniteScroll}
  428. {block:Pagination}<ul id="pagination">
  429. {block:PreviousPage}
  430. <li><a href="{PreviousPage}"></a></li>
  431. {/block:PreviousPage}
  432. {block:JumpPagination length="5"}
  433. {block:CurrentPage}
  434. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  435. {/block:CurrentPage}
  436. {block:JumpPage}
  437. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  438. {/block:JumpPage}
  439. {/block:JumpPagination}
  440. {block:NextPage}
  441. <li><a id="nextPage" href="{NextPage}"></a></li>
  442. {/block:NextPage}
  443. </ul>{/block:Pagination}
  444. {/block:IfInfiniteScroll}
  445. {block:IndexPage}
  446. <script type="text/javascript">
  447. $(window).load(function () {
  448. $('#content').masonry(),
  449. $('.masonryWrap').infinitescroll({
  450. navSelector : '#pagination',
  451. nextSelector : '#pagination a#nextPage',
  452. itemSelector : ".post, .loading",
  453. bufferPx : 40,
  454. loadingImg : "http://static.tumblr.com/5u1fog0/e8Umunlx6/loader.gif",
  455. loadingText : "<em></em>",
  456. },
  457. function() { $('#content').masonry({ appendedContent: $(this) }); }
  458. );
  459. });
  460. </script>
  461. {/block:IndexPage}
  462.  
  463. </body>
  464.  
  465.  
  466.  
  467. </html>
Add Comment
Please, Sign In to add comment