API tools faq
paste
Advertisement
ssourwolf

blue derek hale aesthetic

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