API tools faq
paste
ptsdnick

bitter coffee theme

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