aane69

overtrip theme snap

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