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

Untitled

By: a guest on Aug 12th, 2012  |  syntax: None  |  size: 13.59 KB  |  hits: 16  |  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 HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4.  
  5.  
  6. <!--    
  7.  
  8.  
  9.  
  10. Perimetre by xantheose
  11.  
  12.  
  13.  
  14. -->
  15.  
  16.  
  17.  
  18. <html lang="en">
  19. <head>
  20.  
  21.  
  22. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  23.  
  24. <script type="text/javascript">
  25. $(document).ready(function() {
  26. $("body").css("display", "none");
  27. $("body").fadeIn(700);
  28. $("a.transition").click(function(event){
  29. event.preventDefault();
  30. linkLocation = this.href;
  31. $("body").fadeOut(1000, redirectPage);
  32. });
  33. function redirectPage() {
  34. window.location = linkLocation;
  35. }
  36. });
  37. </script>
  38.  
  39.  
  40. <meta name="if:Endless Scrolling" content="0"/>
  41. <meta name="if:Italic Title" content="0"/>
  42. <meta name="if:Photo Caption" content="1"/>
  43. <meta name="if:Sidebar image" content="0"/>
  44. <meta name="if:Repeat Background Image" content="0"/>
  45.  
  46. <meta name="font:Body" content="Arial"/>
  47.  
  48. <meta name="color:Background" content="#FFFFFF"/>
  49. <meta name="color:Text" content="#444444"/>
  50. <meta name="color:Link" content="#646464"/>
  51. <meta name="color:Sidebar" content="#000000"/>
  52. <meta name="color:Title" content="#CACACA"/>
  53. <meta name="color:Description" content="#CACACA"/>
  54. <meta name="color:Sidebar Links" content="#CACACA"/>
  55. <meta name="color:Sidebar Borders" content="#444444"/>
  56. <meta name="color:Post Borders" content="#DDDDDD"/>
  57. <meta name="color:Permalink" content="#666666"/>
  58. <meta name="color:Chat" content="#F5F5F5"/>
  59.  
  60. <meta name="text:Title font size" content="18"/>
  61. <meta name="text:Post title font size" content="16"/>
  62. <meta name="text:Body font size" content="11"/>
  63.  
  64. <meta name="image:Background" content=""/>
  65. <meta name="image:Sidebar" content=""/>
  66.  
  67. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  68. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  69.  
  70. {PostSummary} - {/block:PostSummary}{Title}</title>
  71.  
  72. <style type="text/css">
  73.  
  74.  
  75. iframe#tumblr_controls{
  76. top: 1px !important;
  77. margin: 0 0 0 0;
  78. right: 6px !important;
  79. position: fixed !important;
  80. }
  81.  
  82. body{
  83. display: none;
  84. margin: 0px;
  85. background-color: {color:Background};
  86. background-image: url({image:Background});
  87. background-attachment: fixed;
  88. background-repeat: no-repeat;
  89. background-position: right;
  90. {block:IfRepeatBackgroundImage}background-repeat: repeat;{/block:IfRepeatBackgroundImage}
  91. font-size: {text:Body font size}px;
  92. font-family: {font:Body};
  93. line-height: 16px;
  94. color: {color:Text};
  95. }
  96.  
  97. a:link, a:active, a:visited{color: {color:Link}; text-decoration: none;}
  98.  
  99. ::-webkit-scrollbar-thumb:vertical{
  100. background-color: {color:Borders};
  101. height: 100px;
  102. -webkit-border-radius: 3px;
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb:horizontal{
  106. background-color: {color:Borders};
  107. height: 10px;
  108. -webkit-border-radius: 3px;
  109. }
  110.  
  111. ::-webkit-scrollbar{
  112. height: 10px;
  113. width: 8px;
  114. background-color: {color:Background};
  115. }
  116.  
  117. div#content{background-color: {color:Background}; margin-left: 180px; width: 460px; border-right: 1px solid {color:Post Borders};}
  118.  
  119. div#side{
  120. background-color: {color:Sidebar};
  121. text-align: center;
  122. position: fixed;
  123. left: 0px;
  124. top: 0px;
  125. width: 180px;
  126. height: 100%;
  127. }
  128.  
  129. .title{
  130. font-size: {text:title font size}px;
  131. line-height: 24px;
  132. color: {color:Title};
  133. padding: 100px 10px 10px 10px;
  134. margin-top: 0px;
  135. border-bottom: 1px solid {color:Sidebar Borders};
  136. {block:IfItalicTitle}font-style: italic;{/block:IfItalicTitle}
  137. }
  138.  
  139. .info{padding: 10px; color: {color:Description}; border-bottom: 1px solid {color:Sidebar Borders};}
  140.  
  141. a.nav{
  142. display: inline-block;
  143. margin-left: -4px;
  144. width: 80px;
  145. padding: 5px;
  146. font-size: 10px;
  147. letter-spacing: 1px;
  148. text-transform: uppercase;
  149. color: {color:Sidebar Links};
  150. border-bottom: 1px solid {color:Sidebar Borders};
  151. border-left: 1px solid {color:Sidebar Borders};
  152. }
  153.  
  154. a.nav2{
  155. display: block;
  156. padding: 5px;
  157. font-size: 10px;
  158. letter-spacing: 1px;
  159. text-transform: uppercase;
  160. color: {color:Sidebar Links};
  161. border-bottom: 1px solid {color:Sidebar Borders};
  162. }
  163.  
  164. .page{
  165. display: inline-block;
  166. margin-left: -4px;
  167. width: 80px;
  168. padding: 5px;
  169. border-bottom: 1px solid {color:Sidebar Borders};
  170. border-left: 1px solid {color:Sidebar Borders};
  171. {block:IfEndlessScrolling}display: none;{/block:IfEndlessScrolling}
  172. }
  173.  
  174. .page a{color: {color:Sidebar Links}; font-size: 10px; letter-spacing: 1px; text-transform: uppercase;}
  175.  
  176. .post_title{
  177. font-size: {text:Post title font size}px;
  178. color: {color:Post title};
  179. line-height: 20px;
  180. }
  181.  
  182. .entry{
  183. width: 400px;
  184. margin: 0px 30px 0px 0px;
  185. {block:IndexPage}border-bottom: 1px solid {color:Post Borders};{/block:IndexPage}
  186. padding: 25px 30px 20px 30px;
  187. {block:IfPhotoCaption}padding: 25px 30px 10px 30px;{/block:IfPhotoCaption}
  188. overflow: hidden;
  189. }
  190.  
  191. .entry img{max-width:400px;}
  192.  
  193. .border{
  194. display: block;
  195. border-top: 1px solid {color:Post Borders};
  196. margin-top: 4px;
  197. margin-right: 100%;
  198. -moz-transition: all 0.3s;
  199. -webkit-transition: all 0.3s;
  200. -o-transition: all 0.3s;
  201. transition: all 0.3s;
  202. }
  203.  
  204. .entry:hover .border{
  205. margin-right: 0px;
  206. -moz-transition: all 0.5s;
  207. -webkit-transition: all 0.5s;
  208. -o-transition: all 0.5s;
  209. transition: all 0.5s;
  210. }
  211.  
  212. blockquote{
  213. padding: 0px 0px 0px 5px;
  214. margin: 0px 0px 2px 1px;
  215. border-left: 2px solid {color:Post Borders};
  216. }
  217.  
  218. .caption{
  219. width: 250px;
  220. font-size: {text:Body font size}px;
  221. border-bottom: 1px solid {color:Borders}
  222. }
  223.  
  224. .caption blockquote{
  225. padding: 0px 0px 0px 5px;
  226. margin: 0px 0px 2px 1px;
  227. border-left: 2px solid {color:Borders};
  228. }
  229.  
  230. .permalink{
  231. display: block;
  232. position: absolute;
  233. left: 640px;
  234. margin-left: 5px;
  235. font-size: 10px;
  236. color: {color:Permalink};
  237. opacity: 0;
  238. {block:IfPhotoCaption}margin-top: -10px;{/block:IfPhotoCaption}
  239. filter: alpha(opacity = 0);
  240. -moz-transition: all 0.3s;
  241. -webkit-transition: all 0.3s;
  242. -o-transition: all 0.3s;
  243. transition: all 0.3s;
  244. }
  245.  
  246. .permalink a{font-size: 10px; color: {color:Permalink};}
  247.  
  248. .entry:hover .permalink{
  249. margin-left: 20px;
  250. opacity: 1;
  251. filter: alpha(opacity = 100);
  252. -moz-transition: all 0.5s;
  253. -webkit-transition: all 0.5s;
  254. -o-transition: all 0.5s;
  255. transition: all 0.5s;
  256. }
  257.  
  258. div#chat li {padding: 4px; background-color: {color:Chat}; margin-top: 2px;}
  259.  
  260. div#chat ul{
  261. list-style: none;
  262. padding: 0px;
  263. margin-top: 5px;
  264. margin-bottom: 10px;
  265. width: 400px;
  266. }
  267.  
  268. .audio{background-color: #000000; height: 27px; width: 400px;}
  269.  
  270. div#postnotes{padding: 0px 30px 0px 30px;}
  271.  
  272. div#postnoteswrap{border-top: 1px solid {color:Post Borders}; margin-top: -10px; margin-bottom: 15px; padding-top:10px;}
  273.  
  274. .postnotes{display: block; margin-bottom: 3px;}
  275.  
  276. ol.notes{
  277. padding: 0px;
  278. margin: 0px;
  279. list-style-type: none;
  280. border-bottom: solid 1px {color:Post Borders};
  281. }
  282.  
  283. ol.notes li.note{border-top: solid 1px {color:Post Borders}; padding: 4px;}
  284.  
  285. ol.notes li.note img.avatar{
  286. vertical-align: -4px;
  287. margin-right: 10px;
  288. width: 16px;
  289. height: 16px;
  290. }
  291.  
  292. ol.notes li.note span.action{font-weight: normal;}
  293.  
  294. ol.notes li.note .answer_content{font-weight: normal;}
  295.  
  296. ol.notes li.note blockquote{
  297. padding: 0px 0px 0px 5px;
  298. margin: 5px 0px 5px 30px;
  299. border-left: 2px solid {color:Post Borders};
  300. }
  301.  
  302. ol.notes li.note blockquote a{text-decoration: none; font-size:10px;}
  303.  
  304. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display: none;}
  305.  
  306.  
  307. {CustomCSS}
  308. </style>
  309. <link rel="shortcut icon" href="{Favicon}">
  310. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  311. <meta name="viewport" content="width=820" />
  312. </head>
  313. <body>
  314.  
  315.  
  316. <div id="side">
  317. <div class="title">{Title}</div>
  318. {block:IfSidebarImage}<img src="{image:sidebar}" width="160" style="margin-top: 10px;"/>{/block:IfSidebarImage}
  319. {block:Description}<div class="info">{Description}</div>{/block:Description}
  320. <a href="/" class="nav">Home</a>
  321. <a href="/archive" class="nav">Archive</a>
  322. <a href="/random" class="nav2">Random</a>
  323. {block:AskEnabled}<a href="/ask" class="nav2">Message</a>{/block:AskEnabled}
  324. {block:HasPages}{block:Pages}<a href="{URL}" class="nav2">{Label}</A>{/block:Pages}{/block:HasPages}
  325. {block:SubmissionsEnabled}<a href="/submit" class="nav2">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  326. <a href="http://xantheose.tumblr.com/"  {block:IfEndlessScrolling}class="nav2"{/block:IfEndlessScrolling} {block:IfNotEndlessScrolling}{block:IndexPage}class="nav"{/block:IndexPage} {block:PermalinkPage}class="nav2"{/block:PermalinkPage}{/block:IfNotEndlessScrolling} target="_blank">Theme</a>
  327. {block:IndexPage}{block:Pagination}<div class="page">{block:PreviousPage}<a href="{PreviousPage}">Back / </a>{/block:PreviousPage}{block:nextPage}<a href="{nextPage}">Next</a>{/block:nextPage}</div>{/block:Pagination}{/block:IndexPage}
  328. </div>
  329.  
  330.  
  331. <div id="content">
  332.  
  333. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js";;></script>{/block:IfEndlessScrolling}
  334. {block:IfEndlessScrolling}<div class="autopagerize_page_element">{/block:IfEndlessScrolling}
  335.  
  336. {block:Posts}
  337. {block:Text}
  338. <div class="entry">
  339. {block:Title}<span class="post_title">{Title}</span><p>{/block:Title}
  340. {Body}
  341. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&bull;&nbsp;<a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
  342. </div>
  343. {/block:Text}
  344.  
  345. {block:Photo}
  346. <div class="entry">
  347. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/>{block:IndexPage}</a>{/block:IndexPage}
  348. {block:IndexPage}{block:Caption}{block:IfPhotoCaption}{Caption}{/block:IfPhotoCaption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  349. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&bull;&nbsp;<a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
  350. </div>
  351. {/block:Photo}
  352.  
  353. {block:Photoset}
  354. <div class="entry">
  355. {Photoset-400}
  356. {block:IndexPage}{block:Caption}{block:IfPhotoCaption}{Caption}{/block:IfPhotoCaption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  357. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&bull;&nbsp;<a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
  358. </div>
  359. {/block:Photoset}
  360.  
  361. {block:Quote}
  362. <div class="entry">
  363. <div class="post_title">&#10077;&nbsp;{Quote}</div>
  364. {block:Source}<p>&#8212;&nbsp;{Source}</p>{/block:Source}
  365. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&bull;&nbsp;<a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
  366. </div>
  367. {/block:Quote}
  368.  
  369. {block:Chat}
  370. <div class="entry">
  371. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  372. <div id="chat">
  373. <ul>{block:Lines}<li>
  374. {block:Label}<b>{Label}</b>{/block:Label}
  375. {Line}
  376. </li>{/block:Lines}</ul>
  377. </div>
  378. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&bull;&nbsp;<a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
  379. </div>
  380. {/block:Chat}
  381.  
  382. {block:Link}
  383. <div class="entry">
  384. <span class="post_title"><a href="{URL}">{Name}</span><p></a>
  385. {block:Description}{Description}{/block:Description}
  386. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&bull;&nbsp;<a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
  387. </div>
  388. {/block:Link}
  389.  
  390. {block:Audio}
  391. <div class="entry">
  392. {block:AlbumArt}<img src="{AlbumArtURL}" alt="" width="150"/><p>{/block:AlbumArt}
  393. <div class="audio">{AudioPlayerBlack}</div>
  394. {block:Caption}{Caption}
  395. <small>{PlayCount} listens</small> {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}<p>
  396. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&bull;&nbsp;<a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
  397. </div>
  398. {/block:Audio}
  399.  
  400. {block:Video}
  401. <div class="entry">
  402. {Video-400}
  403. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&bull;&nbsp;<a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
  404. </div>
  405. {/block:Video}
  406.  
  407. {block:Answer}
  408. <div class="entry">
  409. <div style="font-weight:bold; padding-bottom:5px; border-bottom:1px solid {color:Borders};">{Asker}&nbsp;:&nbsp;&nbsp;{Question}</div>
  410. {Answer}
  411. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&bull;&nbsp;<a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
  412. </div>
  413. {/block:Answer}
  414.  
  415. <div id="postnotes">
  416. {block:PermalinkPage}{block:Date}<div id="postnoteswrap"><div class="postnotes">Posted {TimeAgo} with {NoteCountWithLabel}</div>{/block:Date}{block:RebloggedFrom}<div class="postnotes">Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></div><div class="postnotes">Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}{block:HasTags}<div class="postnotes">Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a></div>{/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}
  417. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  418.  
  419. {/block:posts}
  420.  
  421. </div>
  422.  
  423. {block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
  424.  
  425. <!-- PLEASE DO NOT REMOVE THE CREDIT LINK. I'D APPRECIATE THAT VERY MUCH -->
  426.  
  427. </body>
  428. </html>
create a new version of this paste RAW Paste Data