API tools faq
paste
chissy_

-THEME PACK- HPLS 10 (HAPILYS.TUMBLR.COM)

chissy_
Feb 26th, 2014
586
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.79 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="#ffffff" />
  38. <meta name="image:sidebar" content=""/>
  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. font-size:15px;
  105. line-height:20px;
  106. letter-spacing:3px;
  107. text-align:left;
  108. color:black;
  109. }
  110.  
  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. border-radius:3px;
  128. border: 1px solid #f5f5f5;
  129. background:#ffffff;
  130. color: #000;}
  131.  
  132.  
  133. #content {
  134. margin-left:500px;
  135. margin-top:80px;
  136. width:510px;
  137. padding:5px;
  138. }
  139.  
  140. #posts{
  141. background-color:{color:entries};
  142. width:500px;
  143. padding:5px;
  144. overflow:hidden;
  145. background:white;
  146. margin-bottom:80px;
  147. }
  148.  
  149. #info{
  150. background-color:transparent;
  151. position:absolute;
  152. font-family:arial;
  153. font-size:9px;
  154. width: 500px;
  155. padding:5px;
  156. margin-top:0px;
  157. text-transform:uppercase;
  158. font-style:normal;
  159. opacity:1;
  160. text-align:center;
  161. }
  162.  
  163. #info a{
  164. text-transform:uppercase;
  165. margin:0px 3px;
  166. }
  167.  
  168.  
  169.  
  170. #tags {
  171. position:absolute;
  172. margin-top:10px;
  173. color:black;
  174. opacity:1;
  175. margin-left:0px;
  176. font-size:8px;
  177. letter-spacing:1px;
  178. background-color:transparent;
  179. width:500px;
  180. text-align:left;
  181. position:absolute;
  182. }
  183.  
  184. #tags a{
  185. text-transform:uppercase;
  186. background-color:#fafafa;
  187. padding:2px;
  188. }
  189.  
  190. #sidebar {
  191. position:fixed;
  192. background-color:white;
  193. padding:10px;
  194. margin-top:100px;
  195. width:130px;
  196. height:60px;
  197. margin-left:250px;
  198. opacity:1;
  199. }
  200.  
  201. #sidebar img {
  202. max-width:150px;
  203. }
  204.  
  205. #sidebar:hover .links{
  206. opacity:1;
  207. }
  208.  
  209.  
  210.  
  211. .links{
  212. font-family:arial;
  213. position:absolute;
  214. background-color:transparent;
  215. margin-top:-150px;
  216. width:470px;
  217. margin-left:-225px;
  218. line-height:10px;
  219. font-size:7px;
  220. display:inline-block;
  221. letter-spacing:1px;
  222. text-align:center;
  223. opacity:0;
  224. -moz-transition:0.5s ease-in;
  225. -webkit-transition:0.5s ease-in;-o-transition:0.5s ease-in;
  226. transition:0.5s ease-in;}
  227.  
  228. .links a{
  229. text-transform:uppercase;
  230. width:50px;
  231. height:10px;
  232. float:left;
  233. background:white;
  234. line-height:5px;
  235. margin-left:160px;
  236. margin-bottom: 2px;
  237. padding:5px
  238. }
  239.  
  240. .links a:hover{
  241. background-color:#000;
  242. color:white;
  243. margin-left:160px;
  244. margin-bottom: 2px;
  245. padding:5px
  246. }
  247.  
  248. #description{
  249. font-size:11px;
  250. background:transparent;
  251. font-family:helvetica;
  252. text-transform:lowercase;
  253. font-style:normal;
  254. margin-top:10px;
  255. width:140px;
  256. opacity:1;
  257. margin-left:0px;
  258. text-align:left;
  259. padding:5px;
  260. -moz-transition:0.5s ease-in;
  261. -webkit-transition:0.5s ease-in;-o-transition:0.5s ease-in;
  262. transition:0.5s ease-in;
  263.  
  264. }
  265.  
  266.  
  267. .pagination {
  268. background-color:transparent;
  269. margin-left:150px;
  270. width:300px;
  271. margin-top:20px;
  272. float:bottom;
  273. font-size:9px;
  274. padding:10px;
  275. letter-spacing:1px;
  276. color:{color:text};
  277. text-decoration:none;}
  278.  
  279.  
  280. .themeo {
  281.  
  282. background-color:transparent;
  283. margin-left:220px;
  284. width:400px;
  285. margin-top:20px;
  286. float:bottom;
  287. font-size:7px;
  288. opacity:0.65;
  289. letter-spacing:1px;
  290. color:{color:text};
  291. text-decoration:none;}
  292.  
  293.  
  294.  
  295. .pagination a {
  296. background-color:white;
  297. padding:5px;}
  298.  
  299.  
  300. #question {
  301. color:{color:text};
  302. border-top:1px solid #f0f0f0;
  303. text-align:center;
  304. }
  305.  
  306. #asker {
  307. text-transform:uppercase;
  308. letter-spacing:1px;
  309. font-size:8px;
  310. text-align:center;
  311. margin-right:5px;
  312. }
  313.  
  314.  
  315. #audio {
  316. margin-bottom:5px;
  317. width:250px;
  318. height:100px}
  319.  
  320.  
  321. .player {
  322. overflow:hidden;
  323. text-align:center;
  324. padding:4px;
  325. border:1px solid #fafafa;
  326. }
  327.  
  328.  
  329. .audio_info {
  330. font-size:12px;
  331. text-align:center;
  332. background:{color:permalink};
  333. border-bottom:1px solid #fafafa
  334. width:395px;
  335. padding:12px 12px 12px 17px;
  336. margin-left:-12px;
  337. margin-top:-12px;
  338. }
  339.  
  340.  
  341. i, em{
  342. color:{color:Link};}
  343. b, strong{
  344. font-weight:normal;
  345. text-transform:uppercase;
  346. color:{color:Link};}
  347. ul,ol{
  348. margin:0px;
  349. margin-left:-5px;}
  350. p{
  351. padding:0px;
  352. margin:2px;}
  353. u{
  354. text-decoration:none;
  355. color:{color:Title};}
  356.  
  357. blockquote {
  358. border-left:0px solid {color:sidebar};
  359. width:250px;
  360. background-color:transparent;
  361. padding:0px;
  362. margin-left:0px;
  363.  
  364. padding-left:10px;}
  365.  
  366.  
  367. .user_1, .user_3, .user_5, .user_7, .user_7, .user_9, .user_11 {
  368. background-color:#fafafa;
  369. font-size:10px;
  370. letter-spacing:0px;
  371. margin-right:25px;
  372. color:#000;
  373. text-transform:lowercase;
  374. }
  375.  
  376.  
  377. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12 {
  378. background-color:white;
  379. font-size:10px;
  380. letter-spacing:0px;color:#000;
  381. margin-right:25px;
  382. text-transform:lowercase
  383. }
  384.  
  385.  
  386. ul.chat, .chat ol, .chat li {
  387. list-style:none;
  388. margin:0px;
  389. padding:5px;}
  390.  
  391. ol.notes {margin-top:50px;list-style-type: none;text-transform:uppercase;}
  392. 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;}
  393.  
  394. ::-webkit-scrollbar-thumb:vertical {
  395. background-color:{color:Scrollbar};
  396. height:50px;
  397. }
  398.  
  399. ::-webkit-scrollbar {
  400. background-color:#ffffff;
  401. height:5px;
  402. width:5px;
  403. }
  404.  
  405. ::-moz-selection {
  406. background-color:transparent;
  407. color:{color:Link};
  408. }
  409.  
  410. ::selection {
  411. background-color:transparent;
  412. color:{color:link};
  413. }
  414.  
  415. #credit {
  416. font-family:helvetica;
  417. text-align:center;
  418. text-transform:uppercase;
  419. opacity:1;
  420. font-size:7px;
  421. letter-spacing:1px;
  422. bottom:10px;
  423. right:11px;
  424. position:fixed;}
  425.  
  426. #credit img {max-width:10px;opacity:0.8;}
  427.  
  428.  
  429.  
  430. </style>
  431. </head>
  432.  
  433.  
  434. <style type="text/css">{CustomCSS}
  435. </style>
  436.  
  437. <body>
  438. <div id="sidebar">
  439. <div id="sidebarimg"><img src="{image:sidebar}"></div>
  440. <h3> settle down</h3>
  441. <div class="links"><br>
  442. <a href ="/">home</a>
  443. <a href ="/ask">ask</a>
  444. {block:ifLink1}<a href="{text:link1 url}">{text:link1}</a>{/block:ifLink1}
  445. {block:ifLink2}<a href="{text:link2 url}">{text:link2}</a>{/block:ifLink2}
  446. {block:ifLink3}<a href="{text:link3 url}">{text:link3}</a>{/block:ifLink3}
  447. {block:ifLink4}<a href="{text:link4 url}">{text:link4}</a>{/block:ifLink4}
  448. <br><br>
  449.  
  450.  
  451. </div>
  452.  
  453. <div id="description">
  454. {block:Description}{Description}{/block:Description}
  455. </div>
  456.  
  457.  
  458.  
  459. </div>
  460.  
  461. <div id="credit">
  462. <img src="http://static.tumblr.com/p98azdo/tLPn17ayb/hpls.jpg"></a><a title="HAPILYS(C)" href="http://hapilys.tumblr.com/"> <br>
  463. hpls
  464. </a></div>
  465.  
  466.  
  467. <div id="content">
  468. {block:Posts}
  469. <div id="posts">
  470.  
  471. {block:Text}{block:Title}<h2>{Title}</h2>{/block:title}{body}{/block:Text}
  472. {block:Link}<h2>{Name}</h2>{block:Description}{Description}{/block:Description}{/block:Link}
  473.  
  474. {block:Photo}<a href="{Permalink}"><img src="{PhotoURL-500}"></a><br>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  475.  
  476. {block:Photoset}<center>{Photoset-500}<br>{/block:Photoset}
  477.  
  478. {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}
  479.  
  480. {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}
  481.  
  482.  
  483.  
  484. {block:Audio}
  485. <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:2px;line-height:16px;">{Artist}</div>{/block:Artist}</div>
  486. {block:AudioPlayer}
  487. <div class="player">{AudioPlayerwhite}</div>
  488. {/block:AudioPlayer}
  489. {/block:Audio}
  490.  
  491. {block:Video}{Video-500}<br /> {block:Caption}{Caption}{/block:Caption}{/block:Video}
  492.  
  493. {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}
  494.  
  495.  
  496.  
  497. <div id="info"><br>
  498. {block:Date}<a title="{ShortMonth},{DayOfMonth}"href="{Permalink}" style="font-weight:bold">
  499. {12Hour}:{Minutes}{AmPm}</a>&nbsp;
  500. {block:NoteCount}<a href="{Permalink}" style="font-size:9px">+{NoteCount}{/block:NoteCount}</a>
  501. <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}
  502. </div>
  503. {/block:Date}
  504.  
  505.  
  506.  
  507. {block:PermalinkPage}
  508.  
  509. <div id="tags"><br>
  510. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}&nbsp; {block:RebloggedFrom}<a title="{ReblogParentName}"href="{ReblogParentURL}"></a>{/block:RebloggedFrom}</a>
  511. </div> {/block:PermalinkPage}
  512.  
  513. </div>
  514. {/block:Posts}
  515. {block:Pagination}<div class="pagination">
  516. {block:PreviousPage}<a href="{PreviousPage}">prev;</a>{/block:PreviousPage}
  517. {block:NextPage}<a href="{NextPage}">next</a> {/block:NextPage}
  518. </div>{/block:Pagination}
  519.  
  520. <div class="themeo"> <br><br>THEME BY <a href="http://hapilys.tumblr.com">HAPILYS</a></div>
  521.  
  522. {block:PostNotes}{PostNotes}{/block:PostNotes}
  523.  
  524.  
  525. </div>
  526.  
  527. </body>
  528.  
  529. </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!