API tools faq
paste
chissy_

HPLS 15 (HAPILYS.TUMBLR.COM)

chissy_
Jan 3rd, 2015
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  3. <!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
  4. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  5. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  6. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  7.  
  8. <!--
  9.  
  10. (hapilys.tumblr.com) •
  11.  
  12. don't remove the credi
  13.  
  14. -->
  15.  
  16.  
  17. <head>
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19.  
  20.  
  21.  
  22. <meta name="color:Background" content="#ffffff" />
  23. <meta name="color:Content" content="#ffffff" />
  24.  
  25.  
  26. <meta name="color:Link" content="#352a2a" />
  27. <meta name="color:Link hover" content="#000000" />
  28.  
  29. <meta name="color:Bold" content="#000000" />
  30. <meta name="color:Italic" content="#000000" />
  31. <meta name="color:Underline" content="#000000" />
  32.  
  33. <meta name="color:BG link" content="#fff01c" />
  34.  
  35. <meta name="color:Scrollbar" content="#352a2a" />
  36. <meta name="color:Text" content="#352a2a" />
  37.  
  38.  
  39. <meta name="if:Black" content="0"/>
  40. <meta name="if:White" content="0"/>
  41.  
  42. <meta name="text:link1" content="01" />
  43. <meta name="text:link1 url" content="/" />
  44. <meta name="text:link2" content="02" />
  45. <meta name="text:link2 url" content="/" />
  46. <meta name="text:link3" content="03" />
  47. <meta name="text:link3 url" content="/" />
  48. <meta name="text:link4" content="04" />
  49. <meta name="text:link4 url" content="/" />
  50.  
  51.  
  52.  
  53. <link rel='stylesheet' href='path/to/typicons.min.css' />
  54. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  55. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  56. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  57. <link rel="shortcut icon" href="{Favicon}"/>
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63. body {
  64. background-color:{color:Background};
  65. color:{color:Text};
  66. font-family:'helvetica';
  67. font-size:11px;
  68. line-height:100%;
  69. text-align:justify; }
  70.  
  71. a:link, a:active, a:visited {
  72. color:{color:Link};
  73. text-decoration:none;
  74. -webkit-transition:all 0.5s ease-out;
  75. -moz-transition:all 0.5s ease-out;
  76. transition:all 0.5s ease-out
  77. }
  78.  
  79. a:hover {
  80. color:{color:Link hover};
  81. }
  82.  
  83. h1{
  84. text-transform:uppercase;
  85. line-height:20px;
  86. font-style:italic;
  87. font-size:15px;
  88. color:#000000;
  89. text-align:left;
  90. background-color:transparent;
  91. }
  92.  
  93. h2 {
  94. text-transform:uppercase;
  95. font-size:10px;
  96. line-height:20px;
  97. letter-spacing:0px;
  98. text-align:left;
  99. }
  100.  
  101. h3 {
  102. text-transform:uppercase;
  103. font-size:12px;
  104. line-height:30px;
  105. width:200px;
  106. letter-spacing:0px;
  107. text-align:left;
  108. padding:2px;
  109. {block:ifBlack}
  110. color:white;
  111. background:black;
  112. {/block:ifBlack}
  113. {block:ifWhite}
  114. color:black;
  115. background:white;
  116. border-top:1px solid #000;
  117. border-bottom:1px solid #000;
  118. {/block:ifWhite}
  119.  
  120. }
  121.  
  122.  
  123. #content {
  124. background:transparent;
  125. margin-left:300px;
  126. margin-top:100px;
  127. width:400px;
  128. padding:5px;
  129. }
  130.  
  131. #posts{
  132. background:{color:Content};
  133. width:500px;
  134. overflow:hidden;
  135. margin-bottom:30px;
  136. padding:5px;
  137. border-bottom:1px solid #F6F6F6;
  138. position:relative;
  139. }
  140.  
  141.  
  142. #date{
  143. background-color:transparent;
  144. font-size:10px;
  145. width: 500px;
  146. padding:5px;
  147. margin-top:10px;
  148. text-transform:lowercase;
  149. text-align:left;
  150. opacity:1;
  151. }
  152.  
  153. #tags {
  154. position:absolute;
  155. margin-top:0px;
  156. color:black;
  157. opacity:1;
  158. margin-left:0px;
  159. font-size:8px;
  160. letter-spacing:1px;
  161. background-color:transparent;
  162. width:500px;
  163. text-align:left;
  164. position:absolute;
  165. }
  166.  
  167. #tags a{
  168. text-transform:uppercase;
  169. background-color:#fafafa;
  170. padding:2px;
  171. }
  172.  
  173.  
  174. #sidebar {
  175. position:fixed;
  176. background:transparent;
  177. padding:5px;
  178. margin-top:50px;
  179. width:200px;
  180. height:0px;
  181. margin-left:900px;
  182. opacity:1;
  183. -moz-transition:0.5s ease-in;
  184. -webkit-transition:0.5s ease-in;-o-transition:0.5s ease-in;
  185. transition:0.5s ease-in;
  186. }
  187.  
  188.  
  189. .links{
  190. position:absolute;
  191. font-family:arial;
  192. background-color:transparent;
  193. margin-top:350px;
  194. width:200px;
  195. margin-left:-20px;
  196. line-height:40px;
  197. font-size:36px;
  198. font-weight:bold;
  199. text-align:right;
  200. opacity:1;
  201. -moz-transition:0.5s ease-in;
  202. -webkit-transition:0.5s ease-in;-o-transition:0.5s ease-in;
  203. transition:0.5s ease-in;}
  204.  
  205. .links a:hover{
  206. text-transform:uppercase;
  207. background-color:{color:BG link};
  208. margin-left:30px;
  209. }
  210.  
  211.  
  212.  
  213. #description{
  214. position:absolute;
  215. font-size:10px;
  216. text-transform:lowercase;
  217. padding:5px;
  218. font-style:normal;
  219. margin-top:-20px;
  220. width:150px;
  221. opacity:1;
  222. margin-left:-5px;
  223. text-align:justify;
  224. }
  225.  
  226. #description img{margin-left:170px;margin-top:-50px;}
  227.  
  228. .pagination {
  229. background-color:transparent;
  230. margin-left:250px;
  231. width:500px;
  232. margin-top:20px;
  233. float:bottom;
  234. font-size:11px;
  235. padding:0px;
  236. opacity:.8;
  237. letter-spacing:0px;
  238. color:{color:text};
  239. text-decoration:none;}
  240.  
  241.  
  242. .themeo {
  243.  
  244. background-color:transparent;
  245. margin-left:180px;
  246. width:200px;
  247. margin-top:20px;
  248. float:bottom;
  249. font-size:7px;
  250. opacity:0.65;
  251. letter-spacing:1px;
  252. color:{color:text};
  253. text-decoration:none;}
  254.  
  255.  
  256.  
  257. .pagination a {
  258. background-color:white;
  259. padding:5px;}
  260.  
  261.  
  262. #question {
  263. color:{color:text};
  264. border-top:1px solid #f0f0f0;
  265. text-align:center;
  266. }
  267.  
  268. #asker {
  269. text-transform:uppercase;
  270. letter-spacing:1px;
  271. font-size:8px;
  272. text-align:center;
  273. margin-right:5px;
  274. }
  275.  
  276.  
  277. #audio {
  278. margin-bottom:5px;
  279. width:250px;
  280. height:100px}
  281.  
  282.  
  283. .player {
  284. overflow:hidden;
  285. text-align:center;
  286. padding:4px;
  287. border:1px solid #fafafa;
  288. }
  289.  
  290.  
  291. .audio_info {
  292. font-size:12px;
  293. text-align:center;
  294. background:{color:permalink};
  295. border-bottom:1px solid #fafafa
  296. width:395px;
  297. padding:12px 12px 12px 17px;
  298. margin-left:-12px;
  299. margin-top:-12px;
  300. }
  301.  
  302.  
  303. i, em{
  304. color:{color:Italic};}
  305. b, strong{
  306. font-weight:bold;
  307. text-transform:uppercase;
  308. color:{color:Bold};}
  309. ul,ol{
  310. margin:0px;
  311. margin-left:-5px;}
  312. p{
  313. padding:0px;
  314. margin:2px;}
  315.  
  316. pre{
  317. background:#f0f0f0;
  318. padding:0px;}
  319.  
  320. u{
  321. text-decoration:underline;
  322. color:{color:Underline};}
  323.  
  324. blockquote {
  325. border-left:2px solid #333333;
  326. width:500px;
  327. text-align:left;
  328. padding-left:10px;
  329. font-size:10px;
  330. }
  331.  
  332. .caption {
  333. width:100%;
  334. margin-top:10px;
  335. text-align:left;
  336. }
  337.  
  338.  
  339. .user_1, .user_3, .user_5, .user_7, .user_7, .user_9, .user_11 {
  340. font-size:8px;
  341. letter-spacing:1px;
  342. text-transform:uppercase;
  343. }
  344.  
  345.  
  346. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12 {
  347. font-size:8px;
  348. letter-spacing:1px;
  349. text-transform:uppercase;
  350. }
  351.  
  352.  
  353. ul.chat, .chat ol, .chat li {
  354. list-style:none;
  355. margin:0px;
  356. padding:5px;}
  357.  
  358. ol.notes {margin-top:50px;list-style-type:decimal;}
  359. ol.notes li.note {padding: 0px;text-align:left;margin-top:10px;margin-left:0px;width:500px;font-size:11px;}
  360.  
  361. ::-webkit-scrollbar {
  362. background-color:#f8f8f8;
  363. border:3px solid #fff;
  364. height:8px;
  365. width:8px;}
  366.  
  367. ::-webkit-scrollbar-thumb:vertical {
  368. background-color:{color:Scrollbar};
  369. border:2px solid #fff;
  370. height:50px;
  371. border-radius:300px;
  372. -webkit-border-radius: 300px;
  373. -moz-border-radius: 300px;}
  374.  
  375. ::-webkit-scrollbar-thumb:horizontal {
  376. background-color:#9bcaca;
  377. border:2px solid #fff;
  378. height:8px!important}
  379.  
  380.  
  381. #credit {
  382. font-family:helvetica;
  383. text-align:center;
  384. text-transform:uppercase;
  385. opacity:1;
  386. font-size:7px;
  387. letter-spacing:1px;
  388. bottom:10px;
  389. right:11px;
  390. position:fixed;}
  391.  
  392. #credit img {max-width:10px;opacity:0;}
  393.  
  394.  
  395. </style>
  396. </head>
  397.  
  398.  
  399. <style type="text/css">{CustomCSS}
  400. </style>
  401.  
  402. <body>
  403. <div id="sidebar">
  404. <h3> {Title} </h3>
  405.  
  406. <br>
  407. <div id="description"><br>{block:Description}{Description}{/block:Description}<img src="{PortraitURL-30}" align="left"width="30px"/>
  408.  
  409. </div>
  410. <div class="links">
  411.  
  412. {block:ifLink1}<a href="{text:link1 url}">{text:link1}</a>{/block:ifLink1}
  413. {block:ifLink2}<a href="{text:link2 url}">{text:link2}</a>{/block:ifLink2}
  414. {block:ifLink3}<a href="{text:link3 url}">{text:link3}</a>{/block:ifLink3}
  415. {block:ifLink4}<a href="{text:link4 url}">{text:link4}</a>{/block:ifLink4}
  416. </div>
  417.  
  418. </div>
  419.  
  420. <div id="credit">
  421. <img src="http://static.tumblr.com/p98azdo/tLPn17ayb/hpls.jpg"></a><a title="HAPILYS(C)" href="http://hapilys.tumblr.com/"> <br>
  422. hpls
  423. </a></div>
  424.  
  425.  
  426. <div id="content">
  427. {block:Posts}
  428. <div id="posts">
  429.  
  430.  
  431. {block:Text}
  432. {block:Title}
  433. <h2>{Title}</h2>
  434. {/block:title}{body}{/block:Text}
  435. {block:Link}
  436. <h2>{Name}</h2>
  437. {block:Description}
  438. {Description}
  439. {/block:Description}
  440. {/block:Link}
  441.  
  442. {block:Photo}
  443. <a href="{Permalink}">
  444. <img src="{PhotoURL-500}"width="500px"/></a>
  445. <br>
  446. {block:Caption}
  447. {Caption}
  448. {/block:Caption}
  449. {/block:Photo}
  450.  
  451. {block:Photoset}
  452. {Photoset-500}
  453. <br>
  454. {block:Caption}
  455. {Caption}
  456. {/block:Caption}
  457. {/block:Photoset}
  458.  
  459. {block:Quote}
  460. <h1>{Quote}</h1>
  461. <div style="padding-bottom:5px;text-align:
  462. right;font-size:9px">
  463. {block:Source}
  464. <div id="source">
  465. {Source}
  466. </div>
  467. {/block:Source}
  468. </div>
  469. {/block:Quote}
  470.  
  471. {block:Chat}
  472. <ul class="chat">
  473. {block:Lines}
  474. <li class="user_{UserNumber}">
  475. {block:Label}
  476. <span class="label">
  477. {Label}
  478. </span>
  479. {/block:Label}
  480. {Line}</li>
  481. {/block:Lines}
  482. </ul>{/block:Chat}
  483.  
  484.  
  485.  
  486. {block:Audio}
  487. <div class="audio_info">
  488. {block:TrackName}
  489. <b style="font-family:arial">{TrackName}</b>
  490. {/block:TrackName}
  491. <br>
  492. {block:Artist}<div style="font-size:8px;text-transform:uppercase;letter-spacing:1px;line-height:16px;">
  493. {Artist}
  494. </div>
  495. {/block:Artist}</div>
  496. {block:AudioPlayer}
  497. <div class="player">
  498. {AudioPlayerwhite}</div>
  499. {/block:AudioPlayer}
  500. {/block:Audio}
  501.  
  502. {block:Video}
  503. {Video-500}<br />
  504. {block:Caption}
  505. {Caption}
  506. {/block:Caption}
  507. {/block:Video}
  508.  
  509. {block:Answer}
  510. <div id="asker"><img src="{AskerPortraitURL-24}"><br>{Asker} said :<br>{Question}</div><br>
  511. <div id="question"><br><br>{Answer}</div>{/block:Answer}
  512.  
  513. <div id="date"><br>
  514. {block:Date}<a href="{Permalink}"style="text-transform:uppercase;font-weight:bold"> {ShortDayOfWeek} {DayOfMonthWithZero}</a> {/block:Date}/ {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  515. <span style="float:right;">
  516. {block:RebloggedFrom}<a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via;</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}
  517. </span>&nbsp;&nbsp;
  518. </div>
  519. <div id="tags">{block:HasTags}{block:Tags}.<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags} </div><br>
  520.  
  521.  
  522.  
  523. </div>
  524. {/block:Posts}
  525. {block:Pagination}<div class="pagination">
  526. {block:PreviousPage}<a href="{PreviousPage}">← prev </a>{/block:PreviousPage}
  527. {block:NextPage}<a href="{NextPage}"> next →</a> {/block:NextPage}
  528. </div>{/block:Pagination}
  529.  
  530.  
  531. {block:PostNotes}{PostNotes}{/block:PostNotes}
  532.  
  533.  
  534. </div>
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!