Advertisement
lennonthemes

love more

May 19th, 2013
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.37 KB | None | 0 0
  1. <!---love more theme by lmb themes!-->
  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.  
  8.  
  9. <meta name="color:Background" content="#ffffff"/>
  10. <meta name="color:Sidebar" content="#ffffff"/>
  11. <meta name="color:Text" content="#a8a8a8"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="color:Tags" content="f0f0f0"/>
  14. <meta name="color:Hover" content="#f2f2f2"/>
  15. <meta name="color:Line" content="#f2f2f2"/>
  16. <meta name="color:Post" content="#ffffff"/>
  17. <meta name="color:Answer" content="#f8f8f8"/>
  18. <meta name="color:scrollbar" content="ccccccc"/>
  19.  
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="image:sidebar2" content=""/>
  22. <meta name="image:background" content=""/>
  23.  
  24. <meta name="text:Link1" content="" />
  25. <meta name="text:Link1 Title" content="" />
  26. <meta name="text:Link2" content="" />
  27. <meta name="text:Link2 Title" content="" />
  28. <meta name="text:Link3" content="" />
  29. <meta name="text:Link3 Title" content="" />
  30. <meta name="text:Link4" content="" />
  31. <meta name="text:Link4 Title" content="" />
  32. <meta name="text:Link5" content="" />
  33. <meta name="text:Link5 Title" content="" />
  34. <meta name="text:Link6" content="" />
  35. <meta name="text:Link6 Title" content="" />
  36. <meta name="text:Music Code" content="" />
  37.  
  38.  
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41.  
  42. <script>
  43.  
  44. $(document).ready(function() {
  45.  
  46.  
  47. $('a.poplight[href^=#]').click(function() {
  48.  
  49. var popID = $(this).attr('rel');
  50.  
  51. var popURL = $(this).attr('href');
  52.  
  53. var query= popURL.split('?');
  54.  
  55. var dim= query[1].split('&');
  56.  
  57. var popWidth = dim[0].split('=')[1];
  58.  
  59. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  60.  
  61. var popMargTop = ($('#' + popID).height() + 80) / 2;
  62.  
  63. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  64.  
  65. $('#' + popID).css({
  66.  
  67. 'margin-top' : -popMargTop,
  68.  
  69. 'margin-left' : -popMargLeft
  70.  
  71. });
  72.  
  73. $('body').append('<div id="fade"></div>');
  74.  
  75. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  76. return false;
  77.  
  78. });
  79.  
  80.  
  81. $('a.close, #fade').live('click', function() {
  82.  
  83. $('#fade , .popup_block').fadeOut(function() {
  84.  
  85. $('#fade, a.close').remove();
  86. });
  87.  
  88. return false;
  89.  
  90. });
  91.  
  92. });
  93.  
  94. </script>
  95.  
  96.  
  97.  
  98. <style type="text/css">
  99.  
  100. /* --- SCROLLBAR ---*/
  101.  
  102. ::-webkit-scrollbar {
  103. width: 5px;height: 5px;}
  104. ::-webkit-scrollbar-button:start:decrement,
  105. ::-webkit-scrollbar-button:end:increment {
  106. height: 6px;display: block;background-color: {color:white};}
  107. ::-webkit-scrollbar-track-piece {
  108. background-color: {color:scrollbar};}
  109. ::-webkit-scrollbar-thumb:vertical {
  110. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  111.  
  112.  
  113. /* --- BODY ---*/
  114.  
  115. body {
  116. background:{color:background};
  117. margin:0px;
  118. color:{color:text};
  119. font-family:Calibri;
  120. font-size:9px;
  121. line-height:100%;
  122. }
  123.  
  124. a {
  125. text-decoration:none;
  126. outline:none;
  127. -moz-outline-style:none;
  128. color:{color:link};
  129. }
  130.  
  131. img {
  132. border:none;
  133. }
  134.  
  135. blockquote {
  136. padding-left:5px;
  137. border-left:2px solid;
  138. }
  139.  
  140. blockquote blockquote {
  141. padding-left:5px;
  142. border-left:2px solid;
  143. }
  144.  
  145. h1 {
  146. font-size:9px;
  147. text-transform:uppercase;
  148. }
  149.  
  150. a:hover {
  151. opacity:10;
  152. color:{color:hover};
  153. -webkit-transition: all 0.7s ease;
  154. -moz-transition: all 0.7s ease;
  155. -o-transition: all 0.7s ease
  156. }
  157.  
  158.  
  159.  
  160.  
  161. #entries {
  162. padding:10px;
  163. width:400px;
  164. margin-left:450px;
  165. margin-top:40px;
  166. font-size:10px;
  167. }
  168.  
  169.  
  170.  
  171.  
  172. #post {
  173. width:400px;
  174. padding-bottom:20px;
  175. padding:10px;
  176. margin-top:15px;
  177. background-color:{color:Post};
  178. }
  179.  
  180. #fade {
  181. display: none;
  182. background: #000;
  183. position: fixed;
  184. left: 0;
  185. top: 0;
  186. width: 100%;
  187. height: 100%;
  188. opacity: .70;
  189. z-index: 9999;
  190. }
  191.  
  192. .popup_block{
  193. display: none;
  194. background: #FFFFFF;
  195. padding: 20px;
  196. float: left;
  197. position: fixed;
  198. top: 50%;
  199. left: 50%;
  200. z-index: 99999;
  201. }
  202.  
  203. img.btn_close {
  204. float: right;
  205. margin: -55px -55px 0 0;
  206. }
  207.  
  208. *html #fade {
  209. position: absolute;
  210. }
  211.  
  212. *html .popup_block {
  213. position: absolute;
  214. }
  215.  
  216. #lb {
  217. position:fixed;
  218. bottom:10px;
  219. right:10px;
  220. font: 14px times;
  221. color: {color:#c9c9c9};
  222. border: 1px solid #e8e8e8;
  223. background-color: #FAFAFA;
  224. text-transform:lowercase;
  225. letter-spacing:0.5px;
  226. padding: 4px;}
  227.  
  228. #lb a {
  229. color:{color:link}; opacity:0.8;
  230. background-color: #fafafa;}
  231.  
  232. #lb a:hover {
  233. color:{color:link hover}; opacity:0.8;
  234. background-color: #FAFAFA; opacity:0.8;}
  235.  
  236.  
  237. #sidebar {
  238. width:100px;
  239. position:fixed;
  240. margin-left:150px;
  241. margin-top:150px;
  242. opacity:.80;
  243. background-color:transparent;
  244. }
  245.  
  246. #sidebarimage {
  247. width 90px;
  248. }
  249.  
  250. #sidebarimage img {
  251. width:90px;
  252. height:90px;
  253. border:solid 1px;
  254. margin-top:25px;
  255. padding:6px;
  256. border-color:#cdc;
  257. background-color:#eee;
  258. }
  259.  
  260. #sidebarimage2 {
  261. width 90px;
  262. }
  263.  
  264. #sidebarimage2 img {
  265. width:90px;
  266. height:90px;
  267. border:solid 1px;
  268. margin-left:115px;
  269. margin-top:-50px;
  270. padding:6px;
  271. border-color: #cdc;
  272. background-color:#eee;
  273. }
  274.  
  275.  
  276.  
  277.  
  278. .links {
  279. width:80px;
  280. height:auto;
  281. padding: 9px;
  282. font-size:25px;
  283. font-family:times;
  284. text-align:center;
  285. margin-top:-150px;
  286. margin-left:120px;
  287. text-align:center;
  288. opacity:.9;
  289. word-spacing:0px;
  290. position:fixed;
  291. padding-bottom:7px;
  292. border:solid 1px;
  293. padding:7px;
  294. border-color: #eee;
  295. background-color:#eee;
  296. }
  297.  
  298. .links a {
  299. font-size: 10px;
  300. }
  301.  
  302. .links a:hover {
  303. color:{color:Hover}
  304. }
  305.  
  306.  
  307. .titulo {
  308. padding:5px 5px 5px 5px;
  309. font-size:40px;
  310. line-height:45%;
  311. letter-spacing:1px;
  312. font-family:customfont;
  313. text-transform:lowercase;
  314. text-align:left;
  315. padding-left:20px;
  316. }
  317.  
  318.  
  319. .titulo a{
  320. color: #ccc;
  321.  
  322. }
  323.  
  324. @font-face {font-family: customfont; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');
  325. }
  326.  
  327.  
  328.  
  329. #box{
  330. overflow:hidden;
  331. position:fixed;
  332. width:18px;
  333. height:18px;
  334. top:450px; /* You can change the number or change it to bottom*/
  335. left:350px; /* You can change the number or change it to right*/
  336. background:#ffffff; /* This is the background color */
  337. }
  338.  
  339. #icon{
  340. /* This is for the positioning of the music gif: */
  341. margin-top:5px;
  342. margin-left:2px;
  343. -webkit-transition: all 0.3s linear;
  344. -moz-transition: all 0.3s linear;
  345. transition: all 0.3s linear;
  346. }
  347.  
  348. #box:hover #icon{
  349. margin-top:-20px;
  350. -webkit-transition: all 0.3s linear;
  351. -moz-transition: all 0.3s linear;
  352. transition: all 0.3s linear;
  353. }
  354.  
  355. #musicbox{
  356. width:8px;
  357. height:8px;
  358. overflow:hidden;
  359. /* This is for the positioning of the music player: */
  360. margin-top:14px;
  361. margin-left:5px;
  362. }
  363.  
  364. #music{
  365. margin-top:-6px;
  366. margin-left:-35px;
  367. }
  368.  
  369. #nav a {
  370. width:90px;
  371. background:#f2f2f2;
  372. color:#000;
  373. display:inline-block;
  374. line-height:20px;
  375. padding:3px;
  376. letter-spacing:1px;
  377. text-transform:lowercase;
  378. margin-left:3px;
  379. margin-right:3px;
  380. text-align:center;
  381. margin-bottom:3px;
  382. -webkit-transition: all 0.3s ease-in-out;
  383. -moz-transition: all 0.3s ease-in-out;
  384. -o-transition: all 0.3s ease-in-out;
  385. -ms-transition: all 0.3s ease-in-out;
  386. transition: all 0.3s ease-in-out;
  387. }
  388.  
  389. #nav a:hover{
  390. text-decoration:none;
  391. background:#ffffff;
  392. color:#000;
  393. letter-spacing:3px;
  394. opacity:1;
  395. }
  396.  
  397. #lennon {
  398. position:fixed;
  399. font-family:times;
  400. line-height:90%;
  401. font-size:10px;
  402. font-style:none;
  403. width:100px;
  404. height:50px;
  405. margin-top:-40px;
  406. padding:8px;
  407. margin-left:-10px;
  408. text-align:left;
  409. color:{color:text};
  410. background-color:#eee;
  411. }
  412.  
  413. #lennon a {color:{color:text}; -moz-transition-duration:0.4s;
  414. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  415.  
  416.  
  417. #merpydoo {
  418. position:fixed;
  419. font-family:times new;
  420. font-size:12px;
  421. font-style:italic;
  422. line-height:150%;
  423. right:4px;
  424. bottom:4px;
  425. text-transform:lowercase;
  426. text-align:center;}
  427.  
  428. #merpydoo a {
  429. padding:3px;
  430. -moz-transition-duration:0.5s;
  431. -webkit-transition-duration:0.5s;
  432. -o-transition-duration:0.5s;}
  433.  
  434.  
  435. #pagination {
  436. width:100px;
  437. font-size:10px;
  438. text-align:center;
  439. margin-left:120px;
  440. margin-top:-130px;
  441. position:fixed;
  442. font-family:consolas;
  443. letter-spacing:0px;
  444. }
  445.  
  446.  
  447.  
  448. #arvin {
  449. text-align:left;
  450. margin-top:10px;
  451. text-transform:uppercase;
  452. font-size:8px;
  453. font-style:none;
  454. border-top:1px solid {color:Line}
  455. }
  456.  
  457.  
  458.  
  459.  
  460. #tags {
  461. font-family:cambria;
  462. letter-spacing:0px;
  463. text-transform:lowercase;
  464. font-size:10px;
  465. font-style:italic;
  466. margin-top:4px;
  467. text-align:left;
  468. }
  469.  
  470. #tags
  471. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  472. -webkit-transition: all 0.6s ease-in-out;
  473. -moz-transition: all 0.6s ease-in-out;
  474. -o-transition: all 0.6s ease-in-out;
  475. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  476.  
  477. #askie {
  478. padding:5px;
  479. font-family:times;
  480. letter-spacing:1px;
  481. text-align:left;
  482. font-style:italic;
  483. margin-left:10px;
  484. border-left:3px #eee solid;
  485. background-color:{color:background}
  486. }
  487. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  488.  
  489. {CustomCSS}
  490. </style>
  491. </head>
  492. <body>
  493.  
  494. <div id="box"><div id="icon">
  495. <img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  496. </div>
  497. <div id="musicbox"><div id="music">
  498. {text:Music Code}
  499.  
  500.  
  501. </div></div></div>
  502.  
  503. <div id="popup_name" class="popup_block">
  504. <div id="nav">
  505. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  506. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  507. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  508. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  509. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  510. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  511. </div></div>
  512.  
  513. <div id="sidebar">
  514. <div class="titulo"><a href="/">{title}</a></div>
  515. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  516. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  517.  
  518.  
  519. <div id="lennon">
  520. {Description}
  521. </div>
  522.  
  523.  
  524. <div class="links">
  525. <a title="index" href="/">.01</a>
  526. <a title="letters" href="/ask">.02</a>
  527. <a title="navigation" href="#?w=210" rel="popup_name" class="poplight">.03</a>
  528. <a title="credit" href="{text:Link 2 URL}">.04</a></div>
  529.  
  530. {block:Pagination}<div id="pagination">
  531. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  532. {block:CurrentPage}{/block:CurrentPage}
  533. {block:JumpPage}</a>{/block:JumpPage}
  534. {/block:JumpPagination}
  535. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  536. </div>{/block:Pagination}
  537.  
  538. </div>
  539.  
  540. <div id="entries">{block:Posts}<div id="post">
  541.  
  542. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  543.  
  544. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  545.  
  546. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  547.  
  548. {block:Quote}{Quote}{/block:Quote}
  549.  
  550. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  551.  
  552. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  553.  
  554. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  555. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  556. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  557. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  558. {/block:Audio}
  559.  
  560. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  561.  
  562. {block:Answer}<div id="askie"><span style="font-family:times;font-size:9px;font-style:italic;">{Asker} shouted: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  563.  
  564. <div id="arvin">
  565. <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  566. {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} TAGGED:<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  567. {/block:Posts}
  568. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  569. {/block:Posts}</div></div></div>
  570.  
  571.  
  572. <div id="lb">
  573. <a href="http://bonivur.tumblr.com">ℒℳℬ</a>
  574. </div>
  575.  
  576.  
  577.  
  578. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement