API tools faq
paste
Advertisement
lilacthemes

Theme 03a

lilacthemes
Jul 26th, 2014
389
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!--
  7. THEME MADE BY lilacthemes.tumblr.com PLEASE DON NOT CLAIM IT AS YOUR OWN -->
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  13. <meta name="description" content="" />
  14. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  15.  
  16. <meta name="image:Sidebar" content=""/>
  17. <meta name="image:Background" content=""/>
  18. <meta name="color:Background" content="fff"/>
  19. <meta name="color:Post bg" content="#fff"/>
  20. <meta name="color:Text" content="#6c6c6c"/>
  21. <meta name="color:Title" content="#fff"/>
  22. <meta name="color:Link" content="#9dceff"/>
  23. <meta name="color:Link Hover" content="#4a8acc"/>
  24. <meta name="color:Sidebar" content="#000"/>
  25. <meta name="color:Sidebar Hover" content="#e5e5e5"/>
  26. <meta name="color:Tags" content="#808080"/>
  27. <meta name="color:Tags Hover" content="#000"/>
  28. <meta name="color:Post Info" content="#808080"/>
  29. <meta name="color:Post Info Hover" content="#000"/>
  30. <meta name="color:Border" content="#e6e6e6"/>
  31.  
  32. <meta name="font:Font" content="'Source Sans Pro', sans-serif"/>
  33. <meta name="text:Font Size" content="12"/>
  34. <meta name="text:Link 1" content="Link 1" />
  35. <meta name="text:Link 1 Title" content="Link 1" />
  36. <meta name="text:Link 2" content="Link 2" />
  37. <meta name="text:Link 2 Title" content="Link 2" />
  38. <meta name="text:Link 3" content="Link 3" />
  39. <meta name="text:Link 3 Title" content="Link 3" />
  40. <meta name="text:Link 4" content="Link 4" />
  41. <meta name="text:Link 4 Title" content="Link 4" />
  42. <meta name="text:Link 5" content="Link 5" />
  43. <meta name="text:Link 5 Title" content="Link 5" />
  44. <meta name="text:Link 6" content="Link 6" />
  45. <meta name="text:Link 6 Title" content="Link 6" />
  46. <meta name="text:Link 7" content="Link 7" />
  47. <meta name="text:Link 7 Title" content="Link 7" />
  48. <meta name="text:Link 8" content="Link 8" />
  49. <meta name="text:Link 8 Title" content="Link 8" />
  50. <meta name="text:Link 9" content="Link 9" />
  51. <meta name="text:Link 9 Title" content="Link 9" />
  52.  
  53. <meta name="if:Show Title" content="1"/>
  54. <meta name="if:Show Link 1" content="1"/>
  55. <meta name="if:Show Link 2" content="1"/>
  56. <meta name="if:Show Link 3" content="1"/>
  57. <meta name="if:Show Link 4" content="1"/>
  58. <meta name="if:Show Link 5" content="1"/>
  59. <meta name="if:Show Link 6" content="1"/>
  60. <meta name="if:Show Link 7" content="1"/>
  61. <meta name="if:Show Link 8" content="1"/>
  62. <meta name="if:Show Link 9" content="1"/>
  63. <meta name="if:Show Tags" content="1"/>
  64. <meta name="if:Show Caption" content="1"/>
  65. <meta name="if:Show Like Button" content="1"/>
  66. <meta name="if:400px Posts" content="0"/>
  67.  
  68.  
  69.  
  70. <meta name="select:Title Position" content="tbottomleft" title="Bottom Left">
  71. <meta name="select:Title Position" content="ttopleft" title="Top Left">
  72. <meta name="select:Title Position" content="tbottomright" title="Bottom Right">
  73. <meta name="select:Title Position" content="ttopright" title="Top Right">
  74. <meta name="select:Title Position" content="ttop" title="Top">
  75. <meta name="select:Title Position" content="tbottom" title="Bottom">
  76. <meta name="select:Title Position" content="tcenter" title="Center">
  77.  
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Arimo:700' rel='stylesheet' type='text/css'>
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet'
  84.  
  85. type='text/css'>
  86.  
  87. <link href='http://fonts.googleapis.com/css?family=Germania+One' rel='stylesheet' type='text/css'>
  88.  
  89.  
  90. <script
  91.  
  92. src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  93.  
  94. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-
  95.  
  96. tooltips.js"></script>
  97.  
  98. <script>
  99.  
  100. (function($){
  101.  
  102. $(document).ready(function(){
  103.  
  104. $("a[title]").style_my_tooltips({
  105.  
  106. tip_follows_cursor:true,
  107.  
  108. tip_delay_time:90,
  109.  
  110. tip_fade_speed:600,
  111.  
  112. attribute:"title"
  113.  
  114. });
  115.  
  116. });
  117.  
  118. })(jQuery);
  119. </script>
  120.  
  121.  
  122.  
  123. <script>
  124. window.onload = function () {
  125. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  126. document.addEventListener( 'click', function ( event ) {
  127. var myLike = event.target;
  128. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  129. var frame = document.getElementById( 'my-like-frame' ),
  130. liked = ( myLike.className == 'my-liked' ),
  131. command = liked ? 'unlike' : 'like',
  132. reblog = myLike.getAttribute( 'data-reblog' ),
  133. id = myLike.getAttribute( 'data-id' ),
  134. oauth = reblog.slice( -8 );
  135. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  136. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  137. };
  138. }, false );
  139. };
  140. </script>
  141.  
  142.  
  143.  
  144. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/vdyrvd5/H4rn96ibf/top.png" border="0" height="10px"></a>
  145.  
  146.  
  147.  
  148.  
  149. <style type="text/css">
  150.  
  151.  
  152.  
  153. ::-webkit-scrollbar { width: 6px; height: 5px;}
  154.  
  155. ::-webkit-scrollbar-track
  156. {
  157. background-color: {color:Link};
  158. border-left: 2px solid {color:Background};
  159. border-right: 2px solid {color:Background};
  160. }
  161.  
  162. ::-webkit-scrollbar-thumb {background-color:{color:Link};height: 5px;}
  163.  
  164. ::selection {color:{color:Post bg}; background:{color:Link};}
  165. ::-moz-selection {color:{color:Post bg}; background:{color:Link};}
  166.  
  167.  
  168.  
  169. #s-m-t-tooltip {
  170.  
  171. max-width:300px;
  172. background-color:{color:Link};
  173. font-size:8px;
  174. color:#fff;
  175. text-transform:uppercase;
  176. letter-spacing:1px;
  177. padding:2px 3px 2px 3px;
  178. margin:20px;
  179. z-index:9999999999999999999999;
  180. font-family: 'Ubuntu', sans-serif;
  181. }
  182.  
  183.  
  184. #scrollToTop:link,#scrollToTop:visited
  185. {
  186. color: transparent;
  187. background-color: transparent;
  188. display: none;
  189. position: fixed;
  190. right:300px;
  191. bottom:10px;
  192. }
  193.  
  194. body
  195. {
  196. font-family: {font:Font};
  197. color: #000;
  198. background-color: {color:Background};
  199. background-image:url('{image:Background}');
  200. font-size: {text:Font Size}px;
  201. background-attachment:fixed;
  202. }
  203.  
  204. p {margin-top:5px; margin-bottom:5px;}
  205. pre {
  206. background-color: rgba(250, 250, 248, 0.8);
  207. padding:1px 2px 2px 2px;
  208. font-size: {text:Font Size}px;
  209. }
  210. code {font-size: {text:Font Size}px;}
  211. small {font-size:10px;}
  212. small a {font-size:10px;}
  213. big {font-size:14px;}
  214.  
  215. a
  216. {
  217. color:{color:Link};
  218. font-size: {text:Font Size}px;
  219. text-decoration:none;
  220. }
  221.  
  222.  
  223. #sidebar
  224. {
  225. width: 530px;
  226. height: 199px;
  227. background-color:{color:Sidebar};
  228. margin:-10px auto;
  229. position: relative;
  230.  
  231. }
  232. #sidebar img
  233. {
  234. width: 530px;
  235. height: 180px;
  236. }
  237.  
  238. .nav
  239. {
  240. width:397px;
  241. background-color: {color:Sidebar};
  242. position: absolute;
  243. top:180px;
  244.  
  245. }
  246. .nav a
  247. {
  248. width:126px;
  249. font-size:10px;
  250. color:{color:Sidebar Hover};
  251. background-color: {color:Sidebar};
  252. padding:3px 2px 0px 2px;
  253. display:inline-block;
  254. height:15px;
  255. margin-right:2px;
  256. text-align:center;
  257. text-transform:uppercase;
  258. -moz-transition: letter-spacing 0.2s ease;
  259. -o-transition: letter-spacing 0.2s ease;
  260. -webkit-transition: letter-spacing 0.2s ease;
  261. transition: letter-spacing 0.2s ease;
  262. }
  263. .nav a:hover
  264. {
  265. letter-spacing:2px;
  266. -moz-transition: letter-spacing 0.2s ease;
  267. -o-transition: letter-spacing 0.2s ease;
  268. -webkit-transition: letter-spacing 0.2s ease;
  269. transition: letter-spacing 0.2s ease;
  270. }
  271. #navlinks
  272. {
  273. width:129px;
  274. padding:1px;
  275. font-size:10px;
  276. color:{color:Sidebar Hover};
  277. height:11px;
  278. text-align:center;
  279. position: absolute;
  280. left:397px;
  281. background-color: {color:Sidebar};
  282. position: relative;
  283. cursor:help;
  284.  
  285. }
  286. .links
  287. {
  288. width: 0px;
  289. height: 0px;
  290. background-color: {color:Sidebar};
  291. margin:-95px 0 0 -150px;
  292. position: relative;
  293. overflow:hidden;
  294. z-index:1000;
  295. padding-top:20px;
  296. -moz-transition: all 0.5s ease;
  297. -o-transition: all 0.5s ease;
  298. -webkit-transition: all 0.5s ease;
  299. transition: all 0.5s ease;
  300.  
  301. }
  302.  
  303. .links a
  304. {
  305. background-color: {color:Sidebar Hover};
  306. color:{color:Sidebar};
  307. display:inline-block;
  308. margin:10px;
  309. width:80px;
  310. padding:2px 3px 2px 3px;
  311. -moz-transition: all 0.5s ease;
  312. -o-transition: all 0.5s ease;
  313. -webkit-transition: all 0.5s ease;
  314. transition: all 0.5s ease;
  315. }
  316. .links a:hover
  317. {
  318. background-color:{color:Sidebar};
  319. color:{color:Sidebar Hover};
  320. -moz-transition: all 0.5s ease;
  321. -o-transition: all 0.5s ease;
  322. -webkit-transition: all 0.5s ease;
  323. transition: all 0.5s ease
  324. }
  325. #navlinks:hover .links
  326. {
  327. width: 530px;
  328. height: 170px;
  329. margin:-205px 0 0 -398px;
  330. -moz-transition: all 0.5s ease;
  331. -o-transition: all 0.5s ease;
  332. -webkit-transition: all 0.5s ease;
  333. transition: all 0.5s ease;
  334. }
  335.  
  336. #title
  337. {
  338. width:530px;
  339. }
  340. #title a
  341. {
  342. width:530px;
  343. color:{color:Title};
  344. word-spacing:1px;
  345. font-size:18px;
  346. position:absolute;
  347. padding:2px;
  348. font-family: 'Germania One', cursive;
  349. text-shadow: 2px 1px 3px rgba(149, 150, 150, 0.5);
  350. }
  351. .tbottomleft a
  352. {
  353. text-align:left;
  354. top:160px;
  355. }
  356. .ttopleft a
  357. {
  358. text-align:left;
  359. top:5px;
  360. }
  361. .tbottomright a
  362. {
  363. text-align:right;
  364. right:0px;
  365. top:160px;
  366. }
  367. .ttopright a
  368. {
  369. text-align:right;
  370. right:0px;
  371. top:5px;
  372. }
  373. .ttop a
  374. {
  375. text-align:center;
  376. top:5px;
  377. }
  378. .tbottom a
  379. {
  380. text-align:center;
  381. top:160px;
  382. }
  383. .tcenter a
  384. {
  385. text-align:center;
  386. top:70px;
  387. }
  388.  
  389.  
  390. .descript
  391. {
  392. width:275px;
  393. height:120px;
  394. overflow:hidden;
  395. color:{color:Sidebar Hover};
  396. position:relative;
  397. margin:-170px auto;
  398. text-align:center;
  399. z-index:1;
  400. opacity:0.0;
  401. padding:2px;
  402. background-color:{color:Sidebar};
  403. -moz-transition: opacity 0.5s ease;
  404. -o-transition: opacity 0.5s ease;
  405. -webkit-transition: opacity 0.5s ease;
  406. transition: opacity 0.5s ease;
  407. }
  408.  
  409. #sidebar:hover .descript
  410. {
  411. opacity:1.0;
  412. -moz-transition: opacity 0.5s ease;
  413. -o-transition: opacity 0.5s ease;
  414. -webkit-transition: opacity 0.5s ease;
  415. transition: opacity 0.5s ease;
  416. }
  417.  
  418.  
  419. .pages {
  420. width:300px;
  421. position:relative;
  422. margin-left:600px;
  423. font-size:12px;
  424. color:{color:Link Hover};
  425. }
  426. .pages a {
  427. padding:0 2px 0 2px;
  428. border-radius:3px;
  429. font-size:12px;
  430. text-align:center;
  431. text-decoration:none;
  432. color:{color:Link};
  433. -moz-transition: all 0.5s ease;
  434. -o-transition: all 0.5s ease;
  435. -webkit-transition: all 0.5s ease;
  436. transition: all 0.5s ease;
  437. }
  438. .pages a:hover
  439. {
  440. color:{color:Link Hover};
  441. -moz-transition: all 0.5s ease;
  442. -o-transition: all 0.5s ease;
  443. -webkit-transition: all 0.5s ease;
  444. transition: all 0.5s ease;
  445.  
  446. }
  447.  
  448.  
  449.  
  450. .postcol
  451. {
  452. margin:60px auto;
  453. {block:IfNot400pxPosts}width:540px;{/block:IfNot400pxPosts}
  454. {block:If400pxPosts}width: 440px;{/block:If400pxPosts}
  455.  
  456. }
  457. #posts {
  458. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  459. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  460. padding:10px 10px 0px 10px;
  461. margin:5px 0 70px 10px;
  462. border:solid 1px {color:Border};
  463. background-color:{color:Post bg};
  464. text-align: justify;
  465. position:relative;
  466. color:{color:Text};
  467. word-wrap:break-word;
  468.  
  469. }
  470.  
  471.  
  472. #posts .topic {
  473. color:{color:Link};
  474. width:100%;
  475. font-size:20px;
  476. text-align:center;
  477. color:{color:Text};
  478. padding:0px 7px 0px 7px;
  479.  
  480. }
  481. #posts .topic a
  482. {
  483. text-transform: uppercase;
  484. width:100%;
  485. text-align: center;
  486. display: block;
  487. font-size:18px;
  488. padding:0px 7px 0px 7px;
  489. color:{color:Link};
  490. }
  491.  
  492. #posts img {display:block; height: auto;}
  493.  
  494. #posts ul
  495. {
  496. list-style: disc;
  497. font-size:{text:Font Size}px;
  498. }
  499. #posts ol
  500. {
  501. list-style: decimal;
  502. font-size:{text:Font Size}px;
  503. }
  504.  
  505. #posts blockquote
  506. {
  507. background: transparent;
  508. margin:2px 0px 0px 5px;
  509. padding: 0px 2px 0px 6px;
  510. border-left:1px solid #DDDDDD;
  511. }
  512. #posts blockquote img {max-width:100%;}
  513. #posts a:hover
  514. {
  515. color:{color:Link Hover};
  516. -moz-transition: all 0.5s ease;
  517. -o-transition: all 0.5s ease;
  518. -webkit-transition: all 0.5s ease;
  519. transition: all 0.5s ease;
  520.  
  521. }
  522.  
  523. .capt {
  524. margin:0;
  525. display: block;
  526. {block:IfNotShowCaption}display:none;{/block:IfNotShowCaption}
  527. }
  528.  
  529. #posts .highres
  530. {
  531. position: absolute;
  532. top: 25px;
  533. left: 25px;
  534. display: none;
  535. }
  536. #posts .highres img
  537. {
  538. height:20px;
  539. width:20px;
  540. }
  541. #posts:hover a.highres
  542. {
  543. display: block;
  544. background-color:{color:Color 2};
  545. }
  546.  
  547.  
  548.  
  549. .ask
  550. {
  551. background: transparent;
  552. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  553. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  554. font-size:{text:Font Size}px;
  555. margin-bottom:20px;
  556. }
  557.  
  558. .ask img
  559. {
  560. float: left;
  561. border-radius:20px;
  562. margin:-3px 5px 0px 35px;
  563. box-shadow: 0px 0px 7px -2px {color:Link};
  564. }
  565.  
  566. .asker
  567. {
  568. color: {color:Text};
  569. font-size:11px;
  570. margin:10px;
  571. font-weight:bold;
  572. text-transform:lowercase;
  573. font-size:{text:Font Size}px;
  574. }
  575. .question
  576. {
  577. padding:5px 10px 5px 10px;
  578. {block:IfNot400pxPosts}width:480px;{/block:IfNot400pxPosts}
  579. {block:If400pxPosts}width:380px;{/block:If400pxPosts}
  580. }
  581.  
  582.  
  583.  
  584. .quote {width: 90%; margin: auto; font-family: 'Ubuntu', sans-serif;}
  585.  
  586. .quotetext_short {font-size: 18px;}
  587. .quotetext_medium {font-size: 14px;}
  588. .quotetext_long {font-size: 11px;}
  589.  
  590. .source {text-align: right; margin-top:5px;}
  591.  
  592.  
  593.  
  594.  
  595. .convo li
  596. {
  597. list-style: none;
  598. {block:IfNot400pxPosts}width: 480px;{/block:IfNot400pxPosts}
  599. {block:If400pxPosts}width: 380px;{/block:If400pxPosts}
  600. font-size:{text:Font Size}px;
  601. margin-left:-25px;
  602. }
  603.  
  604. .convo .label
  605. {
  606. color:{color:Text};
  607. font-weight:bold;
  608. }
  609. .line_odd
  610. {
  611. background-color: rgba(252, 255, 255, 0.7);
  612.  
  613. }
  614.  
  615.  
  616.  
  617. .audio
  618. {
  619. background:transparent;
  620. height:75px;
  621. width:100%;
  622. margin-bottom:10px;
  623. position:relative;
  624. }
  625. .playbox {
  626. background-color:#000;
  627. position: absolute;
  628. z-index: 1000;
  629. margin-top:20px;
  630. margin-left:20px;
  631. border-radius:30px 30px 30px 30px;
  632. opacity:0.7;
  633. }
  634. .playbutton {width: 27px;
  635. height: 32px;
  636. overflow: hidden;
  637. position: relative;
  638. z-index: 1000;
  639. margin: 5px 5px 1px 5px;
  640. opacity:1.0;
  641. }
  642. .playbox:hover {opacity:1.0;}
  643.  
  644. .musicinfo{
  645. {block:IfNot400pxPosts}width:410px;{/block:IfNot400pxPosts}
  646. {block:If400pxPosts}width:310px;{/block:If400pxPosts}
  647. margin-left:75px;
  648. color:{color:Text};
  649. padding:7px 5px 5px 5px;
  650. font-size:12px;
  651. text-align:center;
  652. word-wrap:break-word;
  653. }
  654. .cover {
  655. width:65px;
  656. height:65px;
  657. position:absolute;
  658. margin:5px;
  659. box-shadow: 0px 0px 3px 1px {color:Link};
  660. }
  661. .cover img {
  662. width:65px;
  663. height:65px;
  664. float:left;
  665. }
  666.  
  667.  
  668.  
  669. .postinfo
  670. {
  671. font-family: 'Arimo', sans-serif;
  672. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  673. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  674. font-size:10px;
  675. float:left;
  676. position:relative;
  677. top:20px;
  678. }
  679. .postinfo a
  680. {
  681. font-size:13px;
  682. text-align:center;
  683. display:inline;
  684. float:left;
  685. color:{color:Post Info};
  686. padding:1px 3px 1px 3px;
  687. }
  688. .postinfo a:hover
  689. {
  690. color:{color:Post Info Hover};
  691. }
  692.  
  693.  
  694.  
  695. .my-like {
  696.  
  697. font-family: 'Arimo', sans-serif;
  698. font-size:13px;
  699. float:right;
  700. position:relative;
  701. cursor:pointer;
  702. display:inline-block;
  703. color:{color:Post Info};
  704.  
  705. }
  706. .my-liked, .my-like:hover {
  707.  
  708. font-family: 'Arimo', sans-serif;
  709. color:#ff0000;
  710. font-size:13px;
  711. float:right;
  712. position:relative;
  713. cursor:pointer;
  714. display:inline-block;
  715. }
  716.  
  717.  
  718. .tags
  719. {
  720. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  721. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  722. position:relative;
  723. top:15px;
  724. }
  725. .tags a
  726. {
  727.  
  728. color:{color:Tags};
  729. padding:0px 3px 0px 3px;
  730. font-size:10px;
  731. display:inline;
  732. margin-right:2px;
  733. text-transform:lowercase;
  734. float:left;
  735. }
  736. .tags a:hover
  737. {
  738. color:{color:Tags};
  739. background-color:{color:Tags Hover};
  740. }
  741.  
  742.  
  743.  
  744. #notes
  745. {
  746. background:transparent;
  747. width:100%;
  748. margin:25px 0 5px -10px;
  749. padding:5px 0px 0px 20px;
  750. border-top:1px solid {color:Border};
  751. font-size:10px;
  752. color:{color:Text};
  753. }
  754.  
  755. #notes img
  756. {
  757. position:absolute;
  758. }
  759. ol.notes li
  760. {
  761. list-style:none;
  762. margin:0 0 2px -20px;
  763. font-size:10px;
  764. padding:2px 1px 2px 1px;
  765. width:100%;
  766. display:block;
  767. }
  768. ol.notes li a
  769. {
  770. list-style:none;
  771. font-size:10px;
  772. }
  773. ol.notes li img
  774. {
  775. list-style:none;
  776. margin-left:-20px;
  777. height:9px;
  778. display:block;
  779. border-radius:10px;
  780. }
  781. .theme
  782. {
  783. position:fixed;
  784. right:10px;
  785. bottom:10px;
  786. }
  787. .theme a
  788. {
  789. color:#fff;
  790. font-size:8px;
  791. background-color:{color:Link};
  792. font-size:8px;
  793. padding: 1px 4px 1px 4px;
  794. letter-spacing:1px;
  795. }
  796. .theme a:hover
  797. {
  798.  
  799. background-color:{color:Link};
  800. }
  801.  
  802.  
  803. </style>
  804. </head>
  805.  
  806. <body>
  807.  
  808.  
  809.  
  810. <div id="sidebar">
  811. <img src="{image:Sidebar}">
  812. <div class="{select:Title Position}" id="title"><a href="/" alt="{Title}">
  813. {block:IfShowTitle}{Title}{/block:IfShowTitle}
  814. {block:IfNotShowTitle}{/block:IfNotShowTitle}
  815. </a>
  816.  
  817. </div>
  818.  
  819. <div class="nav"><a href="/">home</a><a href="/ask">ask</a><a href="/archive">archive</a></div>
  820.  
  821. <div id="navlinks">LINKS
  822. <div class="links">
  823. {block:IfShowLink1}
  824. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  825. {/block:IfShowLink1}
  826. {block:IfNotShowLink1}{/block:IfNotShowLink1}
  827.  
  828. {block:IfShowLink2}
  829. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  830. {/block:IfShowLink2}
  831. {block:IfNotShowLink2}{/block:IfNotShowLink2}
  832.  
  833. {block:IfShowLink3}
  834. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  835. {/block:IfShowLink3}
  836. {block:IfNotShowLink3}{/block:IfNotShowLink3}
  837. <br>
  838. {block:IfShowLink4}
  839. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  840. {/block:IfShowLink4}
  841. {block:IfNotShowLink4}{/block:IfNotShowLink4}
  842.  
  843. {block:IfShowLink5}
  844. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  845. {/block:IfShowLink5}
  846. {block:IfNotShowLink5}{/block:IfNotShowLink5}
  847.  
  848. {block:IfShowLink6}
  849. <a href="{text:Link 6}">{text:Link 6 Title}</a>
  850. {/block:IfShowLink6}
  851. {block:IfNotShowLink6}{/block:IfNotShowLink6}
  852. <br>
  853. {block:IfShowLink7}
  854. <a href="{text:Link 7}">{text:Link 7 Title}</a>
  855. {/block:IfShowLink7}
  856. {block:IfNotShowLink7}{/block:IfNotShowLink7}
  857.  
  858. {block:IfShowLink8}
  859. <a href="{text:Link 8}">{text:Link 8 Title}</a>
  860. {/block:IfShowLink8}
  861. {block:IfNotShowLink8}{/block:IfNotShowLink8}
  862.  
  863. {block:IfShowLink9}
  864. <a href="{text:Link 9}">{text:Link 9 Title}</a>
  865. {/block:IfShowLink9}
  866. {block:IfNotShowLink9}{/block:IfNotShowLink9}
  867.  
  868. </div>
  869.  
  870.  
  871. </div>
  872.  
  873. {block:Description}<div class="descript">{Description}</div>
  874. {/block:Description}
  875.  
  876.  
  877.  
  878.  
  879. </div>
  880.  
  881. <div class="postcol">
  882.  
  883. {block:Posts}
  884. <div class="{select:Text}" id="posts">
  885.  
  886. {block:ContentSource}
  887. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  888. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  889. {/block:SourceLogo}
  890. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  891. {/block:ContentSource}
  892.  
  893.  
  894. {block:Text}
  895. {block:Title}<div class="topic">{Title}</div>{/block:Title}
  896. {Body}
  897. {/block:Text}
  898.  
  899.  
  900.  
  901. {block:Answer}
  902. <div class="question">{Question}</div>
  903. <div class="ask">
  904. <img src="{AskerPortraitURL-24}">
  905. <div class="asker">{Asker}</div>
  906. </div>
  907. {Answer}
  908. {/block:Answer}
  909.  
  910.  
  911.  
  912. {block:Quote}
  913. <div class="quote">
  914. <div class="quotetext_{Length}">❝{Quote}❞</div>
  915. {block:Source}<div class="source">&#8212;{Source}</div>{/block:Source}
  916. </div>
  917. {/block:Quote}
  918.  
  919.  
  920. {block:Link}
  921. <div class="topic"><a href="{URL}">{Name}</a></div>
  922. {block:Description}{Description}{/block:Description}
  923. {/block:Link}
  924.  
  925.  
  926.  
  927. {block:Chat}
  928. {block:Title}<h2>{Title}</h2>{/block:Title}
  929. <ul class="convo">{block:Lines}<li class="line_{Alt}">
  930. {block:Label}<span class="label">{Label}</span>{/block:Label}
  931. {Line}</li>{/block:Lines}</ul>
  932. {/block:Chat}
  933.  
  934.  
  935. {block:Photo}
  936. {LinkOpenTag}
  937. {block:If400pxPosts}
  938. <img src="{PhotoURL-400}" alt="{PhotoAlt}" border="0" >
  939. {/block:If400pxPosts}
  940. {block:IfNot400pxPosts}
  941. <img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" >
  942. {/block:IfNot400pxPosts}
  943. {LinkCloseTag}
  944. {block:HighRes}
  945. <a href="{PhotoURL-HighRes}" class="highres" target="_blank" title="View in High Resolution">
  946. <img src="http://static.tumblr.com/vdyrvd5/cTwn94ekm/plus1.png">
  947. </a>
  948. {/block:HighRes}
  949.  
  950. {block:Caption}<div class="capt">{Caption}</div>{/block:Caption}
  951. {/block:Photo}
  952.  
  953.  
  954. {block:Photoset}
  955. {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}
  956. {block:IfNot400pxPosts}{Photoset-500}{/block:IfNot400pxPosts}
  957. {block:Caption}<div class="capt">{Caption}</div>{/block:Caption}
  958. {/block:Photoset}
  959.  
  960.  
  961.  
  962. {block:Audio}
  963. <div class="audio">
  964. <div class="playbox"><div class="playbutton">
  965. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  966. </div></div>
  967. <img src="http://static.tumblr.com/vdyrvd5/KDmn7qhum/download.jpg" class="cover">
  968. {block:AlbumArt}<img src="{AlbumArtURL}" class="cover">
  969. {/block:AlbumArt}
  970. <div class="musicinfo">
  971. {block:TrackName} <span style="font-size:13px">{TrackName}</span>
  972. {/block:TrackName}
  973. {block:Artist}by
  974. <span style="font-size:13px">{Artist}</span>
  975. {/block:Artist}<br>
  976. {block:Album}
  977. <span style="font-size:11px">{Album}</span>
  978. {/block:Album}<br>
  979. {block:PlayCount}
  980. <span style="font-size:11px">Played {FormattedPlayCount} times</span>
  981. {/block:PlayCount}
  982. </div></div>
  983. {block:Caption}<div class="capt">{Caption}</div>{/block:Caption}
  984. {/block:Audio}
  985.  
  986.  
  987.  
  988. {block:Video}
  989. <div class="video">
  990. {block:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts}
  991. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  992. </div>
  993. {block:Caption}<div class="capt">{Caption}</div>{/block:Caption}
  994. {/block:Video}
  995.  
  996.  
  997.  
  998.  
  999. <div class="postinfo" >
  1000.  
  1001.  
  1002. {block:Date}{ShortMonth} {DayOfMonth}{/block:Date}
  1003.  
  1004. {block:Notecount}with {NoteCount} notes{/block:NoteCount}
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010. <span style="float:right">
  1011. {block:IfShowLikeButton}
  1012. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">&#10084;</div>
  1013. {/block:IfShowLikeButton}
  1014. {block:RebloggedFrom}
  1015. <a href="{ReblogParentURL}" title="{ReblogParentName}" style="font-size:11px">via</a>
  1016. <span class="altcolor">
  1017. <a href="{ReblogRootURL}" title="{ReblogRootName}">&#169;</a>
  1018. </span>
  1019. {/block:RebloggedFrom}
  1020. <b>
  1021. <a href="{Permalink}" title="permalink" style="transform:rotate(140deg);
  1022. -ms-transform:rotate(140deg);
  1023. -webkit-transform:rotate(140deg); font-size:14px">&infin;</a>
  1024.  
  1025. <span class="altcolor">
  1026. <a href="{ReblogURL}" target="_blank" title="reblog" class="altcolor">&#8635;</a>
  1027. </span></b>
  1028.  
  1029. </span>
  1030.  
  1031.  
  1032. </div><br>
  1033.  
  1034.  
  1035. {block:Tags}{block:IfShowTags}
  1036. <div class="tags"><a href="{TagURL}">#{Tag}</a></div>
  1037. {/block:IfShowTags}{/block:Tags}
  1038. {block:IfNotShowTags} {/block:IfNotShowTags}
  1039. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  1040. </div>
  1041. {/block:Posts}
  1042.  
  1043.  
  1044. </div>
  1045. <div class="pages">
  1046. {block:Pagination}
  1047. {block:PreviousPage}
  1048. <a href="{PreviousPage}"><span style="font-size:20px">&#65513;</span></a>
  1049. {/block:PreviousPage}
  1050. {block:JumpPagination length="5"}
  1051. {block:CurrentPage}
  1052. <span class="current_page">{PageNumber}</span>
  1053. {/block:CurrentPage}
  1054. {block:JumpPage}
  1055. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1056. {/block:JumpPage}
  1057. {/block:JumpPagination}
  1058. {block:NextPage}
  1059. <a href="{NextPage}"><span style="font-size:20px">&#65515;</span></a>
  1060. {/block:NextPage}
  1061. {/block:Pagination}
  1062. </div>
  1063.  
  1064. </div>
  1065. <div class="theme">
  1066. <a href="http://lilacthemes.tumblr.com/" target="_blank" title="Lilac Themes">THEME</a>
  1067. </div>
  1068. </body>
  1069. </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!