baskervillles

theme 09

Sep 28th, 2012
6,995
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.28 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. }
  85.  
  86.  
  87. a {
  88. color:{color:link};
  89. text-decoration:none;
  90. -webkit-transition: all 0.3s ease-in-out;
  91. -moz-transition: all 0.3s ease-in-out;
  92. transition: all 0.3s ease-in-out;
  93. }
  94.  
  95.  
  96. a:hover {
  97. color:{color:background};
  98. -webkit-transition: all 0.3s ease-in-out;
  99. -moz-transition: all 0.3s ease-in-out;
  100. transition: all 0.3s ease-in-out;
  101. }
  102.  
  103.  
  104. img {
  105. border:none;
  106. -webkit-transition: all 0.5s ease-in-out;
  107. -moz-transition: all 0.5s ease-in-out;
  108. transition: all 0.5s ease-in-out;
  109. }
  110.  
  111. img:hover {
  112. opacity:.8;
  113. -webkit-transition: all 0.5s ease-in-out;
  114. -moz-transition: all 0.5s ease-in-out;
  115. transition: all 0.5s ease-in-out;
  116. }
  117.  
  118.  
  119. .symbols {
  120. font-family:WebSymbolsRegular;
  121. font-size: 8px;
  122. }
  123.  
  124.  
  125. blockquote {
  126. border-left:1px {color:body} solid;
  127. padding-left:5px;
  128. margin:0px 2px 0px 15px
  129. }
  130.  
  131.  
  132. #h1{
  133. font-family:consolas;
  134. font-size: 14px;
  135. }
  136.  
  137.  
  138. #entries {
  139. margin-top:50px;
  140. }
  141.  
  142.  
  143. #post {
  144. width:500px;
  145. margin-bottom:20px;
  146. margin-left:520px;
  147. }
  148.  
  149.  
  150. #notes {
  151. list-style:none;
  152. margin-left:-35px;
  153. }
  154.  
  155.  
  156. ol.notes li.note {
  157. padding:1px;
  158. list-style: none;
  159. border-bottom: dotted 1px;
  160. border-color:{color:border};
  161. }
  162.  
  163.  
  164. ol.notes li.note img.avatar {
  165. vertical-align:-8px;
  166. margin-right:0px;
  167. width:16px;
  168. height:16px;
  169. }
  170.  
  171.  
  172. #notes img {
  173. margin-bottom:0px;
  174. padding:3px;
  175. }
  176.  
  177.  
  178. #information {
  179. text-align:center;
  180. padding-top:3px;
  181. text-transform:uppercase;
  182. border-top: 1px solid;
  183. border-color:{color:border};
  184. padding-left:4px;
  185. -webkit-transition: all 0.5s ease-in-out;
  186. -moz-transition: all 0.5s ease-in-out;
  187. transition: all 0.5s ease-in-out;
  188. }
  189.  
  190.  
  191.  
  192. #tags {
  193. padding-left:4px;
  194. text-align:center;
  195. margin-top:1px;
  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. font-size:13px;
  225. margin-bottom:10px;
  226. padding-top:5px;
  227. }
  228.  
  229.  
  230. #askerimg {
  231. float:left;
  232. margin-right:5px;
  233. margin-top:-5px;
  234. }
  235.  
  236.  
  237. #askerimg img {
  238. border:3px solid;
  239. border-color:{color:border};
  240. }
  241.  
  242.  
  243. #question {
  244. margin-left:5px;
  245. margin-top:-3px;
  246. }
  247.  
  248.  
  249. #answer {
  250. margin-top:10px;
  251. margin-bottom:-5px;
  252. }
  253.  
  254.  
  255. #credit {
  256. position:fixed;
  257. width:80px;
  258. right:3px;
  259. bottom:3px;
  260. font:10px trebuchet ms;
  261. text-transform:uppercase;
  262. }
  263.  
  264.  
  265. #sidebar {
  266. width:210px;
  267. position:fixed;
  268. left:230px;
  269. top:150px;
  270. }
  271.  
  272.  
  273. #title {
  274. font-family:consolas;
  275. text-align:center;
  276. font-size:11px;
  277. position:absolute;
  278. width:210px;
  279. color:{color:title};
  280. margin-top:14px;
  281. letter-spacing: 2px;
  282. z-index:-1;
  283. -webkit-transition: all 0.3s ease-in-out;
  284. -moz-transition: all 0.3s ease-in-out;
  285. transition: all 0.3s ease-in-out;
  286. }
  287.  
  288. #sidebar:hover #title {
  289. opacity:0;
  290. }
  291.  
  292.  
  293. #sidebarimage {
  294. width: 200px;
  295. height: auto;
  296. text-align:center;
  297. opacity:1;
  298. margin-top:-2px;
  299. -webkit-transition: all 0.5s ease-in-out;
  300. -moz-transition: all 0.5s ease-in-out;
  301. transition: all 0.5s ease-in-out;
  302. }
  303.  
  304.  
  305.  
  306. #sidebarimage img{
  307. width: 200px;
  308. border: 5px solid;
  309. border-color:{color:border};
  310. height: auto;
  311. text-align:center;
  312. }
  313.  
  314.  
  315. #sidebarlinks {
  316. text-align:center;
  317. font-family:consolas;
  318. margin-top:5px;
  319. padding-bottom:7px;
  320. padding-top:8px;
  321. opacity:0;
  322. z-index:9999;
  323. -webkit-transition: all 0.5s ease-in-out;
  324. -moz-transition: all 0.5s ease-in-out;
  325. transition: all 0.5s ease-in-out;
  326. }
  327.  
  328.  
  329.  
  330.  
  331. #sidebarlinks a{
  332. display: inline;
  333. color:{color:Sidebar Links};
  334. text-align: center;
  335. width: 240px;
  336. padding: 3px 3px 0px 0;
  337. margin-bottom: 6px;
  338. text-transform: uppercase;
  339. -webkit-transition: all 0.3s ease-in-out;
  340. -moz-transition: all 0.3s ease-in-out;
  341. transition: all 0.3s ease-in-out;
  342. }
  343.  
  344.  
  345.  
  346.  
  347. #sidebarlinks a:hover{
  348. opacity:.5;
  349. -webkit-transition: all 0.3s ease-in-out;
  350. -moz-transition: all 0.3s ease-in-out;
  351. transition: all 0.3s ease-in-out;
  352. }
  353.  
  354. #sidebar:hover #sidebarlinks {
  355. opacity:1;
  356. }
  357.  
  358.  
  359. #description {
  360. text-align:center;
  361. padding-top: 3px;
  362. margin-top:4px;
  363. }
  364.  
  365. #description a:hover {
  366. color:{color:sidebar};
  367. -webkit-transition: all 0.3s ease-in-out;
  368. -moz-transition: all 0.3s ease-in-out;
  369. transition: all 0.3s ease-in-out;
  370. }
  371.  
  372. #pagination {
  373. margin-top: 10px;
  374. text-align: center;
  375. line-height: 20px;
  376. font-family:'calibri';
  377. font-size: 11px;
  378. }
  379.  
  380. #pagination a {
  381. background-color:{color:border};
  382. padding:0px 3px 0px 3px;
  383. color:{color:text};
  384. }
  385.  
  386. #pagination a:hover {
  387. color:{color:text};
  388. background-color:transparent;
  389. }
  390.  
  391. {CustomCSS}</style></head><body>
  392.  
  393.  
  394. <div id="sidebar">
  395. <div id="title"><font color="{color:title}">{Title}</font></div>
  396. <div id="sidebarlinks">
  397. {block:HasPages}{block:Pages}
  398. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  399. <a href="/">home</a>&nbsp;
  400. <a href="/ask">mssg</a>&nbsp;
  401. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}&nbsp;
  402. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}&nbsp;
  403. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  404. </div>
  405. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  406. <div id="description">{block:Description}{Description}{/block:Description}
  407. </div>
  408.  
  409. <div id="pagination">
  410. {block:PreviousPage}<font face="georgia"><a href="{PreviousPage}">←</a></font>{/block:PreviousPage}&nbsp;
  411. {block:JumpPagination length="5"}
  412. {block:CurrentPage}
  413. <span class="jumppag">{PageNumber}</span>&nbsp;
  414. {/block:CurrentPage}
  415. {block:JumpPage}
  416. <a class="jumppaglink" href="{URL}">{PageNumber}</a>&nbsp;
  417. {/block:JumpPage}
  418. {/block:JumpPagination}
  419. {block:NextPage}<font face="georgia"><a href="{NextPage}">→</a></font>{/block:NextPage}
  420. </div>
  421.  
  422.  
  423. </div>
  424.  
  425. <div id="credit"><a target="blank"href="http://meliapond.tumblr.com/guidelines"><font color="{color:text}">© meliapond</a></font></div>
  426.  
  427.  
  428. <div id="entries">{block:Posts}<div id="post">
  429.  
  430. {block:Text}{block:Title}<div id="h1">{Title}</div>{/block:Title}{Body}{/block:Text}
  431.  
  432. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  433.  
  434. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  435.  
  436. {block:Quote}<div id="quote">{Quote}</div>{block:Source}<div id="quotesource"> —{Source}</div>{/block:Source}{/block:Quote}
  437.  
  438. {block:Link}<div id="h1"><t><a href="{URL}" {Target}>{Name}</a></t></div><Br>{block:Description}{Description}{/block:Description}{/block:Link}
  439.  
  440. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  441.  
  442. {block:Audio}{AudioPlayerGrey}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  443.  
  444. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  445.  
  446. {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}
  447.  
  448.  
  449. <div id="information">
  450. {block:Date}{TimeAgo}{/block:Date}&nbsp;&nbsp;-&nbsp;<a href="{Permalink}">
  451. {NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{ReblogParentURL}"
  452. title="{ReblogParentName}">via</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{ReblogRootURL}"title="{ReblogRootName}">©</a>{/block:RebloggedFrom}
  453. </div>
  454.  
  455. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}"><span class="symbols">,</span> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  456.  
  457. {block:PostNotes}
  458. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  459. {/block:PostNotes}
  460. </div>{/block:Posts}
  461.  
  462. </div>
  463.  
  464. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment