Guest User

Tumblr theme

a guest
Nov 14th, 2016
226
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.79 KB | None | 0 0
  1.  
  2. <html>
  3. <head>
  4.  
  5. <style>
  6. header {
  7. background: rgba(245, 211, 173, 0.7);
  8. background-position: center;
  9. height: 400px;
  10. }
  11. header a {
  12. font-family: "Courier New", Courier, monospace;
  13. text-decoration: none;
  14. color: #fff;
  15. font-weight: bold;
  16. }
  17. h1 {
  18. display: ;
  19. text-align: center;
  20. font-size: 50px;
  21. color: #fff;
  22. margin: 40 auto 10 auto;
  23. text-transform: Uppercase;
  24. }
  25. h10 {
  26. text-align: center;
  27. color: #fff;
  28. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serifbold;
  29. font-weight: bold;
  30. margin: 0 auto;
  31. padding: 30;
  32. font-size: 25px;
  33. }
  34. h3 {
  35. text-decoration: none;
  36. font-family: "Courier New", Courier, monospace;
  37. color: #444;
  38. font-size: 23;
  39. padding: 0;
  40. text-transform: Uppercase;
  41. }
  42. h3 a {
  43. text-decoration: none;
  44. color: #444;
  45. font-family: "Courier New", Courier, monospace;
  46. }
  47. /*http://41.media.tumblr.com/f0b4bde7eaab48fffa4de24374eea033/tumblr_nkfdpgzkIb1qij9r4o9_1280.jpg*/
  48. body {
  49. background: url("http://41.media.tumblr.com/f0b4bde7eaab48fffa4de24374eea033/tumblr_nkfdpgzkIb1qij9r4o9_1280.jpg");
  50. background-position: center;
  51. background-size: ;
  52. background-attachment: fixed;
  53. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  54. font-weight: normal;
  55. color: rgb(52, 47, 20);
  56. }
  57. .text {
  58. background: rgba(251, 230, 202, 1);
  59. margin: 40px auto;
  60. padding: 20px;
  61. width: 500px;
  62. border: 2px solid #fff;
  63. background-position:center;
  64. }
  65. .text a {
  66. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  67. font-weight: normal;
  68. color: rgb(52, 47, 20);
  69. text-decoration: none;
  70. }
  71. .text img {
  72. max-width: 420px;
  73. height: auto;
  74. }
  75. .text blockquote{
  76. border-left: 3px solid #fff;
  77. padding: 0px 10px;
  78. }
  79. .photo {
  80. width: 500px;
  81. margin: 40px auto;
  82. padding: 20px;
  83. background-position:center;
  84. background: rgba(251, 230, 202, 1);
  85. border: 2px solid #fff;
  86. }
  87. .photo a {
  88. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  89. font-weight: normal;
  90. color: rgb(52, 47, 20);
  91. text-decoration: none;
  92. }
  93. .photo blockquote{
  94. border-left: 3px solid #fff;
  95. padding: 0px 10px;
  96. }
  97. .caption {
  98. background: rgba(251, 230, 202, 1);
  99. margin: 10px auto 10px auto;
  100. border-radius: 0%;
  101. width: 500px;
  102. padding:0;
  103. text-align: left;
  104. }
  105. .caption a {
  106. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  107. font-weight: normal;
  108. color: rgb(52, 47, 20);
  109. text-decoration: none;
  110. text-align: left;
  111. }
  112. .quote {
  113. background: rgba(251, 230, 202, 1);
  114. margin: 40px auto;
  115. padding: 20px;
  116. border-radius: 6px;
  117. width: 500px;
  118. border-radius: 0%;
  119. border: 2px solid #fff;
  120. }
  121. .quote blockquote{
  122. border-left: 3px solid #fff;
  123. padding: 0px 10px;
  124. }
  125. .quote a {
  126. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  127. font-weight: normal;
  128. color: rgb(52, 47, 20);
  129. text-decoration: none;
  130. }
  131. .quotesource {
  132. text-transform: Uppercase;
  133. }
  134. .quotesource a {
  135. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  136. font-weight: normal;
  137. color: rgb(52, 47, 20);
  138. text-decoration: none;
  139. }
  140. .chat {
  141. background: rgba(251, 230, 202, 1);
  142. margin: 40px auto;
  143. padding: 20px;
  144. border-radius: 6px;
  145. width: 500px;
  146. border-radius: 0%;
  147. border: 2px solid #fff;
  148. }
  149. .quote blockquote{
  150. border-left: 3px solid #fff;
  151. padding: 0px 10px;
  152. }
  153. .chat a {
  154. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  155. font-weight: normal;
  156. color: rgb(52, 47, 20);
  157. text-decoration: none;
  158. }
  159. .link {
  160. background: rgba(251, 230, 202, 1);
  161. margin: 40px auto;
  162. padding: 20px;
  163. border-radius: 6px;
  164. width: 500px;
  165. border-radius: 0%;
  166. border: 2px solid #fff;
  167. }
  168. .link blockquote{
  169. border-left: 3px solid #fff;
  170. padding: 0px 10px;
  171. }
  172. .link a {
  173. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  174. font-weight: normal;
  175. color: rgb(52, 47, 20);
  176. text-decoration: none;
  177. }
  178. .audio {
  179. background: rgba(251, 230, 202, 1);
  180. margin: 40px auto;
  181. padding: 20px;
  182. width: 500px;
  183. border: 2px solid #fff;
  184. }
  185. .audio blockquote{
  186. border-left: 3px solid #fff;
  187. padding: 0px 10px;
  188. }
  189. .audio a {
  190. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  191. font-weight: normal;
  192. color: rgb(52, 47, 20);
  193. text-decoration: none;
  194. }
  195. .video {
  196. margin: 40px auto;
  197. width: 500px;
  198. padding: 20px;
  199. background: rgba(251, 230, 202, 1);
  200. border: 2px solid #fff;
  201. }
  202. .video blockquote{
  203. border-left: 3px solid #fff;
  204. padding: 0px 10px;
  205. }
  206. .video a {
  207. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  208. font-weight: normal;
  209. color: rgb(52, 47, 20);
  210. text-decoration: none;
  211. }
  212. .a {
  213. text-decoration: none;
  214. }
  215. .avatar {
  216. display: block;
  217. width: 20%;
  218. margin: 0 auto;
  219. border-radius: 20%;
  220. border: 6px solid #fff;
  221. position: relative;
  222. top: 20px;
  223.  
  224. }
  225. .container {
  226. max-width: 640px;
  227. margin: 0 auto;
  228. }
  229. .like-reblog {
  230. list-style: none;
  231. border: 1px solid #fff;
  232. background: rgba(251, 230, 202, 1);
  233. width: 500px;
  234. padding: 0;
  235. }
  236. .like-reblog li {
  237. float: right;
  238. padding: 9px;
  239. font-family: "Courier New", Courier, monospace;
  240. }
  241. .like-reblog a {
  242. color: rgb(52, 47, 20);
  243. text-decoration: none;
  244. font-size: 15px;
  245. }
  246. .page {
  247. background: rgba(255, 240, 219, 0.9);
  248. padding: 20px;
  249. }
  250. .page a {
  251. text-decoration: none;
  252. color: #444;
  253. font-weight: bold;
  254. font-size: 20px;
  255. }
  256. .pagelist {
  257. width: 500px;
  258. margin: 0 auto;
  259. }
  260. .tags {
  261. display: inline;
  262. list-style: none;
  263. background: rgba(251, 230, 202, 1);
  264. width: 500px;
  265. }
  266. .tags li {
  267. display: inline;
  268. float: left;
  269. padding: 0;
  270. background: rgba(251, 230, 202, 1);
  271. }
  272. .tags a {
  273. display: inline;
  274. text-decoration: none;
  275. color: rgb(52, 47, 20);
  276. font-size: 10px;
  277. padding: 6px;
  278. font-family: "Courier New", Courier, monospace;
  279. }
  280. .pagenav {
  281. text-align: center;
  282. border: 1px solid #fff;
  283.  
  284. }
  285. .pagenav a {
  286. text-decoration: none;
  287. font-family: "Courier New", Courier, monospace;
  288. color: #fff;
  289. font-weight: bold;
  290. }
  291. .answer {
  292. background: rgba(251, 230, 202, 1);
  293. margin: 40px auto;
  294. padding: 20px;
  295. width: 500px;
  296. border: 2px solid #fff;
  297. }
  298. .answer blockquote{
  299. border-left: 3px solid #fff;
  300. padding: 0px 10px;
  301. }
  302. .answer a {
  303. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  304. font-weight: normal;
  305. color: rgb(52, 47, 20);
  306. text-decoration: none;
  307. }
  308. .asker {
  309. font-weight: bold;
  310. }
  311. .question {
  312. font-weight: normal;
  313. display:block;
  314. }
  315.  
  316. </style>
  317. </head>
  318.  
  319. <body>
  320. <header>
  321. <div class="container">
  322. <img class="avatar" src="{PortraitURL-128}">
  323. <h1><a href="{BlogURL}">{Title}</a></h1>
  324. {block:Description}
  325. <center>
  326. <h10>{Description}</h10>
  327. </center>
  328. {/block:Description}
  329. </div>
  330. </header>
  331. {block:HasPages}
  332. <div class="page">
  333. {block:Pages}
  334. <div class="pagelist">
  335. <a href="{URL}">{Label}</a>
  336. </div>
  337. {/block:Pages}
  338. </div>
  339. {/block:HasPages}
  340.  
  341. {block:Posts}
  342.  
  343. {block:Text}
  344. <div class="text">
  345. {block:Title}
  346. <h3>
  347. <a href="{Permalink}">{Title}</a>
  348. </h3>
  349. {/block:Title}
  350. {Body}
  351. <ul class="like-reblog">
  352. <li>{LikeButton color="white"}</li>
  353. <li>{ReblogButton color="white"}</li>
  354. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  355. <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
  356. </ul>
  357. <ul class="tags">
  358. <li>{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  359. </ul>
  360.  
  361. </div>
  362. {block:PostNotes}{PostNotes}{/block:PostNotes}
  363. {/block:Text}
  364.  
  365. {block:Photo}
  366. <div class="photo">
  367. <center><img src="{PhotoURL-500}"></center>
  368. <div class="caption">
  369. {block:Caption}{Caption}{/block:Caption}
  370. <ul class="like-reblog">
  371. <li>{LikeButton color="white"}</li>
  372. <li>{ReblogButton color="white"}</li>
  373. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  374. <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
  375. </ul>
  376. </div>
  377. </div>
  378. {block:PostNotes}{PostNotes}{/block:PostNotes}
  379. {/block:Photo}
  380.  
  381. {block:Quote}
  382. <div class="quote">
  383. {Quote}
  384. <div class="quotesource">
  385. {block:Source}<br>&mdash;{Source}{/block:Source}
  386. </div>
  387. <ul class="like-reblog">
  388. <li>{LikeButton color="white"}</li>
  389. <li>{ReblogButton color="white"}</li>
  390. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  391. <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
  392. </ul>
  393. </div>
  394. {block:PostNotes}{PostNotes}{/block:PostNotes}
  395. {/block:Quote}
  396.  
  397. {block:Link}
  398. <div class="link">
  399. <a href="{URL}" {Target}>{Name}</a>
  400. {block:Description}{Description}{/block:Description}
  401. <ul class="like-reblog">
  402. <li>{LikeButton color="white"}</li>
  403. <li>{ReblogButton color="white"}</li>
  404. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  405. <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
  406. </ul>
  407. </div>
  408. {block:PostNotes}{PostNotes}{/block:PostNotes}
  409. {/block:Link}
  410.  
  411. {block:Chat}
  412. <div class="chat">
  413. {block:Title}{Title}{/block:Title}
  414. <table>
  415. {block:Lines}
  416. <tr>
  417. <th>{block:Label}{Label}{/block:Label}</th>
  418. <td>{Line}</td>
  419. </tr>
  420. {/block:Lines}
  421. </table>
  422. <ul class="like-reblog">
  423. <li>{LikeButton color="white"}</li>
  424. <li>{ReblogButton color="white"}</li>
  425. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  426. <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
  427. </ul>
  428. </div>
  429. {block:PostNotes}{PostNotes}{/block:PostNotes}
  430. {/block:Chat}
  431.  
  432. {block:Audio}
  433. <div class="audio">
  434. {AudioPlayer}
  435. <div class="caption">
  436. <div align="center">
  437. {block:Caption}{Caption}{/block:Caption}
  438. </div>
  439. </div>
  440. <ul class="like-reblog">
  441. <li>{LikeButton color="white"}</li>
  442. <li>{ReblogButton color="white"}</li>
  443. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  444. <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
  445. </ul>
  446. </div>
  447. {block:PostNotes}{PostNotes}{/block:PostNotes}
  448. {/block:Audio}
  449.  
  450. {block:Video}
  451. <div class="video">
  452. <div align="center">
  453. {Video-500}
  454. <div class="caption">
  455. <div align="center">
  456. {block:Caption}{Caption}{/block:Caption}
  457. </div>
  458. </div>
  459. <ul class="like-reblog">
  460. <li>{LikeButton color="white"}</li>
  461. <li>{ReblogButton color="white"}</li>
  462. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  463. <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
  464. </ul>
  465. </div>
  466. </div>
  467. {block:PostNotes}{PostNotes}{/block:PostNotes}
  468. {/block:Video}
  469.  
  470. {block:Answer}
  471. <div class:"answer">
  472. {Asker} asked: {Question}
  473. {Answerer}
  474. {Answer}
  475. {Replies}
  476. </div>
  477. {/block:Answer}
  478.  
  479. {/block:Posts}
  480.  
  481. {block:Pagination}
  482. <div class="pagenav">
  483. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}
  484. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  485. </div>
  486. {/block:Pagination}
  487.  
  488. </body>
  489. </html>
Advertisement
Add Comment
Please, Sign In to add comment