Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme 03

By: baskervillles on Jun 1st, 2012  |  syntax: None  |  size: 12.74 KB  |  hits: 5,919  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <head>
  3.  
  4.  
  5. <!--
  6. THEME BY JESSICA (MELIAPOND.TUMBLR.COM)
  7.  
  8. 1) PLEASE NO STEALING. DON'T REMOVE THE CREDIT, YOU CAN EDIT AS MUCH AS YOU LIKE THOUGH! JUST KEEP THE CREDIT INTACT IS ALL I ASK. THIS IS not A BASE THEME.
  9.  
  10. 2) YEAH THAT'S BASICALLY THE ONLY RULE. ENJOY! :3
  11. -->
  12.  
  13. <title>{title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16.  
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20.  <!-- YOU CAN EDIT THIS IN THE APPEARANCE TAB -->
  21.  
  22. <meta name="color:background" content="#fff"/>
  23.  
  24. <meta name="color:Text" content="#707070"/>
  25.  
  26. <meta name="color:Title" content="#4C3A5A"/>
  27.  
  28. <meta name="color:Sidebar Link" content="#D65151"/>
  29.  
  30. <meta name="color:Sidebar Link Hover" content="#4C3A5A"/>
  31.  
  32. <meta name="color:Link" content="#EE935E"/>
  33.  
  34. <meta name="color:Link Hover" content="#4C3A5A"/>
  35.  
  36. <meta name="color:Chat 1" content="#FFC5A3"/>
  37.  
  38. <meta name="color:Chat 2" content="#FFEBCE"/>
  39.  
  40. <meta name="image:sidebar" content=""/>
  41.  
  42. <meta name="text:Link1" content="" />
  43.  
  44. <meta name="text:Link1 Title" content="" />
  45.  
  46. <meta name="text:Link2" content="" />
  47.  
  48. <meta name="text:Link2 Title" content="" />
  49.  
  50. <meta name="text:Link3" content="" />
  51.  
  52. <meta name="text:Link3 Title" content="" />
  53.  
  54. <meta name="text:Link4" content="" />
  55.  
  56. <meta name="text:Link4 Title" content="" />
  57.  
  58.  
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63.  
  64.  
  65. @font-face {
  66.     font-family: 'throw my hands up in the air';
  67.     src: url(http://static.tumblr.com/2bgij48/01zm4c018/throwmyhandsupintheair.ttf);
  68. }
  69.  
  70.  
  71. body {
  72. background-color:{color:background};
  73. color:{color:Text};
  74. font-family:calibri;
  75. font-size:11px;
  76. }
  77.  
  78.  
  79.  
  80. a {
  81. color:{color:Link};
  82. text-decoration: none;
  83. -webkit-transition: all 0.4s ease-in-out;
  84. -moz-transition: all 0.4s ease-in-out;
  85. transition: all 0.4s ease-in-out;
  86. }
  87.  
  88.  
  89. a:hover {
  90. color:{color:Link Hover};
  91. -webkit-transition: all 0.4s ease-in-out;
  92. -moz-transition: all 0.4s ease-in-out;
  93. transition: all 0.4s ease-in-out;
  94. }
  95.  
  96.  
  97. p{
  98. margin-top: 1px
  99. }
  100.  
  101.  
  102.  
  103. blockquote{
  104. margin: 0px 5px 0px 5px;
  105. background-color:#transparent;
  106. padding:2px;
  107. padding-left:5px;
  108. margin-top: 0px;
  109. }
  110.  
  111.  
  112.  
  113. blockquote blockquote{
  114. margin: 0px 5px 0px 5px;
  115. background-color:#transparent;
  116. padding:2px;
  117. padding-left:5px;
  118. margin-top: 0px;
  119. }
  120.  
  121.  
  122.  
  123. blockquote blockquote blockquote{
  124. margin: 0px 5px 0px 5px;
  125. background-color:#transparent;
  126. padding:2px;
  127. padding-left:5px;
  128. margin-top: 0px;
  129. }
  130.  
  131.  
  132.  
  133. blockquote blockquote blockquote blockquote{
  134. margin: 0px 5px 0px 5px;
  135. background-color:#transparent;
  136. padding:2px;
  137. padding-left:5px;
  138. margin-top: 0px;
  139. }
  140.  
  141.  
  142.  
  143. blockquote img{
  144. max-width: 470px!important
  145. }
  146.  
  147.  
  148.  
  149. blockquote blockquote img{
  150. max-width: 450px!important
  151. }
  152.  
  153.  
  154.  
  155. blockquote blockquote blockquote img{
  156. max-width: 430px!important
  157. }
  158.  
  159.  
  160.  
  161. .navigation{
  162. float: center;
  163. margin-top: 5px
  164. }
  165.  
  166.  
  167.  
  168. .navigation a{
  169. display:inline;
  170. padding:8px 15px 8px 15px;
  171. margin-right: 1px;
  172. background-color: #FFFFFF;
  173. color:#000000
  174. }
  175.  
  176.  
  177.  
  178.  
  179. blockquote blockquote blockquote blockquote{
  180. margin: 0px 5px 0px 5px;
  181. background-color:#transparent;
  182. padding:2px;
  183. padding-left:5px;
  184. margin-top: 0px;
  185. }
  186.  
  187.  
  188.  
  189.  
  190. blockquote img{
  191. max-width: 470px!important
  192. }
  193.  
  194.  
  195.  
  196. blockquote blockquote img{
  197. max-width: 450px!important
  198. }
  199.  
  200.  
  201.  
  202. blockquote blockquote blockquote img{
  203. max-width: 430px!important
  204. }
  205.  
  206.  
  207.  
  208. blockquote blockquote blockquote blockquote img{
  209. max-width: 410px!important
  210. }
  211.  
  212.  
  213.  
  214. /* navigation */
  215.  
  216.  
  217.  
  218. #navigation{
  219. position: fixed;
  220. z-index: -2;
  221. width: 100%;
  222. top: 45%;
  223. left: 0px;
  224. background-color:transparent;
  225. height: 100px;
  226. text-align: center;
  227. font-size: 75px;
  228. }
  229.  
  230.  
  231.  
  232.  
  233. .left{
  234. float:left;
  235. margin-left: 30px;
  236. width: 40px
  237. }
  238.  
  239.  
  240.  
  241.  
  242. .left a{
  243. text-decoration: none;
  244. font-size: 75px;
  245. line-height: 75px
  246. }
  247.  
  248.  
  249.  
  250.  
  251. .left a:hover{
  252. background-color: transparent;
  253. opacity: 0.4;
  254. filter:alpha (opacity=40)
  255. }
  256.  
  257.  
  258.  
  259.  
  260. .right{
  261. float:right;
  262. margin-right: 30px;
  263. width: 40px
  264. }
  265.  
  266.  
  267.  
  268.  
  269. .right a{
  270. text-decoration: none;
  271. font-size: 75px;
  272. line-height: 75px
  273. }
  274.  
  275.  
  276.  
  277.  
  278. .right a:hover{
  279. background-color: transparent;
  280. opacity: 0.4;
  281. filter:alpha (opacity=40)
  282. }
  283.  
  284.  
  285.  
  286.  
  287. #content{
  288. width: 840px;
  289. text-align: center;
  290. margin: 40px auto 30px auto;
  291. padding-bottom: 150px;
  292. background-color: #transparent;
  293. color:{color:Text};
  294. }
  295.  
  296.  
  297.  
  298.  
  299. #entries{
  300. margin-left: 550px;
  301. margin-top:20px;
  302. width:500px;
  303. }
  304.  
  305.  
  306.  
  307.  
  308. #posts{
  309. background-color: transparent;
  310. padding: 30px 0 0 0;
  311. font-style:normal;
  312. }
  313.  
  314.  
  315.  
  316.  
  317. .post img{
  318. margin: 2px 0 2px 0
  319. }
  320.  
  321.  
  322.  
  323.  
  324. h1{
  325. font-family:'throw my hands up in the air';
  326. font-size: 15px;
  327. letter-spacing:1px;
  328. }
  329.  
  330.  
  331.  
  332.  
  333. .image{
  334. text-align: center;
  335. height: auto;
  336. margin-bottom:
  337. 3px; border: 0px
  338. }
  339.  
  340.  
  341.  
  342.  
  343. .qquote{
  344. font-family: 'throw my hands up in the air';
  345. font-size: 15px;
  346. letter-spacing:1px;
  347. font-style:none;
  348. margin-left: 0px;
  349. }
  350.  
  351.  
  352.  
  353. .qsource{
  354. margin: 5px 0px 0 20px;
  355. text-align: left;
  356. text-transform: none;
  357. }
  358.  
  359.  
  360.  
  361. .qsourde a{
  362. text-transform: none;
  363. }
  364.  
  365.  
  366.  
  367. .chat{
  368. line-height: 12px;
  369. list-style: none;
  370. font-color:#000000;
  371. }
  372.  
  373.  
  374.  
  375.  
  376. .chat ul {
  377. line-height: 15px;
  378. list-style: none;
  379. padding: 0px;
  380. line-height: 20px;
  381. }
  382.  
  383.  
  384.  
  385.  
  386. .person1 {
  387. color:{color:Text};
  388. background-color:{color:Chat 1};
  389.  }
  390.  
  391.  
  392.  
  393.  
  394. .person1 .label {
  395. font-weight: bold;
  396. padding: 0px;
  397. margin-left:
  398. 5px; color:
  399. }
  400.  
  401.  
  402.  
  403.  
  404. .person2 {
  405. color:{color:Text};
  406. background-color:{color:Chat 2};
  407. }
  408.  
  409.  
  410.  
  411.  
  412. .person2 .label {
  413.  font-weight: bold;
  414. padding: 0px;
  415. margin-left: 5px;
  416. color: }
  417.  
  418.  
  419.  
  420.  
  421.  
  422. .iaudio
  423. margin-bottom: 2px;
  424. width: 100%;
  425. background-color: #transparent}
  426.  
  427.  
  428.  
  429.  
  430. .iaudio img
  431. {max-width: 180px;
  432. height: auto;
  433. padding: 20px 0 20px 0
  434. }
  435.  
  436.  
  437.  
  438.  
  439. .icap{
  440. margin-top: 1px
  441. }
  442.  
  443.  
  444. .origin{
  445. display:inline;
  446. }
  447.  
  448. .source{
  449. dispay:none
  450. }
  451.  
  452.  
  453.  
  454. .asker {
  455. font-size: 15px;
  456. font-family: 'throw my hands up in the air';
  457. width: 100%;
  458. letter-spacing:1px;
  459. background-color: #transparent;
  460. color:{color:Text};
  461. line-height: 30px
  462. }
  463.  
  464.  
  465.  
  466.  
  467. .asker img{
  468. margin-top: 3px;
  469. margin-bottom: -3px;
  470. margin-left:3px
  471. }
  472.  
  473.  
  474.  
  475.  
  476. .q {
  477. padding:10px;
  478. font-style: italic;
  479. text-indent: 20px
  480. }
  481.  
  482.  
  483.  
  484.  
  485. .a {
  486. padding-top: 3px
  487. }
  488.  
  489.  
  490.  
  491.  
  492. .cap {
  493. padding-top: 5px;
  494. width: 500px;
  495. }
  496.  
  497.  
  498.  
  499.  
  500.  
  501. #cap {
  502. padding: 2px 0 0 0;
  503. width: 490px;
  504. margin: 0 0 0 5px
  505. }
  506.  
  507.  
  508.  
  509.  
  510. #info {
  511. margin: 0px;
  512. font-size:9px;
  513. text-align: center;
  514. color: #transparent;
  515. padding: 0px;
  516. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  517. background-color: #000000;
  518. padding: 1px;
  519. }
  520.  
  521.  
  522.  
  523.  
  524. .info a{
  525. text-transform:;
  526. }
  527.  
  528.  
  529.  
  530.  
  531. .date{
  532. text-transform: ;
  533. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  534. font-size:9px;
  535. float:right;
  536. }
  537.  
  538.  
  539.  
  540.  
  541. .tags {
  542. color:;
  543. font-size: 9px;
  544. display: inline;
  545. list-style: none;
  546. text-transform: lowercase;
  547. }
  548.  
  549.  
  550.  
  551.  
  552. .tags a, .tags a:hover {
  553. font-size: 9px;
  554. color: #000000;
  555. background-color:#transparent;
  556. display: inline;
  557. list-style: none;
  558. text-transform: lowercase;
  559. }
  560.  
  561.  
  562.  
  563.  
  564. #notes {
  565. width: 500px;
  566. padding: 0px;
  567. margin: 5px;
  568. font-size: 10px;
  569. text-align: left;
  570. }
  571.  
  572.  
  573.  
  574.  
  575. ol.notes {
  576. list-style: none;
  577. margin: 0 20px 0 0;
  578. padding: 0px
  579. }
  580.  
  581.  
  582.  
  583.  
  584. ol.notes li {
  585. margin: 0px;
  586. padding: 2px;
  587. }
  588.  
  589.  
  590.  
  591.  
  592. #notes img{
  593. border:0px
  594. }
  595.  
  596.  
  597.  
  598.  
  599. #credit {
  600. position:fixed;
  601. width:115px;
  602. right:0px;
  603. bottom:3px;
  604. line-height:5px;
  605. letter-spacing:0px;
  606. font:10px georgia;
  607. color: {color:text};
  608. text-transform:lowercase;
  609. font-style:italic;
  610. }
  611.  
  612.  
  613.  
  614.  
  615. #sidebar{
  616. width: 200px;
  617. position: fixed;
  618. margin: 100px 0px 0px 300px
  619. }
  620.  
  621.  
  622.  
  623. #title {
  624. font-family: 'throw my hands up in the air';
  625. font-size:15px;
  626. color:{color:Title};
  627. margin-top:0px;
  628. margin-bottom: -25px;
  629. letter-spacing:1px;
  630. text-align:center;
  631. position:relative;
  632. }
  633.  
  634.  
  635. .sidebardescr{
  636. font-size: 10px;
  637. font-family: Calibri;
  638. text-align: center;
  639. }
  640.  
  641.  
  642.  
  643.  
  644. .sidebarimg img{
  645. width: 200px;
  646. height: auto;
  647. padding: 0px 0px 0px 0px;
  648. text-align:center;
  649. border-radius:10px;
  650. }
  651.  
  652.  
  653.  
  654.  
  655. .sidebarlinks {
  656. margin: 5px 0px 5px 0px;
  657. padding: 0px;
  658. text-align:center;
  659. }
  660.  
  661.  
  662.  
  663. .sidebarlinks a{
  664. display: inline;
  665. color:{color:Sidebar Link};
  666. background-color:{color:background};
  667. text-align:center;
  668. font-size:10px;
  669. padding: 3px 0 3px 0;
  670. margin-bottom: 5px;
  671. text-transform: uppercase;
  672. font-weight: bold;
  673. }
  674.  
  675.  
  676.  
  677.  
  678. .sidebarlinks a:hover{
  679. font-size: 8px;
  680. width: 50px;
  681. color:{color:Sidebar Link Hover};
  682. }
  683.  
  684.  
  685.  
  686.  
  687.  
  688. .pages {
  689. margin-top: 10px;
  690. margin-bottom: 10px;
  691. text-align: center;
  692. line-height: 20px
  693. }
  694.  
  695.  
  696.  
  697.  
  698. .pages a {
  699. text-decoration: none;
  700. background-color:color:link background;
  701. padding: 2px 4px 2px 4px;
  702. color: #FFFFFF;
  703. border-right: 1px solid #d2d2d2;
  704. border-bottom: 1px solid #d2d2d2;
  705. }
  706.  
  707.  
  708.  
  709.  
  710. .sidimage{
  711. margin: 5px 0 5px 0;
  712. text-align: center
  713. }
  714.  
  715.  
  716.  
  717.  
  718. .sidimage img {
  719. max-width: 230px;
  720. height: auto;
  721. }
  722.  
  723.  
  724.  
  725.  
  726. .pages a:hover {
  727. background-color: ;
  728. color:;
  729. border-top: 1px solid #d2d2d2;
  730. border-left: 1px solid #d2d2d2;
  731. border-right: transparent;
  732. border-bottom: transparent;
  733. }
  734.  
  735.  
  736.  
  737.  
  738. .pages {
  739. margin: 0px 0 10px 0;
  740. text-align: center;
  741. line-height: 20px
  742. }
  743.  
  744.  
  745.  
  746.  
  747. .pages a {
  748. text-decoration: none;
  749. background-color: #000000;
  750. padding: 2px 4px 2px 4px;
  751. color:#FFFFFF
  752. }
  753.  
  754.  
  755.  
  756.  
  757.  
  758. {CustomCSS}
  759.  
  760. </style>
  761.  
  762.  
  763.  
  764. <body>
  765.  
  766.  
  767.  
  768.  
  769. <div id="sidebar">
  770. <br>
  771. <div id="title"><a href="/"><font color="{color:title}">{Title}</font></a></div><br><br>
  772.  
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779. <div class="sidebarimg"><a href="/"><img
  780.  
  781. src="{image:sidebar}"/></a></div>
  782.  
  783.  
  784.  
  785.  
  786. <div class="sidebarlinks">
  787.  
  788. {block:HasPages}{block:Pages}
  789.  
  790. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  791. <a href="/ask">message</a>
  792. {block:ifLink1} · <a href="{text:Link1}">{text:Link1 Title}</a> {/block:ifLink1}
  793. {block:ifLink2} · <a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  794. {block:ifLink3} · <a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  795. {block:ifLink4} · <a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}</div>
  796.  
  797.  
  798.  
  799.  
  800. <div class="sidebardescr">
  801.  
  802.  
  803. {block:Description}{Description}{/block:Description}</div>
  804.  
  805.  
  806.  
  807.  
  808.  
  809. <br><br>
  810.  
  811. <div id="pages"><div align="center"><big><big><big>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  812.  
  813. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div></big></big></big></div>
  814. </div>
  815.  
  816. <br>
  817.  
  818.  
  819.  
  820. </div>
  821.  
  822.  
  823.  
  824.  
  825. <div id="credit"><a target="blank"href="http://meliapond.tumblr.com/guidelines"><font color="{color:text}">theme by meliapond</a></font></div>
  826.  
  827.  
  828. <div id="entries">
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835. {block:Posts}
  836.  
  837.  
  838.  
  839.  
  840. <div class="post">
  841.  
  842.  
  843. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  844.  
  845. {block:Photo}
  846. {block:IndexPage}
  847. <div id="postbody">
  848. <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a></div></center>
  849. {/block:IndexPage}
  850. {block:PermalinkPage}
  851. <div id="postbox">
  852. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  853. </div>
  854. {/block:PermalinkPage}
  855. {/block:Photo}
  856.  
  857. {block:Photoset}{Photoset-500}{/block:Photoset}
  858.  
  859. {block:Quote}
  860. <div class="qquote">{Quote}</div>
  861. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}
  862. {/block:Quote}
  863.  
  864. {block:Link}
  865. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  866. {block:Description}{Description}{/block:Description}
  867. {/block:Link}
  868.  
  869. {block:Chat}
  870. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  871. <div class="chat"><ul>{block:Lines}
  872. <li class="person{UserNumber}">{block:Label}
  873. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  874. {/block:Chat}
  875.  
  876. {block:Audio}
  877. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  878. {AudioPlayerGrey}
  879. <div class="icap">{block:Caption}{Caption}{/block:Caption}</div>
  880. {/block:Audio}
  881.  
  882. {block:Video}{Video-500}{/block:Video}
  883.  
  884. {block:Answer}
  885. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  886. <div class="q">{Question}</div>
  887. <div class="a">{Answer}</div>
  888. {/block:Answer}
  889.  
  890.  
  891. <div class="cap">
  892. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  893. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  894. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  895. </div>
  896.  
  897. <div class="ibottom"><div align='right'>{block:Date}posted {TimeAgo}{/block:Date} · <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}
  898. {NoteCountWithLabel}</a><div class="origin">{block:RebloggedFrom} · <a href="{ReblogParentURL}"
  899. title="{ReblogParentName}">via</a> · <a href="{ReblogRootURL}"title="{ReblogRootName}">©</a>{/block:RebloggedFrom}</div><br></div></div>
  900.  
  901.  
  902. <div class="info"><div align='right'>{block:HasTags}{block:Tags}&nbsp;&nbsp;#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><br>
  903.  
  904. </div>
  905.  
  906.  {/block:Posts}
  907. {block:PostNotes}
  908. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  909. {/block:PostNotes}
  910.  
  911. </div>
  912.  
  913.  
  914.  
  915. </html>
create a new version of this paste RAW Paste Data