API tools faq
paste
JuuhOliva

TEMA 2

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