API tools faq
paste
baskervillles

theme 08

baskervillles
Sep 18th, 2012
7,931
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.48 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. <meta name="color:Text" content="#8a8989"/>
  24. <meta name="color:Title" content="#a0a0a0"/>
  25. <meta name="color:border" content="#f0f1f1"/>
  26. <meta name="color:SideLink Text" content="#fff"/>
  27. <meta name="color:SideLink Text Hover" content="#fff"/>
  28. <meta name="color:SideLink Background" content="#b6b5b5"/>
  29. <meta name="color:SideLink Background Hover" content="#dbdbdb"/>
  30. <meta name="color:Link" content="#b1b1b1"/>
  31. <meta name="color:Link Hover" content="#9dbdbdb"/>
  32. <meta name="color:Info" content="#f0f1f1"/>
  33. <meta name="color:Scrollbar" content="#b6b5b5"/>
  34. <meta name="color:Chat 1" content="#FFf"/>
  35. <meta name="color:Chat 2" content="#FFf"/>
  36.  
  37. <meta name="image:sidebar" content=""/>
  38.  
  39. <meta name="text:sidebar image height" content="200" />
  40.  
  41. <meta name="text:Link1" content="" />
  42. <meta name="text:Link1 Title" content="" />
  43. <meta name="text:Link2" content="" />
  44. <meta name="text:Link2 Title" content="" />
  45. <meta name="text:Link3" content="" />
  46. <meta name="text:Link3 Title" content="" />
  47. <meta name="text:Link4" content="" />
  48. <meta name="text:Link4 Title" content="" />
  49.  
  50.  
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56. ::-webkit-scrollbar {height: auto;width: 7px;}
  57. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  58. ::-webkit-scrollbar-track{background-color:{color:background};}
  59.  
  60.  
  61. @font-face {
  62. font-family: 'Oleo Script';
  63. font-style: normal;
  64. font-weight: 400;
  65. src: local('Oleo Script'), local('OleoScript-Regular'), url('http://themes.googleusercontent.com/static/fonts/oleoscript/v1/_weQNDK6Uf40CiGFKBBUjobN6UDyHWBl620a-IRfuBk.woff') format('woff');
  66. }
  67.  
  68.  
  69. body {
  70. background-color:{color:background};
  71. color:{color:Text};
  72. font-family:calibri;
  73. font-size:11px;
  74. }
  75.  
  76.  
  77.  
  78. a {
  79. color:{color:Link};
  80. text-decoration: none;
  81. -webkit-transition: all 0.4s ease-in-out;
  82. -moz-transition: all 0.4s ease-in-out;
  83. transition: all 0.4s ease-in-out;
  84. }
  85.  
  86.  
  87. a:hover {
  88. color:{color:Link Hover};
  89. -webkit-transition: all 0.4s ease-in-out;
  90. -moz-transition: all 0.4s ease-in-out;
  91. transition: all 0.4s ease-in-out;
  92. }
  93.  
  94.  
  95. p{
  96. margin-top: 1px
  97. }
  98.  
  99.  
  100. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  101.  
  102.  
  103.  
  104. #entries{
  105. margin-left: 490px;
  106. margin-top:20px;
  107. width:500px;
  108. }
  109.  
  110.  
  111.  
  112. .posts{
  113. background-color: transparent;
  114. padding: 20px 0 0 0;
  115. font-style:normal;
  116. }
  117.  
  118.  
  119.  
  120. #credit {
  121. position:fixed;
  122. right:3px;
  123. bottom:3px;
  124. line-height:5px;
  125. letter-spacing:0px;
  126. font:10px trebuchet ms;
  127. color: {color:text};
  128. text-transform:uppercase;
  129. }
  130.  
  131.  
  132.  
  133. h1{
  134. font-family:'Oleo Script';
  135. font-size: 15px;
  136. font-weight:none;
  137. }
  138.  
  139.  
  140. .qquote{
  141. font-family: 'Oleo Script';
  142. font-size: 15px;
  143. font-weight:none;
  144. margin-left: 0px;
  145. }
  146.  
  147.  
  148.  
  149. .qsource{
  150. margin: 5px 0px 0 20px;
  151. text-align: left;
  152. text-transform: none;
  153. }
  154.  
  155.  
  156. .chat{
  157. line-height: 12px;
  158. list-style: none;
  159. font-color:#000000;
  160. }
  161.  
  162.  
  163.  
  164.  
  165. .chat ul {
  166. line-height: 15px;
  167. list-style: none;
  168. padding: 0px;
  169. line-height: 20px;
  170. }
  171.  
  172.  
  173.  
  174.  
  175. .person1 {
  176. color:{color:Text};
  177. background-color:{color:Chat 1};
  178. }
  179.  
  180.  
  181.  
  182.  
  183. .person1 .label {
  184. font-weight: bold;
  185. padding: 0px;
  186. margin-left:
  187. 5px; color:
  188. }
  189.  
  190.  
  191.  
  192.  
  193. .person2 {
  194. color:{color:Text};
  195. background-color:{color:Chat 2};
  196. }
  197.  
  198.  
  199.  
  200.  
  201. .person2 .label {
  202. font-weight: bold;
  203. padding: 0px;
  204. margin-left: 5px;
  205. color: }
  206.  
  207.  
  208.  
  209.  
  210.  
  211. .iaudio {
  212. margin-bottom: 2px;
  213. width: 100%;
  214. background-color: #transparent}
  215.  
  216.  
  217.  
  218.  
  219. .iaudio img
  220. {width: 208px;
  221. padding: 20px 0 0px 0
  222. }
  223.  
  224.  
  225.  
  226.  
  227. .icap{
  228. margin-top: 1px
  229. }
  230.  
  231.  
  232.  
  233. #ask {
  234. border-bottom:1px dashed;
  235. padding-bottom:5px;
  236. }
  237.  
  238.  
  239. #asker {
  240. font-family:"oleo script";
  241. font-size:18px;
  242. }
  243.  
  244.  
  245. #askerimg {
  246. float:left;
  247. margin-right:5px;
  248. border:3px solid;
  249. border-color:{color:info};
  250. margin-top:-5px;
  251. }
  252.  
  253.  
  254. #question {
  255. margin-left:5px;
  256. margin-top:-3px;
  257. }
  258.  
  259.  
  260. #answer {
  261. margin-top:10px;
  262. margin-bottom:-5px;
  263. }
  264.  
  265.  
  266.  
  267. .cap {
  268. padding-top: 5px;
  269. width: 500px;
  270. }
  271.  
  272.  
  273.  
  274. #information {
  275. text-align:right;
  276. text-transform:uppercase;
  277. font-family:calibri;
  278. font-size:9px;
  279. background-color:{color:info};
  280. padding: 3px;
  281. }
  282.  
  283.  
  284. #tags {
  285. display:block;
  286. padding-top: 0px;
  287. width:100px;
  288. position:absolute;
  289. margin-left:495px;
  290. opacity:0;
  291. text-align: left;
  292. padding-left:3px;
  293. -webkit-transition: all 0.4s ease-in-out;
  294. -moz-transition: all 04s ease-in-out;
  295. transition: all 0.4s ease-in-out;
  296. }
  297.  
  298.  
  299.  
  300. .posts:hover #tags{
  301. opacity:1;
  302. margin-top:0px;
  303. margin-left:505px;
  304. }
  305.  
  306.  
  307. #notes {
  308. list-style:none;
  309. margin-left:-35px;
  310. }
  311.  
  312.  
  313. ol.notes li.note {
  314. padding:2px;
  315. list-style: none;
  316. }
  317.  
  318.  
  319. ol.notes li.note img.avatar {
  320. vertical-align:-8px;
  321. margin-right:0px;
  322. width:16px;
  323. height:16px;
  324. }
  325.  
  326.  
  327.  
  328. #notes img {
  329. margin-bottom:0px;
  330. border:2px solid;
  331. border-color:{color:info};
  332. margin-right:2px;
  333. }
  334.  
  335.  
  336.  
  337. #sherlockholmes {
  338. position: fixed;
  339. padding-top:10px;
  340. padding-bottom:10px;
  341. float:right;
  342. width:120px;
  343. font-size: 9px;
  344. text-align: center;
  345. margin-left:90px;
  346. letter-spacing: 1px;
  347. height:{text:sidebar image height}px;
  348. z-index:-1;
  349. border-right:10px solid;
  350. border-color:{color:border};
  351. -webkit-transition: all 0.7s ease-in-out;
  352. -moz-transition: all 0.7s ease-in-out;
  353. transition: all 0.7s ease-in-out;
  354. }
  355.  
  356. #sidebar:hover #sherlockholmes{
  357. margin-left:210px;
  358. }
  359.  
  360.  
  361. #sidebar{
  362. width: 220px;
  363. background-color: {color:background};
  364. position: fixed;
  365. z-index:1;
  366. margin: 70px 0px 0px 150px
  367. }
  368.  
  369.  
  370.  
  371. #title {
  372. font-family: 'oleo script';
  373. font-size:20px;
  374. color:{color:Title};
  375. margin-top:0px;
  376. margin-bottom: -33px;
  377. letter-spacing:1px;
  378. text-align:center;
  379. position:relative;
  380. }
  381.  
  382.  
  383. .sidebardescr{
  384. font-family:georgia;
  385. font-size:9px;
  386. margin:10px 10px 0px 10px;
  387. text-align: center;
  388. }
  389.  
  390.  
  391. .sidebarimg img{
  392. width: 200px;
  393. height: auto;
  394. border-top: 10px solid;
  395. border-bottom: 10px solid;
  396. border-left: 10px solid;
  397. border-color:{color:border};
  398. padding: 0px 0px 0px 0px;
  399. text-align:center;
  400. }
  401.  
  402.  
  403.  
  404.  
  405. .sidebarlinks {
  406. margin-top: 22px;
  407. margin-left: 25px;
  408. font-family:consolas;}
  409.  
  410.  
  411.  
  412.  
  413. .sidebarlinks a{
  414. font-size: 9px;
  415. display: block;
  416. text-transform:uppercase;
  417. color:{color:SideLink Text};
  418. background-color:{color:SideLink Background};
  419. width: 70px;
  420. padding-top: 6px;
  421. padding-bottom: 6px;
  422. margin-bottom:5px;
  423. -webkit-transition: all 0.4s ease-in-out;
  424. -moz-transition: all 0.4s ease-in-out;
  425. transition: all 0.4s ease-in-out;
  426. }
  427.  
  428.  
  429.  
  430.  
  431. .sidebarlinks a:hover{
  432. background-color: {color:SideLink Background hover};
  433. color: {color:SideLink Text Hover};
  434. padding-left:10px;
  435. padding-right:10px;
  436. margin-left:-10px;
  437. -webkit-transition: all 0.4s ease-in-out;
  438. -moz-transition: all 0.4s ease-in-out;
  439. transition: all 0.4s ease-in-out;
  440. }
  441.  
  442.  
  443. #pagination {
  444. margin-top: 10px;
  445. text-align: center;
  446. line-height: 20px;
  447. font-family:'calibri';
  448. font-size: 11px;
  449. }
  450.  
  451. #pagination a {
  452. background-color:{color:border};
  453. padding:0px 3px 0px 3px;
  454. color:{color:text};
  455. }
  456.  
  457. #pagination a:hover {
  458. color:{color:text};
  459. background-color:transparent;
  460. }
  461.  
  462.  
  463. {CustomCSS}
  464.  
  465. </style>
  466.  
  467.  
  468.  
  469. <body>
  470.  
  471.  
  472.  
  473.  
  474. <div id="sidebar">
  475. <br>
  476. <div id="title">{Title}</div><br><br>
  477.  
  478.  
  479. <div id="sherlockholmes"><div class="sidebarlinks">
  480.  
  481. {block:HasPages}{block:Pages}
  482.  
  483. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  484. <a href="/">refresh</a>
  485. <a href="/ask">message</a> {/block:ifLink2}
  486. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a> {/block:ifLink1}
  487. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  488. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  489. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  490. </div></div>
  491.  
  492.  
  493.  
  494.  
  495. <div class="sidebarimg"><img
  496.  
  497. src="{image:sidebar}"/></div>
  498.  
  499.  
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506. <div class="sidebardescr">
  507.  
  508.  
  509. {block:Description}{Description}{/block:Description}</div>
  510.  
  511.  
  512.  
  513. <div id="pagination">
  514. {block:PreviousPage}<font face="georgia"><a href="{PreviousPage}">←</a></font>{/block:PreviousPage}&nbsp;
  515. {block:JumpPagination length="5"}
  516. {block:CurrentPage}
  517. <span class="jumppag">{PageNumber}</span>&nbsp;
  518. {/block:CurrentPage}
  519. {block:JumpPage}
  520. <a class="jumppaglink" href="{URL}">{PageNumber}</a>&nbsp;
  521. {/block:JumpPage}
  522. {/block:JumpPagination}
  523. {block:NextPage}<font face="georgia"><a href="{NextPage}">→</a></font>{/block:NextPage}
  524. </div>
  525.  
  526.  
  527. <br>
  528.  
  529.  
  530.  
  531. </div>
  532.  
  533.  
  534.  
  535. <div id="credit"><a target="blank"href="http://meliapond.tumblr.com/guidelines"><font color="{color:text}">© meliapond</a></font></div>
  536.  
  537.  
  538.  
  539. <div id="entries">
  540.  
  541.  
  542. {block:Posts}
  543.  
  544.  
  545. <div class="posts">
  546.  
  547.  
  548. <div id ="tags">{block:HasTags}<b>tagged as:</b><br>{block:Tags} #<a href="{TagURL}">{Tag}</a><br> {/block:Tags}{/block:HasTags}
  549.  
  550. </div>
  551.  
  552.  
  553.  
  554. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  555.  
  556. {block:Photo}
  557. {block:IndexPage}
  558. <div id="postbody">
  559. <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a></div></center>
  560. {/block:IndexPage}
  561. {block:PermalinkPage}
  562. <div id="postbox">
  563. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  564. </div>
  565. {/block:PermalinkPage}
  566. {/block:Photo}
  567.  
  568. {block:Photoset}{Photoset-500}{/block:Photoset}
  569.  
  570. {block:Quote}
  571. <div class="qquote"><big><big>❝</big></big> {Quote} <big><big>❞</big></big></div>
  572. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}
  573. {/block:Quote}
  574.  
  575. {block:Link}
  576. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  577. {block:Description}{Description}{/block:Description}
  578. {/block:Link}
  579.  
  580. {block:Chat}
  581. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  582. <div class="chat"><ul>{block:Lines}
  583. <li class="person{UserNumber}">{block:Label}
  584. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  585. {/block:Chat}
  586.  
  587. {block:Audio}
  588. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  589. {AudioPlayerGrey}
  590. <div class="icap">{block:Caption}{Caption}{/block:Caption}</div>
  591. {/block:Audio}
  592.  
  593. {block:Video}{Video-500}{/block:Video}
  594.  
  595. {block:Answer}<div id="ask"><div id="askerimg"><img src="{AskerPortraitURL-24}"></div><div id="asker">{Asker}</div><br><div id="question">{Question}</div></div><div id="answer">{Answer}</div>{/block:Answer}
  596.  
  597. <div class="cap">
  598. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  599. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  600. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  601.  
  602.  
  603. </div>
  604.  
  605.  
  606. <div id="information">
  607. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a><br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}"
  608. title="{ReblogParentName}">{ReblogParentName}</a>&nbsp;&nbsp;&nbsp;source: <a href="{ReblogRootURL}"title="{ReblogRootName}">{ReblogRootName}</a>{/block:RebloggedFrom}
  609. </div>
  610.  
  611. </div>
  612.  
  613.  
  614. {/block:Posts}
  615. {block:PostNotes}
  616. <div id="notes">{PostNotes}</div>
  617. {/block:PostNotes}
  618.  
  619. </div>
  620.  
  621.  
  622.  
  623.  
  624.  
  625. </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!