API tools faq
paste
ptsdnick

morning tea theme

ptsdnick
May 6th, 2017
487
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. ☕️ morning tea ☕️ theme by eddie / adamstanheight
  8.  
  9. 1) DO NOT remove the credit
  10. 2) DO NOT repost / reclaim as your own
  11. 3) DO NOT edit too heavily i'm worried it might fuck it up
  12. 4) Any questions? message me @ adamstanheight.tumblr.com
  13.  
  14. ----->
  15.  
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17.  
  18. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  19.  
  20. <script>
  21.  
  22.  
  23. (function($){
  24.  
  25. $(document).ready(function(){
  26.  
  27. $("a[title]").style_my_tooltips({
  28.  
  29. tip_follows_cursor:true,
  30.  
  31. tip_delay_time:30,
  32.  
  33. tip_fade_speed:300,
  34.  
  35. attribute:"title"
  36.  
  37. });
  38.  
  39. });
  40.  
  41. })(jQuery);
  42.  
  43. </script>
  44.  
  45. <meta charset="utf-8">
  46. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  47. {block:Description}
  48. <meta name="description" content="{MetaDescription}" />
  49. {/block:Description}
  50.  
  51. <title>{Title}</title>
  52.  
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  56.  
  57. <meta name="image:background"/>
  58. <meta name="image:sidebar"/>
  59. <meta name="image:sidebar divider"/>
  60. <meta name="image:footer pixel"/>
  61. <meta name="image:static image"/>
  62.  
  63. <meta name="color:background"/>
  64. <meta name="color:description"/>
  65. <meta name="color:sidebar"/>
  66. <meta name="color:post"/>
  67. <meta name="color:border"/>
  68. <meta name="color:text"/>
  69. <meta name="color:link"/>
  70. <meta name="color:link hover"/>
  71. <meta name="color:footer"/>
  72. <meta name="color:footer text"/>
  73. <meta name="color:footer border"/>
  74. <meta name="color:ask bg"/>
  75. <meta name="color:ask text"/>
  76. <meta name="color:scroll"/>
  77. <meta name="color:scrollbar"/>
  78.  
  79. <meta name="select:post width" content="300px"/>
  80. <meta name="select:post width" content="350px"/>
  81. <meta name="select:post width" content="400px"/>
  82.  
  83. <meta name="select:border" content="solid"/>
  84. <meta name="select:border" content="dashed"/>
  85. <meta name="select:border" content="dotted"/>
  86. <meta name="select:border" content="none"/>
  87.  
  88. <meta name="select:font" content="verdana"/>
  89. <meta name="select:font" content="karla"/>
  90. <meta name="select:font" content="lora"/>
  91. <meta name="select:font" content="muli"/>
  92. <meta name="select:font" content="source sans pro"/>
  93. <meta name="select:font" content="roboto"/>
  94. <meta name="select:font" content="arial"/>
  95.  
  96. <meta name="text:font size" content="13"/>
  97. <meta name="text:sidebar hover" content="index"/>
  98.  
  99. <meta name="text:url" content=""/>
  100. <meta name="text:title" content=""/>
  101. <meta name="text:url 2" content=""/>
  102. <meta name="text:title 2" content=""/>
  103.  
  104. <meta name="text:image width" content=""/>
  105. <meta name="text:image margin left" content="0"/>
  106. <meta name="text:image margin bottom" content="0"/>
  107.  
  108. <meta name="if:show tags"/>
  109. <meta name="if:glow post"/>
  110. <meta name="if:round sidebar img"/>
  111. <meta name="if:fireworks"/>
  112.  
  113. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  114.  
  115. <style type="text/css">
  116.  
  117.  
  118. /*
  119. general text styles, fonts and colours
  120. */
  121.  
  122. ::-webkit-scrollbar {
  123. width:15px;
  124. height:0;
  125. background:{color:Scrollbar};
  126. border:1px solid {color:Scroll};
  127. }
  128. ::-webkit-scrollbar-thumb {background:{color:Scroll};border:1px solid {color:Scrollbar};}
  129.  
  130. div.songtitle::-webkit-scrollbar {
  131. width:7px;
  132. height:0;
  133. background:{color:Scrollbar};
  134. border:1px solid {color:Scroll};
  135. }
  136. div.songtitle::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  137.  
  138. div.notebox::-webkit-scrollbar {
  139. width:7px;
  140. height:0;
  141. background:{color:Scrollbar};
  142. border:1px solid {color:Scroll};
  143. }
  144. div.notebox::-webkit-scrollbar-thumb {background:{color:Scroll};border:1px solid {color:Scroll};}
  145.  
  146. #s-m-t-tooltip {max-width:300px;border-radius:0px ;padding:4px;border-bottom:1px solid {color:border};margin:20px 7px -2px 20px;background-color:{color:post};font-size:12px;text-transform:normal;color:{color:text};z-index:999999999999999999999999999999999999;letter-spacing:1.5px;}
  147.  
  148. body {
  149. margin:0px;
  150. background:{color:background} url('{image:background}') no-repeat center center fixed;
  151. -webkit-background-size: cover;
  152. -moz-background-size: cover;
  153. -o-background-size: cover;
  154. background-size: cover;;
  155. font-family:{select:font};
  156. font-size:{text:font size}px;
  157. line-height:140%;
  158. color:{color:text};
  159. }
  160.  
  161. p{
  162. margin:0 0 10px 0;
  163. padding:0;
  164. }
  165.  
  166. pre {
  167. white-space: pre-wrap;
  168. white-space: -moz-pre-wrap;
  169. white-space: -pre-wrap;
  170. white-space: -o-pre-wrap;
  171. word-wrap: break-word;
  172. }
  173.  
  174. a{
  175. color:{color:link};
  176. text-decoration:none;
  177. }
  178.  
  179. a:hover{
  180. color:{color:link hover};
  181. text-decoration:underline;
  182. cursor:help;
  183. }
  184.  
  185. li{
  186. margin-left:-15px;
  187. }
  188.  
  189. /*
  190. containers etc
  191. */
  192. #wrapper{
  193. width:600px;
  194. margin:50px auto;
  195. }
  196.  
  197. #sidebar{
  198. width:200px;
  199. position:fixed;
  200. margin:150px 0 0 -100px;
  201. }
  202.  
  203. #sideimg{
  204. margin-top:10px;
  205. padding:5px;
  206. border:1px {select:border} {color:border};
  207. background:{color:sidebar};
  208. letter-spacing:2px;
  209. text-align:center;
  210. {block:ifglowpost}
  211. box-shadow: 0 0 15px 15px {color:sidebar};
  212. {/block:ifglowpost}
  213. }
  214.  
  215. #sideimg img{
  216. width:100px;
  217. {block:ifroundsidebarimg}
  218. border-radius:80px;
  219. {/block:ifroundsidebarimg}
  220. }
  221.  
  222. #content{
  223. width:600px;
  224. margin-left:200px;
  225. overflow:hidden;
  226. }
  227.  
  228. .post{
  229. width:{select:post width};
  230. margin:40px 0 100px 40px;
  231. overflow:hidden;
  232. border:1px {select:border} {color:border};
  233. padding:10px;
  234. background:{color:post};
  235. {block:ifglowpost}
  236. box-shadow: 0 0 15px 15px {color:post};
  237. {/block:ifglowpost}
  238. }
  239.  
  240. #sidebar img, .post img{
  241. max-width:100%;
  242. }
  243.  
  244. #nav{
  245. text-align:center;
  246. margin:0 0 0 0;
  247. padding:2px;
  248. }
  249.  
  250. #description{
  251. margin:10px 0 0 0;
  252. {block:ifglowpost}
  253. margin:20px 0 0 0;
  254. {/block:ifglowpost}
  255. text-align:center;
  256. padding:5px;
  257. border:1px {select:border} {color:border};
  258. background:{color:description};
  259. word-break:break-word;
  260. {block:ifglowpost}
  261. box-shadow: 0 0 15px 15px {color:description};
  262. {/block:ifglowpost}
  263. }
  264.  
  265. #description img{
  266. width:auto;
  267. }
  268.  
  269. #ribbon{
  270. {block:ifglowpost}
  271. margin:10px 0 0 0;
  272. {/block:ifglowpost}
  273. padding:2px;
  274. }
  275.  
  276. #ribbon img{
  277. width:auto;
  278. }
  279.  
  280. #footer{
  281. text-align:center;
  282. background:{color:footer};
  283. border:1px {select:border} {color:footer border};
  284. padding:5px;
  285. letter-spacing:2px;
  286. color:{color:footer text};
  287. }
  288.  
  289. #footer img{
  290. max-width:100%;
  291. }
  292.  
  293. #tags{
  294. margin:10px 0 0 0;
  295. text-align:center;
  296. background:{color:footer};
  297. color:{color:footer text};
  298. border:1px {select:border} {color:footer border};
  299. }
  300.  
  301. #askimg{
  302. text-align:left;
  303. font-weight:bold;
  304. }
  305.  
  306. #askimg img{
  307. border-radius:10px;
  308. }
  309.  
  310. #question{
  311. background-color:{color:ask bg};
  312. padding:2px 0 0 2px;
  313. color:{color:ask text};
  314. font-style:italic;
  315. text-align:center;
  316. word-wrap:break-word;
  317. }
  318. /*
  319. content in the body of the posts - quotes, asks, etc
  320. "media" contains photos, photosets, videos, audio posts
  321. */
  322.  
  323. #audio .player{background:#FFF;height:25px;width:25px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
  324.  
  325. .art{width:50px;height:50px; position:absolute;display:block;z-index:1;}
  326. .art img{width:50px;height:50px;}
  327.  
  328. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:13px;}
  329.  
  330. .video-container {
  331. position: center;
  332. overflow: hidden;
  333. }
  334.  
  335. .video-container iframe,
  336. .video-container object,
  337. .video-container embed {
  338. position: center;
  339. max-width:{select:Postwidth} ;
  340. max-height:{select:Postwidth} ;
  341. }
  342.  
  343. .video-wrapper {
  344. max-width:{select:Postwidth} ;
  345. max-height:{select:Postwidth} ;
  346. }
  347.  
  348. .media{
  349. margin:0 0 10px 0;
  350. }
  351.  
  352. .title{
  353. font-weight:normal;
  354. font-size:18px;
  355. margin:0 0 10px 0;
  356. }
  357.  
  358. .quote{
  359. font-weight:normal;
  360. font-size:16px;
  361. font-style:italic;
  362. margin:0 0 10px 0;
  363. }
  364.  
  365. .question{
  366. margin-bottom:10px;
  367. }
  368.  
  369. blockquote{
  370. margin:0 0 10px 10px;
  371. padding:0 0 0 10px;
  372. border-left:solid 1px #000;
  373. }
  374.  
  375. /*
  376. post footers - date, tags, via and source
  377. */
  378. .post .footer{
  379. margin:0;
  380. text-align:center;
  381. background:{color:footer};
  382. border:1px {select:border} {color:footer border};
  383. padding:5px;
  384. letter-spacing:2px;
  385. color:{color:footer text};
  386. }
  387.  
  388. /*
  389. post notes
  390. */
  391. ol.notes{
  392. list-style-type:none;
  393. padding:0;
  394. margin:0;
  395. }
  396.  
  397. ol.notes li.note img{
  398. width:16px;
  399. height:16px;
  400. }
  401.  
  402. ol.notes li.note{
  403. margin:0px;
  404. }
  405.  
  406. {CustomCSS}
  407. </style>
  408. </head>
  409.  
  410. <body>
  411.  
  412. {block:IfFireworks}
  413. <script type="text/javascript" src="http://static.tumblr.com/0szq8b5/qYVmlftps/sparkle-effects.js"></script>
  414. {/block:IfFireworks}
  415.  
  416. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Bitter|Karla|Lora|Montserrat|Open+Sans|Source+Sans+Pro" rel="stylesheet">
  417.  
  418. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  419.  
  420. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  421. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Monda' rel='stylesheet' type='text/css'>
  422.  
  423. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/><link href='https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Roboto:300,400,500,700,300italic,400italic,500italic,700italic|Lato:300,400,500,700,300italic,400italic,500italic,700italic|PT+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Source+Sans+Pro:300,400,500,700,300italic,400italic,500italic,700italic|Karla:300,400,500,700,300italic,400italic,500italic,700italic|Hind:300,400,500,700,300italic,400italic,500italic,700italic|Play:300,400,500,700,300italic,400italic,500italic,700italic|Roboto+Mono:300,400,500,700,300italic,400italic,500italic,700italic|Muli:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  424.  
  425. <div id="wrapper">
  426.  
  427.  
  428. <div id="sidebar">
  429. <div id="sideimg">
  430. {block:Pagination}<div id="nav">
  431. {block:PreviousPage}
  432. <a href="{PreviousPage}"> << </a>
  433. {/block:PreviousPage}
  434. {block:JumpPagination length="3"}
  435. {block:CurrentPage}
  436. <span class="current_page">{PageNumber}</span>
  437. {/block:CurrentPage}
  438. {block:JumpPage}
  439. <a class="jump_page" href="{URL}">{PageNumber}</a>
  440. {/block:JumpPage}
  441. {/block:JumpPagination}
  442. {block:NextPage}
  443. <a href="{NextPage}"> >> </a>
  444. {/block:NextPage}</div> {/block:Pagination}
  445. <center><a href="/"><img src="{image:sidebar}" title="{text:sidebar hover}"></a></center>
  446.  
  447. <a href="/">home</a>
  448. <a href="/ask">ask</a><br>
  449. {block:ifurl}<a href="{text:url}">{text:title}</a>{/block:ifurl}
  450. {block:ifurl2}<a href="{text:url 2}">{text:title 2}</a>{/block:ifurl2}
  451.  
  452. </div>
  453. <div id="ribbon"><center><img src="{image:sidebar divider}"></center></div>
  454. {block:Description}<div id="description">
  455. <p>{Description}</p></div>
  456. {/block:Description}
  457. </div>
  458.  
  459.  
  460.  
  461.  
  462. <div id="content">
  463. {block:Posts}
  464.  
  465. {block:ContentSource}
  466. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  467. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  468. {/block:SourceLogo}
  469. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  470. {/block:ContentSource}
  471. {block:NoRebloggedFrom}
  472. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  473. {/block:NoRebloggedFrom}
  474.  
  475. <div class="post">
  476.  
  477. {block:Text}
  478. {block:Title}
  479. <div class="title">{Title}</div>
  480. {/block:Title}
  481. {Body}
  482. {/block:Text}
  483.  
  484. {block:Photo}
  485. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  486. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  487. {/block:Photo}
  488.  
  489. {block:Photoset}
  490. <div class="media">{Photoset}</div>
  491. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  492. {/block:Photoset}
  493.  
  494. {block:Quote}
  495. <div class="quote">"{Quote}"</div>
  496. {block:Source}
  497. <div class="quotesource">{Source}</div>
  498. {/block:Source}
  499. {/block:Quote}
  500.  
  501. {block:Link}
  502. <div class="title"><a href="{URL}">{Name}</a></div>
  503. {block:Description}
  504. <div class="description">{Description}</div>
  505. {/block:Description}
  506. {/block:Link}
  507.  
  508. {block:Chat}
  509. {block:Title}
  510. <div class="title">{Title}</div>
  511. {/block:Title}
  512.  
  513. {block:Lines}
  514. <div class="{Alt} user_{UserNumber}">
  515. {block:Label}
  516. <b>{Label}</b>{/block:Label}
  517. &nbsp;{Line}
  518. </div>
  519. {/block:Lines}
  520. {/block:Chat}
  521.  
  522. {block:Video}
  523. <div class="media">
  524. <div class="video-wrapper">
  525. <div class="video-container">{Video-400}</div>
  526. </div>
  527. </div>
  528. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  529. {/block:Video}
  530.  
  531. {block:Audio}
  532. <div id="audio">
  533. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  534. <div class="player">{AudioPlayerWhite}</div>
  535. <div class="songtitle">
  536. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  537. {block:Artist}{Artist}{/block:Artist}<br>
  538. {block:Album}{Album}{/block:Album}</div></div>
  539. {block:Caption}{Caption}{/block:Caption}
  540. {/block:Audio}
  541.  
  542. {block:Answer}
  543. <div id="question">
  544. <div id="askimg"><img src="{AskerPortraitURL-24}">{Asker} asked:</div> <div class="question">{Question}</div></div>
  545. <div class="caption">{Answer}</div>
  546. {/block:Answer}
  547.  
  548.  
  549. {block:Date}
  550. <div id="footer">
  551. <a href="{Permalink}" title="permalink">{TimeAgo}</a>{block:NoteCount} <img src="{image:footer pixel}"> {NoteCount}% {/block:NoteCount}</div>
  552.  
  553. {block:ifshowtags}
  554. {block:HasTags}<div id="tags">{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  555. {/block:ifshowtags}
  556.  
  557. {block:PermalinkPage}
  558. {block:NoteCount}
  559. {block:PostNotes}{PostNotes}{/block:PostNotes}
  560. {/block:NoteCount}
  561. {/block:PermalinkPage}
  562. {/block:Date}
  563.  
  564. </div>
  565. {/block:Posts}
  566.  
  567. </div>
  568.  
  569. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  570. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  571.  
  572. <div id="staticimage" style="position:fixed; bottom:{text:image margin bottom}px; z-index:-1; left:{text:image margin left}px;"><img src="{image:static image}"width="{text:image width}"></div>
  573.  
  574. <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:17px;font-family: arial;font-weight:bold;color:{color:Link};text-decoration:none;" href="http://www.adamstanheight.tumblr.com" title="credit">CREDIT</a>
  575.  
  576. </body>
  577. </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!