API tools faq
paste
Advertisement
gwentee

Bubble Tea ft. Oh Sehun

gwentee
Aug 9th, 2014
384
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.91 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. Theme #2: Bubble Tea ft Oh Sehun
  4. Theme by Gwendolyn @ luhands-themes
  5. Please do NOT remove the credit
  6. You are free to customize theme
  7. Any questions? Ask here:
  8. getyourluhandsonme.tumblr.com/faq
  9. or
  10. luhandsthemes.tumblr.com/faq
  11. PLEASE Like or Reblog
  12. I'd Love to see what you've done
  13. --->
  14.  
  15.  
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml">
  19. <head>
  20. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  21. <title>{title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27.  
  28. <meta name="color:bg color" content="#333333" />
  29.  
  30. <meta name="color: header color" content="#333333" />
  31. <meta name="color: title color" content="#333333" />
  32. <meta name="color: menu color" content="#333333" />
  33. <meta name="color: navilinks color" content="#333333" />
  34. <meta name="color: navihoverbg color" content="#333333" />
  35. <meta name="color: navihover color" content="#333333" />
  36. <meta name="color: descr color" content="#333333" />
  37. <meta name="color: descrtext color" content="#333333" />
  38. <meta name="color: postbg color" content="#333333" />
  39. <meta name="color: text color" content="#333333" />
  40. <meta name="color: bold" content="#333333" />
  41. <meta name="color: link color" content="#333333" />
  42. <meta name="color: infobg color" content="#333333" />
  43. <meta name="color: ask color" content="#333333" />
  44. <meta name="color: chatodd color" content="#333333" />
  45. <meta name="color: chateven color" content="#333333" />
  46. <meta name="color: tags color" content="#333333" />
  47. <meta name="color: pagi color" content="#333333" />
  48. <meta name="color: pagibg color" content="#333333" />
  49. <meta name="color: scrollbar" content="#333333" />
  50. <meta name="color: scrollbar bg" content="#333333" />
  51.  
  52.  
  53. <meta name="image:background" content="" />
  54. <meta name="image:header" content="" />
  55. <meta name="image:sidebar" content="" />
  56.  
  57. <meta name="if:FadingImages" content="0"/>
  58. <meta name="if:Infinite Scroll" content"0"/>
  59.  
  60. <meta name="text:Link1URL" content=""/>
  61. <meta name="text:Link1" content=""/>
  62. <meta name="text:Link2URL" content=""/>
  63. <meta name="text:Link2" content=""/>
  64. <meta name="text:Link3URL" content=""/>
  65. <meta name="text:Link3" content=""/>
  66. <meta name="text:Link4URL" content=""/>
  67. <meta name="text:Link4" content=""/>
  68. <meta name="text:Link5URL" content=""/>
  69. <meta name="text:Link5" content=""/>
  70. <meta name="text:Link6URL" content=""/>
  71. <meta name="text:Link6" content=""/>
  72.  
  73. <!---FONTS--->
  74. <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  75.  
  76.  
  77.  
  78. </head>
  79. <style>
  80. ::-webkit-scrollbar {
  81. width: 4px;
  82. height:3px;
  83. background:{color: scrollbar bg};
  84.  
  85. }
  86.  
  87. ::-webkit-scrollbar-thumb:vertical {
  88. height: 20px;
  89. background-color:{color: scrollbar};
  90.  
  91. }
  92.  
  93. body {
  94. background:url({image:background}) {color:bgcolor};
  95. padding:0px;
  96. margin:0px;
  97. font-family:Arial, Helvetica, sans-serif;
  98. color:{color: text color};
  99. font-size:12px;
  100. }
  101.  
  102. a {
  103. color:{color: link color};
  104. text-decoration:none;
  105. -webkit-transition: all 0.5s ease-in-out;
  106. -moz-transition: all 0.5s ease-in-out;
  107. -o-transition: all 0.5s ease-in-out;
  108. transition: all 0.5s ease-in-out;
  109. }
  110.  
  111. a:hover {
  112. color:{color: link hover};
  113. }
  114.  
  115. blockquote {
  116. border-left:5px solid {color: text color};
  117. padding-left:5px;
  118. }
  119.  
  120. header {
  121. background:{color: header color};
  122. background-image: url('{image:header}');
  123. width: 100%;
  124. height: 100px;
  125. display:block;
  126. text-align:center;
  127. }
  128.  
  129. img {
  130. display:block;
  131. margin:0px;
  132. max-width:100%;
  133. }
  134.  
  135. menu {
  136. background:{color: menu color};
  137. padding:5px;
  138. text-align:center;
  139. color:{color: link color};
  140. margin:0px;
  141. font-family: 'Gloria Hallelujah', cursive;
  142. font-size:10px;
  143. font-weight:700;
  144. width: 100%;
  145. }
  146.  
  147. menu a {
  148. color:{color: navilinks color};
  149. margin:5px;
  150. -webkit-transition: all 0.5s ease-in-out;
  151. -moz-transition: all 0.5s ease-in-out;
  152. -o-transition: all 0.5s ease-in-out;
  153. transition: all 0.5s ease-in-out;
  154. }
  155.  
  156. menu a:hover {
  157. background:{color: navihoverbg color};
  158. color:{color: navihover color};
  159. margin:0px;
  160. padding:5px;
  161. padding-left:20px;
  162. padding-right:20px;
  163. }
  164.  
  165. .title {
  166. font-size: 35px;
  167. font-family: 'Gloria Hallelujah', cursive;
  168. color: {color: title color};
  169. background: transparent;
  170. display: block;
  171. bottom: -10px;
  172. width: 315px;
  173. height: 94px;
  174. padding: 18px;
  175. }
  176.  
  177. #sidebar {
  178. width:250px;
  179. height: 300px;
  180. margin-left:85px;
  181. margin-top:35px;
  182. position: fixed;
  183. }
  184.  
  185. #sidebarimage {
  186. width:200px;
  187. height:120px;
  188. position: fixed;
  189. }
  190.  
  191.  
  192. #sidebarimage img {
  193. padding-bottom: 20px;
  194. width:180px;
  195. height:200px;
  196. margin-top: -15;
  197. margin-left: -5px;
  198. position: fixed;
  199. }
  200.  
  201. .description {
  202. padding:10px;
  203. display:block;
  204. text-align:center;
  205. background:{color: descr color};
  206. color:{color: descrtext color};
  207. font-size:11px;
  208. margin-top: 185px;
  209. margin-left: -5px;
  210. width: 160px;
  211. height: 115px;
  212. overflow-y: scroll;
  213. overflow-x: hidden;
  214. position: fixed;
  215. }
  216.  
  217. b. strong {
  218. color:{color:Bold};
  219. }
  220.  
  221. #content {
  222. margin-top:25px;
  223. margin-left:auto;
  224. margin-right:auto;
  225. width:650px;
  226. }
  227.  
  228. .post {
  229. padding:25px;
  230. width:500px;
  231. display:block;
  232. background:{color: postbg color};
  233. display:inline-block;
  234. }
  235.  
  236. h2 {
  237. font-size:20px;
  238. font-weight:700;
  239. margin:0px 0px 10px 0px;
  240. color:{color: title color};
  241. }
  242.  
  243. a. h2 {
  244. color:{color: title color};
  245. }
  246.  
  247.  
  248. .information {
  249. height:60px;
  250. background:{color: infobg color};
  251. color:{color: text color};
  252. width:100px;
  253. text-align:center;
  254. }
  255.  
  256.  
  257. .information a {
  258. color:{color: link color};
  259. }
  260.  
  261.  
  262. {block:ifFadingImages}
  263. #content img, .html_photoset {
  264. opacity:.7;
  265. -webkit-transition: all 0.5s ease-in-out;
  266. -moz-transition: all 0.5s ease-in-out;
  267. -o-transition: all 0.5s ease-in-out;
  268. transition: all 0.5s ease-in-out;
  269. }
  270.  
  271. #content img:hover, .html_photoset:hover {
  272. opacity:1;
  273. }
  274. {/block:ifFadingImages}
  275.  
  276.  
  277. .quote {
  278. font-size:20px;
  279. }
  280.  
  281. .ask {
  282. padding:5px;
  283. background:{color:ask color};
  284. }
  285.  
  286. .chat ul {
  287. display:block;
  288. list-style:none;
  289. margin-left:-40px;
  290. }
  291.  
  292. .chat li {
  293. padding:3px;
  294. display:block;
  295. }
  296.  
  297. .chat .odd {
  298. background:{color: chatodd color};
  299. }
  300.  
  301. .chat .even {
  302. background:{color: chateven color};
  303. }
  304.  
  305. .perma2{
  306. text-align:right;
  307. font-family: 'Gloria Hallelujah', cursive;
  308. font-size:10px;
  309. text-transform: lowercase;
  310. padding:5px;
  311. margin-top:3px;
  312. width: 100%;
  313. background-color: {color: menu color};
  314. color:{color: tags color};
  315. }
  316.  
  317. #tags {
  318. margin-bottom:0px;
  319. margin-top:3px;
  320. padding:5px;
  321. color: {color: tags color};
  322. background: transparent;
  323. font-family: 'Gloria Hallelujah', cursive;
  324. font-size:10px;
  325. }
  326.  
  327. #tags a {
  328. color:{color: link color};
  329. }
  330.  
  331. #content table tr td {
  332. vertical-align:left;
  333. }
  334.  
  335.  
  336. #pagination {
  337. text-align:center;
  338. margin:20px;
  339. }
  340.  
  341. #pagination span {
  342. background:{color: pagibg color};
  343. color:{color: pagi color};
  344. padding:5px;
  345. width:15px;
  346. height:15px;
  347. display:inline-block;
  348. margin-left:2px;
  349. }
  350.  
  351. #pagination a {
  352. background:{color: pagi color};
  353. color:{color: pagibg color};
  354. padding:5px;
  355. width:15px;
  356. height:15px;
  357. display:inline-block;
  358. margin-left:2px;
  359. }
  360.  
  361. footer {
  362. background:transparent;
  363. padding:10px;
  364. text-align:right;
  365. color:{color: text color};
  366. display:block;
  367. margin:0px;
  368. }
  369.  
  370.  
  371. </style>
  372. <body>
  373.  
  374.  
  375. <header>
  376. <center>
  377. <div class="title">
  378. <center>{title}</center>
  379. </div>
  380. </center>
  381. </header>
  382.  
  383. <menu>
  384. <a href="/">home</a>
  385. <a href="/ask">message</a>
  386. <a href="/archive">archive</a>
  387. {block:iflink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:iflink1}
  388. {block:iflink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:iflink2}
  389. {block:iflink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:iflink3}
  390. {block:iflink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:iflink4}
  391. {block:iflink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:iflink5}
  392. </menu>
  393.  
  394. <div id="sidebar">
  395.  
  396. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  397. <br>
  398. <br>
  399. {block:description}
  400. <div class="description">
  401. {description}
  402. </div>
  403. {/block:description}
  404.  
  405. </div>
  406.  
  407. <div id="content">
  408.  
  409.  
  410. {block:posts}
  411. <table>
  412. <tr>
  413.  
  414.  
  415.  
  416. <td class="post">
  417.  
  418.  
  419. {block:Text}
  420. {block:Title}
  421. <a href="{Permalink}">
  422. <h2>{Title}</h2>
  423. </a>
  424. {/block:Title}
  425. {Body}
  426. {/block:Text}
  427.  
  428.  
  429. {block:Quote}
  430. <div class="quote">
  431. “{Quote}” — <b><i>{Source}</i></b>
  432. </div>
  433. {/block:Quote}
  434.  
  435.  
  436. {block:Link}
  437. <a href="{URL}">
  438. <h2>{Name} »</h2>
  439. </a>
  440. {block:Description}{Description}{/block:Description}
  441. {/block:Link}
  442.  
  443.  
  444. {block:Photo}
  445. <center>
  446. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}"/></a>
  447. </center>
  448. {block:Caption}{Caption}{/block:Caption}
  449. {/block:Photo}
  450.  
  451.  
  452. {block:Photoset}
  453. <center>
  454. {Photoset-500}
  455. </center>
  456. {block:Caption}{Caption}{/block:Caption}
  457. {/block:Photoset}
  458.  
  459.  
  460. {block:Chat}
  461. <div class="chat">
  462. <ul>
  463. {block:Lines}
  464. <li class="{Alt}">
  465. {block:Label}<b>{Label}</b>{/block:Label}
  466. {Line}
  467. </li>
  468. {/block:Lines}
  469. </ul>
  470. </div>
  471. {/block:Chat}
  472.  
  473.  
  474. {block:Video}
  475. {Video-500}
  476. {block:Caption}{Caption}{/block:Caption}
  477. {/block:Video}
  478.  
  479.  
  480. {block:Audio}
  481. {block:AlbumArt}
  482. <img src="{AlbumArtURL}" width="100" align="left" style="margin-right:5px">
  483. {/block:AlbumArt}
  484. {AudioPlayerBlack}
  485. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  486. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
  487. {block:Caption}{Caption}{/block:Caption}
  488. {/block:Audio}
  489.  
  490.  
  491. {block:Answer}
  492. <div class="ask">
  493. <b>{Asker} asked:</b> {question}
  494. </div>
  495. {Answer}
  496. {/block:Answer}
  497.  
  498.  
  499. </td>
  500. </tr>
  501. <td class="perma2">
  502. <a href="{ReblogURL}">REBLOG</a> + <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogRootURL}">Ori</a> .<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  503. </td>
  504.  
  505. <div id="tags">
  506. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  507. </div>
  508. </center>
  509.  
  510.  
  511. </td>
  512.  
  513.  
  514. </table>
  515.  
  516. {block:PostNotes}{PostNotes}{/block:PostNotes}
  517.  
  518. {/block:posts}
  519.  
  520. {block:IfNotInfiniteScroll}
  521. {block:Pagination}
  522. <div id="pagination">
  523. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  524. {block:JumpPagination length="6"}
  525. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  526. {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  527. {/block:JumpPagination}
  528. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  529. </div>
  530. {/block:Pagination}{block:IfNotInfiniteScroll}
  531.  
  532. </div>
  533.  
  534.  
  535. <footer>
  536. theme by <a href="http://getyourluhandsonme.org">luhands-themes</a>
  537. <!---do not touch--->
  538. </footer>
  539.  
  540. </body>
  541. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!