API tools faq
paste
Advertisement
Aelyon

#05 Laretruce (tumblr theme)

Aelyon
Jan 9th, 2013
2,893
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.78 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--***Theme by Aelyon***
  6.  
  7. Credits
  8.  
  9. background pattern: Diagonal waves by CoolPatterns
  10. theme dedicated to Scarlett Johansson
  11.  
  12. Please do not remove the credits and respect my terms of use. Thank you.-->
  13.  
  14.  
  15. <head>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  18.  
  19. <script type="text/javascript">
  20. WebFontConfig = {
  21. google: { families: [ 'Alex+Brush::latin' ] }};
  22. (function() {var wf = document.createElement('script');
  23. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  24. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  25. wf.type = 'text/javascript';
  26. wf.async = 'true';
  27. var s = document.getElementsByTagName('script')[0];
  28. s.parentNode.insertBefore(wf, s);})(); </script>
  29.  
  30.  
  31. <title>{Title}</title>
  32.  
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}" />
  37. {/block:Description}
  38.  
  39. <meta name="image:topbar" content="http://static.tumblr.com/226ff208c6aa85d6359ad5144619f3cd/qsrvl5m/238mga7bd/tumblr_static_scarlett-johansson-fragrance33.png">
  40. <meta name="image:sidebar" content="">
  41. <meta name="image:background" content="http://static.tumblr.com/67b4c071a61653dbe985bbf8b69c080e/qsrvl5m/gKTmgbkld/tumblr_static_diagonal_waves.png">
  42. <meta name="image:theme mood" content="http://25.media.tumblr.com/5d9270b32cfc9d23b3c2aa297db25319/tumblr_mg6a91cTik1rpz2goo8_250.png">
  43.  
  44. <meta name="color:blog title" content="#E8A2A2">
  45. <meta name="color:description" content="#a03c3c">
  46. <meta name="color:links bg" content="#E8DBA2">
  47. <meta name="color:topbar" content="#8f8f8f">
  48. <meta name="color:post bg" content="#efefef">
  49. <meta name="color:post text" content="#4D4242">
  50. <meta name="color:blockquote" content="#CF8080">
  51. <meta name="color:links" content="#E8A2A2">
  52. <meta name="color:links hover" content="#f7f7f7">
  53. <meta name="color:italics" content="#89B4A8">
  54. <meta name="color:bold" content="#BAB688">
  55. <meta name="color:inner border" content="#e5e5e5">
  56. <meta name="color:permabar" content="#e9d8ca">
  57. <meta name="color:permabar hover" content="#f3dbc4">
  58. <meta name="color:selection text" content="#f1f1f1">
  59. <meta name="color:selection bg" content="#B55E64">
  60. <meta name="text:name 1" content="link 1">
  61. <meta name="text:url 1" content="http://">
  62. <meta name="text:name 2" content="link 2">
  63. <meta name="text:url 2" content="http://">
  64. <meta name="text:url 3" content="http://">
  65. <meta name="text:name 3" content="link 3">
  66. <meta name="text:url 3" content="http://">
  67. <meta name="text:name 4" content="link 4">
  68. <meta name="text:url 4" content="http://">
  69. <meta name="text:name 5" content="link 5">
  70. <meta name="text:url 5" content="http://">
  71. <meta name="text:name 6" content="link 6">
  72. <meta name="text:url 6" content="http://">
  73. <meta name="if:400px" content="">
  74. <meta name="if:500px" content="">
  75. <meta name="if:i need sidebar" content="">
  76. <meta name="if:do not hover topbar" content="">
  77. <meta name="if:hover notes" content="">
  78. <meta name="if:reblog appear" content="">
  79. <meta name="if:reblog hover" content="">
  80. <meta name="if:infinite Scrolling" content="">
  81. </head>
  82.  
  83.  
  84. <style type="text/css">
  85.  
  86. @import url(http://fonts.googleapis.com/css?family=Alex+Brush);
  87.  
  88. body
  89.  
  90. {font-family:calibri;
  91. background-color:{color:background};
  92. background-image:url('{image:background}');
  93. background-position: fixed;
  94. background-attachment:fixed;
  95. background-repeat:repeat;}
  96. strong
  97. {color:{color:bold};}
  98. i
  99. {color:{color:italics};}
  100.  
  101. a
  102. {color:{color:links};
  103. text-decoration:none;
  104. -webkit-transition: all 0.5s ease-in-out;
  105. -moz-transition: all 0.5s ease-in-out;
  106. -o-transition: all 0.5s ease-in-out; }
  107.  
  108. a:hover
  109. {text-shadow:2px 2px {color:links};
  110. -webkit-transition: all 0.5s ease-in-out;
  111. -moz-transition: all 0.5s ease-in-out;
  112. -o-transition: all 0.5s ease-in-out;
  113. color:{color:links hover};}
  114.  
  115.  
  116. ::selection
  117. {background:{color:selection bg};
  118. color:{color:selection text};}
  119.  
  120. ::-moz-selection
  121. {background:{color:selection bg};
  122. color:{color:selection text};}
  123.  
  124. ::-webkit-selection
  125. {background:{color:selection bg};
  126. color:{color:selection text};}
  127.  
  128. /*-----Topbar-----*/
  129.  
  130. .topbar
  131. {position:fixed; width:840px;
  132. height:400px;
  133. left:100px;
  134. {block:ifnotdonothovertopbar}
  135. top:-370px;
  136. {/block:ifnotdonothovertopbar}
  137. {block:ifdonothovertopbar}
  138. top:-35px;
  139. {/block:ifdonothovertopbar}
  140. background-color:{color:topbar};
  141. -moz-border-radius: 0px 0px 0px 50px;
  142. border-radius: 0px 0px 0px 50px;
  143. border:5px solid {color:blockquote};
  144. z-index:900;
  145. box-shadow: 0px 30px 40px rgba(0,0,0,.3);
  146. -webkit-transition: all 0.5s ease-in-out;
  147. -moz-transition: all 0.5s ease-in-out;
  148. transition: all 0.5s ease-in-out;}
  149.  
  150. .topbar img
  151. {max-width:840px;
  152. max-height:400px;
  153. -moz-border-radius: 0px 0px 0px 45px;
  154. border-radius: 0px 0px 0px 45px;}
  155.  
  156. {block:ifnotdonothovertopbar}
  157. .topbar:hover
  158. {top:0px;
  159. box-shadow: 0px 30px 40px rgba(0,0,0,.6);
  160. -webkit-transition: all 0.5s ease-in-out;
  161. -moz-transition: all 0.5s ease-in-out;
  162. transition: all 0.5s ease-in-out;}
  163. {/block:ifnotdonothovertopbar}
  164.  
  165. /*-----Topbar Content-----*/
  166.  
  167. #blogtitle
  168. {margin-top:-370px;
  169. margin-left:390px;
  170. width:400px;
  171. text-align:center;
  172. font-size:50px;
  173. font-family: 'Alex Brush', cursive;
  174. color:{color:blog title};
  175. text-shadow:0px 2px 3px #555;}
  176.  
  177. /*-----Sidebar-----*/
  178.  
  179. {block:ifineedsidebar}
  180. #sidebar
  181. { position:fixed; margin-top:40px; margin-left:5px;}
  182. #sidebar img
  183. {border:5px solid {color:inner border}; max-width:400px;
  184. -moz-border-radius: 10px 10px 10px 10px;
  185. border-radius: 10px 10px 10px 10px;}
  186. {/block:ifineedsidebar}
  187.  
  188. /*-----Links-----*/
  189.  
  190. .linksgeneralposition
  191. {margin-left:420px; margin-top:10px;
  192. position:fixed;
  193. width:340px;
  194. text-transform:uppercase;
  195. font-family:calibri;
  196. word-wrap:word-break;
  197. font-size:10px;
  198. text-align:center;
  199. color:{color:links};}
  200.  
  201. #link1
  202. {position:fixed;
  203. width:60px;
  204. padding-top:3px;
  205. padding-bottom:3px;
  206. background-color:{color:links bg};
  207. text-shadow:1px 1px {color:links hover};
  208. box-shadow: 3px 4px 4px rgba(0,0,0,.3); }
  209.  
  210. #link2
  211. {position:fixed; margin-left:70px;
  212. width:60px;
  213. padding-top:3px;
  214. padding-bottom:3px;
  215. background-color:{color:links bg};
  216. text-shadow:1px 1px {color:links hover};
  217. box-shadow: 3px 4px 4px rgba(0,0,0,.3); }
  218.  
  219. #link3
  220. {position:fixed; margin-left:140px;
  221. width:60px;
  222. padding-top:3px;
  223. padding-bottom:3px;
  224. background-color:{color:links bg};
  225. text-shadow:1px 1px {color:links hover};
  226. box-shadow: 3px 4px 4px rgba(0,0,0,.3); }
  227.  
  228. #link4
  229. {position:fixed; margin-left:210px;
  230. width:60px;
  231. padding-top:3px;
  232. padding-bottom:3px;
  233. background-color:{color:links bg};
  234. text-shadow:1px 1px {color:links hover};
  235. box-shadow: 3px 4px 4px rgba(0,0,0,.3); }
  236.  
  237. #link5
  238. {position:fixed; margin-left:280px;
  239. width:60px;
  240. padding-top:3px;
  241. padding-bottom:3px;
  242. background-color:{color:links bg};
  243. text-shadow:1px 1px {color:links hover};
  244. box-shadow: 3px 4px 4px rgba(0,0,0,.3); }
  245.  
  246. #link6
  247. {position:fixed; margin-top:30px; margin-left:35px;
  248. width:60px;
  249. padding-top:3px;
  250. padding-bottom:3px;
  251. background-color:{color:links bg};
  252. text-shadow:1px 1px {color:links hover};
  253. box-shadow: 3px 4px 4px rgba(0,0,0,.3); }
  254.  
  255. #link7
  256. {position:fixed; margin-top:30px; margin-left:105px;
  257. width:60px;
  258. padding-top:3px;
  259. padding-bottom:3px;
  260. background-color:{color:links bg};
  261. text-shadow:1px 1px {color:links hover};
  262. box-shadow: 3px 4px 4px rgba(0,0,0,.3); }
  263.  
  264. #link8
  265. {position:fixed; margin-top:30px; margin-left:175px;
  266. width:60px;
  267. padding-top:3px;
  268. padding-bottom:3px;
  269. background-color:{color:links bg};
  270. text-shadow:1px 1px {color:links hover};
  271. box-shadow: 3px 4px 4px rgba(0,0,0,.3); }
  272.  
  273. #link9
  274. {position:fixed; margin-top:30px; margin-left:245px;
  275. width:60px;
  276. padding-top:3px;
  277. padding-bottom:3px;
  278. background-color:{color:links bg};
  279. text-shadow:1px 1px {color:links hover};
  280. box-shadow: 3px 4px 4px rgba(0,0,0,.3); }
  281.  
  282. /*-----Description-----*/
  283.  
  284. #description
  285. {position:fixed;
  286. width:380px;
  287. max-height:220px;
  288. margin-top:80px;
  289. margin-left:425px;
  290. word-wrap:break-word;
  291. overflow:hidden;
  292. text-align:center;
  293. font-size:12px;
  294. font-family:calibri;
  295. color:{color:description};}
  296.  
  297.  
  298. /*-----Posts-----*/
  299. .wrap
  300. {{block:if500px}margin-left:300px;{/block:if500px}
  301. {block:if400px}margin-left:400px;{/block:if400px}
  302. margin-top:40px;}
  303.  
  304. .post
  305. {overflow:auto;
  306. {block:if500px}width:500px;{/block:if500px}
  307. {block:if400px}width:400px;{/block:if400px}
  308. padding:5px;
  309. word-wrap:break-word;
  310. margin:10px 10px 0px 0px;
  311. font-size:12px;
  312. background-color:{color:post bg};
  313. border:10px solid {color:post bg};
  314. color:{color:post text};}
  315.  
  316. /*-----Messages-----*/
  317.  
  318. .ask
  319. {border:2px dotted {color:inner border};
  320. min-height:160px;}
  321.  
  322. #askimg img
  323. {margin-top:26px;
  324. margin-left:22px;
  325. border:4px solid {color:inner border};}
  326.  
  327. #asker img
  328. {margin-bottom:-150px;
  329. margin-left:10px;
  330. border:6px solid {color:inner border};}
  331.  
  332. #quest
  333. {{block:if500px}width:320px;{/block:if500px}
  334. {block:if400px}width:230px;{/block:if400px}
  335. margin-left:140px;
  336. margin-top:-125px;
  337. padding:10px;
  338. text-wrap:break-word;
  339. font-size:16px;
  340. text-align:center;
  341. font-family: calibri;}
  342.  
  343. /*-----Quotes-----*/
  344. #qtxt
  345. {font-size:26px;
  346. color:{color:italics};
  347. font-family: 'Alex Brush', cursive;}
  348.  
  349.  
  350. /*-----Audio Posts-----*/
  351.  
  352. #melody
  353. {position:absolute;
  354. overflow:hidden;
  355. width:27px;
  356. height:27px;
  357. border:37px solid #e5e5e5;
  358. margin-top:-120px;
  359. margin-left:15px;
  360. opacity:0.7;
  361. z-index:90;
  362. -moz-border-radius: 100px 100px 100px;
  363. border-radius: 100px 100px 100px 100px;
  364. -webkit-transition: all 0.5s ease-in-out;
  365. -moz-transition: all 0.5s ease-in-out;
  366. transition: all 0.5s ease-in-out;}
  367.  
  368. #melody:hover
  369. {-moz-border-radius: 100px 100px 100px;
  370. border-radius: 100px 100px 100px 100px;
  371. opacity:0.9;
  372. border:7px solid {color:inner border};
  373. margin-top:-90px; margin-left:45px;
  374. -ms-transition: all 0.5s ease-in-out;
  375. -webkit-transition: all 0.5s ease-in-out;
  376. -o-transition: all 0.5s ease-in-out;
  377. -moz-transition: all 0.5s ease-in-out;
  378. transition: all 0.5s ease-in-out;}
  379.  
  380. #medimg img
  381. {margin-left:16px;
  382. -moz-border-radius: 100px 100px 100px;
  383. border-radius: 100px 100px 100px 100px;}
  384.  
  385. #medimg
  386. {position:absolute;
  387. margin-top:-120px;}
  388.  
  389. #medback
  390. {margin-bottom:0px;}
  391. #medback img
  392. {border:6px solid #e5e5e5; opacity:.8;
  393. -ms-transition: all 0.5s ease-in-out;
  394. -webkit-transition: all 0.5s ease-in-out;
  395. -o-transition: all 0.5s ease-in-out;
  396. -moz-transition: all 0.5s ease-in-out;
  397. transition: all 0.5s ease-in-out;}
  398.  
  399. #medback img:hover
  400. {opacity:1;
  401. -ms-transition: all 0.5s ease-in-out;
  402. -webkit-transition: all 0.5s ease-in-out;
  403. -o-transition: all 0.5s ease-in-out;
  404. -moz-transition: all 0.5s ease-in-out;
  405. transition: all 0.5s ease-in-out;}
  406.  
  407. #melodyinform
  408. {float:left;
  409. text-align:center;
  410. margin-top:-100px;
  411. margin-left:150px;
  412. padding-bottom:20px;}
  413.  
  414. /*-----Permabar-----*/
  415.  
  416.  
  417. .dates
  418. {position:absolute;
  419. width:78px; height:78px;
  420. background-color:{color:permabar};
  421. {block:ifhovernotes}
  422. opacity:0; margin-left:-60px;
  423. {/block:ifhovernotes}
  424. {block:ifnothovernotes}
  425. opacity:1; margin-left:-105px;
  426. {/block:ifnothovernotes}
  427. padding:2px;
  428. box-shadow: 3px 4px 4px rgba(0,0,0,.5);
  429. -ms-transition: all 0.5s ease-in-out;
  430. -webkit-transition: all 0.5s ease-in-out;
  431. -o-transition: all 0.5s ease-in-out;
  432. -moz-transition: all 0.5s ease-in-out;
  433. transition: all 0.5s ease-in-out;}
  434.  
  435. {block:ifhovernotes}
  436. .dates:hover
  437. {margin-left:-105px;
  438. opacity:1;
  439. -ms-transition: all 0.5s ease-in-out;
  440. -webkit-transition: all 0.5s ease-in-out;
  441. -o-transition: all 0.5s ease-in-out;
  442. -moz-transition: all 0.5s ease-in-out;
  443. transition: all 0.5s ease-in-out;}
  444. {/block:ifhovernotes}
  445.  
  446. .day
  447. {position:absolute;
  448. margin-left:1px;
  449. margin-top:-10px;
  450. font-size:56px;
  451. text-shadow:2px 2px {color:links};}
  452.  
  453. .year
  454. {position:absolute;
  455. font-size:16px;
  456. margin-left:50px;
  457. margin-top:14px;
  458. display:block;
  459. text-shadow:2px 2px {color:permabar hover};
  460. -webkit-transform: rotate(-90deg);
  461. -moz-transform: rotate(-90deg);}
  462.  
  463. .month
  464. {position:absolute;
  465. text-align:right;
  466. margin-left:5px;
  467. margin-top:44px;
  468. text-shadow:2px 2px {color:permabar hover};
  469. font-size:16px;}
  470.  
  471. .hour
  472. {position:absolute;
  473. margin-top:62px;
  474. margin-left:48px;
  475. font-size:12px;}
  476.  
  477. .notes
  478. {position:absolute;
  479. padding:2px;
  480. margin-top:90px;
  481. margin-left:18px;
  482. font-size:10px;
  483. background-color:{color:permabar};}
  484.  
  485. .source
  486. {position:absolute;
  487. margin-top:62px;
  488. margin-left:2px;}
  489.  
  490.  
  491. #tags
  492. {{block:if500px}width:520px;{/block:if500px}
  493. {block:if400px}width:420px;{/block:if400px}
  494. min-height:12px;
  495. padding:5px;
  496. text-align:center;
  497. text-transform:uppercase;
  498. font-size:10px;
  499. background-color:{color:permabar};
  500. border-top:5px solid {color:blockquote};
  501. margin-bottom:30px;
  502. -moz-border-radius: 0px 0px 20px 20px;
  503. border-radius: 0px 0px 20px 20px;
  504. -ms-transition: all 0.5s ease-in-out;
  505. -webkit-transition: all 0.5s ease-in-out;
  506. -o-transition: all 0.5s ease-in-out;
  507. -moz-transition: all 0.5s ease-in-out;
  508. transition: all 0.5s ease-in-out;}
  509.  
  510. #tags:hover
  511. {background-color:{color:permabar hover};
  512. -ms-transition: all 0.5s ease-in-out;
  513. -webkit-transition: all 0.5s ease-in-out;
  514. -o-transition: all 0.5s ease-in-out;
  515. -moz-transition: all 0.5s ease-in-out;
  516. transition: all 0.5s ease-in-out;}
  517.  
  518.  
  519. {block:ifreblogappear}
  520. #reblog img
  521. {position:absolute;
  522. width:20px; padding:5px;
  523. {block:ifnotrebloghover}
  524. {block:if500px}margin-left:520px;{/block:if500px}
  525. {block:if400px}margin-left:420px;{/block:if400px}
  526. opacity:1;
  527. {/block:ifnotrebloghover}
  528. {block:ifrebloghover}
  529. {block:if500px}margin-left:510px;{/block:if500px}
  530. {block:if400px}margin-left:410px;{/block:if400px}
  531. opacity:0;
  532. {/block:ifrebloghover}
  533. margin-top:-5px;
  534. -moz-border-radius: 20px 20px 20px 20px;
  535. border-radius: 20px 20px 20px 20px;
  536. box-shadow: 3px 4px 4px rgba(0,0,0,.5);
  537. -ms-transition: all 0.5s ease-in-out;
  538. -webkit-transition: all 0.5s ease-in-out;
  539. -o-transition: all 0.5s ease-in-out;
  540. -moz-transition: all 0.5s ease-in-out;
  541. transition: all 0.5s ease-in-out;}
  542.  
  543.  
  544. #reblog img:hover
  545. {background:{color:post bg};
  546. {block:ifrebloghover}margin-left:520px;{/block:ifrebloghover}
  547. opacity:1;
  548. transform:rotate(360deg);
  549. -ms-transform:rotate(360deg);
  550. -moz-transform:rotate(360deg);
  551. -webkit-transform:rotate(360deg);
  552. -o-transform:rotate(360deg); }
  553. {/block:ifreblogappear}
  554.  
  555.  
  556. /*-----Random-----*/
  557.  
  558. blockquote
  559. {color:{color:post text};
  560. background:{color:inner border};
  561. margin:10px;
  562. line-height:15px;
  563. padding-left:5px;
  564. padding-top:3px;
  565. padding-bottom:3px;
  566. border-left:6px solid {color:blockquote};}
  567.  
  568. li.note
  569. {padding: 3px 5px;
  570. text-align:left;
  571. letter-spacing: 0.5px;
  572. font-size:10px;
  573. width:490px;
  574. text-transform:lowercase;}
  575.  
  576. .notes img
  577. {width: 20px;
  578. position: relative;
  579. top: 1px;
  580. opacity: 0.8;
  581. border-radius: 5px 5px 5px 5px;
  582. -moz-border-radius: 5px 5px 5px 5px;}
  583.  
  584. .credit
  585. {position:fixed;
  586. font-size:22px;
  587. font-family: 'Alex Brush', cursive;
  588. text-shadow:1px 1px {color:permabar hover};
  589. bottom:8px;
  590. right:18px;}
  591.  
  592. iframe#tumblr_controls{position:fixed !important;}
  593.  
  594. {CustomCSS}
  595.  
  596. </style>
  597.  
  598. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  599.  
  600. </head>
  601.  
  602.  
  603.  
  604. <body>
  605.  
  606.  
  607.  
  608. <div class="credit"><a href="http://aelyon.tumblr.com/" title="theme designer">இ </a></div>
  609.  
  610. <div class="topbar"><img src="{image:topbar}"/>
  611.  
  612. <div id="blogtitle"><a href="/">{Title}</a></div>
  613.  
  614. <div class="linksgeneralposition">
  615.  
  616. <div id="link1"><a href="/">Index</a></div>
  617. <div id="link2"><a href="/ask">Message</a></div>
  618. <div id="link3"><a href="/archive">Archive</a></div>
  619. {block:ifurl1}
  620. <div id="link4"><a href="{text:url 1}">{text:name 1}</a></div>
  621. {/block:ifurl1}
  622. {block:ifurl2}
  623. <div id="link5"><a href="{text:url 2}">{text:name 2}</a></div>
  624. {/block:ifurl2}
  625. {block:ifurl3}
  626. <div id="link6"><a href="{text:url 3}">{text:name 3}</a></div>
  627. {/block:ifurl3}
  628. {block:ifurl4}
  629. <div id="link7"><a href="{text:url 4}">{text:name 4}</a></div>
  630. {/block:ifurl4}
  631. {block:ifurl5}<div id="link8"><a href="{text:url 5}">{text:name 5}</a></div>
  632. {/block:ifurl5}
  633. {block:ifurl6}<div id="link9"><a href="{text:url 6}">{text:name 6}</a></div> {/block:ifurl6}
  634.  
  635. </div>
  636. <div id="description">{Description}</div>
  637.  
  638. {block:ifineedsidebar} <div id="sidebar"><img src="{image:sidebar}"/></div>{/block:ifineedsidebar}
  639.  
  640.  
  641. </div>
  642.  
  643.  
  644. <div class="wrap">
  645.  
  646. {block:Pagination}
  647. <div style="position:fixed; {block:if500px}left:140px;{/block:if500px}{block:if400px}left:230px;{/block:if400px} margin-top:400px; font-family:calibri; font-size:60px; color:{color:links}; z-index:800; text-shadow:2px 2px {color:bold}; ">
  648. {block:PreviousPage}
  649. <a href="{PreviousPage}" title="Previous Page">≪</a>
  650. {/block:PreviousPage}</div>
  651. <div style="position:fixed; {block:if500px}margin-left:580px;{/block:if500px} {block:if400px}margin-left:490px;{/block:if400px} margin-top:400px; font-family:calibri; font-size:60px; color:{color:links}; z-index:800; text-shadow:2px 2px {color:bold}; ">{block:NextPage}
  652. <a href="{NextPage}" title="Next Page">≫</a>
  653. {/block:NextPage}</div>
  654. {/block:Pagination}
  655.  
  656.  
  657. {block:Posts}
  658.  
  659. <div class="post">
  660.  
  661. <div class="dates">
  662. {block:Date} <a href="{Permalink}">
  663. <span class="day"><strong>{DayOfMonthWithZero}</strong></span>
  664. <span class="year">{Year}</span>
  665. <span class="month">{Month}</span> </a>
  666. <span class="hour"><strong>{24Hour}:{Minutes}</strong></span> </a>
  667. {/block:Date}
  668. {block:NoteCount}
  669. <span class="notes"> <a href="{Permalink}"> No {NoteCount} </a> </span>
  670. {/block:NoteCount}
  671. {block:ContentSource}
  672. <span class="source"><a href="{SourceURL}"> <strong> ⚜ </strong></a></span>
  673. {/block:ContentSource}
  674.  
  675. </div>
  676.  
  677. {block:ifreblogappear}
  678. <div id="reblog">
  679. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><img src="http://25.media.tumblr.com/0ac9b7f6efb826bfd37d0ab5966a473a/tumblr_mgamewLm7F1rpz2goo5_r1_75sq.png"/></a></div>
  680. {/block:ifreblogappear}
  681.  
  682.  
  683. {block:Text}
  684. {Title}
  685. {Body}
  686. {block:Caption}{Caption}{/block:Caption}
  687. {/block:Text}
  688.  
  689. {block:Photo}
  690. {LinkOpenTag}
  691. {block:if500px}
  692. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  693. {/block:if500px}
  694. {block:if400px}
  695. <img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}"/>
  696. {/block:if400px}
  697.  
  698.  
  699. {LinkCloseTag}
  700. {block:HighRes}<a href="{PhotoURL-HighRes}"> Hd</a>{/block:HighRes}
  701. {block:Caption}{Caption}{/block:Caption}
  702. {/block:Photo}
  703.  
  704. {block:Photoset}
  705. {block:if500px}{Photoset-500}{/block:if500px}
  706. {block:if400px}{Photoset-400}{/block:if400px}
  707. {block:if750px}{Photoset-500}{/block:if750px}
  708. {block:Caption}{Caption}{/block:Caption}
  709. {/block:Photoset}
  710.  
  711. {block:Quote}
  712. <div id="quote">
  713. <div id="qtxt">❝{Quote}❞</div>
  714. </div>
  715. <div style="font-family:calibri, cursive; padding:2px; ">
  716. {block:Source}{Source}{/block:Source}</div>
  717. {/block:Quote}
  718.  
  719. {block:Link}
  720. <div style="text-align:center; font-family: 'Alex Brush', cursive; font-size:16px;"><a href="{URL}"target="{Target}"><h1>{Name}</h1></a></div>
  721. {block:Description}{Description}{/block:Description}
  722. {/block:Link}
  723.  
  724. {block:Chat}
  725. {block:Title}<h2>{Title}</h2>{/block:Title}
  726. {block:Lines}
  727. <div style="border:2px solid {color:inner border}; padding:4px;">
  728. {block:Label}
  729. <div style="font-size:14px;"><strong>{Label}</strong>
  730. {/block:Label}</div>
  731. <div style="word-wrap:word-break"> {Line}</div><br>
  732. </div>
  733. {/block:Lines}
  734. {/block:Chat}
  735.  
  736. {block:Audio}
  737. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  738. <div style="border:2px dotted {color:inner border}; padding:8px; ">
  739. <div id="medback"><img src="{image:theme mood}" width="120px;" height="120px;"/></div>
  740. {block:AudioPlayer}
  741. <div id="melody">{AudioPlayerGrey}</div>
  742. {block:AlbumArt}
  743. <div id="medimg">
  744. <img src="{AlbumArtURL}" height="100"/></div>
  745. {/block:AlbumArt}</div>
  746. {/block:AudioPlayer}
  747. <div id="melodyinform">{block:Artist}
  748. {Artist}
  749. {/block:Artist}{block:Album}
  750. ({Album})
  751. {/block:Album}{block:TrackName}
  752. <p><em>{TrackName}</em></p>
  753. {/block:TrackName}</div>
  754. {block:Caption}{Caption}{/block:Caption}
  755. {/block:Audio}
  756.  
  757. {block:Video}
  758. {block:if500px}{Video-500}{/block:if500px}
  759. {block:if400px}{Video-400}{/block:if400px}
  760. {block:if750px}{Video-500}{/block:if750px}
  761. {block:Caption}{Caption}{/block:Caption}
  762. {/block:Video}
  763.  
  764. {block:Answer}
  765. <div id="asker"><img src="{image:theme mood}" width="120px;" height="120px;"/></div>
  766. <div class="ask">
  767. <div id="askimg">
  768. <a href="{Askerurl}"><img src="{AskerPortraitURL-96}"/></a></div>
  769. <div id="quest"> ❝ {Question} ❞ </div>
  770. </div>
  771. <div style="background-color:{color:inner border}; margin-top:10px; padding:10px;">{Answer}</div>
  772. {/block:Answer}
  773.  
  774. </div>
  775.  
  776. <div id="tags">{block:HasTags}{block:Tags}<strong># </strong> <a href="{TagURL}"> {Tag} </a>{block:Tags} {/block:Tags}{/block:HasTags}</div>
  777.  
  778. <div id="note">
  779. {block:PostNotes}
  780. {PostNotes}
  781. {/block:PostNotes}
  782. </div>
  783.  
  784. {/block:Posts}
  785. </div>
  786.  
  787. </body>
  788.  
  789. </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!