baskervillles

theme 15

Apr 23rd, 2014
1,165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.67 KB | None | 0 0
  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. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'>
  22.  
  23.  
  24.  
  25. <script type="text/javascript">
  26. $(window).load(function(){
  27. $("p").remove(":contains('Source:')”);
  28. $("p").remove(":contains('(via')");
  29. });
  30. </script>
  31.  
  32.  
  33. <meta name="color:Background" content="#ffffff"/>
  34.  
  35. <meta name="color:Text" content="#979696"/>
  36.  
  37. <meta name="color:Link" content="#b5b5b5"/>
  38.  
  39. <meta name="color:Title" content="#a3a3a3"/>
  40.  
  41. <meta name="color:Sidebar Links" content="#a5a4a4"/>
  42.  
  43. <meta name="color:Border" content="#acabab"/>
  44.  
  45. <meta name="color:Scrollbar" content="#FF9675"/>
  46.  
  47. <meta name="image:sidebar" content=""/>
  48.  
  49. <meta name="text:Link1" content="" />
  50.  
  51. <meta name="text:Link1 Title" content="" />
  52.  
  53. <meta name="text:Link2" content="" />
  54.  
  55. <meta name="text:Link2 Title" content="" />
  56.  
  57. <meta name="text:Link3" content="" />
  58.  
  59. <meta name="text:Link3 Title" content="" />
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65.  
  66. @font-face {
  67. font-family: 'WebSymbolsRegular';
  68. src: url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf');
  69. }
  70.  
  71.  
  72. ::-webkit-scrollbar {height: auto;width: 7px;}
  73. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  74. ::-webkit-scrollbar-track{background-color:{color:background};}
  75.  
  76.  
  77. body {
  78. background:{color:background};
  79. margin:0px;
  80. color:{color:text};
  81. font-family:Calibri;
  82. font-size:10px;
  83. line-height:100%;
  84. letter-spacing:1px;
  85. }
  86.  
  87.  
  88. a {
  89. color:{color:link};
  90. text-decoration:none;
  91. -webkit-transition: all 0.3s ease-in-out;
  92. -moz-transition: all 0.3s ease-in-out;
  93. transition: all 0.3s ease-in-out;
  94. }
  95.  
  96.  
  97. a:hover {
  98. opacity:.5;
  99. -webkit-transition: all 0.3s ease-in-out;
  100. -moz-transition: all 0.3s ease-in-out;
  101. transition: all 0.3s ease-in-out;
  102. }
  103.  
  104.  
  105. img {
  106. border:none;
  107. -webkit-transition: all 0.5s ease-in-out;
  108. -moz-transition: all 0.5s ease-in-out;
  109. transition: all 0.5s ease-in-out;
  110. }
  111.  
  112.  
  113.  
  114. .symbols {
  115. font-family:WebSymbolsRegular;
  116. font-size: 8px;
  117. }
  118.  
  119.  
  120. blockquote {
  121. border-left:1px {color:body} solid;
  122. padding-left:5px;
  123. margin:0px 2px 0px 15px
  124. }
  125.  
  126.  
  127. #h1{
  128. font-family:consolas;
  129. font-size: 14px;
  130. }
  131.  
  132.  
  133. #entries {
  134. margin-top:50px;
  135. }
  136.  
  137.  
  138. #post {
  139. width:500px;
  140. margin-bottom:20px;
  141. margin-left:520px;
  142. }
  143.  
  144.  
  145. #notes {
  146. list-style:none;
  147. margin-left:-35px;
  148. }
  149.  
  150.  
  151. ol.notes li.note {
  152. padding:1px;
  153. list-style: none;
  154. border-bottom: dotted 1px;
  155. border-color:{color:border};
  156. }
  157.  
  158.  
  159. ol.notes li.note img.avatar {
  160. vertical-align:-8px;
  161. margin-right:0px;
  162. width:16px;
  163. height:16px;
  164. }
  165.  
  166.  
  167. #notes img {
  168. margin-bottom:0px;
  169. padding:3px;
  170. }
  171.  
  172.  
  173. #information {
  174. text-align:center;
  175. font-family:consolas;
  176. padding-top:3px;
  177. font-size:8px;
  178. text-transform:uppercase;
  179. border-top: 1px solid;
  180. border-color:{color:border};
  181. padding-left:4px;
  182. -webkit-transition: all 0.5s ease-in-out;
  183. -moz-transition: all 0.5s ease-in-out;
  184. transition: all 0.5s ease-in-out;
  185. }
  186.  
  187.  
  188.  
  189. #tags {
  190. padding-left:4px;
  191. font-size:9px;
  192. font-family:consolas;
  193. text-align:center;
  194. margin-top:1px;
  195. padding-bottom:20px;
  196. -webkit-transition: all 0.5s ease-in-out;
  197. -moz-transition: all 0.5s ease-in-out;
  198. transition: all 0.5s ease-in-out;
  199. }
  200.  
  201.  
  202. #quote {
  203. font-size:14px;
  204. font-style:italic;
  205. padding-bottom:5px;
  206. }
  207.  
  208.  
  209. #quotesource {
  210. padding-bottom:10px;
  211. }
  212.  
  213.  
  214. #ask {
  215. border-bottom:1px dotted;
  216. border-color: {color:border};
  217. padding-bottom:5px;
  218. }
  219.  
  220.  
  221. #asker {
  222. font-family:"consolas";
  223. letter-spacing:2px;
  224. text-transform:uppercase;
  225. font-size:10px;
  226. margin-bottom:3px;
  227. padding-top:5px;
  228. }
  229.  
  230.  
  231. #askerimg {
  232. float:left;
  233. margin-right:5px;
  234. margin-top:-5px;
  235. }
  236.  
  237.  
  238.  
  239. #question {
  240. margin-left:5px;
  241. font-size:9px;
  242. font-family:consolas;
  243. }
  244.  
  245.  
  246. #answer {
  247. margin-top:10px;
  248. margin-bottom:0px;
  249. }
  250.  
  251.  
  252. #credit {
  253. position:fixed;
  254. width:80px;
  255. right:3px;
  256. bottom:10px;
  257. font:9px consolas;
  258. letter-spacing:2px;
  259. text-transform:uppercase;
  260. }
  261.  
  262.  
  263. #sidebar {
  264. width:225px;
  265. position:fixed;
  266. left:230px;
  267. top:150px;
  268. }
  269.  
  270.  
  271. #title {
  272. font-family:consolas;
  273. text-align:center;
  274. font-size:10px;
  275. width:228px;
  276. text-transform: uppercase;
  277. color:{color:title};
  278. margin-top:14px;
  279. letter-spacing: 2px;
  280. -webkit-transition: all 0.3s ease-in-out;
  281. -moz-transition: all 0.3s ease-in-out;
  282. transition: all 0.3s ease-in-out;
  283. }
  284.  
  285.  
  286.  
  287.  
  288. #sidebarimage {
  289. width: 200px;
  290. height: auto;
  291. text-align:center;
  292. opacity:1;
  293. margin-top:4px;
  294. margin-left:10px;
  295. -webkit-transition: all 0.5s ease-in-out;
  296. -moz-transition: all 0.5s ease-in-out;
  297. transition: all 0.5s ease-in-out;
  298. }
  299.  
  300.  
  301.  
  302. #sidebarimage img{
  303. width: 200px;
  304. border:1px solid;
  305. border-color:#ddd;
  306. padding:3px;
  307. height: auto;
  308. text-align:center;
  309. }
  310.  
  311.  
  312. #sidebarlinks {
  313. text-align:center;
  314. font-family:consolas;
  315. font-size:8px;
  316. width:225px;
  317. margin-top:-2px;
  318. margin-bottom:0px;
  319. padding-top:8px;
  320. padding-bottom: 8px;
  321. padding-left:2px;
  322. position:absolute;
  323. letter-spacing:1;
  324. background-color:#e8e8e8;
  325. -webkit-transition: all 0.5s ease-in-out;
  326. -moz-transition: all 0.5s ease-in-out;
  327. transition: all 0.5s ease-in-out;
  328. }
  329.  
  330.  
  331.  
  332.  
  333. #sidebarlinks a{
  334. display: inline;
  335. color:{color:Sidebar Links};
  336. text-align: center;
  337. width: 240px;
  338. background-color:#ffffff;
  339. padding: 3px 3px 2px 4px;
  340. margin-bottom: 6px;
  341. text-transform: uppercase;
  342. -webkit-transition: all 0.3s ease-in-out;
  343. -moz-transition: all 0.3s ease-in-out;
  344. transition: all 0.3s ease-in-out;
  345. }
  346.  
  347.  
  348.  
  349.  
  350. #sidebarlinks a:hover{
  351. opacity:.5;
  352. -webkit-transition: all 0.3s ease-in-out;
  353. -moz-transition: all 0.3s ease-in-out;
  354. transition: all 0.3s ease-in-out;
  355. }
  356.  
  357.  
  358.  
  359. #description {
  360. text-align:center;
  361. margin-top:40px;
  362. width:130px;
  363. position:absolute;
  364. margin-left:41px;
  365. padding:8 8 8 8;
  366. letter-spacing:1px;
  367. font-family:consolas;
  368. font-size:9px;
  369. background-color:#ffffff;
  370. opacity:.1;
  371. -webkit-transition: all 0.6s ease-in-out;
  372. -moz-transition: all 0.6s ease-in-out;
  373. transition: all 0.6s ease-in-out;
  374. }
  375.  
  376. #description:hover {
  377. opacity:.8;
  378. -webkit-transition: all 0.6s ease-in-out;
  379. -moz-transition: all 0.6s ease-in-out;
  380. transition: all 0.6s ease-in-out;
  381. }
  382.  
  383.  
  384.  
  385. #pagination {
  386. margin-top: 10px;
  387. text-align: center;
  388. line-height: 20px;
  389. font-family:'calibri';
  390. font-size: 10px;
  391. }
  392.  
  393. #pagination a {
  394. font-family:consolas;
  395. padding:0px 3px 0px 3px;
  396. color:{color:text};
  397. }
  398.  
  399.  
  400. #pagination a:hover {
  401. opacity:.5;
  402. }
  403.  
  404.  
  405. {CustomCSS}</style></head><body>
  406.  
  407.  
  408. <div id="sidebar">
  409. <div id="title"><font color="{color:title}">{Title}</font></div>
  410. <div id="description">{block:Description}{Description}{/block:Description}
  411. </div>
  412. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  413. <div id="sidebarlinks">
  414. {block:HasPages}{block:Pages}
  415. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  416. <a href="/">home</a>&nbsp;
  417. <a href="/ask">mssg</a>&nbsp;
  418. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}&nbsp;
  419. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}&nbsp;
  420. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}&nbsp;
  421. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  422. </div>
  423.  
  424. <div id="pagination">
  425. {block:PreviousPage}<font face="georgia"><a href="{PreviousPage}">←</a></font>{/block:PreviousPage}&nbsp;
  426. {block:JumpPagination length="5"}
  427. {block:CurrentPage}
  428. <span class="jumppag">{PageNumber}</span>&nbsp;
  429. {/block:CurrentPage}
  430. {block:JumpPage}
  431. <a class="jumppaglink" href="{URL}">{PageNumber}</a>&nbsp;
  432. {/block:JumpPage}
  433. {/block:JumpPagination}
  434. {block:NextPage}<font face="georgia"><a href="{NextPage}">→</a></font>{/block:NextPage}
  435. </div>
  436.  
  437.  
  438. </div>
  439.  
  440. <div id="credit"><a target="blank"href="http://meliapond.tumblr.com/guidelines"><font color="{color:text}">© meliapond</a></font></div>
  441.  
  442.  
  443. <div id="entries">{block:Posts}<div id="post">
  444.  
  445. {block:Text}{block:Title}<div id="h1">{Title}</div>{/block:Title}{Body}{/block:Text}
  446.  
  447. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  448.  
  449. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  450.  
  451. {block:Quote}<div id="quote">{Quote}</div>{block:Source}<div id="quotesource"> —{Source}</div>{/block:Source}{/block:Quote}
  452.  
  453. {block:Link}<div id="h1"><t><a href="{URL}" {Target}>{Name}</a></t></div><Br>{block:Description}{Description}{/block:Description}{/block:Link}
  454.  
  455. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  456.  
  457. {block:Audio}{AudioPlayerGrey}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  458.  
  459. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  460.  
  461. {block:Answer}<div id="ask"><div id="askerimg"><img src="{AskerPortraitURL-24}"></div><div id="asker">{Asker} <small>asked:</small></div><br><div id="question">{Question}</div></div><div id="answer">{Answer}</div>{/block:Answer}
  462.  
  463.  
  464. <div id="information">
  465. {block:Date}{TimeAgo}{/block:Date}&nbsp;&nbsp;-&nbsp;<a href="{Permalink}">
  466. {NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{ReblogParentURL}"
  467. title="{ReblogParentName}">via</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{ReblogRootURL}"title="{ReblogRootName}"><big>©</big></a>{/block:RebloggedFrom}
  468. </div>
  469.  
  470. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}"><span class="symbols">,</span> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  471.  
  472. {block:PostNotes}
  473. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  474. {/block:PostNotes}
  475. </div>{/block:Posts}
  476.  
  477. </div>
  478.  
  479. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment