API tools faq
paste
Advertisement
baskervillles

theme 05

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