baskervillles

theme 16

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