Advertisement
Carolaine_Vieira

perspectiva

Dec 2nd, 2015
527
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.32 KB | None | 0 0
  1. <!-- ─────────╔╗────────────╔╗
  2. ─────────║║───────────╔╝╚╗
  3. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  4. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  5. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  6. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  7. ──────║║
  8. ──────╚╝
  9. -->
  10.  
  11.  
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <title>{title}</title>
  48. <link rel="shortcut icon" href="{Favicon}"/>
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.  
  52. <meta name="color:Background" content="#eee"/>
  53. <meta name="color:Sidebar bg" content="#ffffff"/>
  54. <meta name="color:Sidebar border" content="#eee"/>
  55. <meta name="color:Borders" content="#eee"/>
  56. <meta name="color:Perma link" content="#999"/>
  57. <meta name="color:Perma link hover" content="#999"/>
  58. <meta name="color:Description" content="#999"/>
  59. <meta name="color:Text" content="#999"/>
  60. <meta name="color:Bold" content="#141414"/>
  61. <meta name="color:Italic" content="#fe4281"/>
  62. <meta name="color:Header bg" content="#eee"/>
  63. <meta name="color:Header link" content="#141414"/>
  64. <meta name="color:Header link hover" content="#999"/>
  65. <meta name="color:Nav link" content="#999"/>
  66. <meta name="color:Scrollbar" content="#141414"/>
  67. <meta name="color:Link" content="#141414"/>
  68. <meta name="color:Link Hover" content="#fe4281"/>
  69.  
  70. <meta name="if:ShackEfect" content="0"/>
  71. <meta name="if:InfiniteScroll" content="0"/>
  72.  
  73. <meta name="image:Background" content=""/>
  74. <meta name="image:Sidebar image" content="https://secure.static.tumblr.com/c9921c0a4d5525fa593e9a7187c5929f/s2qsk1o/LHKnypmif/tumblr_static_8rr13n7dxc008g4k88gswcc84.png"/>
  75.  
  76. <meta name="select:Post title font" content="Great Vibes" title="Great Vibes">
  77. <meta name="select:Post title font" content="Baumans" title="Baumans">
  78. <meta name="select:Post title font" content="Poiret One" title="Poiret One"/>
  79.  
  80. <meta name="text:Your Url" content="amplamente" />
  81. <meta name="text:Ask Name" content="ask" />
  82. <meta name="text:link1" content="link 1" />
  83. <meta name="text:link1url" content="/" />
  84. <meta name="text:link2" content="link 2" />
  85. <meta name="text:link2url" content="/" />
  86. <meta name="text:link3" content="link 3" />
  87. <meta name="text:link3url" content="/" />
  88. <meta name="text:link4" content="link 4" />
  89. <meta name="text:link4url" content="/" />
  90. <meta name="text:link5" content="link 5" />
  91. <meta name="text:link5url" content="/" />
  92.  
  93. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  94. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  95. <script>
  96. (function($){$(document)
  97. .ready(function(){$("[title]")
  98. .style_my_tooltips();});})
  99. (jQuery);
  100. </script>
  101.  
  102. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  103.  
  104. {block:IfShackEfect}
  105. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  106. {/block:IfShackEfect}
  107.  
  108.  
  109. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  110. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  111. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  112. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  113. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  114. <link href='https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,600,500,700,800,900' rel='stylesheet' type='text/css'>
  115. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  116.  
  117. <style type="text/css">
  118.  
  119. b { color: {color:bold}; !important; }
  120.  
  121. i { color: {color:italic} ;!important; }
  122.  
  123. u { border-bottom: 1px solid {color:link hover}; text-decoration:none;}
  124.  
  125. #credit{
  126. position:fixed;
  127. font-family:cantarell;
  128. z-index:99;
  129. bottom:10px;
  130. right:10px;
  131. width:40px;
  132. height:10px;
  133. padding:10px;
  134. overflow:hidden;
  135. text-align:center;
  136. font-size:10px;
  137. letter-spacing:1px;
  138. opacity:1;
  139. border:1px solid {color:borders};
  140. background:transparent;
  141. -webkit-transition: all 0.3s linear;
  142. -moz-transition: all 0.3s linear;
  143. transition: all 0.3s linear;
  144. }
  145.  
  146.  
  147. #credit a{
  148. color:{color:header link};
  149. }
  150.  
  151. #credit a:hover{
  152.  
  153. color:{color:header link hover};
  154.  
  155. }
  156.  
  157. #credit:hover {
  158.  
  159. background:transparent;
  160.  
  161. }
  162. .credit_u{
  163. line-height:10px;
  164. -webkit-transition: all 0.3s linear;
  165. -moz-transition: all 0.3s linear;
  166. transition: all 0.3s linear;
  167. }
  168.  
  169. #credit a:hover .credit_u{
  170. margin-top:-19px;
  171. -webkit-transition: all 0.3s linear;
  172. -moz-transition: all 0.3s linear;
  173. transition: all 0.3s linear;
  174. }
  175.  
  176. .credit_h{
  177. line-height:30px;
  178. font-size:10px;
  179. }
  180.  
  181.  
  182. #s-m-t-tooltip{
  183. max-width:300px;
  184. padding:10px;
  185. margin:20px 0px 0px 20px;
  186. background-color: rgba(0, 0, 0, 0.5);
  187. font-family:calibri;
  188. font-size:8.5px;
  189. text-transform:uppercase;
  190. color:#fff;
  191. letter-spacing:1px;
  192. opacity:1;
  193. z-index:9999999999999999999;
  194. }
  195.  
  196. #top2 {
  197. font-weight:bold;
  198. height:40px;
  199. width:100%;
  200. letter-spacing: 1px;
  201. right:0px;
  202. top:0px;
  203. font-size:12px;
  204. position:fixed;
  205. background:{color:header bg};
  206. z-index:9999;
  207. {block:permalinkpage}
  208. z-index:2;
  209. {/block:permalinkpage}
  210. -webkit-transition:all 0.3s ease-out;
  211. -moz-transition:all 0.3s ease-out;
  212. transition:all 0.3s ease-out;
  213. }
  214.  
  215. #top2:hover{
  216. -webkit-transition:all 0.8s ease-out;
  217. -moz-transition:all 0.8s ease-out;
  218. transition:all 0.8s ease-out;
  219.  
  220. }
  221.  
  222. ul {
  223. list-style-image: url('https://36.media.tumblr.com/42d55f9956e3e8c0dfb590b504f4939d/tumblr_inline_nvag3cwzpq1rj4inb_540.png');
  224. }
  225.  
  226. .sform input {
  227. font-family:cantarell;
  228. text-transform:uppercase;
  229. font-size:9px;
  230. font-weight:bold;
  231. color:#dfdfdf;
  232. text-align:center;
  233. background:transparent;
  234. border:0px;
  235. padding:7px;
  236. letter-spacing:2px;
  237. }
  238.  
  239. ::-webkit-input-placeholder { color:#dfdfdf; }
  240. :-moz-placeholder { color: #dfdfdf; }
  241. ::-moz-placeholder { color: #dfdfdf; }
  242. :-ms-input-placeholder { color: #dfdfdf; }
  243.  
  244. .sbox {
  245.  
  246.  
  247. border-radius:2px;
  248. margin-top:10px;
  249. width:300px;
  250. float:center;
  251. margin-left:auto;
  252. margin-right:auto;
  253. -webkit-transition:all 0.3s ease-out;
  254. -moz-transition:all 0.3s ease-out;
  255. transition:all 0.3s ease-out;
  256. }
  257. .sbox:hover {
  258. color:{color:Header link};
  259. -webkit-transition:all 0.3s ease-out;
  260. -moz-transition:all 0.3s ease-out;
  261. transition:all 0.3s ease-out;
  262. }
  263.  
  264. #calado{
  265. position:fixed;
  266. z-index:4;
  267. background:transparent;
  268. right:15px;
  269. margin-top:7px;
  270. width:100%;
  271. text-align:right;
  272. }
  273. #calado a {
  274. text-shadow:none;
  275. padding:10px;
  276. font-size:10px;
  277. font-weight:normal;
  278. margin-left:5px;
  279. margin-bottom:1px;
  280. font-family: raleway;
  281. display:inline-block;
  282. text-align:center;
  283. color:{color:sidebar link};
  284. -webkit-transition:all 0.3s ease-out;
  285. -moz-transition:all 0.3s ease-out;
  286. transition:all 0.3s ease-out;
  287. }
  288. #calado a:hover {
  289. text-shadow:none;
  290. color: {color:Header link hover};
  291. -webkit-transition:all 0.3s ease-out;
  292. -moz-transition:all 0.3s ease-out;
  293. transition:all 0.3s ease-out;
  294. }
  295.  
  296. #poxa {
  297. margin-top:50px;
  298. margin-left:0px;
  299. text-align:center;
  300. margin-bottom:15px;
  301. }
  302.  
  303. #poxa a {
  304. padding:10px;
  305. font-size:10px;
  306. text-align:center;
  307. margin-left:3px;
  308. width:300px;
  309. margin-bottom:7.5px;
  310. font-family:cantarell;
  311. display:inline-block;
  312. color:{color:nav link};
  313. -webkit-transition:all 0.3s ease-out;
  314. -moz-transition:all 0.3s ease-out;
  315. transition:all 0.3s ease-out;
  316. text-decoration:none;
  317. text-shadow:none;
  318. }
  319.  
  320. #poxa a:hover {
  321. text-shadow:none;
  322. letter-spacing:5px;
  323. -webkit-transition:all 0.3s ease-out;
  324. -moz-transition:all 0.3s ease-out;
  325. transition:all 0.3s ease-out;}
  326.  
  327. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  328.  
  329. top:50px; opacity:0.2;
  330. }
  331.  
  332. iframe#tumblr_controls {left:0px; float:left; top:50px; position:fixed;
  333. black-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;
  334. }
  335. #tumblr_controls{left:0px; float:left; display:none;
  336. position:fixed ; top:50px;
  337. -webkit-filter: invert(100%)
  338. }
  339.  
  340.  
  341. .date {
  342. margin-top:0px;
  343. float:left;
  344. opacity:1;
  345. text-align:center;
  346. background-color:{color:background};
  347. padding:5px;
  348. font-size:9px;
  349. font-family:cantarell;
  350. {block:PermalinkPage}
  351. display:none;
  352. {/block:PermalinkPage}
  353. }
  354. .date a{color:{color:perma link}; margin:10px;}
  355. .date a:hover {color:{color:perma link hover};}
  356.  
  357. .popup_block{
  358. display:none;
  359. background:transparent;
  360. padding:30px;
  361. width:500px;
  362. float:left;
  363. color:#141414;
  364. position:fixed;
  365. top:50%;left:50%;
  366. z-index: 9999999;
  367. }
  368.  
  369. *html #fade {position: absolute;}
  370. *html .popup_block {position: absolute;}
  371. #fade {
  372. display:none;
  373. position:fixed;
  374. left:0px;
  375. top:0px;
  376. width:100%;
  377. height:100%;
  378. z-index:999999;
  379. background:#fff;
  380. opacity:1;
  381. }
  382.  
  383.  
  384. a{
  385. color:{color:Link};
  386. text-decoration:none;
  387. -webkit-transition:all 0.3s ease-out;
  388. -moz-transition:all 0.3s ease-out;
  389. transition:all 0.3s ease-out;
  390.  
  391. }
  392.  
  393. a:hover{
  394.  
  395. color:{color:Link Hover};
  396. -webkit-transition:all 0.3s ease-out;
  397. -moz-transition:all 0.3s ease-out;
  398. transition:all 0.3s ease-out;
  399.  
  400. }
  401.  
  402. #notas {
  403. font-size:12px;
  404. width:100%;
  405. height:300px;
  406. overflow-y:auto;
  407. background:transparent;
  408.  
  409. }
  410.  
  411. h1 {
  412.  
  413. font-size:30px;
  414. text-align:center;
  415. text-transform:none;
  416. font-family:{select:post title font};
  417.  
  418. }
  419.  
  420. body{
  421. cursor:crosshair;
  422. color:{color:Text};
  423. font-family: cantarell;
  424. font-size:10px;
  425. background: {color:background} url("{image:background}") fixed;
  426. }
  427.  
  428.  
  429. #post{
  430. margin-top:50px;
  431. width:800px;
  432. margin-left:480px;
  433. background-color:transparent;
  434. padding:5px;
  435. {block:PermalinkPage}
  436. width:600px;
  437. float:center;
  438. margin-left:500px;
  439. {/block:PermalinkPage}
  440. }
  441.  
  442. .entry{
  443. text-align:left;
  444. padding:15px;
  445. background-color:transparent;
  446. width:255px;
  447. float:center;
  448. margin:30px;
  449. {block:PermalinkPage}
  450. width:500px;
  451. height:auto;
  452. font-size:13px;
  453. text-transform:uppercase:
  454. text-align:left;
  455. float:center;
  456. {/block:PermalinkPage}
  457. border:1px solid transparent;
  458. -webkit-transition:all 0.3s ease-out;
  459. -moz-transition:all 0.3s ease-out;
  460. transition:all 0.3s ease-out;
  461. }
  462.  
  463. .entry:hover {
  464. -webkit-transition:all 0.3s ease-out;
  465. -moz-transition:all 0.3s ease-out;
  466. transition:all 0.3s ease-out;
  467. border:1px solid {color:borders};
  468. }
  469. .entry img{
  470. max-width:250px;
  471. height:auto;
  472. float:right;
  473. margin:2px;
  474. margin-bottom:5px;
  475. {block:PermalinkPage}
  476. float:center;
  477. width:500px;
  478. max-width:500px;
  479. {/block:PermalinkPage}
  480.  
  481. }
  482.  
  483. .entry .perm{
  484. {block:PermalinkPage}
  485. display:none;
  486. {/block:PermalinkPage}
  487. text-transform:uppercase;
  488. background:transparent;
  489. padding:5px;
  490. text-align:center;
  491. margin-top:-31px;
  492. width:auto;
  493. margin-left:-50px;
  494. height:auto;
  495. position:absolute;
  496. opacity:0.0;
  497. -webkit-transition:all 0.5s ease-out;
  498. -moz-transition:all 0.5s ease-out;
  499. transition:all 0.5s ease-out;
  500.  
  501. }
  502.  
  503. .entry:hover .perm{
  504.  
  505. margin-left:-5px;
  506. opacity:1;
  507. -webkit-transition:all 0.5s ease-out;
  508. -moz-transition:all 0.5s ease-out;
  509. transition:all 0.5s ease-out;
  510.  
  511. }
  512.  
  513. .notes img {
  514. width: 0px;
  515. border-radius:100%;
  516. float:left;
  517. border-right:10px solid transparent;
  518. -webkit-transition: all 0.5s linear;
  519. -moz-transition: all 0.5s linear;
  520. transition: all 0.5s linear;}
  521. ol.notes, .notes li {
  522. height:20px;
  523. width: 100%;
  524. list-style: none;
  525. margin: 0px;
  526. padding-left: 0px}
  527. .notes li:hover img {
  528. -webkit-transition: all 0.5s linear;
  529. -moz-transition: all 0.5s linear;
  530. transition: all 0.5s linear;}
  531.  
  532. ::-moz-selection { background: {color:text}; color: {color:background}; }
  533. ::selection { background: {color:text}; color: {color:background}; }
  534.  
  535. .pagination {
  536. display: none;
  537. }
  538.  
  539. ::-webkit-scrollbar {height:5px; width:3px; }
  540.  
  541. ::-webkit-scrollbar-track-piece {
  542. background-color:{color:post bg};
  543. }
  544.  
  545. ::-webkit-scrollbar-thumb {
  546. background:{color:scrollbar};}
  547.  
  548. blockquote {
  549. margin-left:20px;
  550. padding-left:10px;
  551. border-left:3px solid{color:text};
  552. }
  553.  
  554. #question {padding:0px; margin-bottom:5px;}
  555.  
  556. #asker_portrait img{max-width:40px; margin-top:-20px; position:relative; float:center; border-radius:10px; margin-right:20px; padding:4px; background:{color:Header link} }
  557.  
  558. #asker {font-weight:normal; font-family:montserrat; text-transform:uppercase; font-style:normal; }
  559.  
  560. #asker a { text-align:center; font-size:12px;}
  561.  
  562. #asker a:hover {color:#ccc;}
  563.  
  564. #asked_question {
  565.  
  566. text-align:center;
  567. padding:10px;
  568. width:100%;
  569. border-top-left-radius:20px;
  570. border-top-right-radius:0px;
  571. border-bottom:1px solid {color:borders};
  572. font-style:italic;
  573. min-height:20px;
  574. max-width:155px;
  575. {block:permalinkpage}
  576. max-width:500px;
  577. width:500px;
  578. {/block:permalinkpage}
  579. padding-left:50px;
  580. padding-right:50px;
  581. float:center;
  582.  
  583. }
  584.  
  585. #answer {
  586.  
  587. color:#999;
  588. padding:2px 10px;
  589. background:{color:background};
  590. }
  591.  
  592. #sidepam {
  593.  
  594. z-index:5;
  595. position:fixed;
  596. width:300px;
  597. height:auto;
  598. left:80px;
  599. top:200px;
  600. text-align:center;
  601. background:{color:sidebar bg};
  602. padding-right:40px;
  603. border-right:1px solid {color:sidebar border};
  604.  
  605. }
  606.  
  607. #vimg {
  608.  
  609. width:300px;
  610. float:center;
  611. -webkit-transition: all 0.5s ease;
  612. -moz-transition: all 0.5s ease;
  613. -o-transition: all 0.5s ease;
  614. -ms-transition: all 0.5s ease;
  615. transition: all 0.5s ease;
  616. -webkit-filter: grayscale(0);
  617.  
  618. }
  619.  
  620. #vimg:hover {
  621. -webkit-filter: grayscale(0.7);
  622. transition:All .5s ease;
  623. -o-transition:All .5s ease;
  624. -webkit-transition: all 0.5s ease;
  625. -moz-transition: all 0.5s ease;
  626. -o-transition: all 0.5s ease;
  627. -ms-transition: all 0.5s ease;
  628. transition: all 0.5s ease;
  629.  
  630. }
  631.  
  632. .music {
  633.  
  634. z-index:6;
  635. position:fixed;
  636. left:90px;
  637. top:370px;
  638. width:auto;
  639. height:auto;
  640. padding:10px;
  641. background:#fff;
  642.  
  643. }
  644.  
  645. .optional {
  646. padding:10px;
  647. margin-top:10px;
  648. float:center;
  649. margin-bottom:0px;
  650. margin-left:auto;
  651. margin-right:auto;
  652. width:70%;
  653. background:transparent;
  654. font-size:10px;
  655. font-family: 'cantarell', ;
  656. text-align:justify;
  657. color:{color:text};
  658. }
  659.  
  660. {CustomCSS}
  661.  
  662. </style>
  663. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  664.  
  665. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  666.  
  667. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  668.  
  669. <script>
  670. $(function(){
  671. var $container = $('#post');
  672. $container.imagesLoaded(function(){
  673. $container.masonry({
  674. itemSelector: '.entry',
  675. });
  676. });
  677. $container.infinitescroll({
  678. itemSelector : ".entry",
  679. navSelector : "div.pagination",
  680. nextSelector : ".pagination a#next",
  681. loadingImg : "",
  682. loadingText : "<em></em>",
  683. bufferPx : 10000,
  684. extraScrollPx: 12000,
  685. },
  686. // trigger Masonry as a callback
  687. function( newElements ) {
  688. var $newElems = $( newElements ).css({ opacity: 0 });
  689. // ensure that images load before adding to masonry layout
  690. $newElems.imagesLoaded(function(){
  691. $newElems.animate({ opacity: 1 });
  692. $container.masonry( 'appended', $newElems, true );
  693. });
  694. }
  695. );
  696. });
  697. </script>
  698.  
  699.  
  700. </head>
  701. <body>
  702.  
  703. <div id="top2">
  704.  
  705. <div id="calado">
  706.  
  707. {block:IfNotInfiniteScroll}{block:Pagination}
  708. {block:PreviousPage}<a href="{PreviousPage}" style='color:#fff; background:{color:header link hover}; padding:5px; border-radius:3px;'><li class="fa fa-angle-double-left"></li>&nbsp;Previous</a>{/block:PreviousPage}{/block:Pagination}{/block:IfNotInfiniteScroll}
  709.  
  710. <a href="/">Home</a>
  711. <a href="/archive">Archive</a>
  712. <a href="/submit">Submit</a>
  713. <a href="https://www.tumblr.com/follow/{text:your url}">Follow</a>
  714. <a href="#?w=300" rel="box1" class="poplight">Navigation</a>
  715.  
  716. {block:IfNotInfiniteScroll}{block:Pagination}{block:NextPage}
  717. <a href="{NextPage}" id="next" style='color:#fff; background:{color:header link hover}; padding:5px; border-radius:3px;'>Next
  718. &nbsp;<li class="fa fa-angle-double-right"></li>
  719. </a>{/block:NextPage}{/block:Pagination}{/block:IfNotInfiniteScroll}
  720.  
  721.  
  722.  
  723. </div></div>
  724.  
  725. <div id="sidepam">
  726.  
  727. <img id="vimg" src="{image:Sidebar image}">
  728.  
  729. <div class="optional">{description}</div>
  730.  
  731. </div>
  732.  
  733. <div id="credit"><a href="http://amplamente.tumblr.com"><div class="credit_u">Theme</div><div class="credit_h">Carol</div></a></div>
  734.  
  735.  
  736. <div id="post">
  737. {block:Posts}
  738. <div class="entry">
  739.  
  740. <div class="perm">
  741. <div class="date">
  742. <a href="{Permalink}">{NoteCountWithLabel}</a>
  743. </div>
  744. <div class="date">
  745. <a href="{Permalink}">{block:date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:date}</a>
  746. </div>
  747. <div class="date">
  748. <a href="{ReblogUrl}">Reblog</a>
  749. </div>
  750. </div>
  751.  
  752. {block:Title}<h1>{Title}</h1>{/block:Title}
  753.  
  754. {block:Text}{Body}{/block:Text}
  755.  
  756. {block:Photo}
  757.  
  758. <a href="{permalink}" ><img src="{PhotoURL-500}" width="250"/></a>
  759. {/block:Photo}
  760.  
  761. {block:Photoset}
  762.  
  763. {Photoset-250}
  764. {/block:Photoset}
  765.  
  766.  
  767. {block:Quote}
  768.  
  769. <div style="text-align:center;">
  770. <li class="fa fa-quote-left"></li>&nbsp;&nbsp;&nbsp;{Quote}&nbsp;&nbsp;&nbsp;<li class="fa fa-quote-right"></li></br></div>
  771.  
  772. <div align="right" style="text-align:center; font-size:9px; font-family:montserrat; text-transform:uppercase;">
  773. </br>{block:Source}- {Source}{/block:Source} </br>
  774. </div>
  775. {/block:Quote}
  776.  
  777.  
  778. {block:Video}
  779.  
  780. {Video-250}
  781.  
  782. <br>
  783. {PlayCountWithLabel}
  784. {/block:Video}
  785.  
  786.  
  787. {block:Link}
  788. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  789. {block:Description}{Description}{/block:Description}
  790. {/block:Link}
  791.  
  792. {block:Chat}
  793. {block:Lines}
  794. {block:Label}
  795. <br>{Label}
  796. {/block:Label}
  797. &nbsp;{Line}
  798. {/block:Lines}
  799. {/block:Chat}
  800.  
  801. {block:Audio}
  802. {AudioPlayerGrey}
  803. <br><div align="right">{block:Artist}
  804. Artist: {Artist}</div>
  805. {/block:Artist}<br>
  806. {/block:Audio}
  807.  
  808.  
  809.  
  810. {block:Answer}
  811. <div id="question">
  812. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  813. </div>
  814. <div id="answer">
  815. {Answer}
  816. </div>
  817. {/block:Answer}
  818.  
  819. {block:PermalinkPage}
  820. {block:Caption}
  821. {Caption}
  822. {/block:Caption}
  823. <br>
  824. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} </br> Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  825. <Br>
  826. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  827. {/block:PermalinkPage}
  828. </div>
  829.  
  830. {/block:Posts}
  831.  
  832. </div>
  833.  
  834. {block:IfInfiniteScroll}
  835. <div class="pagination">
  836. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  837. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  838. </div>
  839. {/block:IfInfiniteScroll}
  840.  
  841. <div id="box1" class="popup_block">
  842.  
  843. <div id="poxa">
  844.  
  845. <a href="{text:link1url}" >{text:link1}</a>
  846. <a href="#?w=500" rel="box2" class="poplight">{text:ask name}</a>
  847. <a href="{text:link2url}" >{text:link2}</a>
  848. <a href="{text:link3url}" >{text:link3}</a>
  849. <a href="{text:link4url}" >{text:link4}</a>
  850.  
  851. </div>
  852. <form action="/search" method="get" class="sform" name="form">
  853. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="search here"/></form>
  854. </div>
  855.  
  856. <div id="box2" class="popup_block">
  857.  
  858. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:your url}.tumblr.com" width="100%"></iframe>
  859.  
  860. </div>
  861.  
  862.  
  863. </body>
  864. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement