API tools faq
paste
chissy_

HPLS 12 (HAPILYS.TUMBLR.COM)

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