API tools faq
paste
baskervillles

theme 12

baskervillles
Jan 24th, 2013
5,910
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.17 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. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  21.  
  22.  
  23. <script type="text/javascript">
  24. $(window).load(function(){
  25. $("p").remove(":contains('Source:')”);
  26. $("p").remove(":contains('(via')");
  27. });
  28. </script>
  29.  
  30.  
  31. <script type="text/javascript"
  32. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  33.  
  34.  
  35. <script type="text/javascript" src="http://static.tumblr.com/z5o2pr2/4jEm2giux/jquery.style-my-tooltip.js"></script>
  36.  
  37. <script type="text/javascript">
  38.  
  39. $().ready(function() {
  40.  
  41. //applies to all elements with title attribute. Change to ".class[title]" to select only elements with specific .class and title
  42.  
  43. $("[title]").style_my_tooltips({
  44.  
  45. tip_follows_cursor: "on", //on/off
  46.  
  47. tip_delay_time: 40 //milliseconds
  48.  
  49. });
  50.  
  51. });
  52.  
  53. </script>
  54.  
  55.  
  56.  
  57. <meta name="color:Background" content="#ffffff"/>
  58.  
  59. <meta name="color:Text" content="#a3a2a2"/>
  60.  
  61. <meta name="color:Link" content="#c4c2c2"/>
  62.  
  63. <meta name="color:Info Border" content="#a7a5a5"/>
  64.  
  65. <meta name="color:Sidebar" content="#6f6f6f"/>
  66.  
  67. <meta name="color:Description" content="#a2a0a0"/>
  68.  
  69. <meta name="color:Title" content="#a8a8a8"/>
  70.  
  71. <meta name="color:Sidebar Links" content="#a5a5a5"/>
  72.  
  73. <meta name="color:Image Border" content="#9b9b9b"/>
  74.  
  75. <meta name="color:Scrollbar" content="#c0c0c0"/>
  76.  
  77. <meta name="image:sidebar" content=""/>
  78.  
  79. <meta name="text:Link1" content="" />
  80.  
  81. <meta name="text:Link1 Title" content="" />
  82.  
  83. <meta name="text:Link2" content="" />
  84.  
  85. <meta name="text:Link2 Title" content="" />
  86.  
  87. <meta name="text:Link3" content="" />
  88.  
  89. <meta name="text:Link3 Title" content="" />
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94.  
  95.  
  96. @font-face {
  97. font-family: 'WebSymbolsRegular';
  98. src: url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf');
  99. }
  100.  
  101.  
  102. ::-webkit-scrollbar {height: auto;width: 7px;}
  103. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  104. ::-webkit-scrollbar-track{background-color:{color:background};}
  105.  
  106.  
  107. body {
  108. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  109. background:#ffffff;
  110. url(‘http://img90.imageshack.us/img90/3152/lightsn.gif’) repeat-x top center;
  111. margin:0px;
  112. color:{color:text};
  113. font-family:Calibri;
  114. font-size:10px;
  115. line-height:100%;
  116. }
  117.  
  118.  
  119. a {
  120. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  121. color:{color:link};
  122. text-decoration:none;
  123. -webkit-transition: all 0.3s ease-in-out;
  124. -moz-transition: all 0.3s ease-in-out;
  125. transition: all 0.3s ease-in-out;
  126. }
  127.  
  128.  
  129. a:hover {
  130. color:{color:background};
  131. -webkit-transition: all 0.3s ease-in-out;
  132. -moz-transition: all 0.3s ease-in-out;
  133. transition: all 0.3s ease-in-out;
  134. }
  135.  
  136.  
  137. img {
  138. border:none;
  139. -webkit-transition: all 0.5s ease-in-out;
  140. -moz-transition: all 05s ease-in-out;
  141. transition: all 0.5s ease-in-out;
  142. }
  143.  
  144. img:hover {
  145. opacity:.8;
  146. -webkit-transition: all 0.5s ease-in-out;
  147. -moz-transition: all 05s ease-in-out;
  148. transition: all 0.5s ease-in-out;
  149. }
  150.  
  151.  
  152. .symbols {
  153. font-family:WebSymbolsRegular;
  154. font-size: 8px;
  155. }
  156.  
  157.  
  158. blockquote {
  159. border-left:1px {color:body} solid;
  160. padding-left:5px;
  161. margin:0px 2px 0px 15px
  162. }
  163.  
  164.  
  165. #h1{
  166. font-family:calibri;
  167. text-transform:uppercase;
  168. letter-spacing:2px;
  169. font-size: 12px;
  170. }
  171.  
  172.  
  173. #s-m-t-tooltip {
  174. position:absolute;
  175. font-size:8px;
  176. letter-spacing:1px;
  177. background-color:#f3f3f3;
  178. border:1px solid;
  179. border-color:#c4c4c4;
  180. padding:3px 5px;
  181. z-index:9999;
  182. display:inline-block;
  183. font-family:calibri, sans-serif;
  184. text-transform:uppercase;
  185. line-height:12px;
  186. color:{color:text};
  187. }
  188.  
  189.  
  190. #entries {
  191. margin-top:50px;
  192. }
  193.  
  194.  
  195. #post {
  196. width:500px;
  197. margin-bottom:40px;
  198. margin-left:540px;
  199. padding:20px;
  200. background-color:#f5f5f5;
  201. }
  202.  
  203.  
  204. #post a:hover {
  205. color:#f5f5f5;
  206. }
  207.  
  208.  
  209. #information {
  210. font-size:8px;
  211. letter-spacing:1px;
  212. text-align:left;
  213. padding-top:4px;
  214. padding-bottom:1px;
  215. margin-top:20px;
  216. text-transform:uppercase;
  217. border-color:{color:info border};
  218. border-left:2px solid;
  219. padding-left:4px;
  220. -webkit-transition: all 0.5s ease-in-out;
  221. -moz-transition: all 05s ease-in-out;
  222. transition: all 0.5s ease-in-out;
  223. background-color:{color:background};
  224. }
  225.  
  226.  
  227. #information:hover {
  228. border-left:7px solid;
  229. -webkit-transition: all 0.5s ease-in-out;
  230. -moz-transition: all 05s ease-in-out;
  231. transition: all 0.5s ease-in-out;
  232. }
  233.  
  234.  
  235. #information a:hover {
  236. color:#fff;
  237. }
  238.  
  239.  
  240. #tags {
  241. font-family:consolas;
  242. letter-spacing:1px;
  243. font-size:9px;
  244. text-transform:none;
  245. border-left:2px solid;
  246. padding-top:1px;
  247. padding-bottom:4px;
  248. border-color:{color:info border};
  249. padding-left:4px;
  250. background-color:{color:background};
  251. -webkit-transition: all 0.5s ease-in-out;
  252. -moz-transition: all 05s ease-in-out;
  253. transition: all 0.5s ease-in-out;
  254. }
  255.  
  256.  
  257. #tags:hover {
  258. border-left:7px solid;
  259. border-color:{color:info border};
  260. -webkit-transition: all 0.5s ease-in-out;
  261. -moz-transition: all 05s ease-in-out;
  262. transition: all 0.5s ease-in-out;
  263. }
  264.  
  265.  
  266. #tags a:hover {
  267. color:#fff;
  268. }
  269.  
  270.  
  271. #quote {
  272. font-size:14px;
  273. font-style:italic;
  274. padding-bottom:5px;
  275. }
  276.  
  277.  
  278. #quotesource {
  279. }
  280.  
  281.  
  282. #ask {
  283. border-bottom:1px dotted;
  284. border-color: {color:border};
  285. padding-bottom:5px;
  286. }
  287.  
  288.  
  289. #asker {
  290. letter-spacing:2px;
  291. text-transform:uppercase;
  292. font-size:10px;
  293. margin-bottom:10px;
  294. padding-top:5px;
  295. }
  296.  
  297.  
  298. #askerimg {
  299. float:left;
  300. margin-right:5px;
  301. margin-top:-5px;
  302. }
  303.  
  304.  
  305. #askerimg img {
  306. }
  307.  
  308.  
  309. #question {
  310. margin-left:5px;
  311. margin-top:-3px;
  312. }
  313.  
  314.  
  315. #answer {
  316. margin-top:10px;
  317. margin-bottom:-5px;
  318. }
  319.  
  320.  
  321. #ads {
  322. position:fixed;
  323. right:0px;
  324. bottom:3px;
  325. }
  326.  
  327.  
  328. #sidebar {
  329. width:350px;
  330. height:100%;
  331. margin-top:-50px;
  332. position:fixed;
  333. background-color:{color:sidebar};
  334. }
  335.  
  336.  
  337. #container {
  338. margin-left:95px;
  339. margin-top:160px;
  340. width:160px;
  341. }
  342.  
  343.  
  344. #title {
  345. font-family:calibri;
  346. text-align:center;
  347. text-transform:uppercase;
  348. font-size:8px;
  349. color:{color:title};
  350. margin-top:13px;
  351. letter-spacing: 2px;
  352. font-weight:bold;
  353. }
  354.  
  355.  
  356. #sidebarimage {
  357. width: 150px;
  358. height: auto;
  359. text-align:center;
  360. opacity:1;
  361. -webkit-transition: all 0.5s ease-in-out;
  362. -moz-transition: all 05s ease-in-out;
  363. transition: all 0.5s ease-in-out;
  364. }
  365.  
  366.  
  367.  
  368. #sidebarimage:hover {
  369. opacity:.8;
  370. -webkit-transition: all 0.5s ease-in-out;
  371. -moz-transition: all 05s ease-in-out;
  372. transition: all 0.5s ease-in-out;
  373. }
  374.  
  375.  
  376.  
  377. #sidebarimage img{
  378. width: 150px;
  379. height: auto;
  380. text-align:center;
  381. border: 5px solid;
  382. border-color:{color:image border};
  383. }
  384.  
  385.  
  386. #sidebarlinks {
  387. text-align:center;
  388. margin-top:5px;
  389. padding-bottom:7px;
  390. margin-left:5px;
  391. padding-top:3px;
  392. }
  393.  
  394.  
  395.  
  396.  
  397. #sidebarlinks a{
  398. font-size: 8px;
  399. letter-spacing:1px;
  400. display: inline;
  401. color:{color:Sidebar Links};
  402. text-align: center;
  403. width: 240px;
  404. padding: 3px 4px 0px 0;
  405. margin-bottom: 6px;
  406. text-transform: uppercase;
  407. -webkit-transition: all 0.3s ease-in-out;
  408. -moz-transition: all 0.3s ease-in-out;
  409. transition: all 0.3s ease-in-out;
  410. }
  411.  
  412.  
  413.  
  414.  
  415. #sidebarlinks a:hover{
  416. color:{color:sidebar};
  417. -webkit-transition: all 0.3s ease-in-out;
  418. -moz-transition: all 0.3s ease-in-out;
  419. transition: all 0.3s ease-in-out;
  420. }
  421.  
  422.  
  423. #description {
  424. text-align:center;
  425. padding-top: 7px;
  426. color:{color:description};
  427. margin-top:4px;
  428. }
  429.  
  430. #description a:hover {
  431. color:{color:sidebar};
  432. -webkit-transition: all 0.3s ease-in-out;
  433. -moz-transition: all 0.3s ease-in-out;
  434. transition: all 0.3s ease-in-out;
  435. }
  436.  
  437. #pagination{
  438. text-align:center;
  439. padding-top:10px;
  440. margin-top:30px;
  441. }
  442.  
  443. #pagination a:hover {
  444. color:{color:sidebar};
  445. -webkit-transition: all 0.3s ease-in-out;
  446. -moz-transition: all 0.3s ease-in-out;
  447. transition: all 0.3s ease-in-out;
  448. }
  449.  
  450.  
  451. #credit {
  452. position:fixed;
  453. width:80px;
  454. right:3px;
  455. bottom:10px;
  456. font:9px consolas;
  457. letter-spacing:2px;
  458. text-transform:uppercase;
  459. }
  460.  
  461.  
  462. #notes {
  463. list-style:none;
  464. margin-left:-35px;
  465. }
  466.  
  467.  
  468. ol.notes li.note {
  469. padding:1px;
  470. list-style: none;
  471. }
  472.  
  473.  
  474. ol.notes li.note img.avatar {
  475. vertical-align:-8px;
  476. margin-right:0px;
  477. width:16px;
  478. height:16px;
  479. }
  480.  
  481.  
  482. #notes img {
  483. margin-bottom:0px;
  484. padding:3px;
  485. }
  486.  
  487.  
  488. {CustomCSS}</style></head><body>
  489.  
  490.  
  491. <div id="sidebar">
  492. <div id="container">
  493. <div id="sidebarlinks">
  494. {block:HasPages}{block:Pages}
  495. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  496. <a href="/">home</a>&nbsp;
  497. <a href="/ask">ask</a>&nbsp;
  498. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}&nbsp;
  499. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}&nbsp;
  500. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  501. </div>
  502. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  503. <div id="title"><font color="{color:title}">{Title}</font></div>
  504. <div id="description">{block:Description}{Description}{/block:Description}
  505. </div></div>
  506.  
  507. <div id="pagination"><font face="georgia"><big><big><big><big><big><big>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  508.  
  509. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}</big></big></big></big></big></big></font></div>
  510. </div>
  511.  
  512.  
  513. </div>
  514.  
  515.  
  516. <div id="credit"><a target="blank"href="http://meliapond.tumblr.com/guidelines"><font color="{color:text}">© meliapond</a></font></div>
  517.  
  518.  
  519. <div id="entries">{block:Posts}<div id="post">
  520.  
  521. {block:Text}{block:Title}<div id="h1">{Title}</div>{/block:Title}{Body}{/block:Text}
  522.  
  523. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  524.  
  525. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  526.  
  527. {block:Quote}<div id="quote">{Quote}</div>{block:Source}<div id="quotesource"> —{Source}</div>{/block:Source}{/block:Quote}
  528.  
  529. {block:Link}<div id="h1"><t><a href="{URL}" {Target}>{Name}</a></t></div><Br>{block:Description}{Description}{/block:Description}{/block:Link}
  530.  
  531. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  532.  
  533. {block:Audio}{AudioPlayerGrey}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  534.  
  535. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  536.  
  537. {block:Answer}<div id="ask"><div id="askerimg"><img src="{AskerPortraitURL-30}"></div><div id="asker">{Asker}</div><br><div id="question">{Question}</div></div><div id="answer">{Answer}</div>{/block:Answer}
  538.  
  539. <div id="information">
  540. {block:Date}{TimeAgo}{/block:Date}&nbsp;&nbsp;-&nbsp;<a href="{Permalink}">
  541. {NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;-&nbsp;&nbsp;via <a href="{ReblogParentURL}"
  542. title="{ReblogParentTitle}">{ReblogParentName}</a> © <a href="{ReblogRootURL}"title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  543. </div>
  544.  
  545. <div id="tags"><div align='left'>{block:HasTags}{block:Tags}<a href="{TagURL}"><span class="symbols">,</span> {Tag}</a> {/block:Tags}{/block:HasTags}</div></div>
  546.  
  547. {block:PostNotes}
  548. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  549. {/block:PostNotes}
  550. </div>{/block:Posts}
  551.  
  552. </div>
  553.  
  554. </body></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!