API tools faq
paste
Advertisement
Carolaine_Vieira

Sucking theme

Carolaine_Vieira
Mar 13th, 2016
4,846
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- ─────────╔╗────────────╔╗
  3. ─────────║║───────────╔╝╚╗
  4. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  5. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  6. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  7. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  8. ──────║║
  9. ──────╚╝
  10.  
  11. ➸ Tema criado por Carolaine Vieira
  12. ➸ Theme made by Amplamente
  13. ➸ http://amplamente.tumblr.com
  14. ➸ Não retire os crédtios
  15. ➸ Don't remove credit
  16.  
  17. -->
  18.  
  19.  
  20. <head>
  21.  
  22. <title>{title}</title>
  23. <link rel="shortcut icon" href="{Favicon}"/>
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <meta name="color:Background" content="#f3f3f3"/>
  28. <meta name="color:Post bg" content="#eeeeee"/>
  29. <meta name="color:Borders" content="#eee"/>
  30. <meta name="color:Accent" content="#b3d7ff"/>
  31. <meta name="color:Perma link" content="#888"/>
  32. <meta name="color:Caption bg" content="#fff"/>
  33. <meta name="color:Text" content="#888888"/>
  34. <meta name="color:Link" content="#22f2222"/>
  35. <meta name="color:Link hover" content="#222222"/>
  36. <meta name="color:Sidebar bg" content="#fff"/>
  37. <meta name="color:Sidebar link" content="#999"/>
  38. <meta name="color:Sidebar link bg" content="#fbfbfb"/>
  39. <meta name="color:Sidebar link border" content="#eee"/>
  40. <meta name="color:Sidebar link hover" content="#fff"/>
  41. <meta name="color:Sidebar link hover bg" content="#000"/>
  42. <meta name="color:Scrollbar" content="#000000"/>
  43.  
  44. <meta name="select:Columns" title="One" content="400px"/>
  45. <meta name="select:Columns" title="Two" content="950px"/>
  46.  
  47. <meta name="if:InfiniteScroll" content="0"/>
  48. <meta name="if:Right Description" content=""/>
  49.  
  50. <meta name="image:Background" content=""/>
  51. <meta name="image:Sidebar" content=""/>
  52.  
  53. <meta name="text:font size" content="10" />
  54. <meta name="text:link1" content="link 1" />
  55. <meta name="text:link1url" content="/" />
  56. <meta name="text:link2" content="link 2" />
  57. <meta name="text:link2url" content="/" />
  58. <meta name="text:link3" content="link 3" />
  59. <meta name="text:link3url" content="/" />
  60. <meta name="text:link4" content="link 4" />
  61. <meta name="text:link4url" content="/" />
  62.  
  63. <script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  66. <script>
  67. (function($){
  68.  
  69. $(document).ready(function(){
  70. $("[title]").style_my_tooltips();
  71. });
  72. })(jQuery);
  73. </script>
  74.  
  75. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  76. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  77.  
  78. <script>
  79. window.onload = function () {
  80. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  81. document.addEventListener( 'click', function ( event ) {
  82. var myLike = event.target;
  83. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  84. var frame = document.getElementById( 'my-like-frame' ),
  85. liked = ( myLike.className == 'my-liked' ),
  86. command = liked ? 'unlike' : 'like',
  87. reblog = myLike.getAttribute( 'data-reblog' ),
  88. id = myLike.getAttribute( 'data-id' ),
  89. oauth = reblog.slice( -8 );
  90. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  91. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  92. };
  93. }, false );
  94. };
  95. </script>
  96.  
  97. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  98. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  99. <link href='https://fonts.googleapis.com/css?family=Raleway:400,500,600' rel='stylesheet' type='text/css'><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  100. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  101. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  102. <link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  103.  
  104.  
  105. <style type="text/css">
  106.  
  107. body{
  108. cursor:crosshair;
  109. color:{color:Text};
  110. font-family: 'Noto Sans', sans-serif;
  111. font-size:{text:font size}px;
  112. background: {color:background} url("{image:background}") fixed no-repeat left top;
  113. }
  114.  
  115. h2 {text-align:center; text-transform:none; font-family:raleway; font-weight:normal; font-size:25px;}
  116.  
  117. #post{
  118. margin-top:0px;
  119. width:{select:columns};
  120. color:{color:Text};
  121. background:transparent;
  122. margin-left:350px;
  123. {block:PermalinkPage}
  124. width:500px;
  125. {/block:PermalinkPage}
  126. padding:0px;
  127. text-align:left;
  128. }
  129.  
  130. .entry{
  131. text-align:left;
  132. padding:0px;
  133. float:left;
  134. color:{color:Text};
  135. background:{color:post bg};
  136. width:400px;
  137. margin:30px;
  138. border:1px solid {color:borders};
  139. {block:PermalinkPage}
  140. width:500px;
  141. {/block:PermalinkPage}
  142. -webkit-transition: 1s ease-in-out;
  143. -moz-transition: 1s ease-in-out;
  144. -o-transition: 1s ease-in-out;
  145.  
  146. }
  147.  
  148. .entry img{
  149. {block:IndexPage}
  150. max-width:400px;
  151. {/block:IndexPage}
  152. {block:PermalinkPage}
  153. max-width:500px;
  154. {/block:PermalinkPage}
  155. height:auto;
  156. }
  157.  
  158. .entry .perm{
  159.  
  160. text-transform:uppercase;
  161. background:transparent;
  162. text-align:left;
  163. font-size:14px;
  164. font-weight:normal;
  165. margin-top:0px;
  166. margin-left:410px;
  167. width:200px;
  168. height:auto;
  169. position:absolute;
  170. opacity:0.0;
  171. {block:PermalinkPage}
  172. display:none;
  173. {/block:PermalinkPage}
  174. -webkit-transition:all 0.5s ease-out;
  175. -moz-transition:all 0.5s ease-out;
  176. transition:all 0.5s ease-out;
  177.  
  178. }
  179. .entry:hover .perm{
  180. margin-left:405px;
  181. height:auto;
  182. opacity:1;
  183. -webkit-transition:all 0.5s ease-out;
  184. -moz-transition:all 0.5s ease-out;
  185. transition:all 0.5s ease-out;
  186. }
  187.  
  188.  
  189. .my-like {
  190. cursor:pointer;
  191. display:inline-block;
  192. vertical-align:top;
  193. font-size:11px;
  194. margin-top:0px;
  195. color:{color:perma link};
  196. padding:8px;
  197. }
  198. .my-liked, .my-like:hover {
  199. background:transparent;
  200. padding:8px;
  201. color: {color:link hover};
  202. cursor:pointer;
  203. display:inline-block;
  204. vertical-align:top;
  205. }
  206.  
  207. .my-liked {font-size:13px;}
  208.  
  209. blockquote {
  210. margin-left:0px;
  211. padding-left:10px;
  212. border-left:1px solid {color:link};
  213. background:transparent;
  214. }
  215.  
  216. blockquote img {max-width:300px !important; height:auto !important;}
  217.  
  218. #s-m-t-tooltip {
  219.  
  220. max-width:300px;
  221. padding:8px;
  222. margin:15px 20px;
  223. background-color:#fbfbfb;
  224. border-radius:3px;
  225. font-family: calibri;
  226. font-size:10px;
  227. letter-spacing:1px;
  228. text-transform:uppercase;
  229. color:#999;
  230. border:1px solid #eee;
  231. z-index:9999999;
  232.  
  233. }
  234.  
  235. ol, ul {padding:0px;list-style-type:none;}
  236. ul li {position:relative;padding-left:20px;}
  237. ul li:before {
  238. content:'';
  239. position:absolute;
  240. display:block;
  241. top:8px;
  242. left:0px;
  243. width:10px;
  244. height:1px;
  245. background:{color:accent};
  246. }
  247.  
  248. #top3 {
  249. height:auto;
  250. width:300px;
  251. position:fixed;
  252. left:970px;
  253. z-index:99;
  254. bottom:180px;
  255. background:transparent;
  256. -webkit-transition:all 0.3s ease-out;
  257. -moz-transition:all 0.3s ease-out;
  258. transition:all 0.3s ease-out;
  259. }
  260.  
  261. u { border-bottom: 1px solid {color:link}; text-decoration:none;}
  262.  
  263. #navigation{
  264. z-index:4;
  265. background:transparent;
  266. float:left;
  267. margin-left:0px;
  268. width:250px;
  269. margin-top:10px;
  270. }
  271. #navigation a {
  272. cursor:pointer;
  273. text-shadow:none;
  274. margin-top:10px;
  275. font-size:10px;
  276. font-family:Quicksand;
  277. font-weight:bold;
  278. display:inline-block;
  279. text-align:left;
  280. color:{color:sidebar link};
  281. width:240px;
  282. padding:10px;
  283. margin-left:20px;
  284. background:{color:sidebar link bg};
  285. border:1px solid {color:sidebar link border};
  286. border-radius:3px;
  287. text-transform:uppercase;
  288. -webkit-transition:all 0.3s ease-out;
  289. -moz-transition:all 0.3s ease-out;
  290. transition:all 0.3s ease-out;
  291. }
  292. #navigation a:hover {
  293. border-color:{color:sidebar link hover bg};
  294. color:{color:sidebar link hover};
  295. box-shadow:inset 310px 0px {color:sidebar link hover bg};
  296. -webkit-transition:all 0.3s ease-out;
  297. -moz-transition:all 0.3s ease-out;
  298. transition:all 0.3s ease-out;
  299. }
  300.  
  301. #tumblr_controls, .tmblr-iframe{ z-index:99999999;margin-top:0px! important;
  302. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:0px!important; right:0px!important; opacity:.5;
  303. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; font-size:10.5px !important;}
  304.  
  305. #tumblr_controls, .tmblr-iframe:hover{
  306. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; font-size:10.5px !important;
  307. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  308. }
  309.  
  310. h1 {
  311. font-size:25px;
  312. color:{color:bold};
  313. text-align:center;
  314. font-family:raleway;
  315. padding-bottom:0px;
  316. margin-bottom:-5px;
  317. -webkit-transition:all 0.3s ease-out;
  318. -moz-transition:all 0.3s ease-out;
  319. transition:all 0.3s ease-out;
  320. }
  321.  
  322. h1:hover {
  323. letter-spacing:2px;
  324. -webkit-transition:all 0.3s ease-out;
  325. -moz-transition:all 0.3s ease-out;
  326. transition:all 0.3s ease-out;
  327. }
  328.  
  329. a{
  330. color:{color:Link};
  331. text-decoration:none;
  332. -webkit-transition:all 0.3s ease-out;
  333. -moz-transition:all 0.3s ease-out;
  334. transition:all 0.3s ease-out;
  335. }
  336.  
  337. a:hover{
  338. color:{color:Link hover};
  339. -webkit-transition:all 0.3s ease-out;
  340. -moz-transition:all 0.3s ease-out;
  341. transition:all 0.3s ease-out;
  342.  
  343. }
  344.  
  345. .perm a{
  346.  
  347. padding:8px;
  348. color:{color:perma link};
  349. margin-top:10px;
  350. padding-top:6px;
  351. padding-bottom:6px;
  352.  
  353. }
  354.  
  355. .src { display:none; }
  356.  
  357. .pagination { display: none; }
  358.  
  359. ::-webkit-scrollbar {height:5px; width:4px;}
  360.  
  361. ::-webkit-scrollbar-track-piece {
  362. background-color:{color:sidebar bg};
  363. }
  364.  
  365. ::-webkit-scrollbar-thumb {
  366. background-color:{color:scrollbar};
  367. }
  368.  
  369. #notas {
  370. margin-top:10px;
  371. width:100%;
  372. height:200px;
  373. overflow-y:auto;
  374. background:transparent;
  375.  
  376. }
  377.  
  378. .notes img {
  379. width: 0px;
  380. height:0px;
  381. border-radius:100%;
  382. float:left;
  383. border-right:10px solid transparent;
  384. -webkit-transition: all 0.5s linear;
  385. -moz-transition: all 0.5s linear;
  386. transition: all 0.5s linear;}
  387. ol.notes, .notes li {
  388. width: 100%;
  389. margin-top: 5px;
  390. margin-left:0px;
  391. padding-left: 0px}
  392. .notes li:hover img {
  393. -webkit-transition: all 0.5s linear;
  394. -moz-transition: all 0.5s linear;
  395. transition: all 0.5s linear;}
  396.  
  397. .tags {
  398. text-align:center;
  399. font-size:10px;
  400. margin-top:10px;
  401. margin-left:0px;
  402. height:auto;
  403. background:{color:caption bg};
  404. font-size:9px;
  405. padding-bottom:10px;
  406. {block:PermalinkPage}
  407. display:none;
  408. {/block:PermalinkPage}
  409.  
  410. }
  411. .tags a{
  412. margin-left:6px;
  413. background:transparent;
  414. color:#999;
  415. -webkit-transition:all 0.3s ease-out;
  416. -moz-transition:all 0.3s ease-out;
  417. transition:all 0.3s ease-out;}
  418. .tags a:hover {
  419. font-style:italic;
  420. -webkit-transition:all 0.3s ease-out;
  421. -moz-transition:all 0.3s ease-out;
  422. transition:all 0.3s ease-out;
  423. }
  424.  
  425. #ccr {
  426. color:#5a5a5a;
  427. position:fixed;
  428. bottom:10px;
  429. right:10px;
  430. padding:6px 8px 6px 8px;
  431. font-size:14px;
  432. border:1px solid #eeeeee;
  433. background-color:#ffffff;
  434. opacity:1;
  435. width:14px;
  436. overflow:hidden;
  437. border-radius:5%;
  438. -moz-transition-duration: 0.4s;
  439. -o-transition-duration: 0.4s;
  440. -webkit-transition-duration: 0.4s;
  441. transition-duration: 0.4s;
  442. }
  443.  
  444. #cn {
  445. color:#5a5a5a;
  446. font-size:11px;
  447. margin-top:-18px;
  448. margin-left:22px;
  449. position:absolute;
  450. text-transform:uppercase;
  451. }
  452.  
  453. #ccr:hover {
  454. color:#5a5a5a;
  455. width:100px;
  456. -moz-transition-duration: 0.4s;
  457. -o-transition-duration: 0.4s;
  458. -webkit-transition-duration: 0.4s;
  459. transition-duration: 0.4s;
  460. }
  461.  
  462. #ccr a:hover{
  463. color:#5a5a5a;
  464. }
  465.  
  466. #top2 {
  467. height:auto;
  468. width:350px;
  469. letter-spacing:1px;
  470. margin-left:380px;
  471. margin-top:70px;
  472. margin-bottom:70px;
  473. font-size:11px;
  474. text-transform:uppercase;
  475. z-index:4;
  476. text-align:center;
  477. float:left;
  478. -webkit-transition:all 0.3s ease-out;
  479. -moz-transition:all 0.3s ease-out;
  480. transition:all 0.3s ease-out;
  481. }
  482.  
  483. #top2 a{margin-left:8px; background:{color:sidebar link hover bg}; border-radius:3px;
  484. padding:13px; color:{color:sidebar link hover};
  485. }
  486. #top2 a:hover{
  487. color:{color:sidebar link hover bg};
  488. background:{color:sidebar link hover};
  489. -webkit-transition:all 0.8s ease-out;
  490. -moz-transition:all 0.8s ease-out;
  491. transition:all 0.8s ease-out;
  492. }
  493.  
  494. #sobre {
  495.  
  496. background:{color:caption bg};
  497. font-family: 'Noto Sans', sans-serif;
  498. font-size:{text:font size}px;
  499. text-transform:none;
  500. padding:10px;
  501. padding-bottom:5px;
  502. padding-left:15px;
  503. padding-right:15px;
  504. text-align:left;
  505. margin-top:0px;
  506. margin-bottom:0px;
  507. height:auto;
  508. width:370px;
  509. margin-left:0px;
  510. {block:PermalinkPage}
  511. width:470px;
  512. {/block:PermalinkPage}
  513. float:left;
  514.  
  515. }
  516.  
  517. .descr {
  518.  
  519. text-align:justify;
  520. padding:10px;
  521. margin-left:-120px;
  522. margin-top:320px;
  523. width:300px;
  524. height:80px;
  525. background:transparent;
  526. z-index:9999;
  527. font-size:10px;
  528. font-weight:bold;
  529. letter-spacing:1px;
  530. -moz-transform: rotate(90deg);
  531. -webkit-transform: rotate(90deg);
  532. -o-transform: rotate(90deg);
  533. -ms-transform: rotate(90deg);
  534. transform: rotate(90deg);
  535.  
  536. }
  537.  
  538.  
  539. #fdd {
  540.  
  541. float:left;
  542. height:52px;
  543. padding:3px;
  544. background:{color:sidebar bg};
  545.  
  546. }
  547.  
  548. hr {
  549. border-color:#eee;
  550. width:200px;
  551. margin-left:auto;
  552. margin-right:auto;
  553. margin-top:25px;
  554. margin-bottom:25px;
  555. }
  556.  
  557. #fz {width:300px;}
  558.  
  559.  
  560. #sidebar {
  561. background:{color:sidebar bg};
  562. border-right:1px solid {color:borders};
  563. height:100%;
  564. width:300px;
  565. left:0px;
  566. top:0px;
  567. position:fixed;
  568. text-align:center;
  569. }
  570.  
  571. #right {
  572.  
  573. background:{color:sidebar link hover bg};
  574. color:{color:sidebar link hover};
  575. text-transform:uppercase;
  576. position:fixed;
  577. right:0px;
  578. top:0px;
  579. width:100px;
  580. height:100%;
  581.  
  582. }
  583.  
  584. .link {
  585. padding:15px;
  586. margin-left:0px;
  587. background:{color:accent};
  588. color:{color:post bg};
  589. text-align:left;
  590.  
  591. }
  592. .linktitle a{
  593. font-size:23px;
  594. font-weight:bold;
  595. text-transform:uppercase;
  596. text-align:left;
  597. color:#fff;
  598. }
  599.  
  600. .pessoap {
  601. text-transform:uppercase;
  602. font-size:13px;
  603. font-weight:bold;}
  604. .pessoap a{
  605. color:{color:post bg};
  606. text-transform:uppercase;
  607. font-size:13px;
  608. font-weight:bold;
  609. }
  610. .pessoapfoto img{
  611. float:left;
  612. border-radius:100%;
  613. margin-top:-25px;
  614. margin-left:178px;
  615. padding:4px;
  616. background:{color:background};
  617. }
  618. .pergunta {
  619. background:{color:accent};
  620. color:{color:post bg};
  621. padding:15px;
  622. padding-bottom:38px;
  623. margin-left:0px;
  624. border-bottom:2px solid {color:background};
  625. text-align:center;
  626. }
  627. .sresposta {
  628. padding:15px;
  629. padding-top:20px;
  630. padding-bottom:0px;
  631. background:transparent;
  632. border-top:2px solid {color:background};
  633. }
  634.  
  635. .quote {
  636. padding:20px;
  637. padding-left:30px;
  638. padding-right:30px;
  639. font-size:14px;
  640. text-align:left;
  641. margin-bottom:5px;
  642. font-style:italic;
  643. }
  644. .qsub {
  645. margin-top:5px;
  646. font-weight:bold;
  647. color:{color:accent};
  648. font-size:12px;
  649. font-style:normal;
  650. }
  651.  
  652. .ch { padding:15px; background:transparent;}
  653. .ch .ch1 { padding:10px; margin-bottom:5px;}
  654. .ch1{ background:{color:sidebar link bg}; border:1px solid {color:sidebar link border};}
  655. .ch .ch1 b{ color:{color:accent}; text-transform:uppercase; font-size:11px;}
  656.  
  657.  
  658. blockquote {
  659. width:90%;
  660. margin-left:0px;
  661. padding:10px;
  662. padding-top:0px;
  663. padding-bottom:0px;
  664. border-left:2px solid {color:accent};
  665. background:transparent;
  666. }
  667. blockquote img{max-width:300px !important; width:300px !important; height:auto;}
  668.  
  669. .albumfoto{
  670. float:left;
  671. width:150px;
  672. margin-top:0px;
  673. margin-left:0px;
  674. }
  675. .albumfoto img{
  676. width:150px;
  677. }
  678. .audiodesc {
  679. margin-left:150px;
  680. padding:25px;
  681. padding-bottom:10px;
  682. padding-top:40px;
  683. padding-left:25px;
  684. background:{color:accent};
  685. color:{color:post bg};
  686. margin-top:0px;
  687. min-height:100px;
  688. font-weight:bold;
  689. margin-bottom:0px;
  690. text-align:center;
  691. }
  692. .audioplay {
  693. overflow:hidden;
  694. padding:5px;
  695. max-width:26px;
  696. width:26px;
  697. height:28px;
  698. margin-left:6px;
  699. margin-top:4px;
  700. background:transparent
  701. -webkit-transition:all 0.3s ease-out;
  702. }
  703. .playbg {
  704. opacity:0.6;
  705. position:absolute;
  706. overflow:hidden;
  707. padding:10px;
  708. width:50px;
  709. max-width:50px;
  710. height:45px;
  711. background:{color:post bg};
  712. margin-left:38px;
  713. margin-top:-110px;
  714. -webkit-transition:all 0.3s ease-out;
  715. }
  716. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  717.  
  718. .tcaption {padding:10px; }
  719. .tcaption img {max-width:380px !important; height:auto !important; }
  720.  
  721.  
  722. .description {
  723. margin-left:20px;
  724. margin-top:10px;
  725. width:230px;
  726. text-align:justify;
  727. padding:15px;
  728. background:{color:sidebar link bg};
  729. border-radius:3px;
  730. border:1px solid {color:sidebar link border};
  731. }
  732.  
  733. {CustomCSS}
  734.  
  735. </style>
  736. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  737.  
  738. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  739.  
  740. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  741.  
  742. <script>
  743. $(function(){
  744. var $container = $('#post');
  745. $container.imagesLoaded(function(){
  746. $container.masonry({
  747. itemSelector: '.entry',
  748. });
  749. });
  750. $container.infinitescroll({
  751. itemSelector : ".entry",
  752. navSelector : "div.pagination",
  753. nextSelector : ".pagination a#next",
  754. loadingImg : "",
  755. loadingText : "<em></em>",
  756. },
  757. function( newElements ) {
  758. var $newElems = $( newElements ).css({ opacity: 0 });
  759. $newElems.imagesLoaded(function(){
  760. $newElems.animate({ opacity: 1 });
  761. $container.masonry( 'appended', $newElems, true );
  762. });
  763. }
  764. );
  765. });
  766. </script>
  767.  
  768. </head>
  769. <body>
  770.  
  771. {block:IfRightDescription}<div id="right"><div class="descr">{Description}</div></div>{/block:IfRightDescription}
  772.  
  773. <div id="sidebar">
  774. <img id="fz" src="{image:sidebar}" />
  775.  
  776. <div id="navigation">
  777.  
  778. <a href="/" style="background:{color:sidebar link hover bg}; color:{color:sidebar link hover}; text-align:center; font-size:11.5px; border-color:{color:sidebar link hover bg};">{title}</a>
  779.  
  780. {block:IfNotRightDescription}<div class="description">{Description}</div>{/block:IfNotRightDescription}
  781.  
  782. <a href="/" ><li class="fa fa-user"></li>&nbsp;&nbsp;Home</a>
  783. <a href="{text:link1url}"><li class="fa fa-file-image-o"></li>&nbsp;&nbsp;{text:link1}</a>
  784. <a href="{text:link2url}" ><li class="fa fa-bars"></li>&nbsp;&nbsp;{text:link2}</a>
  785. <a href="{text:link3url}" ><li class="fa fa-plus"></li>&nbsp;&nbsp;{text:link3}</a>
  786. <a href="{text:link4url}" ><li class="fa fa-paper-plane"></li>&nbsp;&nbsp;{text:link4}</a>
  787.  
  788. </div>
  789.  
  790. </div>
  791.  
  792. <div id="post">
  793.  
  794. {block:Posts}
  795. <div class="entry">
  796.  
  797. <div class="perm">
  798.  
  799. <div title="like" class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"><li class="fa fa-heart-o"></li></div></br>
  800.  
  801. <div style="font-size:14px; margin-top:0px;">
  802. <a title="reblog" href="{ReblogUrl}">↻</a>
  803. </div>
  804.  
  805. <div style="margin-top:6px;">
  806. <a style="padding-left:10.5px; padding-right:10.5px;" title="{NoteCountWithLabel}" href="{Permalink}">#</a></div>
  807.  
  808. <div style="margin-top:6px; font-size:11px">
  809. <a style="padding-left:10.5px; padding-right:10.5px;" href="{Permalink}">{PostNumberWithZero}</a></div>
  810.  
  811. </div>
  812.  
  813. {block:Title}<h1>{Title}</h1>{/block:Title}
  814.  
  815. {block:Text}<div class="tcaption">{Body}</div>{/block:Text}
  816.  
  817. {block:Photo}
  818. {block:IndexPage}
  819. <a href="{permalink}" ><img src="{PhotoURL-500}" width="400"/></a>
  820. {/block:IndexPage}
  821.  
  822. {block:PermalinkPage}
  823. <a href="{permalink}" ><img src="{PhotoURL-500}" width="500"/></a>
  824. {/block:PermalinkPage}
  825.  
  826. {/block:Photo}
  827.  
  828. {block:Photoset}
  829. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  830. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  831. {/block:Photoset}
  832.  
  833. {block:Quote}
  834. <div class="quote">{Quote}
  835. <div class="qsub">{block:Source}&mdash; {Source} {/block:Source}</div></div>
  836. {/block:Quote}
  837.  
  838. {block:Video}
  839. {block:IndexPage}{Video-400}{/block:IndexPage}
  840. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  841. <br>{PlayCountWithLabel}
  842. {/block:Video}
  843.  
  844. {block:Link}
  845. <div class="link">
  846. <div class="linktitle"><a href="{URL}" {Target}>{Name} <li class="fa fa-angle-double-right" aria-hidden="true"></li>
  847. </a></div>
  848. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  849. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  850. </div></div>
  851. {/block:Link}
  852.  
  853. {block:Chat}
  854. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  855. {/block:Label}{Line}</div>{/block:Lines}</div>
  856. {/block:Chat}
  857.  
  858. {block:Audio}
  859. <div style="padding:15px;">
  860. <div class="albumfoto">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}<div class="playbg"><div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div></div><div class="audiodesc">{block:Artist}{Artist}{/block:Artist}</br>{block:Album}{Album}{/block:Album}</br>{block:TrackName}{TrackName}{/block:TrackName}</br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>
  861. {/block:Audio}
  862.  
  863. {block:Answer}
  864. <div class="pergunta">
  865. <div class="pessoap">{Asker} asked:</div>{Question}</div>
  866. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  867. <div class="sresposta">{Answer}</div>
  868. {/block:Answer}
  869.  
  870. {block:Caption}<div id="sobre">{Caption}</div>{/block:Caption}
  871.  
  872. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  873.  
  874. {block:PermalinkPage}
  875. <br>
  876. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCountWithLabel}{/block:NoteCount}</center>
  877. <Br>
  878. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  879. {/block:PermalinkPage}
  880. </div>
  881.  
  882. {/block:Posts}
  883.  
  884. </div>
  885.  
  886. {block:IfNotInfiniteScroll}
  887. {block:Pagination}<div id="top2">
  888. {block:PreviousPage}
  889. <a href="{PreviousPage}">Back</a>
  890. {/block:PreviousPage}
  891. {block:JumpPagination length="3"}
  892. {block:CurrentPage}
  893. <a href="#"><span class="current_page"><li style="font-size:10px;" class="fa fa-check"></li></a></span></a>
  894. {/block:CurrentPage}
  895. {block:JumpPage}
  896. <a class="jump_page" href="{URL}">{PageNumber}</a>
  897. {/block:JumpPage}
  898. {/block:JumpPagination}
  899. <a href="#">...{TotalPages}</a>
  900. {block:NextPage}
  901. <a href="{NextPage}">Next</a>
  902. {/block:NextPage}
  903. </div>
  904. {/block:Pagination}
  905. {/block:IfNotInfiniteScroll}
  906.  
  907. <div id="ccr"><i class="fa fa-code" aria-hidden="true"></i>
  908. <a href="http://amplamente.tumblr.com">
  909. <div id="cn">amplamente</div></a>
  910. </div>
  911.  
  912. {block:IfInfiniteScroll}
  913. <div class="pagination">
  914. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  915. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  916. </div>
  917. {/block:IfInfiniteScroll}
  918.  
  919. <div class="src">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</div>
  920.  
  921. </body>
  922. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!