API tools faq
paste
Advertisement
Guest User

valeria

a guest
Oct 19th, 2017
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. - theme #31 by caulfielld (updated 07/27) -
  5. don't take parts of this code.
  6. don't remove this comment.
  7. don't remove the credit.
  8. -->
  9.  
  10. <html>
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  16. <meta name="description" content="" />
  17. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  18.  
  19. <meta name="color:Background" content="#ffffff" />
  20. <meta name="color:Text" content="#999999" />
  21. <meta name="color:Link" content="#444444" />
  22. <meta name="color:Link hover" content="#999999" />
  23. <meta name="color:Background 2" content="#f5f5f5" />
  24. <meta name="color:Borders" content="#eeeeee" />
  25. <meta name="color:Info" content="#444444" />
  26. <meta name="color:Bold" content="#444444" />
  27. <meta name="color:Scrollbar" content="#444444" />
  28.  
  29. <meta name="text:ask link" content="/ask">
  30. <meta name="text:About title" content="about the blogger">
  31. <meta name="text:Website title" content="">
  32. <meta name="text:Website url" content="">
  33. <meta name="text:About paragraph" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  34. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.">
  35. <meta name="text:Link 01 URL" content="/" />
  36. <meta name="text:Link 01 title" content="Link 01">
  37. <meta name="text:Link 02 URL" content="/" />
  38. <meta name="text:Link 02 title" content="Link 02">
  39. <meta name="text:Link 03 URL" content="/" />
  40. <meta name="text:Link 03 title" content="Link 03">
  41. <meta name="text:Link 04 URL" content="/" />
  42. <meta name="text:Link 04 title" content="Link 04">
  43.  
  44. <meta name="if:Show caption" content="1">
  45. <meta name="if:Infinite scroll" content="0">
  46. <meta name="if:No rescaling" content="0">
  47. <meta name="if:Popup about" content="1">
  48. <meta name="select:Posts width" content="250" title="250px"/>
  49. <meta name="select:Posts width" content="300" title="300px"/>
  50. <meta name="select:Posts width" content="350" title="350px"/>
  51. <meta name="select:Posts width" content="400" title="400px"/>
  52. <meta name="select:Posts width" content="500" title="500px"/>
  53. <meta name="select:Posts width" content="540" title="540px"/>
  54.  
  55. <meta name="image:Sidebar" content="">
  56. <meta name="image:Background" content="">
  57.  
  58. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  59.  
  60. <link href="http://static.tumblr.com/nb65v05/BV0nvm1qo/sghn.css" rel="stylesheet" type="text/css"/>
  61. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  62. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  63.  
  64. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:200,
  71. tip_fade_speed:300
  72. }
  73. );
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <script type="text/javascript">
  79. jQuery(document).ready(function() {
  80. jQuery(".sub1").hide();
  81. //toggle the componenet with class msg_body
  82. jQuery(".cthrough1").click(function()
  83. {
  84. jQuery(this).next(".sub1").slideToggle(500);
  85. });});
  86. </script>
  87.  
  88. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  89. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  90.  
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95.  
  96. img{
  97. -webkit-transition: opacity 0.8s linear;
  98. opacity: 0.60;
  99. }
  100. img:hover{
  101. -webkit-transition: opacity 0.8s linear;
  102. opacity: 1;
  103. }
  104.  
  105. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  106. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  107. @keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  108.  
  109. .fade-in {
  110. opacity:0;
  111. -webkit-animation:fadeIn ease-in 1;
  112. -moz-animation:fadeIn ease-in 1;
  113. animation:fadeIn ease-in 1;
  114. -webkit-animation-fill-mode:forwards;
  115. -moz-animation-fill-mode:forwards;
  116. animation-fill-mode:forwards;
  117. -webkit-animation-duration:1s;
  118. -moz-animation-duration:1s; animation-duration:1s; }
  119.  
  120. .fade-in.one { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
  121.  
  122. body {
  123. font-family: times;
  124. margin-bottom:0px;
  125. margin-top:5px;
  126. margin-left:0px;
  127. text-align:right;
  128. font-size:9px;
  129. color: #777;
  130. line-height:145%;
  131. }
  132.  
  133. a {
  134. color:#323232;
  135. text-decoration: none;
  136. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  137. -o-transition:all 0.6s ease-in-out;/*opera*/
  138. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  139. -ms-transition:all 0.6s ease-in-out;/*ie*/
  140. transition:all 0.6s ease-in-out;/*w3c*/
  141. text-shadow: 0px 0px 1px
  142. }
  143.  
  144. a:hover {
  145. color:#999999;}
  146.  
  147. b, strong {
  148. color:#e2e2e2;
  149. text-shadow: 0px 0px 1px #e2e2e2;
  150. font-family:times;
  151. font-size:13px;
  152. }
  153.  
  154.  
  155. i, em { color:#000;
  156. font-size:10px;
  157. text-transform:lowercase;
  158. font-family:Homemade Apple;
  159. }
  160. }
  161.  
  162.  
  163. small {
  164. font-size:09px;}
  165.  
  166.  
  167. sub, sup{font-size: 10px;}
  168.  
  169. h2 {
  170. line-height:100%;
  171. padding:5px;
  172. text-align:center;
  173. font-size:8px;
  174. font-family:times;
  175. letter-spacing:1px;
  176. outline:1px dashed #e2e2e2;
  177. outline-offset:2px;
  178. border:1px solid #e2e2e2;
  179. }
  180.  
  181. h5 { line-height:100%;
  182. padding:5px;
  183. text-align:center;
  184. font-size:8px;
  185. font-family:times;
  186. letter-spacing:1px;
  187. outline:1px dashed #e2e2e2;
  188. outline-offset:2px;
  189. border:1px solid #e2e2e2;
  190. }
  191. }
  192.  
  193. h7 { line-height:100%;
  194. padding:5px;
  195. text-align:center;
  196. font-size:20px;
  197. letter-spacing:1px;
  198. color:#e2e2e2;
  199. font-family: edwardian script itc;
  200. }
  201.  
  202.  
  203. h3 {
  204. background-image:url('https://i.imgur.com/rPm2SKh.gif');
  205. background-repeat:repeat;
  206. background-attachment:fixed;
  207. line-height:100%;
  208. padding:5px;
  209. text-align:center;
  210. font-size:12px;
  211. letter-spacing:1px;
  212. color:#fff;
  213. text-shadow:0px 0px 4px #fff;
  214. outline:1px dashed #e2e2e2;
  215. outline-offset:2px;
  216. border:1px solid #e2e2e2;
  217. font-family: Edwardian Script ITC ;
  218. font-weight:bold;
  219. text-transform:lowercase;
  220.  
  221. -webkit-transition: opacity 0.8s linear;
  222. opacity: 0.60;
  223. }
  224. img:hover{
  225. -webkit-transition: opacity 0.8s linear;
  226. opacity: 1;
  227.  
  228. }
  229.  
  230.  
  231.  
  232.  
  233. .container {
  234. width:{select:posts width}px;
  235. margin:0 auto;
  236. padding-top:100px;
  237. padding-bottom:100px;
  238. padding-left:80px;
  239. }
  240.  
  241. #entries{
  242. width:{select:posts width}px;
  243. position:relative;
  244. }
  245.  
  246. .posts {
  247. width:{select:posts width}px;
  248. position:relative;
  249. word-wrap: break-word;
  250. {block:IndexPage}
  251. margin-top:90px;
  252. {/block:IndexPage}
  253. z-index:99;
  254. overflow:hidden;
  255.  
  256. }
  257.  
  258. {block:IndexPage}
  259. .posts:first-of-type{
  260. margin-top:0;
  261. }
  262. {/block:IndexPage}
  263.  
  264. .posts h2{
  265. font-family:helvetica;
  266. font-size:18px;
  267. font-weight:bold;}
  268.  
  269. .posts blockquote {
  270. border-left: 1px solid {color:borders};
  271. padding-left: 5px;
  272. margin:05px;
  273. margin-bottom:0;
  274. }
  275.  
  276. .posts img, .posts li, .posts blockquote {max-width:100%!important;}
  277.  
  278. .posts .images{
  279. display:block;}
  280.  
  281. {block:ifNoRescaling}
  282. .photo-slideshow.processed .pxu-photo img {
  283. width:auto; }{/block:ifNoRescaling}
  284.  
  285. .photo-slideshow .count-1 {
  286. max-width:{select:posts width};}
  287.  
  288. .photo-slideshow .count-2 {
  289. max-width:calc({select:posts width}px/2 - 2px)!important;
  290. max-width:-moz-calc({select:posts width}px/2 - 2px)!important;}
  291.  
  292. .photo-slideshow .count-3 {
  293. max-width:calc({select:posts width}px/3 - 2px)!important;
  294. max-width:-moz-calc({select:posts width}px/3 - 2px)!important;}
  295.  
  296. .photo-slideshow .count-3:last-of-type {
  297. max-width:calc({select:posts width}px/3 - 3px)!important;
  298. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  299.  
  300. .photo-slideshow .count-3:first-of-type {
  301. max-width:calc({select:posts width}px/3 - 3px)!important;
  302. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  303. /* SIDEBAR */
  304.  
  305. .side{
  306. position:fixed;
  307. border-right:1px solid {color:borders};
  308. height:auto;
  309. margin-top:100px;
  310. margin-left:-190px;}
  311.  
  312. .sidebar {
  313. width: 200px;
  314. margin-right:45px;
  315. margin-left:-40px;
  316. text-align:center;
  317. margin-top:-170px;
  318. margin-bottom:20px;
  319. }
  320.  
  321. .sidebar .sidebar-image{
  322. max-width:130px;
  323. display:block;
  324. margin-left: auto;
  325. margin-right: auto;
  326. border-radius:100%;
  327. width:64px;
  328. padding:5px;
  329. background-color:{color:background 2};
  330. }
  331.  
  332. .sb-title{
  333. margin-bottom:05px;
  334. text-align:center;
  335. font-size:18px;}
  336.  
  337. #description {
  338. width:100px;
  339. font-family: 'Lato', sans-serif;
  340. margin-bottom:0px;
  341. margin-top:5px;
  342. margin-left:0px;
  343. text-align:right;
  344. font-size:9px;
  345. color: #777;
  346. line-height:145%;
  347. }
  348.  
  349. #description a {
  350. color:{color:link};
  351. }
  352.  
  353. #description a:hover {
  354. color:{color:link hover};
  355. }
  356.  
  357.  
  358. /* NAVIGATION / LINKS */
  359. .navi{
  360. margin-top:10px;
  361. }
  362. .navi a{
  363.  
  364. }
  365.  
  366. /* PAGINATION */
  367. .pag {
  368. margin-top:100px;
  369. text-align:center;
  370. padding-top:10px;
  371. font: 07px helvetica;
  372. letter-spacing:1px;
  373. text-transform:uppercase;}
  374.  
  375. .jump_page {
  376. padding: 4px 6px;}
  377.  
  378. .current_page, .jump_page:hover {
  379. padding: 4px 6px;}
  380.  
  381. /* QUOTE POSTS */
  382. .quote {
  383. font-family:helvetica;
  384. font-style:italic;
  385. padding:10px;
  386. padding:0 10px 0 10px;}
  387.  
  388. .quotetext-short {
  389. font-size: 18px;}
  390.  
  391. .quotetext-medium {
  392. font-size: 14px;}
  393.  
  394. .quotetext-long {
  395. font-size: 11px;}
  396.  
  397. .quote-source {
  398. text-align:right;}
  399.  
  400. /* CHAT POSTS */
  401. .odd, .even {
  402. margin:0px;
  403. padding:10px;
  404. }
  405.  
  406. .odd {
  407. background-color:{color:background 2};}
  408.  
  409. /* AUDIO POSTS */
  410. .tumblr_audio_player {
  411. height:20px;
  412. width:20px;
  413. z-index:9999;
  414. margin:0;
  415. padding:10px;
  416. margin-left:30px;
  417. margin-top:30px;
  418. position:absolute;
  419. float:left;
  420. background-color:white;
  421. border-radius:100%;
  422. opacity:0.6;
  423. }
  424.  
  425. .audio {
  426. width:auto;
  427. background-color:{color:background 2};
  428. overflow:hidden;
  429. max-height:100px;
  430. position:relative;
  431. }
  432.  
  433. .au-info {
  434. position:relative;
  435. left:100px;
  436. overflow:auto;
  437. padding:10px;
  438. padding-top:0;
  439. font-size:14px;
  440. font-weight:bold;
  441. height:100px;
  442. display: table-cell;
  443. vertical-align: middle;
  444. }
  445.  
  446. img.au-image{
  447. float:left;
  448. width:100px;
  449. position:absolute;
  450. }
  451.  
  452. /* VIDEO POSTS*/
  453. .video{
  454. position:relative;
  455. z-index:9999;}
  456.  
  457. .tumblr_video_container {
  458. width:auto!important;
  459. height:auto!important;}
  460.  
  461. .video .instagram-media {
  462. margin-left: auto!important;
  463. margin-right: auto!important;
  464. max-height:none!important;
  465. box-shadow:none!important;
  466. border:1px solid {color:borders}!important;
  467. width:calc({select:posts width}px - 3px)!important;}
  468.  
  469. /* ASK POSTS */
  470. .question{
  471. border-bottom:1px solid {color:borders};
  472. padding:10px;
  473. background-color:{color:background 2};
  474. line-height:150%;
  475. font-style:italic;
  476. }
  477.  
  478. .question img{
  479. float:left;
  480. width:30px;
  481. border-radius:100%;
  482. margin-right:10px;
  483. margin-bottom:0px;
  484. }
  485.  
  486. /* CAPTION */
  487. .caption img, .ans img{
  488. max-width:100%!important;
  489. height:auto!important;}
  490.  
  491. .caption a{
  492. }
  493.  
  494. /* INFO */
  495. .posts-info{
  496. line-height:100%;
  497. padding:5px;
  498. text-align:center;
  499. font-size:8px;
  500. letter-spacing:1px;
  501. color:#fff;
  502. text-shadow:0px 0px 4px #fff;
  503. outline:1px dashed #e2e2e2;
  504. outline-offset:2px;
  505. border:1px solid #e2e2e2;
  506. font-family: edwardian script itc;
  507. font-weight:bold;
  508. text-transform:lowercase;
  509. border-bottom:1px solid {color:borders};
  510. background-image:url('https://i.imgur.com/rPm2SKh.gif');
  511. background-repeat:repeat;
  512. background-attachment:fixed;
  513. -webkit-transition: opacity 0.8s linear;
  514. opacity: 0.60;
  515. }
  516. img:hover{
  517. -webkit-transition: opacity 0.8s linear;
  518. opacity: 1;
  519.  
  520. }
  521. .posts-info a{
  522. color:{color:info};
  523. line-height:100%;
  524. padding:5px;
  525. text-align:center;
  526. font-size:8px;
  527. letter-spacing:1px;
  528. color:#fff;
  529. text-shadow:0px 0px 4px #fff;
  530.  
  531. font-family: times;
  532. font-weight:bold;
  533. text-transform:uppercase;
  534. }
  535.  
  536. .posts:hover .posts-info2{
  537.  
  538. }
  539.  
  540. .posts-info2{
  541.  
  542. font:13px edwardian script itc;
  543. text-transform:lowercase;
  544. letter-spacing:1px;
  545. color:{color:info};
  546. margin-bottom:1px;
  547. text-align:center;
  548. margin-top:07px;
  549.  
  550. opacity:1;
  551. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  552. -o-transition:all 0.6s ease-in-out;/*opera*/
  553. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  554. -ms-transition:all 0.6s ease-in-out;/*ie*/
  555. transition:all 0.6s ease-in-out;/*w3c*/}
  556. a.tag{
  557. margin-right:5px;
  558. margin-bottom:1px;
  559.  
  560. }
  561.  
  562. .posts-info2 a {
  563. text-decoration:none;
  564.  
  565. }
  566.  
  567. .posts-info2 .tag a{
  568. padding:5px;
  569. line-height:200%;
  570.  
  571. }
  572.  
  573. /* NOTES */
  574. #notes{
  575. width:{select:posts width}px;
  576. margin-left:0px;
  577. max-height:190px;
  578. overflow:auto;
  579. margin-top:15px;
  580. background-image:url('https://i.imgur.com/j7dRWP3.png');
  581. background-repeat:repeat;
  582. background-attachment:fixed;
  583.  
  584. }
  585.  
  586. .notes img{border-radius:100%;}
  587.  
  588. ol.notes {
  589. padding: 0px;
  590. margin: 0;
  591. list-style-type: none;}
  592.  
  593. ol.notes li.note {padding: 10px;}
  594.  
  595. ol.notes li.note img.avatar {
  596. vertical-align: -4px;
  597. float:left;
  598. margin-right: 10px;
  599. width: 16px;
  600. height: 16px;}
  601.  
  602. ol.notes li.note span.action {}
  603.  
  604. ol.notes li.note .answer_content {font-weight: normal;}
  605.  
  606. ol.notes li.note blockquote {
  607. border-color: {color:borders};
  608. padding: 4px 10px;
  609. margin: 10px 0px 0px 25px;}
  610.  
  611. /* EXTRAS */
  612.  
  613. a.c{
  614. position:fixed;
  615. bottom:10px;
  616. right:12px;
  617. font:07px 'trebuchet ms';
  618. text-transform:uppercase;
  619. letter-spacing:1px;
  620. text-align:right;
  621. z-index:9999999;
  622. background-color:#f5f5f5;
  623. border:1px solid {color:borders};
  624. padding:05px;
  625. border-radius:100%;
  626. color:#8c8c8c;
  627. }
  628.  
  629. #vignette, #tumblr_lightbox_right_image, #tumblr_lightbox_left_image {
  630. visibility: hidden;}
  631.  
  632. #tumblr_lightbox img {
  633. box-shadow: none !important;
  634. border-radius:0 !important;}
  635.  
  636. #tumblr_lightbox {background-color: transparent !important;}
  637.  
  638. #tumblr_lightbox div:nth-child(2) {
  639. background-color: #fff;
  640. opacity: .8;}
  641.  
  642. #tumblr_lightbox a img {
  643. border: 3px solid #fff !important;
  644. border-radius:05px;}
  645.  
  646. ::-webkit-scrollbar {
  647. width: 3px;
  648. height: 3px;
  649. background: {color:background};}
  650.  
  651. ::-webkit-scrollbar-thumb {
  652. background-color:{color:scrollbar};}
  653.  
  654. #s-m-t-tooltip{
  655. margin:24px 14px 7px 12px;
  656. letter-spacing:1px;
  657. z-index:9999999999999;
  658. line-height:16px;
  659. background-color:#f5f5f5;
  660. color:{color:text};
  661. font: 07px helvetica;
  662. letter-spacing:1px;
  663. text-transform:uppercase;
  664. padding:03px;}
  665.  
  666. ::selection {
  667. background: {color:link};
  668. color: white;}
  669. ::-moz-selection {
  670. background: {color:link};
  671. color: white;}
  672. ::-webkit-selection {
  673. background: {color:link};
  674. color: white;}
  675.  
  676. /* SCROLL TO TOP */
  677. .scrollup{
  678. width:30px;
  679. height:30px;
  680. opacity:0.3;
  681. position:fixed;
  682. bottom:30px;
  683. right:04px;
  684. display:none;}
  685.  
  686. .scrollup:hover{cursor:pointer;}
  687.  
  688. .wrapper.active {
  689. border-radius: 5px 5px 0 0;
  690. background: {color:link};
  691. box-shadow: none;
  692. border-bottom: none;
  693. color: white;}
  694.  
  695. .wrapper.active:after {
  696. border-color: {color:background} transparent;}
  697.  
  698. .navi a{
  699. background-color:{color:background 2};
  700. display:block;
  701. padding:07px;
  702. width:190px;
  703. margin-left:auto;
  704. margin-right:auto;
  705. border-bottom:1px solid {color:borders};
  706. text-align:center;
  707. font:07px edwardian script ICT;
  708. text-transform:uppercase;
  709. letter-spacing:1px;}
  710.  
  711. .cthrough,.cthrough1{
  712. cursor:pointer;
  713. }
  714.  
  715. .sub1{
  716. margin-bottom:05px;
  717. overflow:auto;
  718. padding:5px;
  719. text-align:left;
  720. }
  721.  
  722. .sub1 a{
  723. display:inline;
  724. background-color:{color:background};
  725. padding:0;
  726. border-bottom:0px solid {color:borders};
  727. }
  728.  
  729. .sub1 a::before{
  730. content:'';
  731. height:1px;
  732. background:{color:borders};
  733. display:inline-block;
  734. width:10px;
  735. margin-right:5px;
  736. border-bottom:02.5px solid {color:background};
  737. }
  738.  
  739. .photo-slideshow{
  740. margin-bottom:10px!important;
  741. }
  742.  
  743. .pjm{
  744. margin-top:200px;
  745. background-color:{color:background 2};
  746. height:200px;
  747. padding:10px;
  748. overflow:auto;
  749. }
  750. .pjm ti{
  751. font-size:14px;
  752. font-style:italic;
  753. font-family:arial;
  754. font-weight:bold;
  755. border-bottom:1px solid {color:borders};
  756.  
  757. }
  758. .pjm ab{
  759. text-transform:uppercase;
  760. font:bold 18px arial;
  761. }
  762.  
  763. .uh{
  764. position: fixed;
  765. width:{select:posts width}px;
  766. height:100%;
  767. z-index:9999;
  768. margin-top:-100px;
  769. background-color:{color:background};
  770. }
  771.  
  772. </style>
  773.  
  774. </head>
  775.  
  776. <body>
  777.  
  778. <div class="container">
  779.  
  780. <div class="uh" style="display:none;">
  781. <div class="pjm">
  782. <ti><i><h2>this is where your about quote will go . you can keep this tiny , or long . doesnt matter & is entirely up to you !</i></ti><br></h2><br>
  783.  
  784. <ab>{text:about title}</ab><br>
  785. {Description}<p>
  786. <b>INFO:</b> <a href="{text:website url}">{text:website title}</a>
  787. </p>
  788. {text:about paragraph}
  789. </div>
  790. </div>
  791.  
  792. <div class="side">
  793. <div class="sidebar">
  794.  
  795. <img src="{image:sidebar}" class="sidebar-image">
  796. <div class="description">
  797.  
  798. <h7><BIG><BIG><BIG><i>amour . </i></h7>
  799. <p>aether velvet .</BIG></BIG></BIG></h3>
  800. <p><h2><img src="https://i.imgur.com/vrqEcQX.gif">
  801. <p><marquee> <i><big>undead</big> original character</i> . - - written privately by olive . </marquee></h2>
  802. <p> { description will go here . for <u>underlining</u> its < u > , for <i>italics</i> its < i > , for <b>bold</b> its < b > , for <h7>cursive writing</h7> its < h 7 > , for <big><big><big> big words </big></big></big> it < big > < big >< big > for higher
  803. <sup>words</sup> its < sup > <h7>&</h7> for the photo block shown below its < h3 >
  804. <p><h3><big><big><big><big>silk & regress .</big></big></big></h3>
  805.  
  806. </div>
  807.  
  808. <div class="navi">
  809. <a href="/">index</a>
  810. <a href="{text:ask link}">message</a>
  811. {block:ifPopupAbout}
  812. <a id="clickbutton" class="t" style="cursor:pointer;"><span class="t">about</span><span class="t" style="display:none">close</span></a>
  813. {/block:ifPopupAbout}
  814. <a class="cthrough1">links</a>
  815. <div class="sub1" style="display:none;">
  816. <a href="{text:Link 01 URL}">{text:Link 01 title}</a><br>
  817. <a href="{text:Link 02 URL}">{text:Link 02 title}</a><br>
  818. <a href="{text:Link 03 URL}">{text:Link 03 title}</a><br>
  819. <a href="{text:Link 04 URL}">{text:Link 04 title}</a><br>
  820. </div>
  821.  
  822. </div>
  823. </div><!--- sidebar --->
  824.  
  825. {block:Pagination}<div class="pag" style="display:none;">
  826. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  827.  
  828. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  829. {/block:Pagination}
  830.  
  831. </div>
  832.  
  833. <div id="entries" class="box fade-in one">
  834.  
  835. {block:Posts}
  836.  
  837. {block:ContentSource}
  838. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  839. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  840. {/block:SourceLogo}
  841. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  842. {/block:ContentSource}
  843.  
  844. <div class="posts">
  845.  
  846. {block:Text}
  847. {block:Title}<h2>{Title}</h2>{/block:Title}
  848. {Body}
  849. {/block:Text}
  850.  
  851. {block:Photo}
  852. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  853. {block:ifShowCaption}
  854. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  855. {/block:ifShowCaption}
  856. {block:ifNotShowCaption}
  857. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  858. {/block:ifNotShowCaption}
  859. {/block:Photo}
  860.  
  861. {block:Photoset}<center>
  862. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  863. {block:ifShowCaption}
  864. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  865. {/block:ifShowCaption}
  866. {block:ifNotShowCaption}
  867. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  868. {/block:ifNotShowCaption}
  869. {/block:Photoset}
  870.  
  871. {block:Quote}<div class="quote">
  872. <div class="quotetext-{Length}">{Quote}</div>
  873. {block:Source}
  874. <div class="quote-source">{Source}</div>
  875. {/block:Source}
  876. </div>{/block:Quote}
  877.  
  878. {block:Link}
  879. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  880. {block:Description}{Description}{/block:Description}
  881. {/block:Link}
  882.  
  883. {block:Chat}
  884. {block:Title}<h2>{Title}</h2>{/block:Title}
  885. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  886. {/block:Chat}
  887.  
  888. {block:Audio}
  889. <div class="audio">
  890. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  891. {block:AlbumArt}
  892. <img src="{AlbumArtURL}" class="au-image">
  893. {/block:AlbumArt}
  894. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  895. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}
  896. </div>
  897.  
  898. </div>
  899. {block:ifShowCaption}
  900. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  901. {/block:ifShowCaption}
  902. {block:ifNotShowCaption}
  903. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  904. {/block:ifNotShowCaption}
  905. {/block:Audio}
  906.  
  907. {block:Video}
  908. <div class="video">{Video-500}</div>
  909. {block:ifShowCaption}
  910. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  911. {/block:ifShowCaption}
  912. {block:ifNotShowCaption}
  913. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  914. {/block:ifNotShowCaption}
  915. {/block:Video}
  916.  
  917. {block:Answer}
  918. <div class="question"><img src="{AskerPortraitURL-30}">
  919. <b>{Asker} asked</b><br>{Question}</div>
  920. <div class="ans">{Answer}</div>
  921. {/block:Answer}
  922.  
  923. {block:Date}<div class="posts-info">
  924. <a href="{Permalink}" title="{Timeago}"> {MonthNumberWithZero} {DayOfMonthWithZero} {Year}</a>
  925. {block:NoteCount} / {NoteCountWithLabel}{/block:NoteCount}
  926. {block:RebloggedFrom}{block:PermalinkPage}/ <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:PermalinkPage} / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  927. {block:indexpage}<a href="{ReblogURL}" target="_blank" class="details"> / REBLOG</a>{/block:indexpage}
  928. {block:Permalinkpage}
  929. {block:HasTags}/ {block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:Permalinkpage}
  930. </div>
  931. {/block:Date}
  932.  
  933. <div class="posts-info2" {block:permalinkpage}style="display:none;"{/block:permalinkpage}>
  934. {block:HasTags}<div class="tag">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags} </div>{/block:HasTags}</div>
  935.  
  936. </div><!--- posts --->
  937.  
  938. {block:PermalinkPage}
  939. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  940. {/block:PermalinkPage}
  941.  
  942. {/block:Posts}
  943.  
  944. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  945. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">prev</a>{/block:PreviousPage}
  946. {block:JumpPagination length="5"}
  947. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  948. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  949. {block:NextPage}<a href="{NextPage}" class="jump_page">next</a>{/block:NextPage}</div>
  950. {/block:Pagination}
  951. </div><!--- entries --->
  952.  
  953. </div><!--- container --->
  954.  
  955. <script language="javascript">
  956. $(document).ready(function() {
  957. $('a#clickbutton').click(function() {
  958. $('.t',this).toggle();
  959. });
  960.  
  961. $("#clickbutton").click(function(){
  962. $(".uh").fadeToggle("slow");
  963. });
  964.  
  965. $("#clickbutton").click(function(){
  966. $(".hide").fadeToggle("slow");
  967. });
  968.  
  969.  
  970. });
  971. </script>
  972.  
  973. <script>
  974. $(document).ready(function(){
  975. $('.video iframe').each(function(){
  976. var scale = $(this).parents('.video').width() / 500;
  977. $(this).attr({
  978. width: Math.floor($(this).attr('width') * scale),
  979. height: Math.floor($(this).attr('height') * scale)
  980. });
  981. });
  982. });
  983. </script>
  984.  
  985. <script>
  986. $(document).ready(function(){
  987. $('.photo-slideshow').pxuPhotoset({
  988. lightbox: true,
  989. rounded: false,
  990. gutter: '0px',
  991. borderRadius: '0px',
  992. photoset: '.photo-slideshow',
  993. photoWrap: '.photo-data',
  994. photo: '.pxu-photo'
  995. });
  996. });
  997. </script>
  998.  
  999. {block:IndexPage}{block:ifInfiniteScroll}
  1000. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1001.  
  1002. <script type="text/javascript">
  1003. $(function(){
  1004. var $container = $('#entries');
  1005. $container.infinitescroll({
  1006. bufferPx: 400,
  1007. itemSelector: '.posts',
  1008. navSelector: '.pag',
  1009. nextSelector: '.next',
  1010. loading: {
  1011. img: 'http://static.tumblr.com/nb65v05/NgXntm6a6/untitled-1.png',
  1012. msg: null,
  1013. msgText: ''
  1014. }
  1015. },
  1016. function( newElements ) {
  1017. var $newElems = $( newElements );
  1018. $newElems.find('.photo-slideshow').pxuPhotoset({
  1019. lightbox: true,
  1020. rounded: false,
  1021. gutter: '0px',
  1022. borderRadius: '0px',
  1023. photoset: '.photo-slideshow',
  1024. photoWrap: '.photo-data',
  1025. photo: '.pxu-photo'
  1026. });
  1027. $newElems.find('.video iframe').each(function(){
  1028. var scale = $(this).parents('.video').width() / 500;
  1029. $(this).attr({
  1030. width: Math.floor($(this).attr('width') * scale),
  1031. height: Math.floor($(this).attr('height') * scale)
  1032. });
  1033. });
  1034. });
  1035.  
  1036. });
  1037. </script>
  1038. {/block:ifInfiniteScroll}{/block:IndexPage}
  1039.  
  1040. <a href="http://caulfielld.tumblr.com/" target="_blank" class="c" title="theme by caulfielld">tc</a>
  1041.  
  1042. {block:ifInfiniteScroll}
  1043. <script type="text/javascript">
  1044. $(document).ready(function(){
  1045. $(window).scroll(function(){
  1046. if ($(this).scrollTop() > 100) {
  1047. $('.scrollup').fadeIn();
  1048. } else {
  1049. $('.scrollup').fadeOut();}});
  1050. $('.scrollup').click(function(){
  1051. $("html, body").animate({ scrollTop: 0 }, 600);
  1052. return false;});});
  1053. </script>
  1054.  
  1055. <a class="scrollup"><i class="fa fa-chevron-up fa-2x"></i></a>
  1056. {/block:ifInfiniteScroll}
  1057.  
  1058. </body>
  1059. </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!