API tools faq
paste
jcegers

LOVERBOY

jcegers
Nov 14th, 2014
1,218
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.96 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8.  
  9. jcegers' THEME #03: LOVERBOY // Please don't remove the credit!
  10. (basecode by http://britishrobert.tumblr.com)
  11.  
  12. --------------------------------------------->
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  17. <script type="text/javascript">
  18. function unhide(divID) {
  19. var item = document.getElementById(divID);
  20. if (item) {
  21. item.className=(item.className=='hidden')?'unhidden':'hidden';
  22. }
  23. }
  24. </script>
  25. <meta name="description" content="" />
  26. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  27.  
  28. <meta name="color:Background" content="#FFFFFF">
  29. <meta name="color:InfoBackground" content="#F7F7F7">
  30. <meta name="color:SideLink" content="#525151">
  31. <meta name="color:Link" content="#5D5C5C">
  32. <meta name="color:Link Hover" content="#9D9D9D">
  33. <meta name="color:Text" content="#4F4E4E">
  34. <meta name="color:Scrollbar" content="#000000">
  35. <meta name="color:Blockquote" content="#EAEAEA">
  36. <meta name="color:Border" content="#F3F3F3">
  37.  
  38. <meta name="image:Sidebar" content=""/>
  39. <meta name="if:Show Border" content=""/>
  40. <meta name="if:Hide Description" content=""/>
  41. <meta name="if:Show Link1" content="0" />
  42. <meta name="if:Show Link2" content="0" />
  43. <meta name="if:Show Link3" content="0" />
  44.  
  45. <meta name="text:link1" content="">
  46. <meta name="text:link1 url" content="/">
  47. <meta name="text:link2" content="">
  48. <meta name="text:link2 url" content="/">
  49. <meta name="text:link3" content="">
  50. <meta name="text:link3 url" content="/">
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55.  
  56. <script>
  57.  
  58. (function($){
  59.  
  60. $(document).ready(function(){
  61.  
  62. $("a[title]").style_my_tooltips({
  63.  
  64. tip_follows_cursor:true,
  65.  
  66. tip_delay_time:30,
  67.  
  68. tip_fade_speed:300,
  69.  
  70. attribute:"title"
  71.  
  72. });
  73.  
  74. });
  75.  
  76. })(jQuery);
  77.  
  78. </script>
  79.  
  80.  
  81. <style type="text/css">
  82.  
  83. #s-m-t-tooltip {
  84. font-size:10px;
  85. position:absolute;
  86. margin-top: 7px;
  87. margin-left:10px;
  88. z-index:9999;
  89. background:#ffffff;
  90. border:1px solid {color:Border};
  91. color:{color:text};
  92. text-transform:none;
  93. font-family:'calibri';
  94. padding:3px 4px 3px 4px;
  95. -webkit-transition:all 0.3s;
  96. -moz-transition:all 0.3s;
  97. -ms-transition:all 0.3s;
  98. -o-transition:all 0.3s;
  99. transition:all 0.3s;
  100. }
  101.  
  102. ::-webkit-scrollbar {background-color:{color:Background}; height:4px; width:6px}
  103. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px}
  104. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:8px!important}
  105.  
  106.  
  107. h1 {
  108. font-weight:bold;
  109. font-size:10px;
  110. text-align:center;
  111. font-style:italic;
  112. line-height:50%;
  113. letter-spacing:0px;
  114. font-family:'calibri';
  115. text-transform:none;
  116. color:{color:text};
  117. }
  118.  
  119. h2 {
  120. font-size:14px;
  121. font-family:'Calibri';
  122. letter-spacing:0px;
  123. margin-bottom:12px;
  124. padding-bottom:10px;
  125. font-weight:bold;
  126. line-height:90%;
  127. text-transform:none;
  128. color:{color:Link};
  129. background:{color:InfoBackground};
  130. padding:10px;
  131. margin: 0px;
  132. }
  133.  
  134. pre {
  135. width:500px;
  136. text-align: left;
  137. word-wrap: break-word;
  138. color:{color:Text};
  139. }
  140.  
  141. blockquote {
  142. border-left:1px solid {color:Blockquote};
  143. padding-left:6px;
  144. margin:8px;
  145. }
  146.  
  147. body {
  148. color: {color:Text};
  149. background-color:{color:Background};
  150. }
  151.  
  152. a {
  153. color: {color:Link};
  154. text-decoration: none;
  155. -moz-transition-duration: 0.5s;
  156. -o-transition-duration: 0.5s;
  157. -webkit-transition-duration: 0.5s;
  158. transition-duration: 0.5s;
  159. }
  160.  
  161. a:hover {
  162. color: {color:Link Hover};
  163. text-decoration:underline;
  164. }
  165.  
  166. .sidebar {
  167. position: fixed;
  168. margin-top: 30px;
  169. width: 220px;
  170.  
  171. }
  172.  
  173. .sidebarimage {
  174. width:220px;
  175. margin-top:20px;
  176.  
  177. }
  178. {block:ifHideDescription}
  179. .hidden {display: none;}
  180. .unhidden {display: block;}
  181. {/block:ifHideDescription}
  182.  
  183. .description {
  184. width:200px;
  185. line-height:120%;
  186. text-align:left;
  187. {block:ifShowBorder}
  188. border: 1px solid {color:Border};
  189. {/block:ifShowBorder}
  190. background-color:{color:Background};
  191. padding:10px;
  192. font-size:10px;
  193. font-family:'calibri';
  194. color:{color:Text};
  195. }
  196.  
  197. .description a {
  198. color:{color:Link};
  199. }
  200.  
  201. .description a:hover {
  202. color:{color:Link Hover};
  203. }
  204.  
  205. .sidebarlinks {
  206. width:200px;
  207. background-color:{color:InfoBackground};
  208. {block:ifShowBorder}
  209. border:1px solid {color:Border};
  210. {/block:ifShowBorder}
  211. padding-left:10px;
  212. padding-right:10px;
  213. padding-top:5px;
  214. padding-bottom:5px;
  215. margin-bottom:7px;
  216. margin-top:7px;
  217. font-size:10px;
  218. font-family:'calibri';
  219. text-transform:uppercase;
  220. text-align:center;
  221.  
  222. }
  223.  
  224. .sidebarlinks a {
  225. color:{color:SideLink};
  226. font-weight:bold;
  227. padding:2px;
  228. -moz-transition-duration: 0.5s;
  229. -o-transition-duration: 0.5s;
  230. -webkit-transition-duration: 0.5s;
  231. transition-duration: 0.5s;
  232. }
  233.  
  234. .sidebarlinks a:hover {
  235. color:{color:Link Hover};
  236. letter-spacing:1px;
  237. text-decoration:none;
  238. -moz-transition-duration: 0.8s;
  239. -o-transition-duration: 0.8s;
  240. -webkit-transition-duration: 0.8s;
  241. transition-duration: 0.8s;
  242. }
  243.  
  244. #pagination {
  245. font-family:'calibri';
  246. font-weight:bold;
  247. text-transform:uppercase;
  248. text-align:center;
  249. font-size:10px;
  250. margin-bottom:-15px;}
  251.  
  252. .pagination a {
  253. color:{color:Link};
  254. padding:3px;
  255. }
  256.  
  257. .pagination a:hover {
  258. color:{color:Link Hover};
  259. }
  260.  
  261. .container {
  262. width:900px;
  263. margin: auto;
  264. margin-top:-8px;
  265. }
  266.  
  267. .postscontainer {
  268. max-width:500px;
  269. margin: auto;
  270. margin-top:-60px;
  271. margin-left:350px;
  272. }
  273.  
  274. .posts {
  275. width:500px;
  276. line-height:100%;
  277. font-size:10px;
  278. font-family:calibri;
  279. margin-top:120px;
  280. text-align:justify;
  281. }
  282.  
  283. .posts img {
  284. max-width:500px;
  285. }
  286.  
  287. .info {
  288. margin-top:5px;
  289. margin-bottom:1px;
  290. {block:ifShowBorder}
  291. border: 1px solid {color:Border};
  292. {/block:ifShowBorder}
  293. padding:5px;
  294. text-align:right;
  295. background:{color:InfoBackground};
  296. font-size:9px;
  297. font-family:'calibri';
  298. text-transform:uppercase;
  299. color:{color:Text};
  300. }
  301.  
  302. .info a {
  303. color:{color:SideLink};
  304. }
  305.  
  306. .info a:hover {
  307. text-decoration:none;
  308. color:{color:Link};
  309. text-shadow:none;
  310. }
  311.  
  312. .tags {
  313. width:500px;
  314. position:absolute;
  315. margin-top:3px;
  316. line-height:100%;
  317. font-family:'calibri';
  318. font-size:10px;
  319. text-align:center;
  320. opacity:0;
  321. -moz-transition-duration:1s;
  322. -webkit-transition-duration:1s;
  323. -o-transition-duration:1s;
  324. }
  325.  
  326. .tags a {
  327. color:{color:Link};
  328. }
  329.  
  330. .tags a:hover {
  331. text-decoration:none;
  332. color:{color:Link Hover};
  333. }
  334. .posts:hover .tags {
  335. opacity:1;
  336. -moz-transition-duration:1s;
  337. -webkit-transition-duration:1s;
  338. -o-transition-duration:1s;
  339. }
  340.  
  341. .postnote {
  342. width:500px;
  343. font-family:calibri;
  344. text-transform:lowercase;
  345. font-size:10px;
  346. text-align:left;
  347. line-height:90%;
  348. margin-top:40px;
  349. }
  350.  
  351. .postnote li {
  352. list-style-type:none;
  353. border-bottom:1px solid {color:Border};
  354. padding:37px 0px 3px 0px;
  355. text-align:left;
  356. margin:0px;
  357. -moz-transition-duration:0.5s;
  358. -webkit-transition-duration:0.5s;
  359. -o-transition-duration:0.5s;
  360. }
  361.  
  362. .postnote img {
  363. width:20px;
  364. padding: 3px;
  365. margin:2px 7px -3px 6px;
  366. text-align:left;
  367. }
  368.  
  369. .music {
  370. width:500px;
  371. padding-bottom:10px;
  372. }
  373.  
  374. .albumart {
  375. float:left;
  376. }
  377.  
  378. .albumart img {
  379. width:50px;
  380. margin:1px 10px -2px 0px;
  381. }
  382.  
  383. .playercontainer {
  384. text-align:left;
  385. padding:5px 5px -5px;
  386. width:480px;
  387. }
  388.  
  389. .musicinfo {
  390. padding:10px;
  391. margin-top:9px;
  392. background:{color:InfoBackground};
  393. {block:ifShowBorder}
  394. border:1px solid {color:Border};
  395. {/block:ifShowBorder}
  396. color:{color:Text};
  397. }
  398.  
  399. .quote {
  400. font-size:10px;
  401. font-family:calibri;
  402. letter-spacing:0px;
  403. line-height:90%;
  404. font-weight:normal;
  405. text-align:center;
  406. }
  407.  
  408. .source {
  409. font-family:'calibri';
  410. font-size:10px;
  411. font-style:normal;
  412. text-align:center;
  413. line-height:17px;
  414. }
  415.  
  416. .chat ol {
  417. font-size:10px;
  418. font-family:'calibri';
  419. line-height:100%;
  420. padding:0px;
  421. list-style:none;
  422. }
  423.  
  424. .label {
  425. font-size:10px;
  426. font-family:'calibri';
  427. font-weight:bold;
  428. color:{color:Text};
  429. }
  430.  
  431. .line.odd {
  432. padding:4px;
  433. margin-bottom:2px;
  434. }
  435.  
  436. .line.even {
  437. padding:4px;
  438. margin-bottom:2px;
  439. }
  440.  
  441.  
  442. .ask {
  443. font-family:arial;
  444. padding:15px 5px 15px 5px;
  445. text-align:left;
  446. color:{color:text};
  447. background-color:{color:InfoBackground};
  448.  
  449. }
  450.  
  451. .answer {
  452. text-align:left;
  453. padding:3px 5px 3px 5px;
  454. color:{color:text};
  455.  
  456. }
  457.  
  458. .askimg {
  459. vertical-align:top;
  460. padding-right:5px;
  461. margin:0px 7px 7px 1px;
  462. }
  463.  
  464. .credit {
  465. position:fixed;
  466. font-family:'calibri';
  467. font-size:10px;
  468. font-weight:normal;
  469. line-height:150%;
  470. letter-spacing:0px;
  471. right:10px;
  472. bottom:20px;
  473. text-align:center;
  474. }
  475.  
  476. .credit a {
  477. font-style:normal;
  478. padding:3px;
  479. border: solid 1px {color:Border};
  480. color:{color:Link};
  481. padding:2px 3px 2px 3px;
  482. -moz-transition-duration:0.5s;
  483. -webkit-transition-duration:0.5s;
  484. -o-transition-duration:0.5s;
  485. }
  486.  
  487. .credit a:hover{
  488. color:{color:Link Hover};
  489. padding:2px 3px 2px 3px;
  490. }
  491.  
  492.  
  493. </style>
  494. </head>
  495.  
  496. <body>
  497.  
  498.  
  499. <div class="container">
  500. <div class="sidebar">
  501. <center>
  502. <img src="{image:sidebar}" class="sidebarimage">
  503. </center>
  504. <div class="sidebarlinks">
  505. <a href="/">home</a>
  506. <a href="/ask">ask</a>
  507. {block:ifHideDescription}<a href="javascript:unhide('displaybx');">desc.</a>{/block:ifHidedescription}
  508. {block:ifShowLink1}
  509. <a href="{text:link1 url}">{text:link1}</a>
  510. {/block:IfShowLink1}
  511. {block:ifShowLink2}
  512. <a href="{text:link2 url}">{text:link2}</a>
  513. {/block:IfShowLink2}
  514. {block:ifShowLink3}
  515. <a href="{text:link3 url}">{text:link3}</a>
  516. {/block:IfShowLink3}
  517. </div>
  518.  
  519. {block:ifHideDescription}<div id="displaybx" class="hidden"><div class="description">
  520. {Description}
  521. </div></div>{/block:ifHidedescription}
  522. {block:ifNotHideDescription}<div class="description">{Description}</div>
  523. {/block:ifNotHideDescription}
  524. </div>
  525.  
  526. <div class="postscontainer">
  527. {block:Posts}
  528.  
  529. <div class="posts">
  530.  
  531. {block:Text}
  532. {block:Title}<h2>{Title}</h2>{/block:Title}
  533. {Body}
  534. {/block:Text}
  535.  
  536. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  537.  
  538. {/block:Quote}
  539.  
  540. {block:Link}
  541. <h2><a href="{URL}">{Name}</a></h2>
  542. {block:Description}{Description}{/block:Description}
  543. {/block:Link}
  544.  
  545. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  546. </ol></div>{/block:Chat}
  547.  
  548. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askimg"> <div class="ask"> <big><b>{Asker}</b></big>: {Question}</i></div><div class="answer">{Answer}</div>{/block:Answer}
  549.  
  550.  
  551. {block:Photo}
  552. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">
  553. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  554. {/block:Photo}
  555.  
  556. {block:Photoset}
  557. {Photoset-500}
  558. {block:Caption}{Caption}{/block:Caption}
  559. {/block:Photoset}
  560.  
  561. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  562. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  563. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  564. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  565. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  566.  
  567. {block:Video}
  568. {Video-500}
  569. {block:Caption}{Caption}{/block:Caption}
  570. {/block:Video}
  571.  
  572. {block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}  (<a href="{ReblogParentURL}">via</a>)
  573. {block:ContentSource} <a href="{SourceURL}"></a> <a href="{ReblogRootURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom}</div>{/block:Date}
  574.  
  575. {block:HasTags}
  576. <div class="tags">
  577. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  578. </div>
  579. {/block:HasTags}
  580.  
  581. <div class="postnote">
  582. {block:PostNotes}{PostNotes}{/block:PostNotes}
  583. </div>
  584. {/block:Posts}
  585.  
  586. <div id="pagination">
  587. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> back </a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> next </a><br />{/block:NextPage}
  588. {/block:Pagination}
  589. </div>
  590.  
  591.  
  592. <div class="credit"><a href="http://jcegers.tumblr.com/">JCE</a></div>
  593.  
  594. </div>
  595. </div>
  596. </div>
  597. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!