API tools faq
paste
Advertisement
alicescreed

2.36 Poison and Wine

alicescreed
Aug 9th, 2014
4,625
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.60 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />
  11.  
  12. {/block:Description}
  13.  
  14. <meta name="text:link1" content="">
  15. <meta name="text:link1title" content="une">
  16. <meta name="text:link2" content="">
  17. <meta name="text:link2title" content="deux">
  18. <meta name="text:subtitle" content="but i always will">
  19. <meta name="text:descriptionmargin" content="170">
  20.  
  21. <meta name="color:sidebarbg" content="#000000">
  22. <meta name="color:bg" content="#ffffff">
  23. <meta name="color:navlinkbg" content="#ffffff">
  24. <meta name="color:accent" content="#820000">
  25. <meta name="color:scrollbar" content="#820000">
  26. <meta name="color:scrollbarbg" content="#ffffff">
  27. <meta name="color:infotext" content="#ffffff">
  28. <meta name="color:descriptionbg" content="#ffffff">
  29. <meta name="color:descriptiontext" content="#000000">
  30. <meta name="color:sidebartext" content="#ffffff">
  31. <meta name="color:borders" content="#f0f0f0">
  32.  
  33. <meta name="image:sidebar" content="">
  34. <meta name="image:sidebarbg" content="">
  35.  
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  38. <script>
  39. (function($){
  40. $(document).ready(function(){
  41. $("[title]").style_my_tooltips({
  42. tip_follows_cursor:true,
  43. tip_delay_time:200,
  44. tip_fade_speed:300
  45. }
  46. );
  47. });
  48. })(jQuery);
  49. </script>
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54. sup, sub, small {
  55. font-size: 100%;
  56. }
  57.  
  58. #h1 {
  59. font-family: calibri;
  60. font-size: 9pt;
  61. letter-spacing: 2px;
  62. color: {color:accent};
  63. text-transform: uppercase;
  64. text-align: center;
  65. }
  66.  
  67. #title {
  68. font-size: 12pt;
  69. color: {color:accent};
  70. font-style: italic;
  71. }
  72.  
  73. a {
  74. text-decoration: none;
  75. color: {color:accent};
  76. }
  77.  
  78. a:hover {
  79. border-bottom: 1px solid;
  80. }
  81.  
  82. #s-m-t-tooltip{
  83. position: absolute;
  84. background-color: {color:navlinkbg};
  85. padding: 5px;
  86. color: {color:accent};
  87. z-index: 999999999999999999999999999999999999999999999999999999999999;
  88. margin-top: 10px;
  89. margin-left: 5px;
  90. font-style: italic;
  91. font-size: 7pt;
  92. display: block;
  93. }
  94.  
  95. #l {
  96. margin-bottom: 5px;
  97. }
  98.  
  99.  
  100. #l b {
  101. padding: 2px;
  102. font-weight: normal;
  103. font-style: italic;
  104. }
  105.  
  106. #cred {
  107. position:fixed;
  108. font-size:15px;
  109. font-weight:normal;
  110. line-height:150%;
  111. letter-spacing:2px;
  112. right:10px;
  113. padding: 4px;
  114. bottom:10px;
  115. text-transform:uppercase;
  116. text-align:center;
  117. }
  118.  
  119. body {
  120. font-family: times new roman;
  121. font-size: 7pt;
  122. color: {color:text};
  123. background-color: {color:bg};
  124. text-align: justify;
  125. line-height: 140%;
  126. }
  127.  
  128. #a {
  129. width: 380px;
  130. color: {color:infotext};
  131. padding: 10px;
  132. background-color: {color:sidebarbg};
  133. }
  134.  
  135. #postnotes {
  136. border-bottom: 1px solid;
  137. padding: 10px;
  138. width: 380px;
  139. }
  140.  
  141. a {
  142. text-decoration: none;
  143. color: {color:links};
  144. transition-duration: 0.6s;
  145. -moz-transition-duration: 0.6s;
  146. -webkit-transition-duration: 0.6s;
  147. -o-transition-duration: 0colour.6s;
  148. }
  149.  
  150. a:hover {
  151. transition-duration: 0.6s;
  152. -moz-transition-duration: 0.6s;
  153. -webkit-transition-duration: 0.6s;
  154. -o-transition-duration: 0.6s;
  155. color:{color:linkshover};
  156.  
  157. }
  158.  
  159. #audiotitle {
  160. margin-top: 10px;
  161. font-family: georgia;
  162. font-style: italic;
  163. font-weight: normal;
  164. text-transform: uppercase;
  165. }
  166.  
  167.  
  168. sup, small, sub {
  169. font-size: 100%;
  170. }
  171.  
  172. #post {
  173. background-color: {color:postsbg};
  174. width: 400px;
  175. padding: 20px;
  176. }
  177.  
  178. #posts {
  179. margin-left: 620px;
  180. width: 440px;
  181. margin-top: 0px;
  182. background-color: {color:postsbg};
  183. position: absolute;
  184. }
  185.  
  186. blockquote {
  187. border-left: 2px solid {color:borders};
  188. padding-left: 5px;
  189. }
  190.  
  191. blockquote img {
  192. max-width: 100%;
  193. }
  194.  
  195. #info {
  196. text-align: right;
  197. width: 420px;
  198. text-transform: uppercase;
  199. font-size: 6pt;
  200. margin-bottom: 50px;
  201. font-family: calibri;
  202. color: {color:infotext};
  203. padding: 10px;
  204. }
  205.  
  206. #info a {
  207. letter-spacing: 2px;
  208. color: {color:accent};
  209. }
  210.  
  211. i {
  212. font-family: georgia;
  213. font-style: italic;
  214. }
  215.  
  216. #ask {
  217. text-align: center;
  218. width: 380px;
  219. font-size: 8pt;
  220. background-color: {color:sidebarbg};
  221. padding: 10px;
  222. color: {color:infotext};
  223. font-style: italic;
  224. font-weight: normal;
  225. }
  226.  
  227. #ask a {
  228. letter-spacing: 2px;
  229. }
  230.  
  231. #pages {
  232. font-size: 7pt;
  233. font-family: calibri;
  234. position: fixed;
  235. width: 200px;
  236. margin-bottom: 20px;
  237. margin-top: 10px;
  238. text-align: center;
  239. }
  240.  
  241. #pages a {
  242. color: {color:sidebartext};
  243. }
  244.  
  245. img {
  246. max-width: 400px;
  247. }
  248.  
  249. ::-webkit-scrollbar-thumb:vertical {
  250. background-color: {color:scrollbar};
  251. height:auto;
  252. }
  253.  
  254. ::-webkit-scrollbar-thumb:horizontal {
  255. background-color: {color:scrollbar};
  256. height:5px !important;
  257. }
  258.  
  259. ::-webkit-scrollbar {
  260. height:5px;
  261. width:5px;
  262. background-color: {color:scrollbarbg};
  263. }
  264.  
  265. #poison {
  266. width: 200px;
  267. height: 100%;
  268. margin-top: -8px;
  269. margin-left: 400px;
  270. background-image: url('{image:sidebar}');
  271. position: fixed;
  272. background-position: center center;
  273. background-repeat: no-repeat;
  274. background-color: {color:sidebarbg};
  275. }
  276.  
  277.  
  278. #top {
  279. width: 180px;
  280. text-align: center;
  281. padding: 10px;
  282. margin-top: 220px;
  283. color: {color:sidebartext};
  284. position: fixed;
  285. }
  286.  
  287.  
  288. #blogtitle {
  289. font-family: calibri;
  290. font-size: 9pt;
  291. text-transform: uppercase;
  292. letter-spacing: 3px;
  293. }
  294.  
  295. #bottom {
  296. width: 180px;
  297. text-align: center;
  298. padding: 10px;
  299. margin-top: 545px;
  300. color: {color:sidebartext};
  301. position: fixed;
  302. }
  303.  
  304. #blogtitle2 {
  305. font-family: calibri;
  306. font-size: 7pt;
  307. text-transform: lowercase;
  308. font-style: italic;
  309. letter-spacing: 3px;
  310. }
  311.  
  312. #description {
  313. width: 140px;
  314. padding: 10px;
  315. background-color: {color:descriptionbg};
  316. height: 75px;
  317. color: {color:descriptiontext};
  318. margin-top: {text:descriptionmargin}px;
  319. position: fixed;
  320. opacity: 0;
  321. margin-left: 20px;
  322. overflow: auto;
  323. transition-duration: 0.6s;
  324. -moz-transition-duration: 0.6s;
  325. -webkit-transition-duration: 0.6s;
  326. -o-transition-duration: 0.6s;
  327. }
  328.  
  329. #poisoon {
  330. background-color: transparent;
  331. margin-top: 260px;
  332. height: 280px;
  333. width: 200px;
  334. position: fixed;
  335. }
  336.  
  337. #poisoon:hover #description {
  338. transition-duration: 0.6s;
  339. opacity: 1;
  340. -moz-transition-duration: 0.6s;
  341. -webkit-transition-duration: 0.6s;
  342. -o-transition-duration: 0.6s;
  343. }
  344.  
  345. #wine {
  346. width: 400px;
  347. height: 100%;
  348. margin-top: -8px;
  349. margin-left: 0px;
  350. border-right: 1px solid {color:bg};
  351. background-image: url('{image:sidebarbg}');
  352. position: fixed;
  353. }
  354.  
  355. #blogtitle a {
  356. color: {color:sidebartext};
  357. }
  358.  
  359. </style>
  360.  
  361. </head>
  362.  
  363. <body>
  364.  
  365.  
  366. <div id="poison">
  367.  
  368. <div id="top">
  369.  
  370. <div id="blogtitle">
  371. <a href="/">{title}</a></div>
  372.  
  373. </div>
  374.  
  375. <div id="bottom"><div id="blogtitle2">{text:subtitle}<br>
  376. <a href="/" title="home">i.</a>
  377. <a href="/ask" title="ask">ii.</a>
  378. <a href="/archive" title="archive">iii.</a>
  379. <a href="{text:link1}" title="{text:link1title}">iv.</a>
  380. <a href="{text:link2}" title="{text:link2title}">v.</a>
  381. </div>
  382.  
  383. <div id="pages">{block:Pagination}
  384. {block:PreviousPage}
  385. <a href="{PreviousPage}">←</a>
  386. {/block:PreviousPage}<a href="{CurrentPage}">{CurrentPage}</a> / <a href="{TotalPages}">{TotalPages}</a> {block:NextPage}<a href="{NextPage}">→</a>
  387. {/block:NextPage}
  388. {/block:Pagination}</div>
  389.  
  390. </div>
  391.  
  392. <div id="poisoon"><div id="description">{description}</div></div>
  393.  
  394. </div>
  395.  
  396. <div id="wine"></div>
  397.  
  398.  
  399. </div>
  400. </div>
  401. </div>
  402.  
  403.  
  404. <div id="posts">
  405.  
  406. {block:Posts}
  407.  
  408.  
  409. <div id="cred"><a href="http://ritasvrataski.tumblr.com">☂</a></div>
  410.  
  411. <div id="post">
  412.  
  413.  
  414. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  415.  
  416. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" width="400">{LinkCloseTag}{block:Caption}
  417.  
  418. {Caption}{/block:Caption}{/block:Photo}
  419.  
  420. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  421.  
  422. {/block:Photoset}
  423.  
  424. {block:Quote}<div id="title">{Quote}</div>{block:Source} <div id="sub" style="margin-top: 5px; text-align:center;">-- {source}</div>{/block:Source}{/block:Quote}
  425.  
  426. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  427.  
  428. {Description}{/block:Description}{/block:Link}
  429.  
  430. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  431.  
  432. {Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  433.  
  434. {block:Audio}
  435. {block:AlbumArt}
  436. <div id="a">
  437. <table>
  438. <td><img src="{AlbumArtURL}" width="55" style="padding: 5px;"></td>
  439. {/block:AlbumArt}
  440. <td>
  441. {block:TrackName}
  442. <div id="audiotitle" style="line-height: 100%;">{TrackName}</div>
  443. {/block:TrackName}<br>
  444. <div id="sub" style="margin-top: -10px; margin-bottom: 5px;">{block:Artist}
  445. {Artist}<br>
  446. {/block:Artist}
  447. </div>
  448.  
  449. {AudioPlayerWhite}</td>
  450. </table>
  451. </div>
  452. {block:caption}{Caption}{/block:caption}
  453. {/block:Audio}
  454.  
  455. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  456.  
  457. {block:Answer}<div id="ask">{Asker}: {Question}</div>
  458. {Answer}{/block:Answer}
  459.  
  460.  
  461. </div>
  462.  
  463. <div id="info">
  464. <div style="background-color: {color:sidebarbg}; padding: 5px">{block:Date}{ShortMonth} {DayOfMonth} / {TimeAgo}{/block:Date} with <a href="{Permalink}">
  465. {NoteCount}</a> notes</div> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>
  466.  
  467. {/block:Tags}{/block:HasTags}</div>
  468.  
  469. {block:PostNotes}<div id="postnotes">{PostNotes}</div>{/block:PostNotes}
  470.  
  471. {/block:Posts}</div>
  472.  
  473. </body>
  474.  
  475. </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!