API tools faq
paste
Advertisement
lonodon

THEME 01; SLIDE BY LONODON

lonodon
Aug 26th, 2013
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.21 KB | None | 0 0
raw download clone embed print report
  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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <style>html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  8.  
  9.  
  10. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  11. </style>
  12. <div>
  13. <!--
  14. ╱╭╮╭╮╱╱╱╱╱╱╱╱╱╱╱╭╮╱╱╱╱╱╱╭╮╱╱╱╱╱╱╱╱╱╱╱╭╮
  15. ╭╯╰┫┃╱╱╱╱╱╱╱╱╱╱╱┃┃╱╱╱╱╱╱┃┃╱╱╱╱╱╱╱╱╱╱╱┃┃
  16. ╰╮╭┫╰━┳━━┳╮╭┳━━╮┃╰━┳╮╱╭╮┃┃╭━━┳━╮╭━━┳━╯┣━━┳━╮
  17. ╱┃┃┃╭╮┃┃━┫╰╯┃┃━┫┃╭╮┃┃╱┃┃┃┃┃╭╮┃╭╮┫╭╮┃╭╮┃╭╮┃╭╮╮
  18. ╱┃╰┫┃┃┃┃━┫┃┃┃┃━┫┃╰╯┃╰━╯┃┃╰┫╰╯┃┃┃┃╰╯┃╰╯┃╰╯┃┃┃┃
  19. ╱╰━┻╯╰┻━━┻┻┻┻━━╯╰━━┻━╮╭╯╰━┻━━┻╯╰┻━━┻━━┻━━┻╯╰╯
  20. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
  21. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
  22. -->
  23.  
  24. <!-- THEME 01; SLIDE BY LONODON, DO NOT STEAL OR REMOVE CREDIT. I SWEAR I WILL HUNT YOU DOWN. BASE CODE BY SHEERINOS.-->
  25.  
  26.  
  27.  
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:text" content="#b6b5b5"/>
  30. <meta name="color:link" content="#b87889"/>
  31. <meta name="color:linkhover" content="#f0e7e1"/>
  32. <meta name="color:scrollbar" content="ececec"/>
  33. <meta name="color:highlightcolor" content="ececec"/>
  34. <meta name="image:side1" content=""/>
  35. <meta name="text:link 1" content="link 1"/>
  36. <meta name="text:link 1 url" content="/" />
  37. <meta name="text:link 2" content="link 2"/>
  38. <meta name="text:link 2 url" content="/" />
  39. <meta name="text:link 3" content="link 3"/>
  40. <meta name="text:link 3 url" content="/" />
  41. <meta name="text:yourname" content="write your name here"/>
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46.  
  47. ::selection {background: #fff; color:{color:selection};}
  48. ::-moz-selection {background: #fff; color:{color:selection};}
  49. ::-webkit-selection {background: #fff; color:{color:selection};}
  50.  
  51. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};
  52. height:100px;}
  53.  
  54. ::-webkit-scrollbar { height:10px;width:5px; background-color:#fff;}
  55.  
  56.  
  57. /* --- BODY ---*/
  58.  
  59. body {
  60. font-style:none;
  61. background:{color:background};
  62. margin:0px; color:{color:text};
  63. font-family:calibri;
  64. font-size:11px;
  65. line-height:100%;
  66.  
  67. }
  68.  
  69. blockquote {
  70. border-left:2px solid #ECECEC;
  71. padding-left:2px;
  72. margin:5px;
  73. }
  74.  
  75. a {
  76. color:{color:link}
  77. }
  78.  
  79. a {
  80. text-decoration:none;
  81. -webkit-transition:all 0.5s ease-in-out;
  82. -moz-transition:all 0.5s ease-in-out;
  83. -o-transition:all 0.5s ease-in-out;
  84. -ms-transition:all 0.5s ease-in-out;
  85. transition:all 0.5s ease-in-out;
  86. }
  87.  
  88. a:hover {
  89. color:{color:linkhover}
  90. }
  91.  
  92. img {none;}
  93.  
  94. h1 , h2 {
  95. font-family:calibri;
  96. text-transform:none;
  97. font-size:14px;
  98. line-height:30px;
  99. letter-spacing:0px;
  100. text-align:center;
  101. font-style:none;
  102. }
  103.  
  104. #entries {
  105. padding:10px;
  106. width:500px;
  107. margin-left:300px;
  108. margin-top:50px;
  109.  
  110. }
  111.  
  112. #post {
  113. width:500px;
  114. padding-bottom:100px;
  115. font-style:none;
  116. padding:15px;
  117. margin-bottom:10px;
  118. }
  119.  
  120.  
  121.  
  122.  
  123. /* --- SIDEBAR ---*/
  124.  
  125.  
  126. #sidebar
  127. {
  128. width:300px;
  129. position:fixed;
  130. margin-left:90px;
  131. margin-top:150px;
  132. }
  133.  
  134. #sidebar {width:100px;}
  135.  
  136. #sidebarimage img
  137. {
  138. margin-left:90px;
  139. width:150px;
  140. max-height:150px;
  141. margin-top:0px;
  142. padding:5px;
  143. padding-bottom:5px;
  144.  
  145. }
  146.  
  147.  
  148. #nav {
  149. position:fixed;
  150. overflow:hidden;
  151. margin-top:150px;
  152. margin-left:315px;
  153. }
  154.  
  155. #link1 a , #link2 a, #link3 a
  156.  
  157. #title
  158. {
  159. font-family:cambria;
  160. text-align:center;
  161. margin-top:-129px;
  162. padding-bottom:0px;
  163. text-transform:none;
  164. font-style:normal;
  165. font-size:10px;
  166. }
  167.  
  168. #description {
  169. margin-left: 0px;
  170. margin-top: 0px;
  171. width: 200px;
  172. line-height: 100%;
  173. background-color:#ffffff;
  174. text-transform:none;
  175. text-align:center;
  176. font-family:calibri;
  177. font-size: 10px;
  178. font-style:none;
  179. padding-bottom:0px;
  180. padding-top:5px;
  181. }
  182.  
  183. #links {
  184. position: fixed;
  185. font-family:calibri;
  186. padding-top: 0px;
  187. padding-bottom: 5px;
  188. margin-top: 10px;
  189. margin-left: 15px;
  190. padding-left: 0px;
  191. padding-right: 0px;
  192. letter-spacing: 1px;
  193. height: 10px;
  194. width: 200px;
  195. }
  196.  
  197. #links a {
  198. padding 5px;
  199. padding-top: 0px;
  200. padding-bottom: 1px;
  201. padding-right:2px;
  202. padding-left:2px;
  203. margin-bottom: 5px;
  204. font-size: 10px;
  205. font-style:normal;
  206. text-align:center;
  207. text-transform:none;
  208. width: 50px;
  209. }
  210.  
  211. #questions {
  212. background-color:#ffffff;
  213. color: {color:text};
  214. margin-left:0px;
  215. padding:5px;
  216. margin-top:5px;
  217. margin-bottom:5px;
  218. font-family:calibri;
  219. font-size:10px;
  220. font-style:normal;
  221. text-align:center;
  222. }
  223.  
  224. .note {
  225. padding:0px 20px 0px 20px;
  226. background-color:#FFFFFF;
  227. text-transform:lowercase;
  228. letter-spacing:0px;
  229. font-size: 11px;
  230. font-style:normal;
  231. text-align:left;
  232. line-height:120%;
  233. }
  234.  
  235. .note li {
  236. list-style-type:none;
  237. padding:5px 25px 5px 25px;
  238. text-align:left;
  239. margin-right:30px;
  240. margin-top:-50px;
  241. }
  242.  
  243. #info {
  244. font-family:calibri;
  245. text-align:center;
  246. margin-top:10px;
  247. padding-top:10px;
  248. padding:0px;
  249. padding-bottom:1px;
  250. text-transform:none;
  251. font-style:none;
  252. font-size:10px;
  253. line-height:100%;
  254. }
  255.  
  256. #RebloggedFrom {
  257. font-family:calibri;
  258. text-align:center;
  259. margin-top:-5px;
  260. padding-bottom:0px;
  261. text-transform:none;
  262. font-style:none;
  263. font-size:10px;
  264. }
  265.  
  266. #tags {
  267. font-family:calibri;
  268. text-align:center;
  269. margin-top:0px;
  270. padding-bottom:0px;
  271. text-transform:none;
  272. font-style:none;
  273. font-size:10px;
  274. }
  275.  
  276. #pagination
  277. {
  278. font-size:10px;
  279. margin-top:10px;
  280. margin-left:5px;
  281. font-family:calibri;
  282. font-style:normal;
  283. text-align:center;
  284. width:500px
  285. text-transform:uppercase;
  286. letter-spacing:1px;
  287. }
  288.  
  289. #oneout {
  290. -moz-box-shadow: 0px 0px 0px 0px ;
  291. -webkit-box-shadow: 0px 0px 0px 0px ;
  292. box-shadow: 0px 0px 0px 0px ;
  293. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
  294. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');
  295. z-index:1000;
  296. position: fixed;
  297. top: 250px;
  298. right: 1px;
  299. width: 155px;
  300. padding: 40px 0;
  301. text-align: center;
  302. -webkit-transition-duration: 0.3s;
  303. -moz-transition-duration: 0.3s;
  304. -o-transition-duration: 0.3s;
  305. transition-duration: 0.3s;
  306. -webkit-border-radius: 0 5px 5px 0;
  307. -moz-border-radius: 0 5px 5px 0;
  308. border-radius: 0 5px 5px 0;}
  309.  
  310. #oneout_inner {
  311. -moz-box-shadow: 0px 0px 1px 0px ;
  312. -webkit-box-shadow: 0px 0px 1px 0px ;
  313. box-shadow: 0px 0px 1px 0px ;
  314. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
  315. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');
  316. top: 253px;
  317. right: -250px;
  318. position: fixed;
  319. width: 220px;
  320. padding: 10px;
  321. background: #FFFFFF;
  322. height: 130px;
  323. -webkit-transition-duration: 0.3s;
  324. -moz-transition-duration: 0.3s;
  325. -o-transition-duration: 0.3s;
  326. transition-duration: 0.3s;
  327. text-align: left;
  328. -webkit-border-radius: 0 0 5px 0;
  329. -moz-border-radius: 0 0 5px 0;
  330. border-radius: 0 0 5px 0;}
  331.  
  332. #oneout:hover {
  333. z-index:1000;
  334. right: 250px;}
  335.  
  336. #oneout:hover #oneout_inner {
  337. z-index:1000;
  338. right: 0px;}
  339.  
  340. .onetitle {
  341. display: block;
  342. writing-mode: lr-tb;
  343. -webkit-transform: rotate(-90deg);
  344. -moz-transform: rotate(-90deg);
  345. -ms-transform: rotate(-90deg);
  346. -o-transform: rotate(-90deg);
  347. transform: rotate(-90deg);
  348. position: absolute;
  349. right: -11px;
  350. top: 3px;
  351. font-family:Lucida Sans;
  352. font-size: 16px;
  353. font-weight: normal;
  354. text-transform: uppercase;
  355. letter-spacing: -1px;}
  356.  
  357. ::selection {
  358. background: {color:highlightcolor};
  359. color: #ffffff;
  360. }
  361.  
  362. ::-moz-selection {
  363. background: {color:highlightcolor};
  364. color: #ffffff;
  365. }
  366.  
  367. </style>
  368.  
  369.  
  370.  
  371.  
  372. {CustomCSS}</style></head><body>
  373.  
  374. <div id="oneout">
  375. <span class="onetitle">
  376.  
  377. <img src="{image:side1}" style="width:150px;"/></a>
  378.  
  379. </span>
  380. <div id="oneout_inner">
  381. <center>
  382. <div id="links">
  383. <a href="/">london</a>
  384. <a href="/ask">mail</a>
  385. <a href="{text:link 1 url}">{text:link 1}</a>
  386. <a href="{text:link 2 url}">{text:link 2}</a>
  387. <a href="{text:link 3 url}">{text:link 3}</a>
  388.  
  389. <div id="description">{Description}</div>
  390.  
  391. <div id="pagination">
  392. {block:Pagination}
  393. <div id="pagination">
  394. {block:PreviousPage}
  395. <a href="{PreviousPage}">←</a>
  396. {/block:PreviousPage}
  397. {block:NextPage}
  398. <a href="{NextPage}">→</a>
  399. {/block:NextPage}
  400. </div>
  401. {/block:Pagination}</div>
  402.  
  403.  
  404. </div>
  405.  
  406.  
  407.  
  408.  
  409.  
  410. <div id="scrollbar">{scrollbar}</div>
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418. {block:HasPages}{block:Pages}
  419.  
  420. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  421.  
  422. </div></center>
  423.  
  424.  
  425. </div>
  426.  
  427. <div id="entries">{block:Posts}<div id="post">
  428.  
  429. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  430.  
  431. {block:blockquote}{/block:blockquote}
  432.  
  433.  
  434.  
  435. {block:Photo}
  436. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  437. {/block:Photo}
  438.  
  439. {block:Photoset}
  440. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  441. {/block:Photoset}
  442.  
  443. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  444.  
  445. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  446.  
  447. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  448.  
  449. {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  450.  
  451. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  452.  
  453. {block:Answer}<div id="questions"><img src="{AskerPortraitURL-30}" style="border:1px solid {color:text}; padding:4px;background:#fff;"/><div id="question">{Question}<div class="asker"><font color="#b6b5b5"><sub>asked by</font><sub> {Asker}</sub></div></div></div><div class="answertext" style="padding:0px;background:#fff; text-align: center;"><sub>and the ever so wonderful {text:yourname} answered:</font><sub></div> <div class="answer"style="padding:2px;background:#fff; text-align: center;">{Answer} </div>{/block:answer}
  454.  
  455. <div id="info">♡ {block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}{/block:Date} </a>♡
  456. {block:NoteCount}<a href="{Permaink}">{NoteCountWithLabel} </a>{/block:NoteCount}♡
  457. {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}♡
  458. {block:ContentSource}<a hre="{SourceURL}">{ReblogRootName}</a>{/block:ContentSource}</div>
  459.  
  460. <div id="tags">
  461. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  462.  
  463. </div>
  464. {block:PostNotes}{PostNotes}{/block:PostNotes}
  465. {/block:Posts}</div>
  466.  
  467. <div style="position:fixed;bottom:5px; right:5px; text-transform:uppercase; font-size:8px; letter-spacing:2px; border: 1px solid {color:border}; padding: 3px;"><a href="http://lonodon.tumblr.com">lonodon</a></div>
  468. </div>
  469. </div>
  470. </body>
  471. </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!