API tools faq
paste
habitart

TOUCH // selenapastel

habitart
Dec 15th, 2018
571
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html>
  4.  
  5. <!----
  6.  
  7.  
  8. by selenapastel
  9. enjoy <3
  10. and please, don't copy
  11.  
  12.  
  13. ---->
  14.  
  15.  
  16. <meta name="text:Link1" content="/" />
  17. <meta name="text:Link1 Title" content="home" />
  18. <meta name="text:Link2" content="/" />
  19. <meta name="text:Link2 Title" content="message" />
  20. <meta name="text:Link3" content="/" />
  21. <meta name="text:Link3 Title" content="navigation" />
  22.  
  23. <meta name="image:Sidebar" content="" />
  24. <meta name="if:Visible Caption" content="1" />
  25.  
  26. <meta name="color:Background" content="#ffffff" />
  27. <meta name="color:Text" content="#000000" />
  28. <meta name="color:Link Hover" content="#a8a8a8" />
  29. <meta name="color:Link" content="#000000" />
  30. <meta name="color:Accent" content="#f5f5f5" />
  31. <meta name="color:Scrollbar" content="#ccb2b2" />
  32. <meta name="color:Links Sidebar" content="#000000" />
  33. <meta name="color:Title" content="#000000" />
  34.  
  35. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  36.  
  37. <title>{Title}</title>
  38. <Link rel="shortcut icon" href="{Favicon}" />
  39. <Link rel="alternate" type="application/rss+xml" href="{RSS}" />
  40.  
  41. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Arvo' rel='stylesheet' type='text/css'>
  42.  
  43. <style type="Text/css">
  44.  
  45. body {
  46. Background-color: {color:Background};
  47. Text-transform:lowercase;
  48. font-family:arial;
  49. font-size:13px;
  50. letter-spacing:.7;
  51. line-height: 15px;
  52. color:{color:Text};}
  53.  
  54. a {color: {color:Link};
  55. Text-decoration: none;
  56. transition:all 1s ease;}
  57. a:hover {color:{color:Link Hover};}
  58.  
  59. blockquote {
  60. padding-left:10px;
  61. border-left:1px solid #eee;
  62. margin:10px;}
  63.  
  64. blockquote img {max-width:250px!important;
  65. height:auto;}
  66.  
  67. ::-webkit-scrollbar-thumb {background-color: {color:Scrollbar};
  68. border: 7px solid #fff;
  69. height:auto;
  70. border-radius:100px;}
  71. ::-webkit-scrollbar {height:10px;
  72. width:15px;
  73. border-radius:100px;
  74. background-color: #fff;
  75. border:4px solid #fff;}
  76.  
  77. html {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  78. a, a:hover{cursor: url(http://static.tumblr.com/8l2gpxb/m1pmlzw1h/5.png), auto;}
  79.  
  80. #entries {float: left;
  81. width:500px;
  82. margin-top: 20px;
  83. margin-left:400px;
  84. margin-bottom:100px;}
  85.  
  86. #entry {width:400px;
  87. padding:15px;
  88. background:#fff;
  89. Text-align: justify;
  90. position: relative;
  91. margin:100px 100px 130px 100px;}
  92.  
  93. h1 {padding:0px 0px 5px 0px;
  94. Text-align:left;
  95. line-height:100%;
  96. color:{color:Text};
  97. font-family:'Arvo';
  98. font-size:20px;
  99. font-weight:300;
  100. text-transform:none;
  101. text-align:left;}
  102.  
  103. h1 a {text-transform:uppercase;
  104. font-weight:300;
  105. font-size:10px;}
  106.  
  107. .quote {Text-align:center;
  108. font-size: 11px;
  109. letter-spacing:0px;
  110. line-height: 21px;
  111. color:{color:Text};
  112. padding:15px;
  113. Text-transform:none;}
  114. .quotesource {Text-transform:none;
  115. font-size:9px;
  116. height:auto;
  117. margin-top:0px;
  118. letter-spacing:0px;
  119. Text-align:center;
  120. color:{color:Text};
  121. display:block;
  122. padding:15px;}
  123. .quotesource a {color:{color:Text};}
  124.  
  125. .chat {background: #fff;
  126. font-size: 9px;
  127. margin-top:10px;}
  128. .chat .lines {padding: 2px 2px 2px 10px;
  129. margin-bottom: 4px;
  130. border-left:1px solid{color:Accent};}
  131. .chat .lines span {font-weight:none;}
  132.  
  133. #s-m-t-tooltip {max-width:300px;
  134. padding:4px 5px 5px 5px;
  135. margin:15px 10px 10px 15px;
  136. font-size:9px;
  137. z-index:999999999999999999999999999999999999;
  138. background:{color:Background};
  139. color:{color:Text};
  140. Text-transform:lowercase;}
  141.  
  142. #info {z-index:999999999999999999999999999999999999999;
  143. text-align:center;
  144. padding:0px;
  145. font-weight:bold;
  146. text-transform:lowercase;
  147. letter-spacing:1px;
  148. font-size:12px;
  149. color:{color:Text};
  150. margin-top:15px;}
  151.  
  152. #info a {text-transform:lowercase;
  153. letter-spacing:1px;
  154. font-size:12px;
  155. margin-left:5px;
  156. color:{color:Link};}
  157.  
  158. #tags {text-align:center;
  159. text-transform:uppercase;
  160. font-size:8px;
  161. color:{color:Text};
  162. margin-top:5px;
  163. text-transform:lowercase;}
  164.  
  165. #tags a {margin:3px;
  166. text-transform:none;
  167. font-size:7px;
  168. color:{color:Text};
  169. font-size:9px;
  170. padding:0px 0px 1px 0px;
  171. border-bottom:1px solid {color:Accent};}
  172.  
  173. ol.notes {list-style: none;
  174. width:370px;
  175. padding:20px;
  176. height:400px;
  177. overflow: scroll;
  178. border:1px dashed{color:Accent};
  179. margin-left:115px;
  180. margin-top:140px;
  181. margin-bottom:-20px;}
  182. ol.notes a {color:{color:text};
  183. font-size:9px;
  184. text-transform:lowercase;}
  185. ol.notes li.note {margin-bottom: 2px;
  186. padding: 7px;
  187. font-size:9px;
  188. text-transform:lowercase;
  189. line-height: 20px;}
  190. ol.notes li.note img.avatar {vertical-align: -5px;
  191. margin-right: 10px;
  192. width:18px;
  193. height: 18px; }
  194. ol.notes li.note .answer_content {font-weight: normal;}
  195. ol.notes li.note block{display: none;}
  196.  
  197. .bar {margin-top:0px;
  198. padding:16px;
  199. height:6px;
  200. margin-left:0px;
  201. color:{color:Text};
  202. Text-align:left;
  203. Background:#fff;
  204. z-index:999999999999999999999999;
  205. letter-spacing:1px;
  206. Text-transform:uppercase;
  207. font-size: 9px; }
  208.  
  209. .audioinfo {margin-top:-2px;
  210. padding:10px;
  211. margin-left:0px;
  212. color:{color:Text};
  213. Text-align:left;
  214. Background:;
  215. z-index:999999999999999999999999;
  216. Text-transform:lowercase;
  217. font-size: 10px;}
  218.  
  219. #albumart {margin-left:0px;
  220. float:left;
  221. margin-top:-17px;}
  222.  
  223. #albumart img{margin-left:-15px;
  224. transition:all 1s ease;
  225. padding:15px;
  226. width:50px;}
  227.  
  228. #audioplayer {width:28px;
  229. height:31px;
  230. opacity:0.7;
  231. z-index:999999999999999999999999999999;
  232. overflow:hidden;
  233. position:absolute;
  234. margin-left:11px;
  235. margin-top:10px;
  236. transition:all 1s ease;}
  237.  
  238. #audioplayer:hover {opacity:1;
  239. transition:all 1s ease;}
  240.  
  241. #asker {color:{color:Text};
  242. Text-transform:uppercase;
  243. font-size:8px;
  244. position:absolute;
  245. letter-spacing:1px;
  246. margin-left:30px;
  247. margin-top:-27px;
  248. padding:0px 0px 1px 0px;}
  249.  
  250. #asker a {color:{color:Text};
  251. Text-transform:uppercase;
  252. letter-spacing:1px;
  253. font-size:8px;}
  254.  
  255. .ask {Text-align: justify;
  256. background:{color:Background};
  257. border:1px solid#eee;
  258. color:{color:Text};
  259. padding:10px;
  260. Text-transform:uppercase;
  261. font-size:9px;
  262. margin-top:1px;
  263. line-height:17px;
  264. vertical-align: -5px;}
  265. .ask a {color: color:{color:Text};}
  266.  
  267. .question {Text-align: justify;
  268. color:{color:Text};
  269. padding:20px;
  270. background:{color:Background};
  271. border:1px solid#eee;
  272. Text-transform:lowercase;
  273. font-size:9px;
  274. margin-top:0px;
  275. line-height:17px;
  276. vertical-align: -5px;}
  277. .question a {color: color:{color:Text};}
  278.  
  279. .answer {margin-top:-5px;
  280. color:{color:Text};
  281. Text-align:left;
  282. line-height:20px;
  283. Text-align: justify;
  284. Text-transform:none;
  285. font-size:9px;
  286. padding:10px;}
  287.  
  288. #credits {
  289. position:fixed;
  290. right:10px;
  291. bottom:10px;}
  292. #credits a {letter-spacing:0px;
  293. Text-transform:uppercase;
  294. font-size: 10px;
  295. color:{color:Text};}
  296.  
  297. #pagination {text-align:center;
  298. width:400px;
  299. color:{color:Text};
  300. margin:0px 0px -20px 120px ;
  301. text-transform:lowercase;
  302. font-size:11px;}
  303. #pagination a {line-height:14px;
  304. padding:0 5px;
  305. color:{color:Text};}
  306.  
  307. #pagination span.pagina_atual { margin: 0 1px 0 0;
  308. text-decoration:none;
  309. padding: 2px 6px 2px 6px;
  310. color: {color:Text};}
  311.  
  312. #sidebar {margin-left:280px;
  313. width:200px;
  314. margin-top:140px;
  315. position:fixed;}
  316.  
  317. #sidebar img {width:60px;
  318. margin-left:65px;
  319. border-radius:100%;
  320. margin-top:15px;}
  321.  
  322. #desc {text-transform:none;
  323. margin-top:5px;
  324. font-size:12px;
  325. border-radius:5px;
  326. line-height:25px;
  327. text-align:center;
  328. color:{color:text};
  329. width:180px;
  330. z-index:99999999999999999;
  331. margin-left:10px;}
  332.  
  333. #links {width:200px;
  334. margin-left:00px;
  335. text-align:center;
  336. position:relative;
  337. margin-top:0px;}
  338.  
  339. #links a {color:{color:Links Sidebar};
  340. font-size:12px;
  341. text-align:center;
  342. display:inline;
  343. line-height:150%;
  344. transition:all 1s ease;
  345. text-transform:lowercase;
  346. text-decoration:underline;
  347. background:{color:Accent};}
  348.  
  349. #links a:hover {text-decoration:none;}
  350.  
  351. #title {font-family:'Arvo';
  352. font-size:25px;
  353. text-transform:none;
  354. text-align:center;
  355. width:200px;
  356. margin-top:15px;
  357. margin-left:0px;
  358. color:{color:Title};}
  359.  
  360. iframe.tmblr-iframe {
  361. opacity:0;
  362. display:none!important;}
  363.  
  364. #controls {right:5px;
  365. top:15px;
  366. color:#c6c6c6;
  367. width:500px;
  368. position:fixed;
  369. text-align:right;}
  370.  
  371. #controls a {
  372. font-size:13px;
  373. letter-spacing:2px;
  374. font-family:Arvo;
  375. text-transform:lowercase;
  376. margin-right:20px;
  377. display:inline;
  378. color:{color:Link};}
  379.  
  380. </style>
  381. </head>
  382. <body>
  383.  
  384. <div id="controls">
  385. <a href="http://tumblr.com/follow/{Name}">follow </a>
  386. <a href="http://tumblr.com">dash </a>
  387. <a href="https://www.tumblr.com/dashboard?conversation={Name}"> Message </a>
  388. </div>
  389.  
  390. <div id="sidebar">
  391. <img src="{image:Sidebar}">
  392. <div id="title">{title}</div>
  393. <div id="links">
  394. <a href="{text:Link1}">{text:Link1 Title}</a>
  395. <a href="{text:Link2}">{text:Link2 Title}</a>
  396. <a href="{text:Link3}">{text:Link3 Title}</a>
  397. </div>
  398. <div id="desc">
  399. {Description}
  400. </div>
  401. </div>
  402.  
  403. <div id="credits">
  404. <a href="http://selenapastel.tumblr.com/">S</a>
  405. </div>
  406.  
  407. <div id="entries">
  408. {block:Posts}
  409. <div id="entry">
  410.  
  411. {block:Text}
  412. {block:Title}
  413. <h1>{Title}</h1>{/block:Title}
  414. {Body}
  415. {/block:Text}
  416.  
  417. {block:Photo}
  418. <img src="{PhotoURL-400}">
  419. {block:IFVisibleCaption}
  420. {block:Caption}
  421. {Caption}
  422. {/block:Caption}
  423. {/block:IFVisibleCaption}
  424. {/block:Photo}
  425.  
  426. {block:Photoset}
  427. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  428. {block:Photos}
  429. <div class="photo-data">
  430. <div class="pxu-photo">
  431. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  432. </div>
  433. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  434. </a></div>
  435. {/block:Photos}
  436. </div>
  437. {block:IFVisibleCaption}
  438. {block:Caption}
  439. {Caption}
  440. {/block:Caption}
  441. {/block:IFVisibleCaption}
  442. {/block:Photoset}
  443.  
  444. {block:Quote}
  445. <div class="quote">
  446. {Quote}
  447. </div>
  448. <div class="quotesource">
  449. <i class="fa fa-heart-o" aria-hidden="true"></i>&nbsp;{Source}
  450. </div>
  451. {/block:Quote}
  452.  
  453. {block:Link}
  454. <a href="{URL}" {Target}><div id="h1" style="margin-top:-15px;">
  455. {Name}
  456. </div></a>
  457. <div id="padding" style="margin-top:-15px;">
  458. {block:Description}
  459. {Description}
  460. {/block:Description}
  461. </div>
  462. {/block:Link}
  463.  
  464. {block:Chat}
  465. {block:Title}
  466. <div id="h1">{Title}</div>
  467. {/block:Title}
  468. {block:Lines}
  469. <div class="chat">
  470. <div class="lines">{block:Label}
  471. <span>{Label}</span>
  472. {/block:Label}
  473. {Line}</div></div>
  474. {/block:Lines}
  475. </div>
  476. {/block:Chat}
  477.  
  478. {block:Audio}
  479. <div id="audioplayer">
  480. {AudioPlayerWhite}
  481. </div>
  482. <div id="albumart">
  483. {block:AlbumArt}
  484. <img src="{AlbumArtURL}" width="100">
  485. {/block:AlbumArt}
  486. </div>
  487. <div class="audioinfo">
  488. {block:TrackName}
  489. TRACK: {TrackName}<br>{/block:TrackName}
  490. {block:Artist}ARTIST: {Artist}<br>{/block:Artist}
  491. {/block:ExternalAudio}</div><br>
  492. {/block:Audio}
  493.  
  494. {block:Video}
  495. {Video-400}
  496. {block:IFVisibleCaption}
  497. {block:Caption}
  498. {Caption}
  499. {/block:Caption}
  500. {/block:IFVisibleCaption}
  501. {/block:Video}
  502.  
  503.  
  504. {block:Answer}
  505. <div class="question">
  506. <img src="{AskerPortraitURL-48}" style="width:20px; margin: -10px 10px 0px 0px;padding:10px 0px 4px 0px;border-radius:100%;">
  507. <div id="asker">
  508. {Asker} said:
  509. </div>
  510. <br>{Question}
  511. </div>
  512. <div class="answer">
  513. {Answer}
  514. </div>
  515. {/block:Answer}
  516.  
  517. <div style="display:none">
  518. {block:RebloggedFrom}
  519. <a href="{ReblogParentURL}" target="_blank"></a>
  520. {/block:RebloggedFrom}
  521. {block:ContentSource}
  522. <a href="{SourceURL}" target="_blank">source</a>
  523. {/block:ContentSource}</div>
  524.  
  525. <div id="info">
  526.  
  527. <a href="{Permalink}">
  528. {block:Date}
  529. {24Hour}:{Minutes}{AmPm}
  530. {/block:Date}
  531. </a>
  532. {block:NoteCount}
  533. + {NoteCount}
  534. {/block:NoteCount}
  535. </div>
  536.  
  537. <div id="tags">
  538. {block:HasTags}
  539. {block:Tags}
  540. <a href="{TagURL}">{Tag}</a>
  541. {/block:Tags}
  542. {/block:HasTags}
  543. </div>
  544.  
  545.  
  546. </div>
  547. {block:PostNotes}
  548. {PostNotes}
  549. {/block:PostNotes}
  550.  
  551.  
  552. {/block:Posts}
  553.  
  554.  
  555. <div id="pagination">
  556. {block:Pagination}
  557. {block:PreviousPage}
  558. <a href="{PreviousPage}">
  559. <i class="fa fa-angle-left" aria-hidden="true"></i></a>
  560. {/block:PreviousPage}
  561. {/block:Pagination}
  562. {block:Pagination}
  563. {block:NextPage}
  564. <a href="{NextPage}">
  565. <i class="fa fa-angle-right" aria-hidden="true"></i>
  566. {/block:NextPage}
  567. {/block:Pagination}
  568. </div>
  569. </div>
  570.  
  571. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  572. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  573. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  574. <link rel="stylesheet" type="text/css" href="http://goo.gl/F6c7pZ">
  575. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  576. <link rel="stylesheet" type="text/css" href="http://goo.gl/F6c7pZ">
  577.  
  578. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  579. <script>
  580. (function($){
  581. $(document).ready(function(){
  582. $("a[title]").style_my_tooltips({
  583. tip_follows_cursor:true,
  584. tip_delay_time:90,
  585. tip_fade_speed:600,
  586. attribute:"title"
  587. });
  588. });
  589. })(jQuery);
  590. </script>
  591.  
  592. <script>
  593. // pxu photosets
  594. $('.photo-slideshow').pxuPhotoset({
  595. lightbox: true,
  596. rounded: false,
  597. gutter: '1px',
  598. photoset: '.photo-slideshow',
  599. photoWrap: '.photo-data',
  600. photo: '.pxu-photo'
  601. });
  602. //
  603. </script>
  604. </body>
  605. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!