API tools faq
paste
baskervillles

theme 10

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