API tools faq
paste
Advertisement
alicescreed

1.3 Poison and Wine (About)

alicescreed
Aug 9th, 2014
2,909
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.92 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="color:bg" content="#ffffff">
  15. <meta name="color:navlinkbg" content="#ffffff">
  16. <meta name="color:accent" content="#820000">
  17. <meta name="color:scrollbar" content="#820000">
  18. <meta name="color:scrollbarbg" content="#ffffff">
  19. <meta name="color:text" content="#ffffff">
  20. <meta name="color:borders" content="#ffffff">
  21. <meta name="color:aboutbg" content="#000000">
  22. <meta name="color:leftabout" content="#050505">
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  26. <script>
  27. (function($){
  28. $(document).ready(function(){
  29. $("[title]").style_my_tooltips({
  30. tip_follows_cursor:true,
  31. tip_delay_time:200,
  32. tip_fade_speed:300
  33. }
  34. );
  35. });
  36. })(jQuery);
  37. </script>
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. sup, sub, small {
  43. font-size: 100%;
  44. }
  45.  
  46. #h1 {
  47. font-family: calibri;
  48. font-size: 9pt;
  49. letter-spacing: 2px;
  50. color: #820000;
  51. text-transform: uppercase;
  52. text-align: center;
  53. margin-bottom: 10px;
  54. margin-top: 10px;
  55. }
  56.  
  57. #title {
  58. font-size: 12pt;
  59. color: #820000;
  60. font-style: italic;
  61. }
  62.  
  63. a {
  64. text-decoration: none;
  65. color: #820000;
  66. }
  67.  
  68. a:hover {
  69. border-bottom: 1px solid;
  70. }
  71.  
  72. #s-m-t-tooltip{
  73. position: absolute;
  74. background-color: #ffffff;
  75. padding: 5px;
  76. color: #820000;
  77. z-index: 999999999999999999999999999999999999999999999999999999999999;
  78. margin-top: 10px;
  79. margin-left: 5px;
  80. font-style: italic;
  81. font-size: 7pt;
  82. display: block;
  83. }
  84.  
  85.  
  86. #cred {
  87. position:fixed;
  88. font-size:15px;
  89. font-weight:normal;
  90. line-height:150%;
  91. letter-spacing:2px;
  92. right:10px;
  93. padding: 4px;
  94. bottom:10px;
  95. text-transform:uppercase;
  96. text-align:center;
  97. }
  98.  
  99. body {
  100. font-family: times new roman;
  101. font-size: 7pt;
  102. color: #ffffff;
  103. background-color: #ffffff;
  104. text-align: justify;
  105. line-height: 140%;
  106. }
  107.  
  108. a {
  109. text-decoration: none;
  110. color: ;
  111. transition-duration: 0.6s;
  112. -moz-transition-duration: 0.6s;
  113. -webkit-transition-duration: 0.6s;
  114. -o-transition-duration: 0colour.6s;
  115. }
  116.  
  117. a:hover {
  118. transition-duration: 0.6s;
  119. -moz-transition-duration: 0.6s;
  120. -webkit-transition-duration: 0.6s;
  121. -o-transition-duration: 0.6s;
  122. color:;
  123.  
  124. }
  125.  
  126. #audiotitle {
  127. margin-top: 10px;
  128. font-family: georgia;
  129. font-style: italic;
  130. font-weight: normal;
  131. text-transform: uppercase;
  132. }
  133.  
  134.  
  135. sup, small, sub {
  136. font-size: 100%;
  137. }
  138.  
  139. #post {
  140. background-color: ;
  141. width: 400px;
  142. padding: 20px;
  143. }
  144.  
  145. #posts {
  146. margin-left: 620px;
  147. width: 440px;
  148. margin-top: 0px;
  149. background-color: ;
  150. position: absolute;
  151. }
  152.  
  153. blockquote {
  154. border-left: 2px solid #ffffff;
  155. padding-left: 5px;
  156. }
  157.  
  158. blockquote img {
  159. max-width: 100%;
  160. }
  161.  
  162. i {
  163. font-family: georgia;
  164. font-style: italic;
  165. }
  166.  
  167. img {
  168. max-width: 400px;
  169. }
  170.  
  171. ::-webkit-scrollbar-thumb:vertical {
  172. background-color: #820000;
  173. height:auto;
  174. }
  175.  
  176. ::-webkit-scrollbar-thumb:horizontal {
  177. background-color: #820000;
  178. height:5px !important;
  179. }
  180.  
  181. ::-webkit-scrollbar {
  182. height:5px;
  183. width:5px;
  184. background-color: #ffffff;
  185. }
  186.  
  187. #blogtitle {
  188. font-family: calibri;
  189. font-size: 9pt;
  190. text-transform: uppercase;
  191. letter-spacing: 3px;
  192. }
  193.  
  194. #blogtitle2 {
  195. font-family: calibri;
  196. font-size: 7pt;
  197. text-transform: lowercase;
  198. font-style: italic;
  199. letter-spacing: 3px;
  200. }
  201.  
  202. #blogtitle a {
  203. color: ;
  204. }
  205.  
  206. #givemelove {
  207. width: 600px;
  208. background-color: #000000;
  209. height: 500px;
  210. position: fixed;
  211. }
  212.  
  213. #hideandseek {
  214. margin-top: 150px;
  215. position: fixed;
  216. margin-left: 420px;
  217. }
  218.  
  219. #daughter {
  220. width: 200px;
  221. color: #ffffff;
  222. position: fixed;
  223. padding: 10px;
  224. height: 480px;
  225. background-color: #050505;
  226. }
  227.  
  228. #line {
  229. border-bottom: 1px solid #ffffff;
  230. padding: 8px;
  231. margin-bottom: 3px;
  232. font-family: calibri;
  233. letter-spacing: 2px;
  234. text-transform: uppercase;
  235. }
  236.  
  237. #sidebarbg {
  238. width: 400px;
  239. position: fixed;
  240. height: 100%;
  241. margin-top: -8px;
  242. background-image: url('http://media-cache-ec0.pinimg.com/736x/4f/e1/62/4fe1622510451e2a00cfa4deb2a1e4e8.jpg');
  243. margin-left: 0px;
  244. }
  245.  
  246. #rivers {
  247. margin-left: 220px;
  248. width: 350px;
  249. padding: 10px;
  250. height: 480px;
  251. overflow: auto;
  252. position:fixed;
  253. }
  254.  
  255. #links {
  256. font-style: italic;
  257. margin-bottom: 10px;
  258. font-size: 12pt;
  259. }
  260.  
  261. </style>
  262.  
  263. </head>
  264.  
  265. <body>
  266.  
  267. <div id="sidebarbg"></div>
  268.  
  269. <div id="hideandseek">
  270.  
  271. <div id="links">
  272. <a href="/" title="home">i.</a> <a href="/ask" title="inbox">ii.</a> <a href="http://tumblr.com/" title="dashboard">iii.</a> <a href="/" title="link1">iv.</a> <a href="/" title="link2">v.</a> <a href="/" title="link3">vi.</a>
  273. </div>
  274.  
  275. <div id="givemelove">
  276. <div id="daughter">
  277. <img src="https://31.media.tumblr.com/e63ae754e2fbc547de70dd1958b654b9/tumblr_inline_na1ubxTy6n1sou8u5.png" width="200" title="REPLACE THE URL WITH YOUR OWN IMAGE. YOU CAN ALSO CHANGE THIS.">
  278. <div style="height: 220px; overflow: auto; padding-right: 10px; margin-top: 10px">
  279. <div id="line">Joseph Elliot O'Connor</div>
  280. <div id="line">Born July 7th</div>
  281. <div id="line">You can have as many of these as you want</div>
  282. <div id="line">You can have as many of these as you want</div>
  283. <div id="line">You can have as many of these as you want</div>
  284. <div id="line">You can have as many of these as you want</div>
  285. </div>
  286. </div>
  287.  
  288.  
  289. <div id="rivers">
  290. <div id="h1">about</div>
  291. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla posuere erat nibh, at malesuada velit posuere ut. Nullam et egestas urna, condimentum porttitor nisl. Vivamus ornare ornare leo, ut ornare ligula malesuada ac. Aliquam non ultrices ipsum. Nam lorem justo, varius non diam a, semper lacinia turpis. Praesent dignissim placerat nisl, bibendum tincidunt orci dictum eu. Aliquam aliquam suscipit feugiat. Donec nec velit dapibus, convallis lorem eget, congue nisi.<br><br>
  292.  
  293. Cras eu tellus vel nunc laoreet consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer malesuada, lorem ut elementum malesuada, enim mi suscipit sapien, ultricies accumsan eros magna sed enim. Duis accumsan euismod quam at semper. Etiam id est lacus. Ut in mollis lorem, ac dapibus lacus. In gravida tellus lectus, in scelerisque nisi commodo sed. Morbi consectetur mauris eu lacus volutpat cursus.<br><br>
  294.  
  295. Nunc in ultricies velit, ac tincidunt arcu. Vivamus quis lacus eros. Cras leo augue, vulputate eget tincidunt sed, condimentum et eros. In ac blandit lectus. Etiam a bibendum felis. Nam in tempus urna. Nam rutrum mauris et sollicitudin pellentesque.<br><br>
  296.  
  297. Sed ac mi arcu. Proin lacinia, enim suscipit pharetra congue, magna ligula auctor eros, a tempus erat nisi vitae augue. Nunc varius neque quam, non sodales enim dignissim nec. Vestibulum volutpat laoreet tortor rutrum gravida. Etiam facilisis, metus quis tincidunt dictum, justo dolor gravida velit, eget facilisis velit est id magna. Sed vel nisi nisi. Mauris sed luctus elit, non dignissim enim. Mauris eu sagittis mi. Pellentesque ultrices nisl non quam dignissim, vel suscipit nisl auctor. Morbi tempor quam nulla, vel fringilla nisi tincidunt sit amet. Cras congue sagittis porttitor. Aenean condimentum scelerisque augue, sed viverra nibh rutrum ut. Suspendisse porttitor purus neque, et iaculis neque hendrerit nec.<br><br>
  298.  
  299. Phasellus sed consectetur quam, quis accumsan velit. Duis a adipiscing sem, at placerat nunc. Suspendisse suscipit ullamcorper erat, ut bibendum tortor ultrices ut. Nunc risus nisl, fringilla vitae odio id, sollicitudin pulvinar mauris. Cras vitae pharetra velit. Morbi a varius urna, vel pretium arcu. Quisque quis nunc vestibulum, varius sapien id, aliquam tellus.
  300.  
  301. <div id="h1">about 2</div>
  302. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla posuere erat nibh, at malesuada velit posuere ut. Nullam et egestas urna, condimentum porttitor nisl. Vivamus ornare ornare leo, ut ornare ligula malesuada ac. Aliquam non ultrices ipsum. Nam lorem justo, varius non diam a, semper lacinia turpis. Praesent dignissim placerat nisl, bibendum tincidunt orci dictum eu. Aliquam aliquam suscipit feugiat. Donec nec velit dapibus, convallis lorem eget, congue nisi.<br><br>
  303.  
  304. Cras eu tellus vel nunc laoreet consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer malesuada, lorem ut elementum malesuada, enim mi suscipit sapien, ultricies accumsan eros magna sed enim. Duis accumsan euismod quam at semper. Etiam id est lacus. Ut in mollis lorem, ac dapibus lacus. In gravida tellus lectus, in scelerisque nisi commodo sed. Morbi consectetur mauris eu lacus volutpat cursus.<br><br>
  305.  
  306. Nunc in ultricies velit, ac tincidunt arcu. Vivamus quis lacus eros. Cras leo augue, vulputate eget tincidunt sed, condimentum et eros. In ac blandit lectus. Etiam a bibendum felis. Nam in tempus urna. Nam rutrum mauris et sollicitudin pellentesque.<br><br>
  307.  
  308. Sed ac mi arcu. Proin lacinia, enim suscipit pharetra congue, magna ligula auctor eros, a tempus erat nisi vitae augue. Nunc varius neque quam, non sodales enim dignissim nec. Vestibulum volutpat laoreet tortor rutrum gravida. Etiam facilisis, metus quis tincidunt dictum, justo dolor gravida velit, eget facilisis velit est id magna. Sed vel nisi nisi. Mauris sed luctus elit, non dignissim enim. Mauris eu sagittis mi. Pellentesque ultrices nisl non quam dignissim, vel suscipit nisl auctor. Morbi tempor quam nulla, vel fringilla nisi tincidunt sit amet. Cras congue sagittis porttitor. Aenean condimentum scelerisque augue, sed viverra nibh rutrum ut. Suspendisse porttitor purus neque, et iaculis neque hendrerit nec.<br><br>
  309.  
  310. Phasellus sed consectetur quam, quis accumsan velit. Duis a adipiscing sem, at placerat nunc. Suspendisse suscipit ullamcorper erat, ut bibendum tortor ultrices ut. Nunc risus nisl, fringilla vitae odio id, sollicitudin pulvinar mauris. Cras vitae pharetra velit. Morbi a varius urna, vel pretium arcu. Quisque quis nunc vestibulum, varius sapien id, aliquam tellus.
  311.  
  312. </div>
  313.  
  314. </div>
  315.  
  316. </div>
  317.  
  318. <div id="cred"><a href="http://ritasvrataski.tumblr.com">☂</a></div>
  319.  
  320. </body>
  321.  
  322. </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!