Advertisement
lonodon

THEME 11; SOBER THOUGHTS BY LONODON

Jul 2nd, 2015
852
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.77 KB | None | 0 0
  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. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <style>html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  10.  
  11. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  12. </style>
  13.  
  14.  
  15. <!--
  16. ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀
  17. ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀
  18. ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄
  19.  
  20. ▒█▀▀█ ▒█░░▒█
  21. ▒█▀▀▄ ▒█▄▄▄█
  22. ▒█▄▄█ ░░▒█░░
  23.  
  24. ▒█░░░ ▒█▀▀▀█ ▒█▄░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ ▒█▄░▒█
  25. ▒█░░░ ▒█░░▒█ ▒█▒█▒█ ▒█░░▒█ ▒█░▒█ ▒█░░▒█ ▒█▒█▒█
  26. ▒█▄▄█ ▒█▄▄▄█ ▒█░░▀█ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█ ▒█░░▀█ -->
  27.  
  28. <!-- THEME 12; SOBER THOUGHTS BY LONODON. PLEASE DO NOT STEAL OR REMOVE CREDIT. PLEASE DO NOT REDISTRIBUTE AS YOUR OWN BASE CODE BY HOGWAT.-->
  29.  
  30. <meta name="color:Body" content="#666666"/>
  31. <meta name="color:Links" content="#dccbe7"/>
  32. <meta name="color:Sidebar Links" content="#dccbe7">
  33. <meta name="color:Hover" content="#ffffff"/>
  34. <meta name="color:Description" content="#aaaaaa">
  35. <meta name="color:Background" content="#ffffff">
  36. <meta name="color:Scrollbar" content="#dccbe7">
  37. <meta name="color:Scrollbar Background" content="#ffffff">
  38. <meta name="image:Sidebar" content=""/>
  39. <meta name="text:Sidebar Title" content="title"/>
  40. <meta name="text:Ask url" content="/ask">
  41. <meta name="text:link C" content="link"/>
  42. <meta name="text:link C url" content="/">
  43. <meta name="text:link D" content="link"/>
  44. <meta name="text:link D url" content="/">
  45. <meta name="text:link E" content="link"/>
  46. <meta name="text:link E url" content="/">
  47. <meta name="text:link F" content="link"/>
  48. <meta name="text:link F url" content="/">
  49.  
  50.  
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. #bite
  56. #bite a{
  57. display:block
  58. }
  59. #bite .death {
  60. margin-top:-40px;filter: alpha(opacity = 0);
  61. opacity:0;-webkit-transition: all 0.5s ease-out;
  62. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  63. }
  64.  
  65. #bite:hover .death {
  66. margin-top:0px;
  67. -webkit-transition: all 0.8s ease-out;
  68. -moz-transition: all 0.8s ease-out;
  69. transition: all 0.8s ease-out;
  70. filter: alpha(opacity = 100);
  71. filter: alpha(opacity = 100);
  72. opacity:100;
  73. }
  74.  
  75. h2{
  76. font-family:arial;
  77. text-transform:lowercase;
  78. color:{color:Links};
  79. letter-spacing:-2px;
  80. font-size:20px;
  81. }
  82.  
  83. ::-webkit-scrollbar-thumb {
  84. height:auto;
  85. background-color:{color:Scrollbar};
  86. }
  87.  
  88. ::-webkit-scrollbar {
  89. height:9px;
  90. width:4px;
  91. background-color:{color:ScrollbarBg};
  92. }
  93.  
  94. body {
  95. background-color:{color:Background};
  96. font-family:arial;
  97. font-size:9px;
  98. text-transform:lowercase;
  99. text-align:justify;
  100. color:{color:Body};
  101. margin:0;
  102. }
  103.  
  104. a {
  105. color:{color:Links};
  106. text-decoration:none;
  107. -moz-outline-style:none;
  108. }
  109.  
  110. a:hover{
  111. color:{color:Hover};
  112. -moz-transition-duration:0.3s;
  113. -webkit-transition-duration:0.3s;
  114. -o-transition-duration:0.3s;
  115. }
  116.  
  117. img {
  118. border:none;
  119. }
  120.  
  121. blockquote {
  122. padding-left:5px;
  123. margin-left:1px;
  124. border-left:2px solid;
  125. }
  126.  
  127. blockquote blockquote {
  128. padding-left:5px;
  129. border-left:2px solid;
  130. }
  131.  
  132. #sidebar{
  133. position:fixed;
  134. margin-top:150px;
  135. margin-left:150px;
  136. width:150px;
  137. }
  138.  
  139. #sidebarimg img{
  140. width:150px;
  141. margin-left:5px;
  142. padding:2px;
  143. }
  144.  
  145. #links{
  146. width:245px;
  147. font-size:8px;
  148. margin-top:2px;
  149. text-transform:lowercase;
  150. margin-left:12px;
  151. text-align:center;
  152. word-spacing:1px;
  153. padding:3px;
  154. position:fixed;
  155. -moz-transition-duration:0.5s;
  156. -webkit-transition-duration:0.5s;
  157. -o-transition-duration:0.5s;
  158. }
  159.  
  160. #links a{
  161. color:{color:Sidebar Links};
  162. padding:3px;
  163. -moz-transition-duration:0.3s;
  164. -webkit-transition-duration:0.3s;
  165. -o-transition-duration:0.3s;
  166. }
  167.  
  168. #links a:hover{
  169. color:{color:Hover};
  170. background-color:{color:Links};
  171. padding:3px;
  172. -moz-transition-duration:0.7s;
  173. -webkit-transition-duration:0.7s;
  174. -o-transition-duration:0.7s;
  175. }
  176.  
  177. #links{
  178. width:245px;
  179. font-size:8px;
  180. margin-top:2px;
  181. text-transform:lowercase;
  182. text-align:left;
  183. word-spacing:1px;
  184. padding:3px;
  185. position:fixed;
  186. -moz-transition-duration:0.5s;
  187. -webkit-transition-duration:0.5s;
  188. -o-transition-duration:0.5s;
  189. }
  190.  
  191. #links a{
  192. color:{color:Sidebar Links};
  193. padding:3px;
  194. -moz-transition-duration:0.3s;
  195. -webkit-transition-duration:0.3s;
  196. -o-transition-duration:0.3s;
  197. }
  198.  
  199. #links a:hover{
  200. color:#fff;
  201. background-color:{color:Links};
  202. padding:3px;
  203. -moz-transition-duration:0.7s;
  204. -webkit-transition-duration:0.7s;
  205. -o-transition-duration:0.7s;
  206. }
  207.  
  208. #desc{
  209. width:190px;
  210. text-transform:lowercase;
  211. text-align:left;
  212. margin-top:20px;
  213. margin-left:7px;
  214. font-size:8px;
  215. color:{color:Description};
  216. -moz-transition-duration:0.3s;
  217. -webkit-transition-duration:0.3s;
  218. -o-transition-duration:0.3s;
  219. }
  220.  
  221.  
  222. .pagi {
  223. font-family:arial;
  224. width:245px;
  225. font-size:8px;
  226. text-transform:lowercase;
  227. font-style:normal;
  228. margin-top:2px;
  229. word-spacing:5px;
  230. text-align:center;
  231. margin-left:-50px;
  232. padding:5px;
  233. color:{color:sblinks};
  234. -moz-transition-duration:0.3s;
  235. -webkit-transition-duration:0.3s;
  236. -o-transition-duration:0.3s;
  237. }
  238.  
  239. .pagi a:hover {
  240. color:#000000;
  241. -moz-transition-duration:0.3s;
  242. -webkit-transition-duration:0.3s;
  243. -o-transition-duration:0.3s;
  244. }
  245.  
  246. #container {
  247. width:400px;
  248. padding:10px;
  249. margin-left:450px;
  250. margin-top:55px;
  251. }
  252.  
  253. #posts{
  254. width:400px;
  255. padding:25px;
  256. margin-top:30px;
  257. }
  258.  
  259. #info {
  260. text-align:center;
  261. margin-top:10px;
  262. font-size:8px;
  263. padding-top:5px;
  264. font-style:none;
  265. border-top:1px solid;
  266. }
  267.  
  268. #tags {
  269. font-family:cambria;
  270. letter-spacing:0px;
  271. font-size:8px;
  272. font-family:arial;
  273. font-style:none;
  274. margin-top:-10px;
  275. margin-bottom:25px;
  276. text-align:center;
  277. }
  278.  
  279. #tags
  280. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  281. ;}
  282.  
  283. .question{
  284. font-family:arial;
  285. font-size:8px;
  286. text-transform:lowercase;
  287. border:3px double {color:Links};
  288. padding:3px;
  289. margin-top:-4px;
  290. letter-spacing:1px;
  291. }
  292.  
  293. .asker{
  294. font-family:arial;
  295. letter-spacing:-2px;
  296. font-weight:bold;
  297. margin-top:5px;
  298. font-size:20px;
  299. text-transform:lowercase;
  300. }
  301.  
  302. .answer{
  303. text-transform:lowercase;
  304. font-family:arial;
  305. font-size:8px;
  306. letter-spacing:1px;
  307. }
  308.  
  309. #titlesb{
  310. font-family:arial;
  311. font-size:20px;
  312. text-transform:lowercase;
  313. position: absolute;
  314. z-index:100px;
  315. color:{color:Links};
  316. font-weight:bold;
  317. margin-top:130px;
  318. margin-left:155px;
  319. letter-spacing:-2px;
  320. line-height:73%;
  321. text-align:center;
  322. position:fixed;}
  323.  
  324. #maker {
  325. position:fixed;
  326. background-color:{color:Links};
  327. color:{color:Background};
  328. padding-top:3px;
  329. padding-left:5px;
  330. padding-right:5px;
  331. padding-bottom:3px;
  332. bottom:10px;
  333. right:10px;
  334. font-family:arial;
  335. font-style:none;
  336. font-size:10px;
  337. letter-spacing:0px;
  338. -moz-transition-duration:0.5s;
  339. -webkit-transition-duration:0.5s;
  340. -o-transition-duration:0.5s;
  341. }
  342.  
  343. #maker a {
  344. border:solid {color:Links} 1px;
  345. position:fixed;
  346. background-color:{color:Links};
  347. color:{color:Background};
  348. padding-top:3px;
  349. padding-left:5px;
  350. padding-right:5px;
  351. padding-bottom:3px;
  352. text-transform:uppercase;
  353. bottom:10px;
  354. right:10px;
  355. font-family:calibri;
  356. font-size:10px;
  357. -moz-transition-duration:0.5s;
  358. -webkit-transition-duration:0.5s;
  359. -o-transition-duration:0.5s;
  360. }
  361.  
  362. #maker a:hover {
  363. border: solid {color:Links} 1px;
  364. color:{color:Links};
  365. background-color:{color:Background};
  366. -moz-transition-duration:0.5s;
  367. -webkit-transition-duration:0.5s;
  368. -o-transition-duration:0.5s;
  369. }
  370.  
  371. {CustomCSS}
  372.  
  373. </style></head>
  374.  
  375.  
  376. <body>
  377.  
  378. <div id="sidebar">
  379. <div id="sidebarimg">
  380. <img src="{image:Sidebar}"></div>
  381. <div id="links"> <a href="/">home</a>
  382. <a href="{text:Ask url}">mail</a>
  383. <a href="{text:link C url}">{text:link C}</a>
  384. <a href="{text:link D url}">{text:link D}</a>
  385. <a href="{text:link E url}">{text:link E}</a>
  386. <a href="{text:link F url}">{text:link F}</a>
  387. </div>
  388. <div id="desc"><blockquote>{description}</blockquote></div>
  389. {block:Pagination}
  390. <div class="pagi">
  391. {block:PreviousPage}
  392. <a href="{PreviousPage}">back</a>
  393. {/block:PreviousPage}
  394. {block:NextPage}
  395. <a href="{NextPage}">next</a>
  396. {/block:NextPage}
  397. </div>
  398. {/block:Pagination}
  399. </div>
  400. </div>
  401.  
  402.  
  403. <div id="titlesb">{text:Sidebar Title}</div>
  404.  
  405. <div id="container">
  406. {block:Posts}
  407. <div id="post">
  408.  
  409. {block:Text}
  410. {block:Title}<h2>{Title}</h2>{/block:Title}
  411. {Body}
  412. {/block:Text}
  413.  
  414.  
  415. {block:Answer}<div class="asker"><font color="{color:Sidebar Links}">
  416. {Asker}</font> <font color="{color:Description}">asked:</font></div><div class="question">{Question}
  417. </div><div class="answer">
  418. <blockquote>{Answer}</blockquote></div>{/block:Answer}
  419.  
  420. {block:Quote}
  421.  
  422. <div class="quote">
  423. <div class="quotetext_{Length}"><h2>❝{Quote}❞</h2></div>
  424. {block:Source}<div class="source">{Source}</div>{/block:Source}
  425. </div>
  426. {/block:Quote}
  427.  
  428. {block:Link}
  429. <h2><a href="{URL}">{Name}</a></h2>
  430. {block:Description}{Description}{/block:Description}
  431. {/block:Link}
  432.  
  433. {block:Chat}
  434. {block:Title}<h2>{Title}</h2>{/block:Title}
  435. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  436. {Line}</li>{/block:Lines}</ul>
  437. {/block:Chat}
  438.  
  439. {block:Photo}
  440. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  441.  
  442. {block:Caption}{Caption}{/block:Caption}
  443. {/block:Photo}
  444.  
  445. {block:Photoset}
  446. {Photoset-400}
  447. {block:Caption}{Caption}{/block:Caption}
  448. {/block:Photoset}
  449.  
  450. {block:Video}
  451. {Video-400}
  452. {block:Caption}{Caption}{/block:Caption}
  453. {/block:Video}
  454.  
  455. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  456. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  457. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  458. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  459. {/block:Audio}
  460.  
  461. <div id="permalink">
  462. <div id="info">♡ {block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}{/block:Date} </a> ♡
  463. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} ♡
  464. {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} ♡ {block:ContentSource} <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource} ♡
  465.  
  466. <a href="{ReblogURL}" target="_blank"><font face="web" style = "font-size: 8px;font-family:arial;">REBLOG</font></a> ♡ </div>{/block:Date}
  467. <div id="tags"><BR>{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}</div></div>
  468. <div class="postnote">
  469. {block:PostNotes}{PostNotes}{/block:PostNotes}
  470. </div>
  471. </div><br>
  472.  
  473. {/block:Posts}</div></div></div>
  474. <br><br><br><br>
  475. </div></div>
  476.  
  477. {/block:Posts}
  478.  
  479. <!--PLEASE DO NOT REMOVE CREDIT-->
  480. <div id="maker">
  481. <a href="http://lonodon.tumblr.com/">LD</a>
  482. </div>
  483.  
  484.  
  485.  
  486. </div></div></div></div></div></div></div></div></div></div>
  487.  
  488. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement