Advertisement
aane69

theme snap

Jun 21st, 2016
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.78 KB | None | 0 0
  1. <!-------------------------------------------------------------------------
  2. all theme by: overtrip tumblr / don't copy or inspire ©2O16
  3. ------------------------------------------------------------------------->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  6. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12. <head>
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <!-- SCRIPT DE CARREGAMENTO RÁPIDO -->
  19. <script type="text/javascript" src="http://static.tumblr.com/stnnkm0/Vyjnn0hs4/mhlazyload.js"></script>
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23. <script>
  24. (function($){
  25. $(document).ready(function(){
  26. $("[title]").style_my_tooltips({
  27. tip_follows_cursor:true,
  28. tip_delay_time:20,
  29. tip_fade_speed:400,
  30. attribute:"title"
  31. });
  32. });
  33. })(jQuery);
  34. </script>
  35.  
  36. <!-- options -->
  37. <meta name="if:Black Notes" content=""/>
  38.  
  39. <!-- images -->
  40. <meta name="image:Sidebar" content="" />
  41.  
  42. <!-- colors -->
  43. <meta name="color:Background" content="#f8f8f8"/>
  44. <meta name="color:Background two" content="#fff"/>
  45. <meta name="color:Borders" content="#e7e7e7"/>
  46. <meta name="color:Title" content="#818181" />
  47. <meta name="color:Text" content="#818181" />
  48. <meta name="color:Description" content="#818181" />
  49. <meta name="color:Links nav" content="#818181" />
  50. <meta name="color:Links" content="#818181" />
  51. <meta name="color:Links Hover" content="#ccc" />
  52. <meta name="color:Scrollbar" content="#eeeeee" />
  53.  
  54. <!-- texts -->
  55. <meta name="text:Link 1 Url" content="/" />
  56. <meta name="text:Link 1 Title" content="link" />
  57. <meta name="text:Link 2 Url" content="/" />
  58. <meta name="text:Link 2 Title" content="link" />
  59. <meta name="text:Link 3 Url" content="/" />
  60. <meta name="text:Link 3 Title" content="link" />
  61. <meta name="text:Link 4 Url" content="/" />
  62. <meta name="text:Link 4 Title" content="link" />
  63.  
  64. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
  65.  
  66. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  67.  
  68. <style type="text/css">
  69.  
  70. #tumblr_controls,.tmblr-iframe {top:0px!important; right:0px!important; position:fixed!important; z-index:9999!important;display:block;}
  71. .tmblr-iframe {-webkit-filter:invert(100%);opacity:.4;}
  72.  
  73. a, a:link, a:active, a:visited {color:{color:links};text-decoration:none}
  74. a:hover {color:{color:links hover}; text-decoration:
  75. none}
  76.  
  77. ::-moz-selection
  78. {background:{color:background};
  79. color:#ccc;}
  80. ::selection
  81. {background:{color:background};
  82. color:#ccc};}
  83.  
  84. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  85.  
  86. body {color:{color:text};
  87. background-color:{color:background};
  88. font-family:'century gothic';
  89. font-size:9px;
  90. transition:1.3s;
  91. font-weight:normal;
  92. text-align:justify;
  93. font-style:normal;
  94. letter-spacing:1px;
  95. line-height:12px;
  96. z-index:9999999999;
  97. text-transform:none;}
  98.  
  99. h1, h2, h3, h4, h5, h6 {color:{color:title};
  100. font-family:'century gothic';
  101. text-transform:uppercase;
  102. font-size:9px;
  103. letter-spacing:1px;
  104. font-weight:normal;
  105. line-height:14px;
  106. text-align:justify;
  107. z-index:9999999999;}
  108.  
  109. #content {width:1350px;margin:auto;height:auto;}
  110.  
  111. #posts {margin-top:20px;margin-left:230px;}
  112.  
  113. .posts {margin-top:0px;
  114. width:230px;
  115. margin:20px;
  116. padding:0px;
  117. background:#;
  118. font-family:'century gothic';
  119. font-size:9px;
  120. text-transform:none;
  121. letter-spacing:1px;
  122. {block:permalinkpage}width:350px;{/block:permalinkpage}}
  123.  
  124. .posts img {width:230px;
  125. {block:permalinkpage}width:100%;{/block:permalinkpage};}
  126.  
  127.  
  128. .photoset {width:230px;
  129. {block:permalinkpage}width:100%;{/block:permalinkpage};}
  130.  
  131. .video {width:230px;height:100%;
  132. overflow-x:hidden;
  133. overflow-y:hidden;
  134. {block:permalinkpage}width:100%;{/block:permalinkpage};}
  135.  
  136. .vsanna{display:none;}
  137.  
  138. /* scrollbar (DON'T REMOVE) */
  139. ::-webkit-scrollbar{height:6px;
  140. width:6px;
  141. background-color:{color:borders};
  142. border:4px solid {color:background};}
  143. ::-webkit-scrollbar-thumb{height:6px;
  144. background-color:{color:scrollbar};
  145. border: 2px solid {color:background};}
  146. /* scrollbar (DON'T REMOVE) */
  147.  
  148. .nots {background:{color:background two};
  149. text-align:left;
  150. color:{color:links};
  151. margin-top:5px;
  152. margin-left:0px;
  153. margin-bottom:-5px;
  154. letter-spacing:0px;
  155. display:block;
  156. font-style:normal;
  157. text-transform:uppercase;
  158. font-size:8px;
  159. padding:9px;
  160. opacity:1;
  161. transition:.5s;}
  162. .nots a{font-family:calibri;
  163. color:{color:links};
  164. background:#;
  165. font-size:9px;
  166. padding:4px;
  167. font-weight:bold;
  168. letter-spacing:1px;
  169. transition:.5s;}
  170. .nots a:hover {color:{color:links hover};
  171. transition:.5s;}
  172. .float {float:right;background:#;
  173. font-style:normal;
  174. color:{color:links};
  175. margin-right:0px;
  176. letter-spacing:0.5px;
  177. transition:.5s;}
  178.  
  179.  
  180. .notsi {text-transform:uppercase;
  181. font-size:9px;
  182. padding:0px;
  183. position: absolute;
  184. text-align:right;
  185. opacity:0;
  186. display:inline-block;
  187. color:transparent;
  188. top:0px;
  189. height:100%;
  190. background:rgba(250,250,250,0.9);
  191. {block:ifblacknotes}background:rgba(0,0,0,0.9);{/block:ifblacknotes}
  192. opacity:0;
  193. -webkit-transition: all 0.8s ease;
  194. -moz-transition: all 0.8s ease;
  195. transition: all 0.8s ease;}
  196. .posts:hover .notsi {color:{color:links};width:230px;margin-left:0px;transition:.5s;opacity:1;}
  197.  
  198. .notsi .al{top:50%;
  199. width:80px;
  200. height:100px;
  201. left:0%;
  202. position:absolute;
  203. margin: -21px 0 0;
  204. right:0%;
  205. padding:10px;
  206. text-align:center;
  207. transition:.5s}
  208. .posts:hover .notsi .al {width:210px;transition:.5s;opacity:1;}
  209.  
  210. .notsi .reblog {right:10px;
  211. display: block;
  212. font-family:'century gothic';
  213. font-size:20px;
  214. font-weight:bold;
  215. letter-spacing:2px;
  216. padding:0px;
  217. text-align:center;
  218. text-transform:uppercase;}
  219. .notsi .n1 {display: inline-block;
  220. font-family:'century gothic';
  221. font-size:10px;
  222. text-transform:lowercase;
  223. font-weight:normal;
  224. color:{color:background};
  225. letter-spacing:1px;
  226. line-height:100%;
  227. padding:0px;
  228. text-align:center;}
  229.  
  230.  
  231. #laudio {display:inline-block;
  232. width:100px;
  233. height:100px;
  234. margin-bottom:-15px;
  235. {block:permalinkpage}margin-left:50px;{/block:permalinkpage}}
  236. #laudio-caption {position:absolute;
  237. display:inline-block;
  238. height:75px;
  239. overflow:auto;
  240. margin-left:-15px;
  241. width:120px;
  242. {block:permalinkpage}width:250px;{/block:permalinkpage}
  243. margin-top:0px;
  244. padding:5px;
  245. border-left:1px solid {color:borders};}
  246. #laudio-caption p {margin-top:5px;
  247. margin:5px;
  248. text-align:left;}
  249. #lalbum-art {position:absolute;
  250. width:100px;
  251. height:100px;
  252. background-color:#;
  253. margin-top:10px;
  254. margin-left:5px;}
  255. #laudio-player {position:absolute;
  256. overflow:hidden;
  257. height:30px;
  258. width:30px;
  259. margin:6px;
  260. border-radius:100%; }
  261. #laudio-circle {position:absolute;
  262. width:40px;
  263. height:40px;
  264. z-index:999999;
  265. margin-left:20px;
  266. margin-top:25px;
  267. border-radius:0%;
  268. opacity:.6;
  269. transition:all 1s ease;
  270. border:1px solid {color:borders};
  271. background-color:white;}
  272. #laudio-circle:hover {opacity:1;
  273. transition:all 1s ease;}
  274.  
  275.  
  276. .ask {background:{color:background two};
  277. margin-top:-5px;
  278. padding:10px;
  279. width:140px;
  280. {block:permalinkpage}width:350px;{/block:permalinkpage}
  281. color:{color:text};
  282. margin-left:60px;
  283. text-align:justify;
  284. letter-spacing:1px;
  285. border-radius:4px;}
  286. .asker {background:transparent;
  287. margin-top:5px;
  288. padding:1px;
  289. color:{color:text};
  290. text-align:left;
  291. font-style:normal;
  292. margin-left:-3px;
  293. margin-bottom:0px;}
  294. .asker a{width:auto;
  295. padding:0px;
  296. color:{color:links};
  297. font-weight:bold;
  298. font-style:normal;
  299. letter-spacing:1px;
  300. margin-left:auto;}
  301. .answer {background:{color:background};
  302. margin-top:-15px;
  303. width:215px;
  304. {block:permalinkpage}width:410px;{/block:permalinkpage}
  305. margin-left:5px;
  306. color:{color:text};
  307. text-align:justify;}
  308. .askborder {float:left;
  309. display:inline;
  310. margin-left:5px;
  311. margin-top:2px;
  312. transition:.8s;
  313. background:{color:background};
  314. border-radius:100%;}
  315. .b {float:left;
  316. margin-top:10px;
  317. margin-left:8px;
  318. width:0px;height:0px;
  319. border-top:10px solid transparent;
  320. border-bottom: 10px solid transparent;
  321. border-right:10px solid {color:background two};}
  322.  
  323.  
  324. .quote {text-align:justify;
  325. line-height:15px;
  326. padding:3px;
  327. margin-left:2px;
  328. margin-bottom:0px;
  329. margin-top:5px;}
  330. .sourceqt {background:#;
  331. color:{color:links};
  332. font-size:8px;
  333. text-align:right;
  334. font-weight:bold;
  335. font-style:normal;
  336. margin-top:0px;
  337. padding:4px;
  338. border-top:1px solid {color:borders};
  339. padding-left:10px;
  340. z-index:9999999999;}
  341.  
  342.  
  343.  
  344. .chat {list-style-type:none;
  345. margin-bottom:5px;
  346. font-weight:normal;
  347. border-bottom:1px solid {color:borders};
  348. margin:2px;
  349. padding:2px;}
  350.  
  351.  
  352.  
  353. .permal ::-webkit-scrollbar{background:{color:background};}
  354.  
  355. /* all content sidebar (don't remove) */
  356. .sidebar {left:0px;
  357. top:0px;
  358. position:fixed;
  359. width:210px;
  360. height:100%;
  361. background-color:{color:background two};
  362. border-right:1px solid {color:borders};
  363. z-index:9999999999;}
  364.  
  365.  
  366. .photo img{width:80px;
  367. height:80px;
  368. margin-top:50px;
  369. margin-left:65px;
  370. padding:0px;
  371. background:#;
  372. border:0px solid {color:borders};
  373. border-radius:100%;
  374. transition:.8s}
  375. .photo img:hover {border-radius:100%;transition:.8s;}
  376.  
  377. .title {background:{color:background};
  378. margin-left:0px;
  379. margin-top:15px;
  380. width:180px;
  381. text-align:center;
  382. font-size:20px;
  383. font-family:'century gothic';
  384. text-transform:uppercase;
  385. color:{color:title};
  386. padding:15px;
  387. letter-spacing:1px;
  388. font-weight:bold;
  389. transition:.8s}
  390.  
  391.  
  392. .descri {background:{color:background two};
  393. padding:10px;
  394. width:160px;
  395. text-align:justify;
  396. margin-top:0px;
  397. margin-left:13px;
  398. font-family:'century gothic';
  399. color:{color:description};
  400. font-size:9px;
  401. font-weight:;
  402. font-style:normal;
  403. letter-spacing:1px;
  404. line-height:15px;
  405. text-transform:none;}
  406.  
  407.  
  408. .nav {display:block;
  409. background:#;
  410. margin-top:5px;
  411. margin-left:17px;
  412. margin-bottom:15px;
  413. text-align:left;
  414. width:180px;}
  415. .nav a {display:block;
  416. background:{color:background};
  417. width:130px;
  418. text-align:left;
  419. color:{color:links nav};
  420. font-size:9px;
  421. letter-spacing:1px;
  422. padding:8px;
  423. padding-left:20px;
  424. text-transform:uppercase;
  425. margin:6px;
  426. border:1px solid {color:background two};
  427. transition:.8s;}
  428. .nav a:hover{box-shadow:inset 200px 0px 0px {color:background two};
  429. font-weight:bold;
  430. border:1px solid {color:borders};
  431. color:{color:links hover};
  432. transition:.8s;}
  433.  
  434.  
  435. /* tooltip and credit (don't remove) */
  436. #s-m-t-tooltip {max-width:300px;
  437. padding:5px 5px 5px 5px;
  438. margin:15px 20px;
  439. background-color:{color:borders};
  440. font-family:'century gothic';
  441. font-size:8px;
  442. font-style:normal;
  443. letter-spacing:1px;
  444. text-transform:uppercase;
  445. color:{color:text};
  446. z-index:99999999999999999999999;}
  447.  
  448.  
  449. .credito a {background:{color:background};
  450. position:fixed;
  451. color:{color:links};
  452. transition:0.3s;
  453. right:15px;
  454. bottom:15px;
  455. font-family:calibri;
  456. font-size:8px;
  457. font-style:normal;
  458. letter-spacing:2px;
  459. font-weight:bold;
  460. text-transform:uppercase;
  461. border-top:1px solid {color:borders};
  462. padding:5px;}
  463.  
  464. </style>
  465.  
  466. <body>
  467.  
  468. <div id="content">
  469.  
  470. <!-- TODO O CONTEÚDO DA SIDEBAR -->
  471. <div class="sidebar">
  472. <div class="photo"><img src="{image:sidebar}"></div>
  473. <div class="title">{title} </div>
  474. <div class="descri">{description}</div>
  475. <div class="nav">
  476. <a href="{text:link 1 url}">{text:link 1 title}</a>
  477. <a href="{text:link 2 url}">{text:link 2 title}</a>
  478. <a href="{text:link 3 url}">{text:link 3 title}</a>
  479. <a href="{text:link 4 url}">{text:link 4 title}</a>
  480. </div></div>
  481.  
  482.  
  483. <div id="posts">{block:posts}<div class="posts">
  484.  
  485. {block:Text}
  486. <h1>{Title}</h1>
  487. {Body}
  488. {block:indexpage}
  489. {block:Date}<div class="nots"><a href="{reblogurl}" target="_blank">Reblog</a>
  490. <div class="float"><a href="{Permalink}">{NoteCountWithLabel}</a>
  491. </div></div></div>
  492. {/block:Date}
  493. {/block:indexpage}{/block:Text}
  494.  
  495. {block:Quote}
  496. <div class="quote">{Quote}</div>
  497. {block:Source}<div class="sourceqt">{Source} </div>{/block:Source}
  498. {block:indexpage}
  499. {block:Date}<div class="nots"><a href="{reblogurl}" target="_blank">Reblog</a>
  500. <div class="float"><a href="{Permalink}">{NoteCountWithLabel}</a>
  501. </div></div></div>
  502. {/block:Date}
  503. {/block:indexpage}{/block:Quote}
  504.  
  505. {block:Chat}
  506. <h1>{Title}</h1>
  507. {block:Lines}<div class="chat">
  508. {block:Label}{Label}{/block:Label}
  509. {Line}</div>{/block:Lines}
  510. {block:indexpage}
  511. {block:Date}<div class="nots"><a href="{reblogurl}" target="_blank">Reblog</a>
  512. <div class="float"><a href="{Permalink}">{NoteCountWithLabel}</a>
  513. </div></div></div>
  514. {/block:Date}
  515. {/block:indexpage}
  516. {/block:Chat}
  517.  
  518. {block:Link}
  519. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  520. {block:Description}{Description}{/block:Description}
  521. {block:indexpage}
  522. {block:Date}<div class="nots"><a href="{reblogurl}" target="_blank">Reblog</a>
  523. <div class="float"><a href="{Permalink}">{NoteCountWithLabel}</a>
  524. </div></div></div>
  525. {/block:Date}
  526. {/block:indexpage}
  527. {/block:Link}
  528.  
  529. {block:Answer}
  530. <img src="{AskerPortraitURL-64}" style="width:35px;" class="askborder"/><div class="b"></div><div class="asker"><div class="ask"><font color="{color:links}">{Asker}</font> said:<br> {Question}</div></div>
  531. <br><div class="answer">{Answer}</div>
  532. {block:indexpage}
  533. {block:Date}<div class="nots"><a href="{reblogurl}" target="_blank">Reblog</a>
  534. <div class="float"><a href="{Permalink}">{NoteCountWithLabel}</a>
  535. </div></div></div>
  536. {/block:Date}
  537. {/block:indexpage}
  538. {/block:answer}
  539.  
  540.  
  541. {block:Audio}
  542. <div class="text">
  543. <div id="laudio">
  544. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="width:70px;"></div>{/block:AlbumArt}
  545. <div id="laudio-circle"><div id="laudio-player">{AudioPlayerWhite}</div></div>
  546. </div>
  547. <div id="laudio-caption">
  548. <p>Track: {block:TrackName}<font color="{color:links}"><b>{TrackName}</b></font>{/block:TrackName}.</p>
  549. <p>Artist: {block:Artist}<font color="{color:links}"><b>{Artist}</b></font>{/block:Artist}.</p>
  550. <p>Album: {block:Album}<font color="{color:links}"><b>{Album}</b></font>{/block:Album}.</p>
  551. </div></div>
  552. {block:indexpage}
  553. {block:Date}<div class="nots"><a href="{reblogurl}" target="_blank">Reblog</a>
  554. <div class="float"><a href="{Permalink}">{NoteCountWithLabel}</a>
  555. </div></div></div>
  556. {/block:Date}
  557. {/block:indexpage}
  558. {/block:Audio}
  559.  
  560. {block:Photo}{LinkOpenTag}
  561. <img src="{PhotoURL-400}">
  562. {LinkCloseTag}
  563. {block:date}{block:IndexPage}
  564. <div class="notsi"><div class="al"><div class="reblog"><a href="{reblogurl}" target="_blank">Reblog</a></div><br><div class="n1"><a href="{Permalink}">{NoteCountWithLabel}</a></div></div></div></div>{/block:IndexPage}{/block:date}{/block:Photo}
  565.  
  566. {block:Photoset}<div class="photoset">{Photoset}</div>
  567. {block:date}{block:IndexPage}
  568. <div class="nots"><a href="{reblogurl}" target="_blank">Reblog</a>
  569. <div class="float"><a href="{Permalink}">{NoteCountWithLabel}</a>
  570. </div></div></div>
  571. {/block:IndexPage}{/block:date}{/block:Photoset}
  572.  
  573. {block:Video}
  574. <div class="video">{Video-400}</div>
  575. {block:date}{block:indexpage}
  576. {block:Date}
  577. <div class="nots"><a href="{reblogurl}" target="_blank">Reblog</a>
  578. <div class="float"><a href="{Permalink}">{NoteCountWithLabel}</a>
  579. </div></div></div>
  580. {/block:Date}
  581. {/block:indexpage}{/block:date}
  582. {/block:Video}
  583.  
  584. {block:PermalinkPage}
  585. <div align="center"><div style="margin-top:5px;padding:5px;">
  586. {block:Date}
  587. <div class="posts-info">
  588. <div class="info-date">Posted: <b>{DayOfMonth}{DayOfMonthSuffix} {Month} ({Timeago})</b></div>
  589. <div class="info-reblogado">{block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}"><b>{ReblogParentName}</b></a>
  590. <div class="info-original">Source: <a href="{ReblogRootURL}"><b>{ReblogRootName}</b></a>{/block:RebloggedFrom}</div>
  591. <div class="info-notes"><b>{NoteCountWithLabel}</b></div>
  592. </div></div>
  593. {/block:Date}
  594. </div></div>
  595. {/block:PermalinkPage}
  596.  
  597. <div class="vsanna">{block:RebloggedFrom} <a href="{ReblogParentURL}"></a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>{/block:Posts}</div></div>
  598.  
  599. <!---- SCROLLBAR SCRIPT BY: BLEAKNES (DON'T REMOVE) ----->
  600. <script type="text/javascript" src="http://static.tumblr.com/0bjl9tz/08Hnt54uy/bleaknes.js"></script> <script type="text/javascript" src="http://static.tumblr.com/0bjl9tz/5uZnt54v9/bleaknes2.js"></script> <script type="text/javascript" src="http://static.tumblr.com/0bjl9tz/wlcnt54vg/bleaknes3.js"></script> <script type="text/javascript">$(window).load(function(){ $('#posts').masonry(), $('.masonryWrap') .infinitescroll({navSelector : "div#navigation",nextSelector : "div#navigation a#nextPage",itemSelector : '.posts', isAnimated : false, bufferPx : 1000000, extraScrollPx: 1000000, loadingImg : "http://static.tumblr.com/0bjl9tz/NDwnqod7f/bleaknes.png", loadingText : "",}, function() { $('#posts').masonry({ appendedContent: $(this) }); });});</script> {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  601.  
  602. <script>
  603. function click() {
  604. if (event.button==2||event.button==3) {
  605. oncontextmenu='return false';
  606. }
  607. }
  608. document.onmousedown=click
  609. document.oncontextmenu = new Function("return false;")
  610. </script>
  611.  
  612. <div class="credito"> <a href="http://overtrip.tumblr.com" title="design by: overtrip © don't copy">theme</a></div>
  613. </body></div></head></html>
  614.  
  615. <!-------------------------------------------------------------------------
  616. all theme by: overtrip tumblr / don't copy or inspire ©2O16
  617. ------------------------------------------------------------------------->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement