Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Lost At Sea

By: 1ntuition on Feb 18th, 2012  |  syntax: None  |  size: 9.34 KB  |  hits: 12,189  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6.             __          _                _
  7.            /  |        | |         (_)  | |  (_)
  8.           /_/ |_ ___  _| |_  _   _  _  _| |_  _   ___  _ ___
  9.             | ||` _ \|_   _|| | | || ||_   _|| | /   \ |` _ \
  10.             | || / | | | |  | |_| || |  | |  | || (_) || / | |
  11.             |_||_| |_| |_|   \___/ |_|  |_|  |_| \___/ |_| |_|
  12.      
  13.      
  14.      Theme by 1ntuition. Please do not remove the credit! Enjoy =^.^=
  15.    
  16.    
  17. -->
  18.  
  19. <head>
  20.  
  21. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  22. "></script>
  23.  
  24. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  25.  
  26. <!-- DEFAULT VARIABLES -->
  27. <meta name="image:Background" content=""/>
  28. <meta name="image:Sidebar" content=""/>
  29. <meta name="color:Background" content="#DEECE5"/>
  30. <meta name="color:Box" content="#FFF"/>
  31. <meta name="color:Text" content="#000"/>
  32. <meta name="color:Title" content="#000"/>
  33. <meta name="color:Link" content="#777"/>
  34. <meta name="color:Hover" content="#333"/>
  35. <meta name="font:Title" content="Arial"/>
  36. <meta name="font:Body" content="Arial"/>
  37. <meta name="text:Title font size" content="15px"/>
  38. <meta name="text:Title line height" content="14px"/>
  39. <meta name="if:Show Photo" content="0"/>
  40. <meta name="if:Show Title" content="1"/>
  41. <meta name="if:Show Archive Link" content="1"/>
  42.  
  43. <title>{Title}</title>
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  46. <meta name="viewport" content="width=820" />
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51. body{
  52. margin:0px;
  53. background-color: {color:Background};
  54. background-image:url({image:Background});
  55. background-attachment: fixed;
  56. background-repeat: repeat;
  57. font-family:{font:Body};
  58. font-size: 10px;
  59. line-height:10px;
  60. color:{color:Text};
  61. }
  62.  
  63. a:link, a:active, a:visited{
  64. color: {color:Link};
  65. text-decoration: none;
  66. -webkit-transition: color 0.3s ease-out;
  67. -moz-transition: color 0.3s ease-out;
  68. transition: color 0.3s ease-out;
  69. }
  70.  
  71. a:hover{
  72. color:{color:Hover};
  73. text-decoration: none;
  74. }
  75.  
  76. #center{
  77. margin:auto;
  78. position:relative;
  79. width: 550px;
  80. overflow:auto;
  81. overflow-y:hidden;
  82. margin-left:300px;
  83. }
  84.  
  85. #posts{
  86. float: right;
  87. width:500px;
  88. margin-top: 4px;
  89. margin-right: 6px;
  90. }
  91.  
  92. #entry{
  93. width: 400px;
  94. padding-top: 1px;
  95. padding-bottom: 1px;
  96. padding-left: 1px;
  97. padding-right: 1px;
  98. background-color: {color:box};
  99. margin-bottom: 2px;
  100. border: 1px solid #aaa;
  101. }
  102.  
  103. #side{
  104. width:180px;
  105. position: fixed;
  106. height: auto;
  107. background-color:{color:box};
  108. padding:3px;
  109. margin-top: 100px;
  110. margin-left: 480px;
  111. }
  112.  
  113. #pages{
  114. float: right;
  115. font-size: 9px;
  116. font-family: Arial;
  117. background-color:{color:box};
  118. padding: 2px;
  119. width: auto;
  120. margin-bottom: 2px;
  121. }
  122.  
  123. #pages a:hover{
  124. font-style: italic;
  125. }
  126.  
  127. #permapage{
  128. font-family: Arial;
  129. font-size: 9px;
  130. text-align: left;
  131. margin-bottom: 8px;
  132. }
  133.  
  134. .title{
  135. font-family: {font:Title};
  136. font-size: {text:Title font size};
  137. line-height: {text:Title line height};
  138. color: {color:Title};
  139. font-weight: normal;
  140. }
  141.  
  142. .blogtitle{
  143. font-family: {font:Title};
  144. font-size: 14px;
  145. line-height: 14px;
  146. text-transform: normal;
  147. }
  148.  
  149. .permalink{
  150. display: block;
  151. font-size: 10px;
  152. font-family: Courier New;
  153. text-align: right;
  154. text-transform: none;
  155. }
  156.  
  157. .video embed, .post div.video object {
  158. width:350px !important;
  159. height:230px !important;
  160. }
  161.  
  162. .links{
  163. float: left;
  164. font-family: Verdana;
  165. margin-bottom: 4px;
  166. font-size: 9px;
  167. line-height: 9px;
  168. margin: 2px;
  169. background-color: #DDD;
  170. border: 1px solid #999;
  171. width: 61px;
  172. padding: 4px;
  173. }
  174.  
  175. .links a{
  176. color:#555;
  177. }
  178.  
  179. .links a:hover{
  180. font-style: italic;
  181. }
  182.  
  183. .credit{
  184. font-family: Arial;
  185. width: 404px;
  186. font-size: 9px;
  187. text-align: center;
  188. background-color: {color:box};
  189. }
  190.  
  191. a.nav{
  192. display:block;
  193. margin-top:11px;
  194. line-height:0px;
  195. color:#000000;
  196. background:#ffffff;
  197. padding:1px;
  198. border-left:1px solid transparent;
  199. }
  200.  
  201. a.nav:hover{
  202. background:#ffffff;
  203. }
  204.  
  205. div#links {
  206. position:fixed !important;
  207. margin: 100px 0px 0px 472px;
  208. text-align:left;
  209. height: auto;
  210. width: auto;
  211. padding-left: 2px;
  212. background-color:transparent;
  213. }
  214.  
  215. .linkstitle {
  216. margin-left: 197px;
  217. margin-bottom: -10px;
  218. font-size: 9px;
  219. width: 40px;
  220. padding: 2px 3px 3px 2px;
  221. font-family: Arial;
  222. color: #000000;
  223. text-align: center;
  224. background-color: #ffffff;
  225. -webkit-transition: all 0.5s ease;
  226. }
  227.  
  228. .navlinks .nav {
  229. opacity: 0;
  230. width: 40px;
  231. height: 10px;
  232. text-align: center;
  233. font-family: Arial;
  234. font-size: 9px;
  235. line-height:10px;
  236. color: #000;
  237. float:left;
  238. padding: 2px;
  239. margin-left: 187px;
  240. margin-top: 3px;
  241. background-color: #ffffff;
  242. -webkit-transition: all 0.5s ease;
  243. }
  244.  
  245. .navlinks:hover .nav {
  246. opacity: 1;
  247. margin-top: 3px;
  248. margin-left: 197px;
  249. float:left;
  250. }
  251.  
  252. #entry .perma a{
  253. color:#000;
  254. }
  255.  
  256. #entry .perma{
  257. width:400px;
  258. position: absolute;
  259. font-family: verdana;
  260. font-size: 11px;
  261. line-height: 15px;
  262. text-align: center;
  263. overflow:hidden;
  264. opacity: 0.0;
  265. background-color:#fff;
  266. }
  267.  
  268. #entry:hover .perma{
  269. overflow:visible;
  270. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  271. -webkit-transition: all 0.2s linear;
  272. -moz-transition: all 0.2s linear;
  273. transition: all 0.2s linear;
  274. }
  275.  
  276. blockquote{
  277. padding:0px 0px 2px 3px;
  278. margin:0px 0px 2px 1px;
  279. border-left: 1px solid {color:Text};
  280. }
  281.  
  282. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  283. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  284. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  285.  
  286. </style>
  287.  
  288. </head>
  289.  
  290. <body>
  291.  
  292. <div id="center">
  293.  
  294. <div id="side">
  295. {block:ifShowTitle}<center><div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifShowTitle}{block:ifShowPhoto}<a title="" href="/"><img src="{image:sidebar}" width=180px></a>{/block:ifShowPhoto}</center>
  296.  
  297. {Description}
  298. </div>
  299.  
  300. <div id="links">
  301. <div class="navlinks">
  302. <div class="linkstitle">links</div>
  303. <p><a href="/" id="nav" class="nav">home</a></p>
  304. <p><a href="/ask" id="nav" class="nav">ask</a></p>
  305. <p>{block:IfShowArchiveLink}<a href="/archive" id="nav" class="nav">archive</a>{/block:IfShowArchiveLink}</p>
  306. <p>{block:SubmissionsEnabled}<a href="/submit" id="nav" class="nav">submit</a>{/block:SubmissionsEnabled}</p>
  307.  
  308. {block:HasPages}{block:Pages} <a href="{URL}" id="nav" class="nav">{Label}</a>{/block:Pages}{/block:HasPages}
  309.  
  310. </div></div>
  311.  
  312.  
  313. <div id="posts">
  314.  
  315. <div class = "autopagerize_page_element" >
  316.  
  317. {block:Posts}
  318. <div id="entry">
  319.  
  320. {block:Text}
  321. {block:Title}<span class="title"><a href="{Permalink}">{Title}</a></span>{/block:Title}
  322. <span class="entrytext"><a href="{Permalink}">{Body}</a></span>
  323. {/block:Text}
  324.  
  325. {block:Answer}
  326. <b>{Asker}: <a href="{Permalink}">{Question}</b><br>{Answer}</a>
  327. {/block:Answer}
  328.  
  329. {block:Link}
  330. <a href="{URL}" class="title">{Name}</a>
  331. {block:Description}{Description}{/block:Description}
  332. {block:Link}
  333.  
  334. {block:Photo}
  335. <a href="{Permalink}"><div class="perma"><font color="#000">{NoteCount} notes</a></font> <font color="#000"> &middot; </font><a href="{ReblogURL}"target="_blank"> <font color="#000"> reblog </font> <font color="#000"> &middot; </font> {TimeAgo} </a></div>
  336. {block:IndexPage}{/block:IndexPage}
  337. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  338. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="400"/>
  339. {block:IndexPage}{/block:IndexPage}
  340. {block:PermalinkPage}{LinkCloseTag}
  341. {/block:PermalinkPage}
  342. {/block:Photo}
  343.  
  344. {block:Quote}
  345. <span class="title">{Quote}</span>
  346. {block:Source}{Source}{/block:Source}
  347. {/block:Quote}
  348.  
  349. {block:Chat}
  350. {block:Title}<span class="title">{Title}</span>{/block:Title}
  351. <ul class="chat">
  352. {block:Lines}
  353. <li class="user_{UserNumber}">
  354. {block:Label}
  355. <span class="label">{Label}</span>
  356. {/block:Label}
  357.  
  358. {Line}
  359. </li>
  360. {/block:Lines}
  361. </ul>
  362. {/block:Chat}
  363.  
  364. {block:Audio}
  365. <div style="width:400px; height:27px; margin-top: 1px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:8px; float:right;"><small>
  366. {FormattedPlayCount} ♫ {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div>
  367. {/block:Audio}
  368.  
  369. {block:Video}
  370. {Video-400}
  371. <div align="right"><a href="{Permalink}"><i>Permalink</i></a></div>
  372. {block:Video}
  373.  
  374. {block:PermalinkPage}
  375. <div id="permapage">{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} · {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}{block:Caption}<div style="margin-top: 3px;">{Caption}</div>{/block:Caption}</div>
  376. {/block:PermalinkPage}
  377.  
  378. {block:PostNotes}{PostNotes}
  379. {/block:PostNotes}</div>
  380. {/block:Posts}
  381. </div>
  382.  
  383. {block:ifNotShowLinks}
  384. <div style="position: fixed; bottom: 5px; right: 5px; text-transform: uppercase; font-size: 9px; font-style: italic;"><a href="http://bluntstatements.tumblr.com">Theme</a></div>
  385. {/block:ifNotShowLinks}
  386.  
  387. </div>
  388. </div>
  389. </div>
  390. </div>
  391. </center>
  392. </body>
  393. </html>
  394.  
  395. <div style="position:fixed; top:0px; left:0px;">
  396. theme by <a href="http://1ntuition.tumblr.com" target="_blank">1ntuition</a></div>
create a new version of this paste RAW Paste Data