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

theme 04

By: baskervillles on Jun 21st, 2012  |  syntax: None  |  size: 13.16 KB  |  hits: 3,564  |  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. please no stealing. i worked hard to make this theme, so please leave the credit where it is. this is also NOT a base theme. you also cannot take snipets of the coding to make your own theme. thank you for understanding, and enjoy! for more of my themes go to meliapond.tumblr.com/mythemes. ♥
  8.  
  9. -->
  10.  
  11. <title>{title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14.  
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  <!-- YOU CAN EDIT THIS IN THE APPEARANCE TAB -->
  19.  
  20. <meta name="color:background" content="#fff"/>
  21.  
  22. <meta name="color:Text" content="#996c6c"/>
  23.  
  24. <meta name="color:Tags and Ask" content="#ffecce"/>
  25.  
  26. <meta name="color:description background" content="#fce8c9"/>
  27.  
  28. <meta name="color:hover Text" content="#6b3827"/>
  29.  
  30. <meta name="color:Sidebar Link Text" content="#fff"/>
  31.  
  32. <meta name="color:Sidebar Link Text Hover" content="#daabab"/>
  33.  
  34. <meta name="color:Sidebar Link Background" content="#fcccb0"/>
  35.  
  36. <meta name="color:Sidebar Link Background Hover" content="#fde9e2"/>
  37.  
  38. <meta name="color:Link" content="#faac6c"/>
  39.  
  40. <meta name="color:Link Hover" content="#ffecce"/>
  41.  
  42. <meta name="color:scrollbar" content="#FFC5A3"/>
  43.  
  44. <meta name="color:Chat 1" content="#FFC5A3"/>
  45.  
  46. <meta name="color:Chat 2" content="#FFEBCE"/>
  47.  
  48. <meta name="image:sidebar" content=""/>
  49.  
  50. <meta name="if:hover for description" content="1"/>
  51.  
  52. <meta name="text:change this for the bubble" content="210" />
  53.  
  54. <meta name="text:Link1" content="" />
  55.  
  56. <meta name="text:Link1 Title" content="" />
  57.  
  58. <meta name="text:Link2" content="" />
  59.  
  60. <meta name="text:Link2 Title" content="" />
  61.  
  62. <meta name="text:Link3" content="" />
  63.  
  64. <meta name="text:Link3 Title" content="" />
  65.  
  66. <meta name="text:Link4" content="" />
  67.  
  68. <meta name="text:Link4 Title" content="" />
  69.  
  70.  
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75.  
  76.  
  77. ::-webkit-scrollbar {height: auto;width: 7px;}
  78. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  79. ::-webkit-scrollbar-track{background-color:{color:background};}
  80.  
  81.  
  82. @font-face {
  83.     font-family: 'The Only Exception';
  84.     src: url('http://static.tumblr.com/2bgij48/xysm416xf/theonlyexception.ttf');
  85. }
  86.  
  87.  
  88. body {
  89. background-color:{color:background};
  90. color:{color:Text};
  91. font-family:calibri;
  92. font-size:11px;
  93. }
  94.  
  95.  
  96.  
  97. a {
  98. color:{color:Link};
  99. text-decoration: none;
  100. -webkit-transition: all 0.4s ease-in-out;
  101. -moz-transition: all 0.4s ease-in-out;
  102. transition: all 0.4s ease-in-out;
  103. }
  104.  
  105.  
  106. a:hover {
  107. color:{color:Link Hover};
  108. -webkit-transition: all 0.4s ease-in-out;
  109. -moz-transition: all 0.4s ease-in-out;
  110. transition: all 0.4s ease-in-out;
  111. }
  112.  
  113.  
  114. p{
  115. margin-top: 1px
  116. }
  117.  
  118.  
  119. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  120.  
  121.  
  122.  
  123.  
  124. #content{
  125. width: 840px;
  126. text-align: center;
  127. margin: 40px auto 30px auto;
  128. padding-bottom: 150px;
  129. background-color: #transparent;
  130. color:{color:Text};
  131. }
  132.  
  133.  
  134.  
  135.  
  136. #entries{
  137. margin-right: 300px;
  138. margin-top:-180px;
  139. width:500px;
  140. float: right;
  141. }
  142.  
  143.  
  144.  
  145. #posts{
  146. background-color: transparent;
  147. padding: 30px 0 0 0;
  148. font-style:normal;
  149. }
  150.  
  151.  
  152.  
  153.  
  154. .post img{
  155. margin: 0px 0 2px 0
  156. }
  157.  
  158.  
  159. .post {
  160. margin-bottom: 10px;
  161. }
  162.  
  163.  
  164. h1{
  165. font-family:georigia;
  166. font-style:italic;
  167. font-size: 17px;
  168. }
  169.  
  170.  
  171.  
  172.  
  173. .image{
  174. text-align: center;
  175. height: auto;
  176. margin-bottom:
  177. 3px; border: 0px
  178. }
  179.  
  180.  
  181.  
  182.  
  183. .qquote{
  184. font-family: georgia;
  185. font-size: 17px;
  186. font-style:italic;
  187. margin-left: 0px;
  188. }
  189.  
  190.  
  191.  
  192. .qsource{
  193. margin: 5px 0px 0 20px;
  194. text-align: left;
  195. text-transform: none;
  196. }
  197.  
  198.  
  199.  
  200. .chat{
  201. line-height: 12px;
  202. list-style: none;
  203. font-color:#000000;
  204. }
  205.  
  206.  
  207.  
  208.  
  209. .chat ul {
  210. line-height: 15px;
  211. list-style: none;
  212. padding: 0px;
  213. line-height: 20px;
  214. }
  215.  
  216.  
  217.  
  218.  
  219. .person1 {
  220. color:{color:Text};
  221. background-color:{color:Chat 1};
  222.  }
  223.  
  224.  
  225.  
  226.  
  227. .person1 .label {
  228. font-weight: bold;
  229. padding: 0px;
  230. margin-left:
  231. 5px; color:
  232. }
  233.  
  234.  
  235.  
  236.  
  237. .person2 {
  238. color:{color:Text};
  239. background-color:{color:Chat 2};
  240. }
  241.  
  242.  
  243.  
  244.  
  245. .person2 .label {
  246.  font-weight: bold;
  247. padding: 0px;
  248. margin-left: 5px;
  249. color: }
  250.  
  251.  
  252.  
  253.  
  254.  
  255. .iaudio
  256. margin-bottom: 2px;
  257. width: 100%;
  258. background-color: #transparent}
  259.  
  260.  
  261.  
  262.  
  263. .iaudio img
  264. {max-width: 180px;
  265. height: auto;
  266. padding: 20px 0 20px 0
  267. }
  268.  
  269.  
  270.  
  271.  
  272. .icap{
  273. margin-top: 1px
  274. }
  275.  
  276.  
  277.  
  278. .origin{
  279. display:inline;
  280. }
  281.  
  282.  
  283.  
  284. .source{
  285. display:none
  286. }
  287.  
  288.  
  289.  
  290. #question{
  291. background-color:{color:Tags and Ask};
  292. margin-top:5px;
  293. text-align:center;
  294. }
  295.  
  296.  
  297.  
  298. .asker {
  299. font-size: 15px;
  300. font-family: 'georgia';
  301. width: 100%;
  302. font-style:italic;
  303. background-color: #transparent;
  304. color:{color:Text};
  305. line-height: 20px
  306. }
  307.  
  308.  
  309.  
  310.  
  311. .asker img{
  312. margin-top: 3px;
  313. margin-bottom: -3px;
  314. margin-left:3px
  315. }
  316.  
  317.  
  318.  
  319.  
  320. .q {
  321. padding-bottom:5px;
  322. padding-top:3px;
  323. font-style: italic;
  324. padding-left: 30px;
  325. }
  326.  
  327.  
  328.  
  329.  
  330. .a {
  331. padding-top: 3px
  332. }
  333.  
  334.  
  335.  
  336.  
  337.  
  338. .cap {
  339. padding-top: 5px;
  340. width: 500px;
  341. }
  342.  
  343.  
  344.  
  345.  
  346.  
  347. #information {
  348. opacity:0;
  349. padding:2px 0 2px 0;
  350. background-color:{color:tags and ask};
  351. margin-bottom:5px;
  352. -webkit-transition: all 0.4s ease-in-out;
  353. -moz-transition: all 0.4s ease-in-out;
  354. transition: all 0.4s ease-in-out;
  355. }
  356.  
  357. .post:hover #information {
  358. opacity:1;
  359. -webkit-transition: all 0.4s ease-in-out;
  360. -moz-transition: all 0.4s ease-in-out;
  361. transition: all 0.4s ease-in-out;
  362. }
  363.  
  364.  
  365.  
  366.  
  367.  
  368. #notes {
  369. width: 500px;
  370. padding: 0px;
  371. margin: 5px;
  372. font-size: 10px;
  373. text-align: left;
  374. }
  375.  
  376.  
  377.  
  378.  
  379. ol.notes {
  380. list-style: none;
  381. margin: 0 20px 0 0;
  382. padding: 0px
  383. }
  384.  
  385.  
  386.  
  387.  
  388. ol.notes li {
  389. margin: 0px;
  390. padding: 2px;
  391. }
  392.  
  393.  
  394. #notes img{
  395. border:0px
  396. }
  397.  
  398.  
  399.  
  400. #sidebar{
  401. width: 250px;
  402. background-color: {color:background};
  403. position: fixed;
  404. margin-left:-160px;
  405. margin-top:100px;
  406. }
  407.  
  408.  
  409.  
  410. #speechbubble {
  411. position:fixed;
  412. margin-top:-{text:change this for the bubble}px;
  413. opacity:{block:ifhoverfordescription}0;{/block:ifhoverfordescription}{block:ifnothoverfordescription}1;
  414. margin-left:233px;{/block:ifnothoverfordescription}
  415. width:180px;
  416. height:auto;
  417. -webkit-transition: all 0.7s ease-in-out;
  418. -moz-transition: all 0.7s ease-in-out;
  419. transition: all 0.7s ease-in-out;
  420. }
  421.  
  422. {block:ifhoverfordescription}
  423. #sidebar:hover #speechbubble{
  424. margin-left:233px;
  425. opacity:1;
  426. }
  427. {/block:ifhoverfordescription}
  428.  
  429.  
  430. #triangle {
  431. position:fixed;
  432. color:{color:description background};
  433. width:30px;
  434. margin-top:45px;
  435. height:25px;
  436. float:right;
  437. }
  438.  
  439.  
  440. #sherlockholmes {
  441. position: fixed;
  442. margin-top:0px;
  443. float:right;
  444. margin-left:25px;
  445. width:150px;
  446. font-size: 10px;
  447. text-align: center;
  448. background: {color:description background};
  449. letter-spacing: 1px;
  450. padding:0px;
  451. border-top-right-radius:25px;
  452. border-bottom-left-radius:25px;
  453. border-top-left-radius:25px;
  454. border-bottom-right-radius:25px;
  455. }
  456.  
  457.  
  458.  
  459.  
  460.  
  461. .description {
  462. width:90%;
  463. position:fixed
  464. padding-top:10px;
  465. padding-bottom:5px;
  466. padding-left:10px;
  467. padding-right:10px;
  468. }
  469.  
  470.  
  471.  
  472. #title {
  473. font-family: 'georgia';
  474. font-size:11px;
  475. font-color:{color:Text};
  476. margin-top:5px;
  477. margin-bottom: 0px;
  478. letter-spacing:1px;
  479. text-align:center;
  480. font-style:italic;
  481. position:relative;
  482. }
  483.  
  484.  
  485.  
  486.  
  487.  
  488. #sidebarimg img{
  489. width: 200px;
  490. height: auto;
  491. padding: 0px 0px 0px 0px;
  492. }
  493.  
  494.  
  495.  
  496. .hover {
  497. text-align:right;
  498. margin-right:28px;
  499. margin-top:-13px;
  500. color:{color:hover text}
  501. }
  502.  
  503.  
  504.  
  505.  
  506. .sidebarlinks {
  507. margin-top: 0px;
  508. margin-bottom:3px;
  509. margin-left:-3px;
  510. float: top;}
  511.  
  512.  
  513.  
  514.  
  515. .sidebarlinks a{
  516. font-size: 10px;
  517. font-family:calibri;
  518. display: inline-block;
  519. color:{color:Sidebar Link Text};
  520. background-color:{color:Sidebar Link Background};
  521. text-align:center;
  522. width: 48px;
  523. height:28px;
  524. padding: 17px 0 2px 0;
  525. margin-bottom: 2px;
  526. margin-left:3px;
  527. text-transform: uppercase;
  528. text-decoration: none;
  529. border-top-right-radius:25px;
  530. border-bottom-left-radius:25px;
  531. border-top-left-radius:25px;
  532. border-bottom-right-radius:25px;
  533. -webkit-transition: all 0.4s ease-in-out;
  534. -moz-transition: all 0.4s ease-in-out;
  535. transition: all 0.4s ease-in-out;
  536. }
  537.  
  538.  
  539.  
  540.  
  541. .sidebarlinks a:hover{
  542. background-color: {color:Sidebar Link Background hover};
  543. width: 48px;
  544. height:28px;
  545. color: {color:Sidebar Link Text Hover};
  546. padding-right: 0px;
  547. -moz-transform:rotate(360deg);
  548. -webkit-transform:rotate(360deg);
  549. -o-transform:rotate(360deg);
  550. -ms-transform:rotate(360deg);
  551. transform:rotate(360deg);
  552. -webkit-transition: all 0.4s ease-in-out;
  553. -moz-transition: all 0.4s ease-in-out;
  554. transition: all 0.4s ease-in-out;
  555. }
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563. .sidebarlinks2 {
  564. margin: 5px 0px 5px 0px;
  565. }
  566.  
  567.  
  568.  
  569.  
  570. .sidebarlinks2 a{
  571. display: inline-table;
  572. text-align:center;
  573. width: 25px;
  574. height:14px;
  575. font-size:15px;
  576. padding: 0px 0 3px 0;
  577. margin-bottom: 5px;
  578. -webkit-transition: all 0.4s ease-in-out;
  579. -moz-transition: all 0.4s ease-in-out;
  580. transition: all 0.4s ease-in-out;
  581. }
  582.  
  583.  
  584.  
  585.  
  586. .sidebarlinks2 a:hover{
  587. background-color: {color:Background};
  588. width: 25px;
  589. color:{color:Link hover};
  590. -webkit-transition: all 0.4s ease-in-out;
  591. -moz-transition: all 0.4s ease-in-out;
  592. transition: all 0.4s ease-in-out;
  593. }
  594.  
  595.  
  596.  
  597.  
  598. #pagination {
  599. text-align: center;
  600. line-height:20px;
  601. margin-bottom:100px;
  602. float:top;
  603. }
  604.  
  605.  
  606.  
  607.  
  608.  
  609. {CustomCSS}
  610.  
  611. </style>
  612.  
  613.  
  614. </head>
  615. <body>
  616.  
  617.  
  618. <div id="content">
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627. <div id="sidebar">
  628.  
  629.  
  630.  
  631.  
  632. <div class="sidebarlinks">
  633.  
  634. {block:HasPages}{block:Pages}
  635.  
  636. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  637. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a> {/block:ifLink1}
  638. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  639. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  640. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}</div>
  641.  
  642.  
  643.  
  644. <div id="sidebarimg"><img
  645.  
  646. src="{image:sidebar}"/>
  647. {block:ifhoverfordescription}
  648. <div class="hover">HOVER</div>
  649. {/block:ifhoverfordescription}
  650. </div>
  651.  
  652.  
  653.  
  654.  
  655. <div class="sidebarlinks2">
  656.  
  657. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  658.  
  659. <a href="/" title="home"><img src="http://i1073.photobucket.com/albums/w391/baskervillles/th_62.png" /></a>
  660.  
  661. <a href="/ask" title="message"><img src="http://i1073.photobucket.com/albums/w391/baskervillles/th_48.png" /></a>
  662.  
  663. <a href="/archive" title="archive"><img src="http://i1073.photobucket.com/albums/w391/baskervillles/th_30.png" /></a>
  664.  
  665. <a href="http://meliapond.tumblr.com/guidelines" title="theme by meliapond"><img src="http://i1073.photobucket.com/albums/w391/baskervillles/th_13.png" /></a>
  666.  
  667. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  668.  
  669. </div>
  670.  
  671.  
  672.  
  673.  
  674.  
  675. <div id="speechbubble">
  676. <div id="triangle"><big><big><big><big><big><big><big>◀</big></big></big></big></big></big></big>
  677. </div>
  678.  
  679.  
  680. <div id="sherlockholmes"><div id="title">{Title}</div><div class="description">
  681.  
  682. {block:Description}{Description}{/block:Description}</div></div>
  683.  
  684. </div>
  685.  
  686. </div>
  687.  
  688. <br>
  689.  
  690.  
  691.  
  692. </div>
  693.  
  694.  
  695.  
  696.  
  697.  
  698. <div id="entries">
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705. {block:Posts}
  706.  
  707.  
  708.  
  709.  
  710. <div class="post">
  711.  
  712.  
  713.  
  714. <div id=information>
  715. <div class="ibottom"><div align='center'>{block:Date}{TimeAgo}{/block:Date} · <a href="{Permalink}">{NoteCountWithLabel}</a><div class="origin">{block:RebloggedFrom} · <a href="{ReblogParentURL}"
  716. title="{ReblogParentName}">via</a> · <a href="{ReblogRootURL}"title="{ReblogRootName}">©</a>{/block:RebloggedFrom}</div></div></div>
  717.  
  718. </div>
  719.  
  720.  
  721. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  722.  
  723. {block:Photo}
  724. {block:IndexPage}
  725. <div id="postbody">
  726. <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a></div></center>
  727. {/block:IndexPage}
  728. {block:PermalinkPage}
  729. <div id="postbox">
  730. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  731. </div>
  732. {/block:PermalinkPage}
  733. {/block:Photo}
  734.  
  735. {block:Photoset}{Photoset-500}{/block:Photoset}
  736.  
  737. {block:Quote}
  738. <div class="qquote">{Quote}</div>
  739. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}
  740. {/block:Quote}
  741.  
  742. {block:Link}
  743. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  744. {block:Description}{Description}{/block:Description}
  745. {/block:Link}
  746.  
  747. {block:Chat}
  748. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  749. <div class="chat"><ul>{block:Lines}
  750. <li class="person{UserNumber}">{block:Label}
  751. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  752. {/block:Chat}
  753.  
  754. {block:Audio}
  755. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  756. {AudioPlayerGrey}
  757. <div class="icap">{block:Caption}{Caption}{/block:Caption}</div>
  758. {/block:Audio}
  759.  
  760. {block:Video}{Video-500}{/block:Video}
  761.  
  762. {block:Answer}
  763. <div id="question">
  764. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker} asked:</div>
  765. <div class="q">{Question}</div>
  766. </div>
  767. <div class="a">{Answer}</div>
  768. {/block:Answer}
  769.  
  770. <div class="cap">
  771. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  772. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  773. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  774. </div>
  775.  
  776.  
  777. <div id="information"><div align='center'>{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  778. </div>
  779. </div>
  780. </div>
  781.  
  782.  {/block:Posts}
  783. {block:PostNotes}
  784. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  785. {/block:PostNotes}
  786.  
  787. </div>
  788.  
  789.  
  790.  
  791.  
  792.  
  793.  
  794. </div>
  795.  
  796.  
  797. </html>
create a new version of this paste RAW Paste Data