API tools faq
paste
Advertisement
inmyb0nes

#07 The Paddington Frisk

inmyb0nes
May 9th, 2013
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!--
  6.  
  7. Hey guys please don't remove the credit! Do whatever else you want with this but please don't remove the credit, cheers! x
  8.  
  9. <head>
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:Background" content="#848484" />
  12. <meta name="color:Desc Background" content="#ffffff" />
  13. <meta name="color:Post" content="#b8b8b8" />
  14. <meta name="color:Text" content="#0e0d0d" />
  15. <meta name="color:Bold Text" content="#b52b2b" />
  16. <meta name="color:Italic Text" content="#b52b2b" />
  17. <meta name="color:Link" content="#950b0b" />
  18. <meta name="color:Navigation" content="#950b0b" />
  19. <meta name="color:Navigation background" content="#000000" />
  20. <meta name="color:Navigation Text" content="#000000" />
  21. <meta name="color:Navigation Hover" content="#b52b2b" />
  22. <meta name="color:Navigation Text Hover" content="#ffffff" />
  23. <meta name="color:Scrollbar" content="#b52b2b" />
  24. <meta name="color:Scrollbar Background" content="#000000" />
  25. <meta name="color:Permalink" content="#b52b2b" />
  26. <meta name="color:Permalink background" content="#4b4a4a" />
  27.  
  28. <meta name="font:Title" content="Trebuchet MS" />
  29. <meta name="font:Body" content="Trebuchet MS" />
  30.  
  31. <meta name="if:Show Caption" content="0"/>
  32. <meta name="if:Infinite Scrolling" content="0"/>
  33. <meta name="if:Show Link 1" content="1"/>
  34. <meta name="if:Show Link 2" content="1"/>
  35. <meta name="if:Show Link 3" content="1"/>
  36. <meta name="if:Show Link 4" content="1"/>
  37. <meta name="if:Show Link 5" content="1"/>
  38. <meta name="if:Show Link 6" content="1"/>
  39.  
  40. <meta name="image:Sidebar 1" content=""/>
  41. <meta name="image:Sidebar 2" content=""/>
  42. <meta name="image:Sidebar 3" content=""/>
  43. <meta name="image:Sidebar 4" content=""/>
  44. <meta name="image:Sidebar 5" content=""/>
  45. <meta name="image:Sidebar 6" content=""/>
  46. <meta name="image:Background" content=""/>
  47.  
  48. <meta name="text:Link 1" content="" />
  49. <meta name="text:Link 1 URL" content="" />
  50. <meta name="text:Link 2" content="" />
  51. <meta name="text:Link 2 URL" content="" />
  52. <meta name="text:Link 3" content="" />
  53. <meta name="text:Link 3 URL" content="" />
  54. <meta name="text:Link 4" content="" />
  55. <meta name="text:Link 4 URL" content="" />
  56. <meta name="text:Link 5" content="" />
  57. <meta name="text:Link 5 URL" content="" />
  58. <meta name="text:Link 6" content="" />
  59. <meta name="text:Link 6 URL" content="" />
  60.  
  61. <style type="text/css">
  62. {Custom CSS}
  63.  
  64. ::-webkit-scrollbar {width: 10px;}
  65.  
  66. ::-webkit-scrollbar-track-piece
  67. {background-color: {color:Scrollbar Background};}
  68.  
  69. ::-webkit-scrollbar-thumb:vertical
  70. {width:8px; border:0px solid #fff;
  71. background-color: {color:Scrollbar};}
  72.  
  73. body{
  74. font-family: {text:Font};
  75. font-size:10px;
  76. letter-spacing:1px;
  77. background-color:{color:Background};
  78. background-image:url('{image:Background}');
  79. background-position: fixed;
  80. background-attachment:fixed;
  81. background-repeat:repeat;}
  82.  
  83. a
  84. {text-decoration:none;
  85. color:{color:Link};}
  86.  
  87. a:link, a:visited, a:active
  88. {text-decoration:none;
  89. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  90. }
  91. a:hover{
  92. color:{color:Links hover};
  93. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  94. }
  95.  
  96. blockquote{
  97. padding:3px;
  98. margin-top:3px;
  99. margin-bottom:3px;
  100. border-right:2px {color:border blockquote};
  101. background-color:{color:blockquote};
  102. }
  103.  
  104. #hover{
  105. position:fixed;
  106. margin-left:150px;
  107. margin-top:60px;
  108. }
  109.  
  110. #sideimage1 img {
  111. position:fixed;
  112. top:100px;
  113. left:100px;
  114. width:110px;
  115. height:70px;
  116. }
  117.  
  118. #sideimage2 img{
  119. position:fixed;
  120. top:100px;
  121. left:210px;
  122. width:110px;
  123. height:70px;
  124. }
  125.  
  126. #sideimage3 img{
  127. position:fixed;
  128. top:170px;
  129. left:100px;
  130. width:110px;
  131. height:70px;
  132. }
  133.  
  134. #sideimage4 img{
  135. position:fixed;
  136. top:170px;
  137. left:210px;
  138. width:110px;
  139. height:70px;
  140. }
  141.  
  142. #sideimage5 img{
  143. position:fixed;
  144. top:240px;
  145. left:100px;
  146. width:110px;
  147. height:70px;
  148. }
  149.  
  150. #sideimage6 img{
  151. position:fixed;
  152. top:240px;
  153. left:210px;
  154. width:110px;
  155. height:70px;
  156. }
  157.  
  158. .titles {
  159. font-size:17px;
  160. font-style:normal;
  161. font-weight:bold;
  162. font-family:Gabriola;
  163. text-align:centre;
  164. padding-left:7px;
  165. margin-left:5px;
  166. text-transform:small caps;
  167. color: {color:Page Title};
  168. padding:3px;
  169. }
  170.  
  171.  
  172. #description {
  173. position:fixed;
  174. background-color:{color:desc background};
  175. color:{color:text};
  176. top:100px;
  177. left:210px;
  178. width:100px;
  179. height:60px;
  180. padding:5px;
  181. text-align:left;
  182. font-family:trebuchet ms;
  183. font-size:0px;
  184. opacity:0;
  185. }
  186.  
  187. #description:hover{
  188. background-color: {color:desc Background};
  189. opacity:0.7;
  190. top:100px;
  191. left:100px;
  192. width:210px;
  193. height:200px;
  194. font-size:10px;
  195. -webkit-transition: all 0.7s ease-in-out;
  196. -moz-transition: all 0.7s ease-in-out;
  197. -o-transition: all 0.7s ease-in-out;
  198. -ms-transition: all 0.7s ease-in-out;
  199. -moz-border-radius: 15px;
  200. -webkit-border-radius: 15px;
  201. border-radius: 15px;
  202. }
  203.  
  204. #posts{
  205. width:500px;
  206. margin-left:400px;
  207. margin-top:10px;
  208. font-size:10px;
  209. font-family:cambria;
  210. padding-left:5px;
  211. padding-top:5px;
  212. padding-bottom:5px;
  213. }
  214.  
  215. .post {
  216. width:500px;
  217. padding:5px;
  218. margin-top:20px;
  219. margin-bottom:5px;
  220. font-family: {font:Body};
  221. font-size:10px;
  222. letter-spacing:1px;
  223. background-color:{color:Post};
  224. color:{color:Text};
  225. border:1px solid #000;
  226. }
  227.  
  228. .post img{
  229. max-width:100%;
  230. }
  231.  
  232. b, em, strong{
  233. color: {color:Bold text};
  234. font-weight:bold;
  235. }
  236.  
  237. i, em {
  238. color: {color:Italic text};
  239. font-weight:lighter;
  240. font-style:italic;
  241. }
  242.  
  243. .audio{
  244. max-width:100px;
  245. margin-right:5px;
  246. }
  247.  
  248. .source{
  249. margin-left: 25px;
  250. }
  251.  
  252. .ask{
  253. background-color: {color:Ask background};
  254. padding:5px;
  255. font-family: {Font:Body};
  256. font-size:10px;
  257. }
  258.  
  259.  
  260. .links{
  261. padding:5px;
  262. margin-left:5px;
  263. }
  264.  
  265. .tp{
  266. font-size:13px;
  267. font-style:normal;
  268. font-weight:light;
  269. font-family:MS Sans Serif;
  270. text-align:left;
  271. padding-left:10px;
  272. margin-left:30px;
  273. text-transform:uppercase;
  274. padding:3px;
  275. }
  276.  
  277.  
  278. #menu{
  279. background-color: {color:Navigation background};
  280. width:110px;
  281. height:70px;
  282. padding-top:0px;
  283. padding-bottom:0px;
  284. position:fixed;
  285. left:100px;
  286. top:170px;
  287. opacity:0;
  288. }
  289.  
  290. #menu:hover {
  291. width:120px;
  292. {block:IfShowLink1}
  293. height:15px;
  294. {/block:IfShowLink1}
  295. {block:IfShowLink2}
  296. height:45px;
  297. {/block:IfShowLink2}
  298. {block:IfShowLink3}
  299. height:75px;
  300. {/block:IfShowLink3}
  301. {block:IfShowLink4}
  302. height:105px;
  303. {/block:IfShowLink4}
  304. {block:IfShowLink5}
  305. height:135px;
  306. {/block:IfShowLink5}
  307. {block:IfShowLink6}
  308. height:155px;
  309. {/block:IfShowLink6}
  310. padding-top:10px;
  311. padding-bottom:10px;
  312. left:160px;
  313. -webkit-transition: all 0.9s ease-in-out;
  314. -moz-transition: all 0.9s ease-in-out;
  315. -o-transition: all 0.9s ease-in-out;
  316. -ms-transition: all 0.9s ease-in-out;
  317. -moz-border-radius: 15px;
  318. -webkit-border-radius: 15px;
  319. border-radius: 15px;
  320. opacity:1;
  321. }
  322.  
  323. .menu {
  324. width:75px;
  325. display:block;
  326. height:5px;
  327. margin-bottom:15px;
  328. margin-left:14px;
  329. text-align:center;
  330. background-color: {color:Navigation};
  331. padding-bottom:5px;
  332. padding-top:3px;
  333. padding-right:6px;
  334. padding-left:10px;
  335. text-decoration:none;
  336. color:{color:Navigation text};
  337. font-family:consolas;
  338. font-size:8px;
  339. text-transform:uppercase;
  340. letter-spacing:3px;
  341. border-bottom:0px solid {color:border blockquote};
  342. }
  343.  
  344. .menu:hover{
  345. background-color: {color:Navigation hover};
  346. color:{color:Navigation text hover};
  347. letter-spacing:1px;
  348. }
  349.  
  350. .notes {
  351. background-color: {color:Permalink Background};
  352. font-family: consolas;
  353. font-size: 9px;
  354. text-align: center;
  355. width: 508px;
  356. margin-bottom: 15px;
  357. padding: 1px;
  358. text-transform: uppercase;
  359. letter-spacing: 1px;
  360. -moz-border-radius: 100px 0px 100px 0px;
  361. -webkit-border-radius: 100px 0px 100px 0px;
  362. border-radius: 100px 0px 100px 0px;
  363. }
  364.  
  365. .notes a {
  366. color: {color:Permalink};
  367. text-decoration: none;
  368. letter-spacing: 2px;
  369. }
  370.  
  371.  
  372. </style>
  373.  
  374.  
  375. {block:IfInfiniteScrolling}
  376. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  377. {/block:IfInfiniteScrolling}
  378.  
  379. </head>
  380.  
  381. <div id="hover">
  382. <img src="http://24.media.tumblr.com/5a3faf3f8834eb4fd73c8afb7e8af044/tumblr_mmjurjDh881sn2zgao1_r1_250.png"/>
  383. </div>
  384. <body>
  385.  
  386. <div id="posts">
  387. <div style="position:center; top:10px; left:400px;">
  388.  
  389. {block:IfInfiniteScrolling}
  390. <div class="autopagerize_page_element">
  391. {/block:IfInfiniteScrolling}
  392.  
  393. {block:Posts}
  394.  
  395. <div class="post">
  396.  
  397.  
  398. {block:Text}
  399. {block:Title}
  400. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  401. {/block:Title}
  402. {Body}
  403. {/block:Text}
  404.  
  405.  
  406. {block:Photo}
  407. {LinkOpenTag}
  408. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  409. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  410. {linkCloseTag}
  411. {block:IfShowCaption}
  412. {block:Caption}{Caption}{/block:Caption}
  413. {/block:IfShowCaption}
  414.  
  415. {block:IfNotShowCaption}{block:PermalinkPage}
  416. {block:Caption}{Caption}{/block:Caption}
  417. {block:PermalinkPage}{/block:IfNotShowCaption}
  418. {/block:Photo}
  419.  
  420. {block:Photoset}
  421. {Photoset-500}
  422. {block:IfShowCaption}
  423. {block:Caption}{Caption}{/block:Caption}
  424. {/block:IfShowCaption}
  425.  
  426. {block:IfNotShowCaption}{block:PermalinkPage}
  427. {block:Caption}{Caption}{/block:Caption}
  428. {block:PermalinkPage}{/block:IfNotShowCaption}
  429. {/block:Photoset}
  430.  
  431. {block:Quote}
  432. <div class="links">❝{Quote}❞</div>
  433. {block:Source}
  434. <div class="source"> — {Source} </div>
  435. {/block:Source}
  436. {/block:Quote}
  437.  
  438. {block:Link}
  439. <div class="tp">
  440. &rarr; <a href="{URL}" {Target}>{Name}</a>
  441. </div>
  442. {block:Description}
  443. {Description}
  444. {/block:Description}{/block:Link}
  445.  
  446. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  447. {/block:Lines}
  448. {/block:Chat}
  449.  
  450. {block:Audio}
  451. <div style="width:100%; background-color:#000;">{AudioPlayerBlack}</div>
  452. {/block:Audio}
  453.  
  454. {block:Video}
  455. {video-500}
  456. {block:Caption}{Caption}{/block:Caption}
  457. {/block:Video}
  458.  
  459. {block:Answer}
  460. <div class="ask">{Asker}: <big>❝</big>{Question}<big>❞</big></div>
  461. {Answer}
  462. </div>
  463. {/block:Answer}
  464. </div>
  465.  
  466. {block:IndexPage}<div class="notes">
  467. {block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}{block:NoteCount}&nbsp;&nbsp;|&nbsp;&nbsp;{NoteCountWithLabel}{/block:NoteCount}</a>
  468. </div>{/block:IndexPage}
  469.  
  470. {/block:Posts}
  471. </div>
  472.  
  473. <div id="sideimage1">
  474. <a href="/"><img src="{image:Sidebar 1}">
  475. <div id="sideimage2">
  476. <img src="{image:Sidebar 2}">
  477. <div id="sideimage3">
  478. <img src="{image:Sidebar 3}">
  479. <div id="sideimage4">
  480. <a href="/ask"><img src="{image:Sidebar 4}">
  481. <div id="sideimage5">
  482. <img src="{image:Sidebar 5}">
  483. <div id="sideimage6">
  484. <a href="http://safebeneaththesmoke.tumblr.com/"><img src="{image:Sidebar 6}">
  485. <div id="description">
  486. {description}
  487. </div>
  488.  
  489.  
  490. <div id="menu">
  491. {block:IfShowLink1}<a href="{text:Link 1 URL}" class="menu">{text:Link 1}</a>{/block:IfShowLink1}
  492. {block:IfShowLink2}<a href="{text:Link 2 URL}" class="menu">{text:Link 2}</a>{/block:IfShowLink2}
  493. {block:IfShowLink3}<a href="{text:Link 3 URL}" class="menu">{text:Link 3}</a>{/block:IfShowLink3}
  494. {block:IfShowLink4}<a href="{text:Link 4 URL}" class="menu">{text:Link 4}</a>{/block:IfShowLink4}
  495. {block:IfShowLink5}<a href="{text:Link 5 URL}" class="menu">{text:Link 5}</a>{/block:IfShowLink5}
  496. {block:IfShowLink6}<a href="{text:Link 6 URL}" class="menu">{text:Link 6}</a>{/block:IfShowLink6}
  497. </div>
  498. {block:IfNotInfiniteScrolling}
  499. {block:Pagination}
  500. <center>
  501. {block:PreviousPage}
  502. <a href="{PreviousPage}"><big><big><big><big><big>←</big></big></big></big></big></a>
  503. {/block:PreviousPage}
  504. {block:NextPage}
  505. <a href="{NextPage}"><big><big><big><big><big><big>→</big></big></big></big></big></a>
  506. {/block:NextPage}
  507. </center>
  508. {/block:Pagination}
  509. {/block:IfNotInfiniteScrolling}
  510. </div>
  511.  
  512. </body>
  513. </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!