API tools faq
paste
chissy_

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

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