API tools faq
paste
Advertisement
xjawnlawk

THEME 'elastic heart' by OULYSSES

xjawnlawk
Mar 31st, 2015
4,741
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.70 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.  
  4.  
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <!----- SCRIPTS ----->
  12.  
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17.  
  18.  
  19. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  20.  
  21. <script src="jquery.js"></script>
  22. <script>
  23. $(document).ready(function(){
  24. $("#click").click(function(){
  25. $("#guts").slideToggle("fast");
  26. });
  27. });
  28. </script>
  29.  
  30. <script src="jquery.js"></script>
  31. <script>
  32. $(document).ready(function(){
  33. $("#click2").click(function(){
  34. $("#guts2").slideToggle("fast");
  35. });
  36. });
  37. </script>
  38.  
  39. <script src="jquery.js"></script>
  40. <script>
  41. $(document).ready(function(){
  42. $("#click3").click(function(){
  43. $("#guts3").slideToggle("fast");
  44. });
  45. });
  46. </script>
  47.  
  48.  
  49.  
  50.  
  51. </head>
  52.  
  53.  
  54.  
  55.  
  56. <!---------------------------------------------------
  57.  
  58. © theme 'elastic heart' by oulysses
  59.  
  60. http://oulysses.tumblr.com/
  61.  
  62. ► do not copy
  63. ► do not claim as your own
  64. ► do not use as a base theme
  65. ► do not remove the credit
  66.  
  67. --------------------------------------------------->
  68.  
  69.  
  70. <meta name="if:Shadows" content="0" />
  71.  
  72. <meta name="color:Theme color" content="#f5d7df" />
  73.  
  74. <meta name="image:Sidebar" content="http://i1194.photobucket.com/albums/aa378/Federica_Picchi/164659223ddd77_cc009501ac_o_zpsptpmjhfu.jpg">
  75.  
  76. <meta name="text:Username" content=""/>
  77.  
  78. <meta name="text:Link1 URL" content="/" />
  79. <meta name="text:Link1" content="link 1" />
  80. <meta name="text:Link2 URL" content="/" />
  81. <meta name="text:Link2" content="link 2" />
  82. <meta name="text:Link3 URL" content="/" />
  83. <meta name="text:Link3" content="link 3" />
  84. <meta name="text:Link4 URL" content="/" />
  85. <meta name="text:Link4" content="link 4" />
  86. <meta name="text:Link5 URL" content="/" />
  87. <meta name="text:Link5" content="link 5" />
  88. <meta name="text:Link6 URL" content="/" />
  89. <meta name="text:Link6" content="link 6" />
  90. <meta name="text:Link7 URL" content="/" />
  91. <meta name="text:Link7" content="link 7" />
  92. <meta name="text:Link8 URL" content="/" />
  93. <meta name="text:Link8" content="link 8" />
  94.  
  95.  
  96. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  97.  
  98. <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  99.  
  100.  
  101. <!----- SCRIPTS ----->
  102.  
  103.  
  104.  
  105. <script type="text/javascript"
  106. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  107.  
  108.  
  109. <script>
  110. var current_obj='';
  111.  
  112. function showLinks(objID) {
  113. var obj=document.getElementById(objID);
  114. if (current_obj.style) {
  115. current_obj.style.display='none';
  116. }
  117. obj.style.display='block';
  118. current_obj=obj;
  119. }
  120. </script>
  121.  
  122.  
  123. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  124. <script>
  125. (function($){
  126. $(document).ready(function(){
  127. $("[title]").style_my_tooltips({
  128. tip_follows_cursor:true,
  129. tip_delay_time:200,
  130. tip_fade_speed:200
  131. }
  132. );
  133. });
  134. })(jQuery);
  135. </script>
  136.  
  137.  
  138.  
  139.  
  140. <style type="text/css">
  141.  
  142.  
  143.  
  144.  
  145.  
  146. /* TOOLTIPS */
  147.  
  148. #s-m-t-tooltip{
  149. max-width:300px;
  150. margin:15px;
  151. padding:4px 6px;
  152. background-color:#f5f5f5;
  153. color:#000;
  154. z-index:999999999999;
  155. font-size:7px;
  156. text-transform:lowercase;
  157. letter-spacing:2px;
  158. font-family:'Lato';
  159. }
  160.  
  161.  
  162.  
  163.  
  164. /* SCROLLBAR */
  165.  
  166. ::-webkit-scrollbar{
  167. height: 4px;
  168. width: 4px;
  169. -webkit-border-radius: 0px;
  170. background-color:#fff;
  171. }
  172.  
  173. ::-webkit-scrollbar-thumb{
  174. background-color:#000;
  175. }
  176.  
  177. ::-webkit-scrollbar-track{
  178. background-color:#fff}
  179. }
  180.  
  181.  
  182.  
  183.  
  184. /* tumblr controls and lightbox */
  185.  
  186. .tmblr-lightbox {background:{color:Background};!important;}
  187.  
  188. .tmblr-lightbox img {opacity:0;}
  189.  
  190. .lightbox-caption {
  191. color:{color:title}!important;
  192. font-family:inherit!important;
  193. font-size:1em!important;
  194. font-weight:normal!important;
  195. text-shadow:none!important;
  196. }
  197.  
  198. .lightbox-image {
  199. -moz-box-shadow:none!important;
  200. -webkit-box-shadow:none!important;
  201. box-shadow:none!important;
  202. -moz-border-radius:0px!important;
  203. -webkit-border-radius:0px!important;
  204. border-radius:0px!important;
  205. padding:0px!important;
  206. margin:0px!important;
  207. border:0!important;
  208. opacity:1!important;
  209. }
  210.  
  211. .vignette {opacity:0!Important;}
  212.  
  213. .iframe-controls--desktop {
  214. white-space:nowrap!important;
  215. -webkit-filter:invert(70%)!important;
  216. -moz-filter:invert(70%)!important;
  217. -ms-filter:invert(70%)!important;
  218. -o-filter:invert(70%)!important;
  219. filter:invert(70%)!important;
  220. top:50px!important;
  221. right:10px!important;
  222. opacity:.3!important;
  223. position:fixed!important;
  224. }
  225.  
  226.  
  227.  
  228.  
  229. /* BASIC */
  230.  
  231. body {
  232.  
  233. }
  234.  
  235. body {
  236. background-color:#f5f5f5;
  237. margin:0px;
  238. color:#000;
  239. font-size:11px;
  240. line-height:100%;
  241. }
  242.  
  243. a {
  244. color:#000;
  245. font-weight:bold;
  246. text-decoration:none;
  247. -moz-transition-duration: 0.4s;
  248. -webkit-transition-duration: 0.4s;
  249. -o-transition-duration: 0.4s;
  250. }
  251.  
  252. a:hover {
  253. color:#bbb;
  254. text-decoration:none
  255. }
  256.  
  257. img {
  258. border:none
  259. }
  260.  
  261. blockquote {
  262. width:430px;
  263. padding-left:20px;
  264. border-left:1px solid #999;
  265. margin-left:10px;
  266. margin-top:12px;
  267. }
  268.  
  269. blockquote {
  270. padding-left:20px;
  271. border-left:1px solid #ccc;
  272. margin-left:10px;
  273. margin-top:12px;
  274. text-align:justify;
  275. position:relative;
  276. margin-right:0px;
  277. }
  278.  
  279. blockquote img {width:100%; height:100%;}
  280.  
  281. pre {white-space:pre-wrap;}
  282.  
  283.  
  284.  
  285.  
  286. /* SIDEBAR */
  287.  
  288. #top {
  289. top:0px;
  290. height:40px;
  291. width:100%;
  292. position:fixed;
  293. background-color:#fff;
  294. z-index:9999999;
  295. }
  296.  
  297. #box {
  298. top:90px;
  299. left:50px;
  300. width:329px;
  301. position:fixed;
  302. background-color:{color:theme color};
  303.  
  304. {block:ifShadows}
  305. box-shadow:0px 3px 5px #eee;
  306. {/block:ifShadows}
  307. }
  308.  
  309. #side {
  310. float:left;
  311. top:0px;
  312. left:80px;
  313. width:210px;
  314. padding:0px;
  315. background-color:#fff;
  316. background-position:left bottom;
  317. background-repeat:repeat;
  318. z-index:99999;
  319. }
  320.  
  321. #right {
  322. float:right;
  323. width:119px;
  324. }
  325.  
  326. #icon {
  327. opacity:1;
  328. width:55px;
  329. height:55px;
  330. border:12px solid #fff;
  331. letter-spacing:2px;
  332. left:300px;
  333. margin-top:20px;
  334.  
  335. -moz-transition-duration:0.7s;
  336. -webkit-transition-duration:0.7s;
  337. -o-transition-duration:0.7s;
  338. }
  339.  
  340. #icon img {
  341. width:55px;
  342. height:55px;
  343. }
  344.  
  345. .title {
  346. font-family:'Oxygen';
  347. font-size:15px;
  348. letter-spacing:1px;
  349. line-height:140%;
  350. width:165px;
  351. padding:10px 0px 0px 10px;
  352. text-align:right;
  353. margin-top:10px;
  354. margin-bottom:0px;
  355. color:#000;
  356. }
  357.  
  358. #description {
  359. background-color:#fff;
  360. color:#000;
  361. position:fixed;
  362. padding:26px;
  363. width:277px;
  364. margin-left:0px;
  365. margin-top:20px;
  366. font-family:'Lato';
  367. font-size:10px;
  368. letter-spacing:1px;
  369. line-height:170%;
  370. text-align:left;
  371.  
  372. {block:ifShadows}
  373. box-shadow:0px 3px 5px #eee;
  374. {/block:ifShadows}
  375. }
  376.  
  377. #description a {
  378. color:#aaa;
  379.  
  380. -moz-transition-duration:0.3s;
  381. -webkit-transition-duration:0.3s;
  382. -o-transition-duration:0.3s;
  383. }
  384.  
  385. #description a:hover {
  386. color:#000;
  387. }
  388.  
  389. #message {
  390. color:#000;
  391. position:fixed;
  392. width:329px;
  393. margin-top:20px;
  394. text-align:left;
  395. font-family:'Lato';
  396. font-size:10px;
  397. letter-spacing:1px;
  398. line-height:170%;
  399. height:260px;
  400.  
  401. {block:ifShadows}
  402. box-shadow:0px 3px 5px #eee;
  403. {/block:ifShadows}
  404. }
  405.  
  406.  
  407.  
  408.  
  409. /* NAVIGATION */
  410.  
  411. #sidelink {
  412. background-color:#fff;
  413. width:200px;
  414. margin-top:0px;
  415. padding:10px 0px 20px 0px;
  416. }
  417.  
  418. #sidelink a {
  419. font-size:9px;
  420. font-family:'Lato';
  421. display:block;
  422. letter-spacing:2px;
  423. text-align:right;
  424. text-transform:lowercase;
  425. width:142px;
  426. padding:12px;
  427. margin-top:7px;
  428. color:#000;
  429. border:2px solid #f5f5f5;
  430. cursor:pointer;
  431. background-color:#f5f5f5;
  432.  
  433. -moz-transition-duration:0.3s;
  434. -webkit-transition-duration:0.3s;
  435. -o-transition-duration:0.3s;
  436. }
  437.  
  438. #sidelink a:hover {
  439. color:#fff;
  440. background-color:{color:theme color};
  441. border:2px solid {color:theme color};
  442.  
  443. -moz-transition-duration:0.3s;
  444. -webkit-transition-duration:0.3s;
  445. -o-transition-duration:0.3s;
  446. }
  447.  
  448.  
  449.  
  450.  
  451. /* LINKS */
  452.  
  453. #links {
  454. background-color:#fff;
  455. position:fixed;
  456. padding:20px 20px 19px 20px;
  457. width:289px;
  458. margin-top:20px;
  459.  
  460. {block:ifShadows}
  461. box-shadow:0px 3px 5px #eee;
  462. {/block:ifShadows}
  463. }
  464.  
  465. #links a {
  466. width:50px;
  467. padding:10px;
  468. color:#000;
  469. background-color:#f5f5f5;
  470. display:inline-block;
  471. margin:1px 0px 2px 0px;
  472. font-family:'lato';
  473. font-size:7px;
  474. text-transform:lowercase;
  475. letter-spacing:2px;
  476.  
  477. -moz-transition-duration:0.4s;
  478. -webkit-transition-duration:0.4s;
  479. -o-transition-duration:0.4s;
  480. }
  481.  
  482. #navigation a:hover {
  483. color:#fff;
  484. background-color:{color:theme color};
  485.  
  486. -moz-transition-duration:0.4s;
  487. -webkit-transition-duration:0.4s;
  488. -o-transition-duration:0.4s;
  489. }
  490.  
  491. .showhide_element {
  492. display:none;
  493. }
  494.  
  495.  
  496.  
  497.  
  498. /* PAGINATION */
  499.  
  500. #pagination {
  501. z-index:9999999999;
  502. width:79px;
  503. margin-top:4px;
  504. }
  505.  
  506. #pagination a {
  507. color:#000;
  508. font-family:'Lato';
  509. font-size:7px;
  510. letter-spacing:2px;
  511. line-height:200%;
  512. text-transform:uppercase;
  513. margin-top:8px;
  514. display:inline-block;
  515. width:69px;
  516. padding:5px;
  517. color:#000;
  518. background-color:#fff;
  519.  
  520. -moz-transition-duration:0.5s;
  521. -webkit-transition-duration:0.5s;
  522. -o-transition-duration:0.5s;
  523. }
  524.  
  525. #pagination a:hover {
  526. -moz-transition-duration:0.5s;
  527. -webkit-transition-duration:0.5s;
  528. -o-transition-duration:0.5s;
  529. }
  530.  
  531.  
  532.  
  533.  
  534. /* POSTS */
  535.  
  536. #entries {
  537. position:absolute;
  538. margin-left:450px;
  539. height:100%;
  540. width:500px;
  541. margin-top:-10px;
  542.  
  543. }
  544.  
  545. #post {
  546. background-color:#fff;
  547. letter-spacing:1px;
  548. font-family:'Lato';
  549. font-size:10px;
  550. text-align:justify;
  551. line-height:150%;
  552. margin-top:100px;
  553. margin-bottom:90px;
  554. color:#333;
  555. width:500px;
  556. padding:20px 20px 15px 20px;
  557.  
  558. {block:ifShadows}
  559. box-shadow:0px 3px 5px #eee;
  560. {/block:ifShadows}
  561. }
  562.  
  563.  
  564. /* POST TITLES */
  565.  
  566. h1 {
  567. font-family:'Lato';
  568. font-style:normal;
  569. font-weight:bold;
  570. font-size:15px;
  571. text-align:left;
  572. line-height:100%;
  573. letter-spacing:1px;
  574. line-height:140%;
  575. color:#000;
  576. padding:0px 10px;
  577. }
  578.  
  579. /* POST TEXT */
  580.  
  581. #caption h2 {
  582. font-family:'Lato';
  583. font-style:normal;
  584. font-weight:bold;
  585. font-size:13px;
  586. text-align:left;
  587. line-height:100%;
  588. letter-spacing:1px;
  589. line-height:140%;
  590. color:#000;
  591. padding:0px 0px 0px 0px;
  592. }
  593.  
  594. #caption h1 {
  595. font-family:'Lato';
  596. font-style:normal;
  597. font-weight:bold;
  598. font-size:15px;
  599. text-align:left;
  600. line-height:100%;
  601. letter-spacing:1px;
  602. line-height:140%;
  603. color:#000;
  604. padding:0px 0px 0px 0px;
  605. }
  606.  
  607. #caption {
  608. font-weight:normal;
  609. letter-spacing:1px;
  610. font-family:'Lato';
  611. font-size:10px;
  612. text-align:justify;
  613. line-height:150%;
  614. background-color:#fff;
  615. padding:5px 10px 0px 10px;
  616. }
  617.  
  618. #caption a {
  619. color:#000;
  620. font-weight:bold;
  621.  
  622. -moz-transition-duration: 0.2s;
  623. -webkit-transition-duration: 0.2s;
  624. -o-transition-duration: 0.2s;
  625. }
  626.  
  627. #caption a:hover {
  628. color:#bbb;
  629. }
  630.  
  631.  
  632.  
  633.  
  634. /* INFOs */
  635.  
  636. #info {
  637. width:490px;
  638. color:#000;
  639. display:inline-block;
  640. letter-spacing:1px;
  641. font-family:'Lato';
  642. font-size:8px;
  643. text-transform:uppercase;
  644. letter-spacing:1px;
  645. text-align:left;
  646. margin-top:13px;
  647. border-top:1px solid #f5f5f5;
  648. padding:9px 5px 0px 5px;
  649. }
  650.  
  651. #info a {
  652. color:#000; text-decoration:none;
  653. border-top:1px solid transparent;
  654. padding:11px 8px 0px 8px;
  655. margin-left:-4px;
  656.  
  657. -moz-transition-duration: 0.5s;
  658. -webkit-transition-duration: 0.5s;
  659. -o-transition-duration: 0.5s;
  660. }
  661.  
  662. #info a:visited {
  663. text-decoration:none;
  664. }
  665.  
  666. #info a:hover {
  667. border-top:1px solid {color:theme color};
  668. text-decoration:none;
  669.  
  670. -moz-transition-duration: 0.5s;
  671. -webkit-transition-duration: 0.5s;
  672. -o-transition-duration: 0.5s;
  673. }
  674.  
  675. #info b {
  676. margin-left:-5px;
  677. border-top:1px solid {color:theme color};
  678. padding:11px 8px 0px 16px;
  679. font-weight:bold;
  680.  
  681. -moz-transition-duration: 0.5s;
  682. -webkit-transition-duration: 0.5s;
  683. -o-transition-duration: 0.5s;
  684. }
  685.  
  686.  
  687.  
  688.  
  689. /* TAGS */
  690.  
  691. #tags {
  692. position:absolute;
  693. color:#111;
  694. opacity:0;
  695. letter-spacing:2px;
  696. width:499px;
  697. line-height:10px;
  698. text-align:left;
  699. font-family:'Lato';
  700. font-size:8px;
  701. margin-top:30px;
  702. padding:10px;
  703.  
  704. -moz-transition-duration: 0.4s;
  705. -webkit-transition-duration: 0.4s;
  706. -o-transition-duration: 0.4s;
  707. }
  708.  
  709. #tags a {
  710. display:inline-block;
  711. margin:4px 5px 4px 5px;
  712. text-decoration:none;
  713. color:#111;
  714. border-bottom:none;
  715. text-transform:lowercase;
  716. }
  717.  
  718. #tags a:hover {
  719. color:#111;
  720. text-shadow:none;
  721. text-decoration:none;
  722. border-bottom:none;
  723. }
  724.  
  725. #post:hover #tags {
  726. opacity:1;
  727.  
  728. -moz-transition-duration: 0.4s;
  729. -webkit-transition-duration: 0.4s;
  730. -o-transition-duration: 0.4s;
  731. }
  732.  
  733.  
  734.  
  735.  
  736. /* NOTES */
  737.  
  738. .notes {
  739. width:500px;
  740. text-align:left;
  741. margin-bottom:100px;
  742. margin-top:5px;
  743. font-family:'Lato';
  744. color:#333;
  745. text-transform:lowercase;
  746. font-size:10px;
  747. letter-spacing:1px;
  748. background-color:#fff;
  749. padding:10px 20px 20px 20px;
  750. }
  751.  
  752. .notes a {
  753. font-weight:bold;
  754. color:#000;
  755.  
  756. -moz-transition-duration: 0.4s;
  757. -webkit-transition-duration: 0.4s;
  758. -o-transition-duration: 0.4s;
  759. }
  760.  
  761. .notes a:hover {
  762. -moz-transition-duration: 0.4s;
  763. -webkit-transition-duration: 0.4s;
  764. -o-transition-duration: 0.4s;
  765. }
  766.  
  767. .notes img {
  768. display:none;
  769. }
  770.  
  771. .notes ol {
  772. margin:0;
  773. padding:0;
  774. line-height:250%;
  775. }
  776.  
  777. .notes li {
  778. list-style-type:none;
  779. text-align:left;
  780. margin-top:5px;
  781. padding:5px;
  782. border-bottom:1px solid #f5f5f5;
  783. }
  784.  
  785.  
  786.  
  787.  
  788. /* ASK POSTS */
  789.  
  790. #asker {
  791. text-align:center;
  792. background:#fbfbfb;
  793. border:1px solid #f5f5f5;
  794. color:#000;
  795. text-transform:lowercase;
  796. font-family:'Oxygen';
  797. letter-spacing:2px;
  798. padding:15px 0px 15px 0px;
  799. font-size:10px;
  800. }
  801.  
  802. #asker a {
  803. color:#000;
  804. }
  805.  
  806. #question {
  807. background:#fff;
  808. border:1px solid #f5f5f5;
  809. border-top:none;
  810. color:#000;
  811. text-align:center;
  812. font-family:'Lato';
  813. padding:15px 15px 15px 15px;
  814. }
  815.  
  816. #question a {
  817. color:#999;
  818. -moz-transition-duration:0.4s;
  819. -webkit-transition-duration:0.4s;
  820. -o-transition-duration:0.4s;
  821. }
  822.  
  823. #question a:hover {
  824. color:#000;
  825. -moz-transition-duration:0.4s;
  826. -webkit-transition-duration:0.4s;
  827. -o-transition-duration:0.4s;
  828. }
  829.  
  830. #answer {
  831. text-align:center;
  832. padding:7px 15px 7px 15px;
  833. }
  834.  
  835. #answer blockquote {
  836. width:436px;
  837. }
  838.  
  839. #answer a {
  840. color:#999;
  841. }
  842.  
  843. #answer a:hover {
  844. color:#000;
  845. }
  846.  
  847.  
  848.  
  849.  
  850. /* AUDIO POSTS */
  851.  
  852. #audio {
  853. width:500px;
  854. height:100px;
  855. }
  856.  
  857. .cover {
  858. z-index:-3;
  859. width:90px;
  860. height:90px;
  861. outline:15px solid #000;
  862. margin:15px;
  863. }
  864.  
  865. #playbox {
  866. z-index:-2;
  867. width:98px;
  868. height:99px;
  869. border:1px solid #f5f5f5;
  870. margin:0px;
  871. float:right;
  872. background-color:#fff;
  873.  
  874. -moz-transition-duration:0.6s;
  875. -webkit-transition-duration:0.6s;
  876. -o-transition-duration:0.6s;
  877. }
  878.  
  879. #playbutton {
  880. z-index:2;
  881. background-color:;
  882. position:relative;
  883. overflow:hidden;
  884. width:26px;
  885. height:26px;
  886. margin:34px;
  887. }
  888.  
  889. #details {
  890. float:left;
  891. text-align:right;
  892. width:374px;
  893. background-color:#fbfbfb;
  894. color:#000;
  895. padding:30px 25px 0px 0px;
  896. height:69px;
  897. line-height:180%;
  898. font-size:9px;
  899. border:1px solid #f5f5f5;
  900. border-right:none;
  901.  
  902. -moz-transition-duration:0.6s;
  903. -webkit-transition-duration:0.6s;
  904. -o-transition-duration:0.6s;
  905. }
  906.  
  907. #details i {
  908. font-style:normal;
  909. font-family:'Lato';
  910. font-weight:normal;
  911. font-size:12px;
  912. letter-spacing:1px;
  913. text-transform:uppercase;
  914. }
  915.  
  916. #details b {
  917. font-style:normal;
  918. font-family:'Lato';
  919. font-weight:normal;
  920. font-size:9px;
  921. letter-spacing:1px;
  922. text-transform:uppercase;
  923. }
  924.  
  925.  
  926.  
  927.  
  928. /* QUOTE POSTS */
  929.  
  930. #quote {
  931. background-color:#fff;
  932. border:1px solid #f5f5f5;
  933. border-top:none;
  934. color:#000;
  935. font-family:'Lato';
  936. padding:15px 15px 15px 15px;
  937. text-indent:25px;
  938. font-weight:normal;
  939. text-align:center;
  940. font-size:12px;
  941. line-height:140%;
  942. color:#000;
  943. letter-spacing:1px;
  944. }
  945.  
  946. #quote:before {
  947. content:'“';
  948. font-family:'Inconsolata';
  949. font-size:27px;
  950. margin-left:-50px;
  951. margin-top:0px;
  952. width:30px;
  953. position:absolute;
  954. padding-right:15px;
  955. }
  956.  
  957. #source {
  958. text-align:center;
  959. background:#fbfbfb;
  960. border:1px solid #f5f5f5;
  961. color:#000;
  962. font-family:'Oxygen';
  963. letter-spacing:2px;
  964. padding:15px 0px 15px 0px;
  965. font-size:10px;
  966. }
  967.  
  968. #source a {
  969. color:#777;
  970.  
  971. -moz-transition-duration:0.2s;
  972. -webkit-transition-duration:0.2s;
  973. -o-transition-duration:0.2s;
  974. }
  975.  
  976. #source a:hover {
  977. color:#000;
  978.  
  979. -moz-transition-duration:0.2s;
  980. -webkit-transition-duration:0.2s;
  981. -o-transition-duration:0.2s;
  982. }
  983.  
  984.  
  985.  
  986.  
  987. /* CHAT POSTS */
  988.  
  989. .chat ol {
  990. padding:0px;
  991. list-style:none;
  992. }
  993.  
  994. .line {
  995. font-family:'Lato';
  996. padding:19px;
  997. background-color:#f5f5f5;
  998. margin-top:2px;
  999. }
  1000.  
  1001. .label {
  1002. text-transform:uppercase;
  1003. font-weight:bold;
  1004. font-size:12px;
  1005. }
  1006.  
  1007.  
  1008.  
  1009.  
  1010. /* CREDIT LINK */
  1011.  
  1012. #credit {
  1013. position:fixed;
  1014. right:10px;
  1015. bottom:13px;
  1016. font-family:'oxygen';
  1017. letter-spacing:2px;
  1018. font-size:8px;
  1019. background-color:#f5f5f5;
  1020. color:#333;
  1021. border:2px solid #fff;
  1022. padding:6px;
  1023. }
  1024.  
  1025.  
  1026. {CustomCSS}</style><body>
  1027.  
  1028.  
  1029.  
  1030.  
  1031. <!-- SIDEBAR -->
  1032.  
  1033. <div id="top"></div>
  1034.  
  1035. <div id="box">
  1036.  
  1037. <div id="side">
  1038. <center>
  1039. <a href="/"><div class="title">{Title}</div></a>
  1040.  
  1041. <div id="sidelink">
  1042.  
  1043. <a href="#" onClick="showLinks('description');return false;">about</a>
  1044. <a href="#" onClick="showLinks('navigation');return false;">navigation</a>
  1045. <a href="#" onClick="showLinks('message');return false;">message</a>
  1046. </div>
  1047.  
  1048. <div id="description" class="showhide_element">
  1049. {Description}
  1050. </div>
  1051.  
  1052.  
  1053. <div id="navigation" class="showhide_element">
  1054. <div id="links">
  1055. {block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}
  1056. {block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
  1057. {block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
  1058. {block:ifLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}
  1059.  
  1060. {block:ifLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:ifLink5}
  1061. {block:ifLink6}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:ifLink6}
  1062. {block:ifLink7}<a href="{text:Link7 URL}">{text:Link7}</a>{/block:ifLink7}
  1063. {block:ifLink8}<a href="{text:Link8 URL}">{text:Link8}</a>{/block:ifLink8}
  1064. </div>
  1065. </div>
  1066.  
  1067.  
  1068. <div id="message" class="showhide_element">
  1069. <iframe frameborder="0" border="0" scrolling="yes" width="329px" height="260" allowtransparency="true" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;}"></iframe>
  1070. </div>
  1071.  
  1072. </center>
  1073. </div>
  1074.  
  1075.  
  1076. <div id="right">
  1077. <center>
  1078. <a href="/"><div id="icon"><img src="{image:sidebar}"></div></a>
  1079. <div id="pagination">
  1080. {block:IndexPage}
  1081. {block:Pagination}
  1082. {block:PreviousPage}
  1083. <a href="{PreviousPage}">backward</a>
  1084. {/block:PreviousPage}
  1085. {block:NextPage}
  1086. <a href="{NextPage}">forward</a>
  1087. {/block:NextPage}
  1088. {/block:Pagination}
  1089. {/block:IndexPage}
  1090. </div>
  1091. </center>
  1092. </div>
  1093.  
  1094. </div>
  1095.  
  1096.  
  1097.  
  1098.  
  1099. <!-- POSTS -->
  1100.  
  1101. <div id="entries">{block:Posts}<div id="post">
  1102.  
  1103. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="caption">{body}</div>{/block:Text}
  1104.  
  1105. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1106.  
  1107. {block:Photoset}{Photoset-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  1108.  
  1109. {block:Quote}
  1110. {block:Source}
  1111. <div id="source">{Source}</div>
  1112. {/block:Source}
  1113. <div id="quote">{Quote}</div>
  1114. {/block:Quote}
  1115.  
  1116. {block:Link}<a href="{URL}" {Target}><h1>{Name}</h1></a>{block:Description}<div id="caption">{Description}</div>{/block:Description}{/block:Link}
  1117.  
  1118. {block:Chat}
  1119. {block:Title}
  1120. <h1>{Title}</h1>
  1121. {/block:Title}
  1122. <div class="chat">
  1123. <ol>{block:Lines}
  1124. <li class="line {Alt}">
  1125. {block:Label}
  1126. <span class="label">
  1127. {Label}</span>
  1128. {/block:Label}{Line}</li>
  1129. {/block:Lines}
  1130. </ol></div>
  1131. {/block:Chat}
  1132.  
  1133. {block:Audio}
  1134.  
  1135. {block:AudioPlayer}
  1136. <div id="audio">
  1137. <div id="details">
  1138. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  1139. {block:Artist}<b>{Artist}{/block:Artist}</b>
  1140. </div>
  1141. <div id="playbox">
  1142. <div id="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  1143. </div>
  1144. </div>
  1145. {/block:AudioPlayer}
  1146. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  1147. {/block:Audio}
  1148.  
  1149. {block:Video}{Video-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Video}
  1150.  
  1151. {block:Answer}
  1152. <div id="asker">{asker} asked:</div>
  1153. <div id="question">{Question}</div>
  1154. <div id="answer">{Answer}</div>
  1155. {/block:answer}
  1156.  
  1157.  
  1158.  
  1159.  
  1160. <!-- INFOs -->
  1161.  
  1162.  
  1163. <div id="info">
  1164.  
  1165. {block:Date}
  1166. <b><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month} {12Hour}{CapitalAmPm}</a></b>
  1167. {/block:Date}
  1168.  
  1169. {block:NoteCount}
  1170. &nbsp <a href="{Permalink}">{NoteCount} ♡</a> <font color="{color:Sidebar Background}"></font>
  1171. {/block:NoteCount}
  1172.  
  1173. {block:RebloggedFrom}
  1174. &nbsp <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>
  1175. {/block:RebloggedFrom}
  1176.  
  1177. {block:ContentSource}
  1178. &nbsp <a href="{SourceURL}" title="{SourceTitle}">source</a>
  1179. {/block:ContentSource}
  1180.  
  1181. </div>
  1182.  
  1183.  
  1184.  
  1185.  
  1186. <!-- TAGS -->
  1187.  
  1188. {block:HasTags}<div id="tags">
  1189. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags} </div>
  1190. {block:HasTags}</div>
  1191.  
  1192.  
  1193.  
  1194.  
  1195. <!-- NOTES -->
  1196.  
  1197. {block:PostNotes}
  1198. <div align="left">
  1199. <div class="notes">
  1200. {PostNotes}
  1201. </div>
  1202. </div>
  1203. {/block:PostNotes}
  1204.  
  1205.  
  1206.  
  1207.  
  1208. {/block:Posts}</div>
  1209.  
  1210.  
  1211.  
  1212.  
  1213. <!-- CREDIT LINK -->
  1214.  
  1215. <a href="http://oulysses.tumblr.com/"><div id="credit">theme</div></a>
  1216.  
  1217.  
  1218.  
  1219.  
  1220. </body></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!