API tools faq
paste
Advertisement
gwentee

Donut ft. Mark Tuan

gwentee
Aug 3rd, 2015
192
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.91 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme #5: Donut
  3. Theme by Gwendolyn @ luhands-themes
  4. Please do NOT remove the credit
  5. You are free to customize theme
  6. Any questions? Ask here:
  7. getyourluhandsonme.tumblr.com/faq
  8. or
  9. luhandsthemes.tumblr.com/faq
  10. PLEASE Like or Reblog
  11. I'd Love to see what you've done
  12.  
  13. -->
  14.  
  15. <!DOCTYPE html>
  16.  
  17. <head>
  18.  
  19. <title>{Title}</title>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22.  
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:description" context="#413f3f">
  29. <meta name="color:text" content="#aaaaaa"/>
  30. <meta name="color:bold" content="#ccdd66"/>
  31. <meta name="color:italic" content="#dfea98"/>
  32. <meta name="color:underline" content="#cccccc"/>
  33. <meta name="color:link" content="#ccdd66"/>
  34. <meta name="color:links text" content="#FFFFFF">
  35. <meta name="color:links bg" context="#413f3f">
  36. <meta name="color:links bg 2" context="#413f3f">
  37. <meta name="color:post bg" content="#eeeeee"/>
  38. <meta name="color:caption bg" content="#eeeeee"/>
  39. <meta name="color:hover" content="#ebf1c2"/>
  40. <meta name="color:border" content="#3bb5bb"/>
  41. <meta name="color:ask bubble" content="#ebf1c2"/>
  42. <meta name="color:scrollbar" content="#ecf2c1">
  43. <meta name="color:selection text" content="#888888"/>
  44. <meta name="color:selection bg" content="#eeeeee"/>
  45.  
  46. <meta name="image:sidebar img" content=""/>
  47. <meta name="image:bg" content=""/>
  48. <meta name="image:to top" content=""/>
  49.  
  50. <meta name="text:Link1" content="" />
  51. <meta name="text:Link1 Title" content="link 1" />
  52. <meta name="text:Link2" content="" />
  53. <meta name="text:Link2 Title" content="link 2" />
  54. <meta name="text:Link3" content="" />
  55. <meta name="text:Link3 Title" content="link 3" />
  56. <meta name="text:Link4" content="" />
  57. <meta name="text:Link4 Title" content="link 4" />
  58.  
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  62. <script>
  63. (function($){
  64. $(document).ready(function(){
  65. $("[title]").style_my_tooltips();
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70. <style type="text/css">
  71.  
  72. /* scrollbar */
  73.  
  74. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background:{color:background};
  75. }
  76.  
  77. ::-webkit-scrollbar-thumb{background:{color:scrollbar};}
  78. ::-webkit-scrollbar-track{background:{color:bg};
  79. }
  80.  
  81. body {
  82. background:{color:background};
  83. background-image:url('{image:bg}');
  84. background-attachment:fixed;
  85. color:{color:text};
  86. font-family:arial;
  87. font-size:11px;
  88. text-align:justify;
  89. margin:0;
  90. line-height:16px;
  91. }
  92.  
  93. blockquote {
  94. padding:5px 0 5px 30px;
  95. border-left:1px solid {color:border};
  96. margin-left:30px;
  97. background:#fafafa;
  98. }
  99.  
  100. b,strong{
  101. color:{color:bold};
  102. }
  103.  
  104.  
  105. i,em{
  106. color:{color:italic};
  107. }
  108.  
  109.  
  110. u{
  111. color:{color:underline};
  112. }
  113.  
  114. a {
  115. color:{color:link};
  116. text-decoration:none;
  117. -moz-transition-duration:1s;
  118. -webkit-transition-duration:1s;
  119. -o-transition-duration:1s;
  120. }
  121.  
  122. a:hover {
  123. color:{color:hover};
  124. -moz-transition-duration:1s;
  125. -webkit-transition-duration:1s;
  126. -o-transition-duration:1s;
  127. }
  128.  
  129. #sidebar {
  130. padding:6px;
  131. text-align:right;
  132. position:fixed;
  133. margin-left:-250px;
  134. margin-top:150px;
  135. width:250px;
  136. }
  137.  
  138. #sideimg img {
  139. max-width:250px;
  140. max-height:200px;
  141. border-radius:80px;
  142. padding:5px;
  143. -moz-transition-duration:1s;
  144. -webkit-transition-duration:1s;
  145. -o-transition-duration:1s;
  146. }
  147.  
  148. #sideimg img:hover {
  149. border-radius:0px;
  150. -moz-transition-duration:1s;
  151. -webkit-transition-duration:1s;
  152. -o-transition-duration:1s;
  153. }
  154.  
  155. #description {
  156. width:250px;
  157. height: 155px;
  158. overflow: auto;
  159. overflow-x: hidden;
  160. margin-right: 40px;
  161. margin-top: 10px;
  162. font-family: 'Raleway', sans-serif;
  163. font-size: 10px;
  164. color:{color:description};
  165. background:{color:post bg};
  166. border:5px solid {color:border};
  167. line-height: 18px;
  168. text-align:center;
  169. line-height:10px;
  170. padding:5px 0px 5px;
  171. }
  172.  
  173. .links {
  174. top:20px;
  175. width:250px;
  176. margin-left:-10px;
  177. margin-top:540px;
  178. position:fixed;
  179. display:block;
  180. padding:4px;
  181. }
  182.  
  183. .links a:nth-of-type(odd) {
  184. display:inline-block;
  185. width: 70px;
  186. height: 20px;
  187. margin: 3px;
  188. background:{color:links bg};
  189. text-transform:uppercase;
  190. font-size:7px;
  191. letter-spacing:2px;
  192. font-family: 'Cherry Cream Soda', cursive;
  193. color:{color:links text};
  194. }
  195.  
  196. .links a:nth-of-type(even) {
  197. display:inline-block;
  198. width: 70px;
  199. height: 20px;
  200. margin: 3px;
  201. background:{color:links bg 2};
  202. text-transform:uppercase;
  203. font-size:7px;
  204. letter-spacing:2px;
  205. font-family: 'Cherry Cream Soda', cursive;
  206. color:{color:links text};
  207. }
  208.  
  209. .links a:hover {
  210. background-color:{color:hover};
  211. color:{color: links text};
  212. }
  213.  
  214. #theme {
  215. left:50%;
  216. margin-left:-250px;
  217. position:absolute;
  218. }
  219.  
  220. #entries {
  221. margin-top:75px;
  222. width:500px;
  223. }
  224.  
  225.  
  226. #posts {
  227. background:{color:post bg};
  228. width:500px;
  229. margin-left:50px;
  230. margin-bottom:75px;
  231. border:5px solid {color:border};
  232. padding:20px;
  233. }
  234.  
  235.  
  236. #posts img {
  237. max-width:450px;
  238. }
  239.  
  240. #quote{
  241. text-align:left;
  242. font-size:14px;
  243. line-height:18px;
  244. font-weight:bold;
  245. }
  246.  
  247. #source {
  248. margin-top:15px;
  249. text-align:right;
  250. }
  251.  
  252. .player {
  253. width:25px;
  254. height:25px;
  255. overflow:hidden;
  256. position:absolute;
  257. background:white;
  258. }
  259.  
  260. .audioinfo {
  261. margin-left:50px;
  262. line-height:120%;
  263. }
  264.  
  265. .bubble {
  266. width:400px;
  267. position: relative;
  268. background:{color:ask bubble};
  269. left:60px;
  270. margin: 0;
  271. padding:10px;
  272. text-align:center;
  273. -moz-border-radius:10px;
  274. -webkit-border-radius:10px;
  275. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  276. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  277. box-shadow: 0px 0 1px rgba(0,0,0,0);
  278. }
  279.  
  280. .bubble:after {
  281. position: absolute;
  282. display: block;
  283. content: "";
  284. border-color: {color:ask bubble} transparent transparent transparent;
  285. border-style: solid;
  286. border-width: 15px 15px 0px;
  287. height:0;
  288. width:0;
  289. position:absolute;
  290. left:-15px;
  291. top:10px;
  292. }
  293.  
  294. .chat ol {
  295. padding:0;
  296. list-style:none;
  297. }
  298.  
  299. .line {
  300. list-style:none;
  301. padding:5px 0;
  302. }
  303.  
  304. .label {
  305. text-decoration:bold;
  306. }
  307.  
  308. #info {
  309. width:474px;
  310. text-align:justify;
  311. line-height:15px;
  312. margin-top:10px;
  313. height:auto;
  314. background: {color:caption bg};
  315. padding:10px;
  316. }
  317.  
  318.  
  319. #perma {
  320. margin-top:10px;
  321. padding:5px;
  322. font-size:9px;
  323. color:{color:link};
  324. text-transform:normal;
  325. font-style:normal;
  326. letter-spacing:2px;
  327. text-align:center;
  328. }
  329.  
  330. .note li {
  331. list-style-type:none;
  332. padding:10px 25px 10px 25px;
  333. text-align:left;
  334. margin:0px;
  335. border-bottom:1px solid {color:border};
  336. line-height:140%;
  337. -moz-transition-duration:0.5s;
  338. -webkit-transition-duration:0.5s;
  339. -o-transition-duration:0.5s;
  340. }
  341.  
  342.  
  343. .notes img {
  344. display:none!important;
  345. }
  346.  
  347. #s-m-t-tooltip {
  348. z-index: 9999;
  349. background: {color:LinkTitleBG};
  350. font-size: 10px;
  351. line-height: 11px;
  352. font-family: arial;
  353. letter-spacing: 1px;
  354. text-transform: normal;
  355. color: {color:LinkTitleText};
  356. max-width: 150px;
  357. word-wrap: break-word;
  358. padding: 2px 5px 2px 6px;
  359. display: block;
  360. margin: 24px 14px 7px 12px;
  361. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  362. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  363. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  364. }
  365.  
  366. ::selection {
  367. background:{color:selection bg};
  368. color:{color:selection text};
  369. }
  370.  
  371. #scrollToTop:link, #scrollToTop:visited {
  372. display:none;
  373. position:fixed;
  374. bottom:10px;
  375. right:10px;
  376. }
  377.  
  378. .credit {
  379. position:fixed;
  380. bottom:4px;
  381. right:8px;
  382. font: 9px consolas;
  383. border:1px solid {color:border};
  384. text-transform:uppercase;
  385. letter-spacing: 0px;
  386. padding: 2px;
  387. }
  388.  
  389. .credit a{
  390. color: {color:bold};
  391. opacity:0.8;
  392. }
  393.  
  394. {CustomCSS}
  395.  
  396. </style>
  397.  
  398. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  399.  
  400. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  401. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  402. <a href="javascript:;" id="scrollToTop" title="top"><img src="{image:To Top}"></a></a>
  403.  
  404.  
  405. </head>
  406.  
  407. <body>
  408.  
  409.  
  410. <div id="theme">
  411.  
  412. <div id="sidebar">
  413.  
  414. <div id="sideimg"><center><img src="{image:Sidebar img}"></center></div>
  415.  
  416. <div id="description">
  417. <b><big><big>≡{Title}≡</big></big></b><br><br>
  418. {block:Description}{Description}{/block:Description}
  419.  
  420. <div class="links"><center>
  421. &nbsp;<a href="/">home</a>
  422. <a href="/ask">ask</a>
  423. <a href="{text:Link1}">{text:Link1 Title}</a>
  424. <a href="{text:Link2}">{text:Link2 Title}</a>
  425. <a href="{text:Link3}">{text:Link3 Title}</a>
  426. <a href="{text:Link4}">{text:Link4 Title}</a>
  427. </center>
  428. </div>
  429. </div>
  430. </div>
  431.  
  432.  
  433. <div id="entries">
  434.  
  435. <div class="autopagerize_page_element">
  436.  
  437. {block:Posts}
  438.  
  439. <div id="posts">
  440.  
  441. {block:Quote}
  442. <div id="quote">“{Quote}”</div>
  443. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  444. {/block:Quote}
  445.  
  446.  
  447. {block:Text}
  448. {block:Title}
  449. <div id="title"><div style="font-size:17px; text-align:left;">{Title}</div></div>{/block:Title}
  450. {Body}
  451. {/block:Text}
  452.  
  453. {block:Link}
  454. <div id="title">
  455. <div style="font-size:17px; text-align:left;"><a href="{URL}">{Name} »</a></div></div>
  456. {block:Description}{Description}{/block:Description}
  457. {/block:Link}
  458.  
  459. {block:Chat}
  460. {block:Title}
  461. <h1>{Title}</h1>
  462. {/block:Title}
  463. <div class="chat">
  464. <ol>{block:Lines}
  465. <li class="line {Alt}">
  466. {block:Label}
  467. <span class="label">
  468. <b>{Label}</b></span>
  469. {/block:Label}{Line}</li>
  470. {/block:Lines}
  471. </ol></div>
  472. {/block:Chat}
  473.  
  474. {block:Photo}
  475. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>
  476. {LinkCloseTag}
  477. {/block:Photo}
  478.  
  479. {block:Photoset}
  480. <center>{Photoset-500}</center>
  481. {/block:Photoset}
  482.  
  483. {block:Video}
  484. {Video-500}
  485. {/block:Video}
  486.  
  487. {block:Audio}<div class="player">{AudioPlayerWhite}</div><div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br> by {Artist}{/block:Artist}</div>
  488. {/block:Audio}
  489.  
  490.  
  491. {block:Answer}
  492. <div class="post"><br>
  493. <div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="bubble">{Asker} asked: {Question}</div><br>
  494. <div style="margin-left:200px;">{Answer}</div>
  495. </div>
  496. {/block:Answer}
  497.  
  498. <div id="info">
  499. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
  500.  
  501. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  502. </div>
  503.  
  504. {block:IndexPage}
  505. <div id="perma">
  506. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a><br>{block:HasTags}
  507. {block:Tags}
  508. <a href="{TagURL}">#{Tag}</a>
  509. {/block:Tags}
  510. {/block:HasTags}
  511.  
  512. {/block:Posts}</div></div>
  513. {block:IndexPage}
  514.  
  515.  
  516.  
  517. {/block:Posts}
  518.  
  519. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div>
  520.  
  521. </div>
  522.  
  523. </div>
  524.  
  525. </div>
  526.  
  527. </body></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!