API tools faq
paste
baskervillles

theme 7

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