API tools faq
paste
Advertisement
strangebesidethepond

I don't frequent cafés

strangebesidethepond
Jul 10th, 2012
8,216
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!--
  6.  
  7. Theme #005 by Rose @itsacrimescene.tumblr.com
  8. Please do not steal the code,
  9. do not remove the credit and
  10. do not claim as your own
  11. Thank you :3
  12.  
  13. -->
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17. <head> <!-- DEFAULT VARIABLES -->
  18. <meta name="color:background" content="#F0F0F0" />
  19. <meta name="color:sidebar" content="#857B77" />
  20. <meta name="color:text" content="#857b77" />
  21. <meta name="color:linkbackground" content="#dbd4c7" />
  22. <meta name="color:link" content="#b99f70" />
  23. <meta name="color:linkhover" content="#d5d4d3" />
  24. <meta name="color:info" content="#dbdada" />
  25. <meta name="color:entry" content="#e6e6e6" />
  26. <meta name="color:askbackground" content="#d6d6d6" />
  27. <meta name="color:asktext" content="#857b77" />
  28. <meta name="color:h1" content="#b99f70" />
  29. <meta name="color:bold" content="#666666" />
  30. <meta name="color:tags" content="#b1aba4" />
  31.  
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:background" content="http://static.tumblr.com/ougddg1/kDGm4jd79/bg.png"/>
  34.  
  35. <meta name="text:blogtitle" content=""/>
  36. <meta name="text:subtitle" content=""/>
  37.  
  38. <meta name="text:Link1" content="" />
  39. <meta name="text:Link1 Title" content="" />
  40. <meta name="text:Link2" content="" />
  41. <meta name="text:Link2 Title" content="" />
  42. <meta name="text:Link3" content="" />
  43. <meta name="text:Link3 Title" content="" />
  44. <meta name="text:Link4" content="" />
  45. <meta name="text:Link4 Title" content="" />
  46. <meta name="text:Link5" content="" />
  47. <meta name="text:Link5 Title" content="" />
  48.  
  49.  
  50. <title>{Title}</title>
  51. <link rel="shortcut icon" href="{Favicon}">
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  53. {block:Description}
  54. <meta name="description" content="{MetaDescription}" />
  55. {/block:Description}
  56.  
  57. <style type="text/css">
  58.  
  59. body {background-color:{color:background}; color:{color:text}; font-family: Palatino, Georgia, Times, serif; font-size: 11px; line-height:120%; text-align:justify; letter-spacing: 1px; margin:0px; background-image:url('{image:background}'); background-attachment: fixed}
  60.  
  61. a, a:link, a:active, a:visited {color:{color:link}; text-decoration: none;}
  62. a:hover {color:{color:linkhover}; text-decoration: none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  63. img a {border:0px;}
  64. b, strong{font-weight: bold; color:{color:bold}}
  65. i, em {text-transform: italic; color:{color:tags}}
  66. del, strike {color:{color:tags};}
  67. p {margin: 3px 3px 0 3px}
  68. blockquote {padding:0px; padding-left:5px; margin:5px; border-left: 4px solid {color:info};}
  69. pre {font-family: Arial; font-size:11px; padding: 3px 5px 3px 5px; word-wrap: break-word; background-color:{color:background}; max-height:100px!important; overflow-y:auto;}
  70.  
  71. /* sidebar */
  72.  
  73. #sidebar {width:85px; height:100%; margin-left:30px; margin-top:-10px; position:fixed; overflow:hidden; background-color: {color:sidebar}; border-left:0px solid; border-right:0px solid; padding:7px;}
  74.  
  75. #navlinks { margin-left:auto; margin-right: auto; }
  76. #navlinks a { width: 60px; height:35px; font-family: calibri; font-size: 10px; margin-bottom: -6px; display: block; text-align: center; background-color: {color:entry}; color: {color:sidebar}; padding-top: 20px; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
  77.  
  78. #navlinks a:hover {background-color:{color:linkhover}; color:{color:sidebar}; opacity:100%;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out; }
  79.  
  80. #rightbar {
  81. width: 250px;
  82. height: 100%;
  83. background-color: {color:info};
  84. float: right;
  85. border-right: 5px solid {color:entry};
  86. overflow: hidden;
  87. position: fixed;
  88. margin-left: 730px;
  89. text-align: center;
  90. padding: 10px;
  91. }
  92.  
  93. #sideimg {
  94. width: 220px;
  95. height: auto;
  96. margin-top: 20px;
  97. margin-left: 15px;
  98. border-top-right-radius: 10px;
  99. }
  100.  
  101. #sideimg img {
  102. opacity: 0.7;
  103. border-top-right-radius: 10px;
  104. }
  105. #sideimg img:hover {
  106. opacity: 100%,
  107. -webkit-transition: all 0.7s ease-in-out;
  108. -moz-transition: all 0.7s ease-in-out;
  109. transition: all 0.7s ease-in-out;
  110. }
  111.  
  112. .pagination {
  113. color: {color: text};
  114. font-size: 12px;
  115. margin-top: 10px;
  116. margin-left: 15px;
  117. text-align: center;
  118. width: 220px;
  119. line-height: 15px;
  120. background-color: {color:entry};
  121. border-bottom-left-radius: 10px;
  122. }
  123.  
  124. #about {
  125. top: 120px;
  126. left:742px;
  127. position: fixed;
  128. z-index: 8;
  129. width:220px;
  130. max-height:200px;
  131. height: auto;
  132. font-family: Palatino, Georgia, Times, serif;
  133. font-size: 10px;
  134. background: {color:info};
  135. letter-spacing: 1px;
  136. padding: 15px;
  137. filter:alpha(opacity=20);
  138. -moz-opacity:0.2;
  139. -khtml-opacity: 0.2;
  140. opacity: 0.2;
  141. text-align:justify;
  142. }
  143. #about:hover {
  144. filter:alpha(opacity=90);
  145. -moz-opacity:0.9;
  146. -khtml-opacity: 0.9;
  147. opacity: 0.9;
  148. -webkit-transition: all 0.9s ease-in-out;
  149. -moz-transition: all 0.9s ease-in-out;
  150. -o-transition: all 0.9s ease-in-out;
  151. transition: all 0.9s ease-in-out;
  152. }
  153.  
  154.  
  155. /* container */
  156.  
  157. #container {background-color:transparent; width: 120px; margin: 0 0 0 150px; position: absolute}
  158.  
  159. .clear{clear: both}
  160.  
  161. #entries {width: 570px; margin: 15px; position:absolute;}
  162.  
  163. #entry {width:540px; background-color: {color:info}; text-align: center; margin-bottom: 10px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;}
  164.  
  165. #post{text-align: justify; width: 500px; margin-left: auto; margin-right: auto; background-color: {color:entry}; padding:5px; margin-bottom: 15px; border-top-left-radius: 10px;}
  166.  
  167. #info {width: 500px;margin-left: auto; margin-right: auto; padding-top: 20px; font-size:10px; text-align: left; color: {color:infolink}; font-family: Calibri; letter-spacing:2px; background-color: transparent; padding: 5px;}
  168. #info a{color: {color:infolink}}
  169. #info a:hover{color: {color:text}}
  170.  
  171. .date{text-transform: uppercase; font-family:{font:info}; font-size:10px; letter-spacing:2px; font-family: Calibri;}
  172.  
  173. #tags {background-color: {color: entry}; text-align: center; font-size: 10px; font-family: Calibri; letter-spacing: 1px; color: {color: tags}; width: 94%; padding: 2px; margin-bottom: 10px; margin-left: auto; margin-right: auto; list-style: none; border-bottom-right-radius: 10px;}
  174. #tags a {color: {color:infolink}; display: inline;}
  175. #tags a:hover {color: {color:link};}
  176.  
  177. /* POSTS */
  178.  
  179. h1 {font-size: 18px; font-family: Georgia; letter-spacing: 1px; text-transform: lowercase; line-height: 11px; color: {color:title}; background-color: {color:linkbackground}; text-decoration: none;}
  180.  
  181. .image {border: 0px; text-align:center; border-bottom-right-radius: 15px; }
  182. .image a{border: 0px; text-align:center }
  183.  
  184. #asker {
  185. float: right;
  186. width:500px;
  187. text-align:left;
  188. text-transform:lowercase;
  189. font-style: italic;
  190. color {color:link};
  191. margin-top:-5px;
  192. }
  193. #asker a {color: {color:title};}
  194. #asker a:hover {color: {color:askbackground};}
  195. #asker img {float:left; margin-left:220px; vertical-align:top; margin-right:3px; margin-top: -2px; max-height:15px; border: 2px solid {color:askbackground};}
  196.  
  197. #question {
  198. background-color:{color:askbackground};
  199. font-size: 12px;
  200. font-weight: normal;
  201. font-family: georgia, palatino;
  202. text-align: right;
  203. line-height:90%;
  204. letter-spacing: 1px;
  205. color: {color:asktext};
  206. margin: 0 0 11px 0;
  207. padding: 10px 15px;
  208. position: relative;
  209. border-radius: 13px;
  210. }
  211.  
  212. #bubble {
  213. width: 8px;
  214. height: 4px;
  215. font-size:32px;
  216. font-family:Georgia;
  217. position: absolute;
  218. color:{color:askbackground};
  219. bottom: 0.2px;
  220. left: 188px;
  221. margin-top: 10px;
  222. }
  223.  
  224. .qqmarks {
  225. font-size: 80px;
  226. font-weight: bold;
  227. line-height: 80px;
  228. color: {color:background};
  229. }
  230. .qquote {
  231. font-size: 20px;
  232. letter-spacing: -1px;
  233. line-height: 15px;
  234. text-transform: none;
  235. margin-top: -70px;
  236. text-indent: 40px;
  237. }
  238.  
  239. .qusource {
  240. width: 500px;
  241. margin-top:-2px;
  242. text-align:right;
  243. font-size: 10px;
  244. font-family: Calibri;
  245. color: {color:text};
  246. line-height: 9px;
  247. opacity: 0.8;
  248. }
  249. .qusource a {
  250. text-align:right;
  251. font-size: 10px;
  252. color: {color:link};
  253. line-height: 9px;
  254. opacity: 0.8;
  255. background-color: transparent;
  256. }
  257. .qusource a:hover {
  258. color: {color:text};
  259. line-height: 9px;
  260. opacity: 1;
  261. }
  262.  
  263. .audio {
  264. background-color: {color:askbackground};
  265. border-bottom-right-radius:10px;
  266. display:block;
  267. width: 450px;
  268. height: 120px;
  269. align:center;
  270. margin-top:10px;
  271. }
  272. #albumart {
  273. float: left;
  274. width:100px;
  275. height:auto;
  276. padding: 10px;
  277. }
  278. #audioinfo {
  279. padding: 10px;
  280. background-color: {color:askbackground};
  281. color: {color:text};
  282. }
  283.  
  284. .chat{line-height: 12px; list-style: none }
  285. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  286. .person1 {background-color: {color:linkbackground}; color: {color:text} }
  287. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  288. .person2 {background-color: {color:background}; color: {color: text} }
  289. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  290.  
  291. .source {display:none}
  292.  
  293. #notes {background-color:{color:info};width:540px; margin-bottom:10px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; }
  294. #notestext {width: 500px; margin-left: 20px; background-color:{color:info};padding:5px;}
  295. ol.notes {list-style: none; padding:0px}
  296. ol.notes li {background-color: {color: background}; margin: 0 px; padding: 5px;}
  297. ol.notes .avatar {border: 0px; height: 10px; padding: 0px; width: 10px;}
  298. ol.notes li .clear {height: 0px!important;}
  299. ol.notes li blockquote {border-color: #ccc!important;}
  300.  
  301. #clear{width:300px;height:3px; clear:both; background-color: transparent}
  302.  
  303. #tumblr_controls {
  304. position: fixed !important;
  305. -webkit-transition: opacity 0.7s linear;
  306. opacity: 0.1;
  307. -webkit-transition: all 0.8s ease-out;
  308. -moz-transition: all 0.8s ease-out;
  309. transition: all 0.8s ease-out;}
  310.  
  311. #tumblr_controls:hover{
  312. -webkit-transition: opacity 0.7s linear;
  313. opacity: 0.8;
  314. -webkit-transition: all 0.4s ease-out;
  315. -moz-transition: all 0.4s ease-out;
  316. transition: all 0.4s ease-out;}
  317.  
  318.  
  319. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:info};}
  320. ::-webkit-scrollbar-corner {background:{color:entry};}
  321. ::-webkit-scrollbar-thumb:vertical {background:{color:entry};}
  322. ::-webkit-scrollbar-thumb:horizontal {background:{color:entry};}
  323.  
  324. ::-moz-selection {background-color: {color:background}; color: {color:link};}
  325. ::selection {background-color: {color:background}; color: {color:link};}
  326.  
  327. {CustomCSS}
  328.  
  329. </style>
  330. </head>
  331.  
  332. <body>
  333.  
  334. <div id="sidebar"><br><br>
  335. <center>
  336.  
  337. <font style="font-size:16px; color: {color:background};"><a href="http://itsacrimetheme.tumblr.com" target="_blank" title="theme"> ♔</a></font>
  338. <br /><br>
  339. <div id="navlinks"><a href="/">home</a></br>
  340. <a href="/ask">ask</a><br>
  341. <a href="/archive">past</a><br>
  342. {block:ifLink1}<a class="slinks" href="{text:Link1}">{text:Link1 Title}</a><br />{/block:ifLink1}
  343. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a><br /> {/block:ifLink2}
  344. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a><br /> {/block:ifLink3}
  345. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a><br /> {/block:ifLink4}
  346. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a><br /> {/block:ifLink5}
  347. </div>
  348. </div></center>
  349.  
  350. <div id="rightbar"><br><div style="line-height: 30px; font-family: georgia; letter-spacing: -5px; font-size: 45px; font-style: italic; color: {color:link};">{text:blogtitle} &nbsp; </div><div style="font-family: white rabbit; text-transform: uppercase; font-size: 8px; letter-spacing: 5px; color: {color:sidebar};">{text:subtitle}</div>
  351.  
  352. <div id="sideimg"><img src="{image:sidebar}" width="220"></div>
  353.  
  354. <div id="about">{block:Description}{Description}{/block:Description}</div>
  355.  
  356. <div class="pagination">{block:Pagination}
  357. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  358. <b>{CurrentPage}</b>/{TotalPages}
  359. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  360. {/block:Pagination}</div>
  361. <br>
  362.  
  363. </div>
  364.  
  365. <div id="container">
  366.  
  367. <div id="entries">
  368.  
  369. {block:Posts}
  370.  
  371. <div id="entry">
  372. <div id="info">
  373. {block:Date}<span class="date"><a href="{Permalink}" title="Permalink to this post">{block:text}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:text}
  374. {block:photo}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:photo}
  375. {block:photoset}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:photoset}
  376. {block:quote}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:quote}
  377. {block:audio}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:audio}
  378. {block:video}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:video}
  379. {block:chat}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:chat}
  380. {block:link}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:link}
  381. {block:answer} answered {/block:answer}{TimeAgo}</a> on {DayOfMonth} {Month} {Year}</span>{/block:Date} {block:NoteCount} WITH <a href="{Permalink}" title="permalink to this post">{NoteCountWithLabel}</a>{/block:NoteCount} <span style="float:right; color:{color:title};"><a href="{ReblogURL}" title="reblog this post!" style="color:{color:title};">»reblog</a></span>
  382.  
  383. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> // originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  384. </div>
  385.  
  386.  
  387. <div id="post">
  388. {block:Text}
  389. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  390. {/block:Text}
  391.  
  392. {block:Photo}
  393. {LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" border="0"></div>{LinkCloseTag}
  394. {/block:Photo}
  395.  
  396. {block:Photoset}
  397. {Photoset-500}
  398. {/block:Photoset}
  399.  
  400. {block:Quote}
  401. <b class="qqmarks">“</b><div class="qquote"><p>{Quote}</p></div>
  402. {block:Source}
  403. <div class="qusource"> {Source} &nbsp;</div>
  404. {/block:Source}
  405. {/block:Quote}
  406.  
  407. {block:Link}
  408. <h1>* <a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  409. {/block:Link}
  410.  
  411. {block:Chat}
  412. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  413. <div class="chat"><ul>{block:Lines}
  414. <li class="person{UserNumber}">{block:Label}
  415. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  416. {/block:Chat}
  417.  
  418. {block:Video}
  419. {Video-500}
  420. {/block:Video}
  421.  
  422. {block:Answer}
  423. <div id="question">
  424. <br>
  425. <div id="bubble">◥</div>
  426. {Question}
  427. <br>
  428. <br>
  429. </div>
  430. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div><br><br>
  431. <div id="answer">{Answer}</div>
  432. {/block:answer}
  433.  
  434. {block:Audio}<center>
  435. <div class="audio">
  436. <div id="albumart">{block:AlbumArt} <img src="{AlbumArtURL}" width=100> {/block:AlbumArt}</div>
  437. <div id="audioinfo"><br>{AudioPlayerGrey}<br>
  438. {PlayCountWithLabel}
  439. </div>
  440. </div></center>
  441. {block:Caption}<br>{Caption}{/block:Caption}{/block:Audio}<br>
  442.  
  443.  
  444. <div class="cap">
  445. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  446. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  447. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  448.  
  449. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  450. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  451. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  452. {/block:ContentSource}</div>
  453.  
  454.  
  455. </div>
  456. </div>
  457.  
  458. {block:HasTags}<div id="tags" style="background-color: {color:entry}; color: {color:tags};">
  459. {block:Tags} #<a href="{TagUrl}">{Tag}</a> {/block:Tags} </div>{/block:HasTags}
  460.  
  461.  
  462.  
  463. <div id="clear"></div></div>
  464.  
  465. {/block:Posts}
  466.  
  467.  
  468.  
  469. {block:PostNotes}
  470. <div id="notes"><div id="notestext">{PostNotes}</div></div></div>
  471. {/block:PostNotes}
  472.  
  473. </div>
  474.  
  475. </body>
  476. </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!