API tools faq
paste
Advertisement
dreamermeetsreality

Elysian - Infinity Theme

dreamermeetsreality
Dec 15th, 2012
382
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.19 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. INFINITY THEME BY DREAMERMEETSREALITY
  5. DO NOT REMOVE CREDIT
  6. CREDITS:
  7. BACKGROUND PHOTO: ITSCREAMIE.TUMBLR.COM
  8. SIDEBAR PHOTO: MORTGRAPHICS.LIVEJOURNAL.COM-->
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}"/>
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  15.  
  16. <meta name="color:background" content="#FFFFFF" />
  17. <meta name="color:text" content="#000000" />
  18. <meta name="color:description bg" content="transparent" />
  19. <meta name="color:description text" content="" />
  20. <meta name="color:title" content="#665C49" />
  21. <meta name="color:photo border" content="#FFFFFF" />
  22. <meta name="color:links" content="#665C49" />
  23. <meta name="color:links hover" content="#000000" />
  24. <meta name="color:top links bg" content="#AAB3AB" />
  25. <meta name="color:top links" content="#FFFFFF" />
  26. <meta name="color:top links hover" content="#000000" />
  27. <meta name="color:custom links bg" content="#000000" />
  28. <meta name="color:custom links" content="#C4CBB7" />
  29. <meta name="color:custom hover" content="#000000" />
  30. <meta name="color:custom hover bf" content="#FFFFFF" />
  31. <meta name="color:bold" content="#00ABFF" />
  32. <meta name="color:italic" content="#AAB3AB" />
  33. <meta name="color:posts" content="#FFFFFF" />
  34. <meta name="color:posts bg" content="transparent" />
  35. <meta name="color:posts border" content="#AAB3AB" />
  36. <meta name="color:ask bg" content="#AAB3AB" />
  37. <meta name="color:scrollbar" content="#AAB3AB" />
  38. <meta name="color:scrollbar bg" content="#000000" />
  39. <meta name="image:background" content="http://static.tumblr.com/eajbays/igtmf3ovs/tumblr_lxs1i4fajd1rnpeyto1_100.png" />
  40. <meta name="image:side" content="http://static.tumblr.com/eajbays/ecDmf3oxl/aaqwcvde.jpg" />
  41. <meta name="image:posts" content="" />
  42. <meta name="text:Link1" content="" />
  43. <meta name="text:Link2" content="" />
  44. <meta name="text:Link3" content="" />
  45. <meta name="text:Link4" content="" />
  46. <meta name="text:Link1URL" content="" />
  47. <meta name="text:Link2URL" content="" />
  48. <meta name="text:Link3URL" content="" />
  49. <meta name="text:Link4URL" content="" />
  50. <meta name="if:Links" content="0" />
  51. <meta name="if:RoundedPosts" content="0" />
  52. <meta name="if:EndlessScroll" content="0" />
  53. <meta name="if:ShowCaptions" content="0" />
  54. <meta name="if:FadingImages" content="1" />
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
  57. {block:IfEndlessScroll}
  58. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  59. {/block:IfEndlessScroll}
  60.  
  61. <style type="text/css">
  62.  
  63. body
  64. {
  65. background: url("{image:background}") {color:background};
  66. background-attachment: fixed;
  67. color: {color:text};
  68. font-family: consolas;
  69. font-size: 12px;
  70. letter-spacing: -1px;
  71. }
  72.  
  73. a, a:link, a:active, a:visited
  74. {
  75. text-decoration: none;
  76. color: {color:links} ;
  77. -webkit-transition: all 0.5s ease-in-out;
  78. -moz-transition: all 0.5s ease-in-out;
  79. -o-transition: all 0.5s ease-in-out;
  80. -ms-transition: all 0.5s ease-in-out;
  81. transition: all 0.5s ease-in-out;
  82. }
  83.  
  84. a:hover
  85. {
  86. color: {color:links hover};
  87. -webkit-transition: all 0.5s ease-in-out;
  88. -moz-transition: all 0.5s ease-in-out;
  89. -o-transition: all 0.5s ease-in-out;
  90. -ms-transition: all 0.5s ease-in-out;
  91. transition: all 0.5s ease-in-out;
  92. }
  93.  
  94. #side
  95. {
  96. background-color: transparent;
  97. background-repeat: repeat;
  98. position: fixed;
  99. width: 490px;
  100. height: auto;
  101. top: 60px;
  102. float: right;
  103. left: 530px;
  104. }
  105.  
  106. #posts
  107. {
  108. background-color: {color:posts bg};
  109. background: url("{image:posts}");
  110. position: absolute;
  111. width: 520px;
  112. height: auto;
  113. top: 20px;
  114. left: 2px;
  115. }
  116.  
  117. #nav
  118. {
  119. background-color: transparent;
  120. position: fixed;
  121. text-align: right;
  122. float: right;
  123. left: 610px;
  124. }
  125.  
  126. #desc
  127. {
  128. position: relative;
  129. top: 1px;
  130. width: 300px;
  131. height: auto;
  132. background: {color:description bg};
  133. text-align: left;
  134. }
  135.  
  136.  
  137. .navb
  138. {
  139. background: {color:top links bg};
  140. color: {color:top links};
  141. height: 10px;
  142. font-size: 10px;
  143. width: 80px;
  144. top: 1px;
  145. padding: 2px;
  146. letter-spacing: 0px;
  147. text-align: center;
  148. }
  149.  
  150. .navb:hover
  151. {
  152. color: {color:top links hover};
  153. }
  154.  
  155.  
  156. .post
  157. {
  158. background: {color:posts} url("image:posts");
  159. {block:IfRoundedPosts}
  160. border-radius: 5px;
  161. -o-border-radius: 5px;
  162. -moz-border-radius: 5px;
  163. -webkit-border-radius: 5px;
  164. {/block:IfRoundedPosts}
  165. padding: 10px;
  166. margin: 10px;
  167. border: 1px solid {color:posts border};
  168. width: 440px;
  169. }
  170.  
  171. .post img{
  172. max-width: 440px;
  173. {block:IfFadingImages}
  174. -webkit-transition: all 0.5s ease-in-out;
  175. -moz-transition: all 0.5s ease-in-out;
  176. -o-transition: all 0.5s ease-in-out;
  177. -ms-transition: all 0.5s ease-in-out;
  178. transition: all 0.5s ease-in-out;
  179. opacity: 0.7;
  180. {/block:IfFadingImages}
  181. }
  182.  
  183. .post img:hover
  184. {
  185. {block:IfFadingImages}
  186. -webkit-transition: all 0.5s ease-in-out;
  187. -moz-transition: all 0.5s ease-in-out;
  188. -o-transition: all 0.5s ease-in-out;
  189. -ms-transition: all 0.5s ease-in-out;
  190. transition: all 0.5s ease-in-out;
  191. opacity: 1;
  192. {/block:IfFadingImages}
  193. }
  194.  
  195. .text b, strong{
  196. color: {color:bold};}
  197.  
  198. .text i, em {
  199. color: {color:italic};}
  200.  
  201.  
  202. .photo
  203. {
  204. -webkit-border-top-left-radius: 100px;
  205. -webkit-border-bottom-right-radius: 100px;
  206. -moz-border-radius-topleft: 100px;
  207. -moz-border-radius-bottomright: 100px;
  208. border-top-left-radius: 100px;
  209. border-bottom-right-radius: 100px;
  210. width: 280px;
  211. height: 160px;
  212. border: 1px solid {color:title};
  213. }
  214.  
  215. .title
  216. {
  217. font-family: 'Tangerine', cursive;
  218. color: {color:title};
  219. width: auto;
  220. height: 30px;
  221. font-size: 40px;
  222. text-align: left;
  223. margin-top: -35px;
  224. }
  225.  
  226. .plus
  227. {
  228. background: {color:custom links bg};
  229. color: {color:custom links};
  230. font-family: 'Tangerine', cursive;
  231. -webkit-transition: all 0.5s ease-in-out;
  232. -moz-transition: all 0.5s ease-in-out;
  233. -o-transition: all 0.5s ease-in-out;
  234. -ms-transition: all 0.5s ease-in-out;
  235. transition: all 0.5s ease-in-out;
  236. width: 70px;
  237. height: 70px;
  238. font-size: 28px;
  239. padding: 20px;
  240. display: flex;
  241. }
  242.  
  243. .plus:hover
  244. {
  245. -moz-border-radius: 35px;
  246. border-radius: 35px;
  247. -webkit-border-radius: 35px;
  248. background: {color:custom hover bg};
  249. -webkit-transition: all 0.5s ease-in-out;
  250. -moz-transition: all 0.5s ease-in-out;
  251. -o-transition: all 0.5s ease-in-out;
  252. -ms-transition: all 0.5s ease-in-out;
  253. transition: all 0.5s ease-in-out;
  254. color: {color:custom hover};
  255. }
  256.  
  257. .asker img
  258. {
  259. -webkit-border-radius: 20px;
  260. -webkit-border-bottom-right-radius: 0;
  261. border-radius: 20px;
  262. border-bottom-right-radius: 0;
  263. width: 40px;
  264. float: left;
  265. padding-top: 3px;
  266. }
  267.  
  268. .ask
  269. {
  270. background: {color:ask bg};
  271. padding-bottom: 0px;
  272. padding-top: 6px;
  273. height: 40px;
  274. padding-left: 45px;
  275. vertical-align: middle;
  276. }
  277.  
  278. .answer
  279. {
  280. padding: -3px;
  281. }
  282.  
  283. ::-webkit-scrollbar {
  284. width: 7px;
  285. background-color: #676767;
  286. }
  287.  
  288. ::-webkit-scrollbar-track-piece {
  289. background-color: {color:scrollbar bg};
  290. -webkit-border-radius:15px;
  291. }
  292.  
  293. ::-webkit-scrollbar-button:start:decrement,
  294. ::-webkit-scrollbar-button:end:increment {
  295. height: 5px;
  296. display: block;
  297. background: #676767;
  298. }
  299.  
  300. ::-webkit-scrollbar-thumb{
  301. background-color: {color:scrollbar};
  302. -webkit-border-radius:15px;
  303. border:solid 1px #666666;
  304. }
  305.  
  306. {CustomCSS}
  307.  
  308. </style>
  309. </head>
  310.  
  311. <body>
  312. <div id="posts">
  313. <div class="text">
  314. {block:Posts}
  315.  
  316. {block:Text}
  317.  
  318. <div class="post">
  319. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  320. {block:Title}
  321. <h3><a href="{Permalink}">{Title}</a></h3>
  322. {/block:Title}
  323. {Body}
  324. {block:PostNotes}{PostNotes}{/block:PostNotes}
  325. </div>
  326. {/block:Text}
  327.  
  328. {block:Photo}
  329. <div class="post">
  330. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  331. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  332. {block:IfShowCaptions}
  333. {block:Caption}
  334. <div class="caption">{Caption}</div>
  335. {/block:Caption}
  336. {/block:IfShowCaptions}
  337. </div>
  338. {block:PostNotes}{PostNotes}{/block:PostNotes}
  339. {/block:Photo}
  340.  
  341. {block:Photoset}
  342. <div class="post">
  343. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  344. <center>{Photoset-500}</center>
  345. {block:IfShowCaptions}
  346. {block:Caption}
  347. <div class="caption">{Caption}</div>
  348. {/block:Caption}
  349. {/block:IfShowCaptions}
  350. </div>
  351. {block:PostNotes}{PostNotes}{/block:PostNotes}
  352. {/block:Photoset}
  353.  
  354. {block:Quote}
  355. <div class="post">
  356. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  357. <div class="quote">"{Quote}"</div>
  358. {block:Source}
  359. <div class="source">{Source}</div>
  360. {/block:Source}
  361. </div>
  362. {block:PostNotes}{PostNotes}{/block:PostNotes}
  363. {/block:Quote}
  364.  
  365. {block:Link}
  366. <div class="post">
  367. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  368. {block:Description}
  369. <div class="description">{Description}</div>
  370. {/block:Description}
  371. </div>
  372. {block:PostNotes}{PostNotes}{/block:PostNotes}
  373. {/block:Link}
  374.  
  375. {block:Chat}
  376. <div class="post">
  377. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  378. {block:Title}
  379. <h3><a href="{Permalink}">{Title}</a></h3>
  380. {/block:Title}
  381. <ul class="chat">
  382. {block:Lines}
  383. <li class="{Alt} user_{UserNumber}">
  384. {block:Label}
  385. <span class="label">{Label}</span>
  386. {/block:Label}
  387. {Line}
  388. </li>
  389. {/block:Lines}
  390. </ul>
  391. </div>
  392. {block:PostNotes}{PostNotes}{/block:PostNotes}
  393. {/block:Chat}
  394.  
  395. {block:Video}
  396. <div class="post">
  397. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  398. <center>{Video-500}</center>
  399. {block:Caption}
  400. <div class="caption">{Caption}</div>
  401. {/block:Caption}
  402. </div>
  403. {block:PostNotes}{PostNotes}{/block:PostNotes}
  404. {/block:Video}
  405.  
  406. {block:Audio}
  407. <div class="post">
  408. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  409. {AudioPlayerBlack}
  410. {block:Caption}
  411. <div class="caption">{Caption}</div>
  412. {/block:Caption}
  413. </div>
  414. {block:PostNotes}{PostNotes}{/block:PostNotes}
  415. {/block:Audio}
  416.  
  417. {block:Answer}
  418. <div class="post">
  419. <div class="asker"><img src="{AskerPortraitURL-40}"></div>
  420. <div class="ask"> {Asker}: {Question}</div><br>
  421. <div class="answer">{Answer}</div></div>
  422. {/block:Answer}
  423.  
  424. {/block:Posts}
  425. <div class="post">
  426. {block:IfNotEndlessScroll}
  427. {block:Pagination}
  428. {block:PreviousPage}
  429. <a href="{PreviousPage}">Previous</a>
  430. {/block:PreviousPage}
  431.  
  432. {block:JumpPagination length="5"}
  433. {block:CurrentPage}
  434. <span class="current_page">{PageNumber}</span>
  435. {/block:CurrentPage}
  436.  
  437. {block:JumpPage}
  438. <a class="jump_page" href="{URL}">{PageNumber}</a>
  439. {/block:JumpPage}
  440. {/block:JumpPagination}
  441.  
  442. {block:NextPage}
  443. <a href="{NextPage}">Next</a>
  444. {/block:NextPage}
  445. {/block:Pagination}
  446. </div>
  447. {/block:IfNotEndlessScroll}
  448. </div>
  449. </div>
  450.  
  451. <div id="side">
  452. <div id="nav" align="right">
  453. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/" class="navb">INDEX</a>
  454. <a href="/ask" class="navb">ASK</a>
  455. <a href="/archive" class="navb">ARCHIVE</a>
  456. <a href="http://dreamermeetsreality.tumblr.com" class="navb">THEME</a>
  457. </div>
  458. <br>
  459. <br>
  460. <img src="{image:side}" class="photo">
  461. <div id="desc">
  462. <div class="title">{Title}</div>
  463. {Description}
  464. </div>
  465. <br>
  466. <br>
  467. <br>
  468. {block:IfLink1}
  469. <a href="{text:Link1URL}" class="plus">{text:Link1}</a>
  470. {/block:IfLink1}
  471. {block:IfLink2}
  472. <a href="{text:Link2URL}" class="plus">{text:Link2}</a>
  473. {/block:IfLink2}
  474. {block:IfLink3}
  475. <a href="{text:Link3URL}" class="plus">{text:Link3}</a>
  476. {/block:IfLink3}
  477. {block:IfLink4}
  478. <a href="{text:Link4URL}" class="plus">{text:Link4}</a>
  479. {/block:IfLink4}
  480. </div>
  481.  
  482.  
  483. </body>
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!