API tools faq
paste
Advertisement
eponinnes

theme two: featherstone

eponinnes
Jul 9th, 2013
389
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- base theme by meliapond @ tumblr, for public use
  9.  
  10. thank you patri (siriuspotters) for the pretty song name
  11.  
  12. theme two: featherstone
  13. by eponinnes
  14.  
  15.  
  16. RULES
  17. - DON'T STEAL
  18. - DON'T REMOVE THE CREDIT
  19. - DON'T USE AS A BASE CODE OR STEAL PARTS OF THE THEME
  20.  
  21. *YOU MAY EDIT PARTS OF THE THEME*
  22.  
  23. -------------->
  24.  
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#838282"/>
  28. <meta name="color:Link" content="#b8b8b8"/>
  29. <meta name="color:Link Hover" content="#ffffff"/>
  30. <meta name="color:Link Hover Back" content="#2E2E2E"/>
  31. <meta name="image:header" content=""/>
  32. <meta name="color:Title" content="#ffffff"/>
  33. <meta name="color:Info" content="#838282"/>
  34. <meta name="color:Post Title Back" content="#2E2E2E"/>
  35. <meta name="color:Post Title" content="#ffffff"/>
  36. <meta name="color:Scrollbar" content="#363535">
  37. <meta name="color:Scrollbar bg" content="#f0f0f0">
  38.  
  39. <meta name="text:Link1" content="" />
  40. <meta name="text:Link1 url" content="" />
  41. <meta name="text:Link2" content="" />
  42. <meta name="text:Link2 url" content="" />
  43. <meta name="text:Link3" content="" />
  44. <meta name="text:Link3 url" content="" />
  45. <meta name="text:Link4" content="" />
  46. <meta name="text:Link4 url" content="" />
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51. /* Scrollbar */
  52.  
  53. ::-webkit-scrollbar {width:5px; height:auto; background:{color:scrollbar bg};}
  54. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  55. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  56. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  57.  
  58.  
  59. body {
  60. background:{color:background};
  61. margin:0px;
  62. color:{color:text};
  63. font-family:Baskerville;
  64. font-size:10px;
  65. line-height:100%;
  66. }
  67.  
  68. a {
  69. text-decoration:none;
  70. outline:none;
  71. -moz-outline-style:none;
  72. color:{color:link};
  73. -webkit-transition: all 0.6s ease-in-out;
  74. -moz-transition: all 0.6s ease-in-out;
  75. -o-transition: all 0.6s ease-in-out;
  76. -ms-transition: all 0.6s ease-in-out;
  77. transition: all 0.6s ease-in-out;
  78. }
  79.  
  80. a:hover {
  81. color:{color:Link Hover};
  82. background-color:{color:Link Hover Back};
  83.  
  84. }
  85.  
  86. img {
  87. border:none;
  88. }
  89.  
  90. blockquote {
  91. padding-left:5px;
  92. border-left:2px solid;
  93. }
  94.  
  95.  
  96. h1 {
  97. font-size:13px;
  98. text-transform:uppercase;
  99. font-style:italic;
  100. letter-spacing:2px;
  101. font-weight:bold;
  102. background:{color:post title back};
  103. padding:9px;
  104. color:{color:post title};
  105.  
  106. }
  107.  
  108. h2 {
  109. font-size:13px;
  110. font-style:italic;
  111. letter-spacing:2px;
  112. font-weight:normal;
  113. background:{color:post title back};
  114. padding:15px;
  115. color:{color:post title};
  116. text-align:center;
  117.  
  118. }
  119.  
  120. h3 {
  121. font-size:10px;
  122. letter-spacing:1px;
  123. text-align:right;
  124. text-transform:uppercase;
  125.  
  126. }
  127.  
  128. h4 {
  129. font-family:andalemono;
  130. font-weight:normal;
  131. font-size:14;
  132. background:{color:post title back};
  133. padding:15px;
  134. color:{color:post title};
  135.  
  136. }
  137.  
  138. #entries {
  139. width:500px;
  140. left:35%;
  141. position:relative;
  142. margin-top:80px;
  143. margin-bottom:50px;
  144.  
  145. }
  146. .quote {
  147. font-size:17px;
  148. font-style:italic;
  149. font-family:Petit Formal Script;
  150. text-align:center; }
  151.  
  152. .source {
  153. width:400px;
  154. float:center;
  155. margin:auto;
  156. margin-top:10px;
  157. padding-top:10px;
  158. text-align:center;
  159. border-top:3px double {color: border}; }
  160.  
  161.  
  162. #post {
  163. width:500px;
  164. padding-bottom:20px;
  165. font-size:11px;
  166. line-height:13px;
  167.  
  168. }
  169.  
  170.  
  171. #title {
  172. color:{color:title};
  173. font-size:30px;
  174. font-style:italic;
  175. letter-spacing:2pt;
  176. text-align:left;
  177. padding-left:5px;
  178. padding-right:5px;
  179. margin-bottom:-8px;
  180. padding-bottom:6px;
  181. position:relative;
  182. line-height:22px;
  183. }
  184.  
  185. #description {
  186. position:relative;
  187. left:35%;
  188. font-size:11px;
  189. padding:9px;
  190. text-align:justify;
  191. margin-top:-70px;
  192. margin-left:-120px;
  193. margin-right:175px;
  194. background-color:#ffffff;
  195. }
  196.  
  197.  
  198.  
  199.  
  200. #header {
  201. width:500px;
  202. left:35%;
  203. margin-top:40px;
  204. position:relative;
  205. padding-top:10px;
  206. }
  207.  
  208.  
  209.  
  210. #headerimage {
  211. width:500px;
  212. margin:auto;
  213. }
  214.  
  215. #headerimage img {
  216. width:500px;
  217. margin:auto;
  218. }
  219.  
  220.  
  221. #links{
  222. position:fixed;
  223. z-index:10;
  224. opacity:1;
  225. text-align:center;
  226. line-height:240%;
  227. left:12%;
  228. margin-top:70px;
  229. border-style:solid;
  230. border-width:3px;
  231. border-color:{color:Link Hover Back};
  232.  
  233. }
  234.  
  235. #links a {
  236. letter-spacing:2px;
  237. font-style:italic;
  238. position:fixed;
  239. max-width:180px;
  240. font-size:24px;
  241. z-index:10;
  242. opacity:1;
  243. text-transform:uppercase;
  244. display:inline-block;
  245. padding:12px;
  246.  
  247. }
  248.  
  249.  
  250. #links a:hover {
  251. color:{color:Link Hover};
  252. background-color:{color:Link Hover Back};
  253. -webkit-transition: all 0.6s ease-in-out;
  254. -moz-transition: all 0.6s ease-in-out;
  255. -o-transition: all 0.6s ease-in-out;
  256. -ms-transition: all 0.6s ease-in-out;
  257. transition: all 0.6s ease-in-out;
  258. }
  259.  
  260.  
  261.  
  262. #pagi {
  263. position:fixed;
  264. width:500px;
  265. text-align:center;
  266. margin-bottom:0px;
  267. font-size:9px;
  268. letter-spacing:3px;
  269. text-transform:uppercase;
  270. font-style:normal;
  271. color:#838282;
  272. background-color:#ffffff;
  273. opacity:.8;
  274. padding:10px;
  275. bottom:0;
  276. z-index:50;
  277. left:35%;
  278. }
  279.  
  280. #pagi a {
  281. color:#838282;
  282. }
  283.  
  284.  
  285. #info {
  286. font-family:times;
  287. width:500px;
  288. margin-top:10px;
  289. padding:1px;
  290. padding-top:5px;
  291. font-size:7px;
  292. color:{color:text};
  293. text-transform:uppercase;
  294. font-style:normal;
  295. letter-spacing:1px;
  296. text-align:left;
  297. border-top:1px solid {color:Border};
  298. -moz-transition-duration:0.5s;
  299. -webkit-transition-duration:0.5s;
  300. -o-transition-duration:0.5s;
  301. }
  302.  
  303. #info a {
  304. color:{color:link};
  305. text-align:right;
  306. letter-spacing:1px;
  307. font-style:normal;
  308. }
  309.  
  310. #info a:hover {
  311. color:{color:Link Hover};
  312. }
  313.  
  314. .tags {
  315. font-family:andalemono;
  316. font-style:normal;
  317. width:500px;
  318. text-transform:normal;
  319. color:{color:link};
  320. letter-spacing:0px;
  321. line-height:120%;
  322. font-size:9px;
  323. text-align:center;
  324. padding-top:0px;
  325. -moz-transition-duration:0.5s;
  326. -webkit-transition-duration:0.5s;
  327. -o-transition-duration:0.5s;
  328. }
  329.  
  330. #post .tags {
  331. width:500px;
  332. opacity:0;
  333. -moz-transition-duration:0.5s;
  334. -webkit-transition-duration:0.5s;
  335. -o-transition-duration:0.5s;
  336. }
  337.  
  338. #post:hover .tags {
  339. width:500px;
  340. opacity:1;
  341. -moz-transition-duration:0.5s;
  342. -webkit-transition-duration:0.5s;
  343. -o-transition-duration:0.5s;
  344.  
  345. }
  346.  
  347.  
  348.  
  349. #question {
  350. font-style:italic;
  351. margin-bottom:10px;
  352. letter-spacing:1px;
  353. background-color:{color:post title back};
  354. width:480px;
  355. padding:10px;
  356. min-height:30px;
  357. color:{color:post title};
  358.  
  359. }
  360.  
  361. #question img {
  362. float:left;
  363. border-right:10px solid transparent;
  364. border-bottom:5px solid transparent;
  365.  
  366.  
  367. }
  368.  
  369. #answer {
  370. text-align:left;
  371. padding:10px;
  372.  
  373. }
  374.  
  375. #credit {
  376. font-family:'Petit Formal Script', cursive;
  377. float:left;
  378. right: 10px;
  379. padding:5px;
  380. font-size: 12px;
  381. background-color:white;
  382. position: fixed;
  383. bottom: 10px;
  384.  
  385. }
  386.  
  387.  
  388.  
  389. {CustomCSS}</style></head><body>
  390.  
  391. <div id="credit"><a href="http://eponinnes.tumblr.com">E.</a></div>
  392.  
  393.  
  394. <div id="links" "align=right;">
  395. <a href="/">home</a><br><br>
  396. <a href="/ask">ask</a><br><br>
  397. <a href="{text:Link1 url}">{text:Link1}</a><br><br>
  398. <a href="{text:Link2 url}">{text:Link2}</a><br><br>
  399. <a href="{text:Link3 url}">{text:Link3}</a><br><br>
  400. <a href="{text:Link4 url}">{text:Link4}</a><br><br>
  401. </div>
  402.  
  403.  
  404. <div id="header">
  405.  
  406. <div id="title">{Title}</div>
  407.  
  408. <div id="headerimage"><img src="{image:header}"></div>
  409.  
  410. <div id="description">{Description}</div>
  411.  
  412. {block:Pagination}
  413. <div id="pagi">
  414. {block:PreviousPage}
  415. <a href="{PreviousPage}">←</a>
  416. {/block:PreviousPage}
  417.  
  418. {block:JumpPagination length="5"}
  419. {block:CurrentPage}
  420. <span class="current_page">{PageNumber}</span>
  421. {/block:CurrentPage}
  422.  
  423. {block:JumpPage}
  424. <a href="{URL}">{PageNumber}</a>
  425. {/block:JumpPage}
  426. {/block:JumpPagination}
  427.  
  428. {block:NextPage}
  429. <a href="{NextPage}">→</a>
  430. {/block:NextPage}
  431. </div>
  432. {/block:Pagination}
  433.  
  434. </div>
  435.  
  436. </div>
  437.  
  438. <div id="entries">{block:Posts}<div id="post">
  439.  
  440. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  441.  
  442. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  443.  
  444. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  445.  
  446. {block:Quote}<h2><span style= "font-size:25px;font-family:dubiel; letter-spacing:5px;"> "</span>{Quote} {block:Source}<h3> — {Source}{/block:Source}{/block:Quote}
  447.  
  448. {block:Link}<h4><a href="{URL}" {Target}>{Name}</a></h4>{block:Description}{Description}{/block:Description}{/block:Link}
  449.  
  450. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b><i><span style="text-transform:uppercase;">{Label}</b></i></span>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  451.  
  452. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  453.  
  454. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  455.  
  456. {block:Answer}<div id="question"><img src="{AskerPortraitURL-24}" />{Asker} said: {Question}</div><br>{Answer}{/block:Answer}
  457.  
  458. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a>
  459. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}<div style="float:right;"> {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  460. {block:ContentSource} ∙ source: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{/block:Date}</div></div>
  461.  
  462. {block:HasTags}
  463. <div class="tags">
  464. {block:Tags} #<a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  465. {/block:HasTags}
  466.  
  467. <div class="postnote">
  468. {block:PostNotes}{PostNotes}{/block:PostNotes}
  469. </div>
  470. </div>
  471. {/block:Posts}
  472.  
  473. {block:HasTags}<div class="tags">under:
  474. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  475. </div>{/block:HasTags}
  476.  
  477. </body></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!