API tools faq
paste
Advertisement
gasphard-ulliel

002: Reveur

gasphard-ulliel
Feb 25th, 2013
4,804
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.41 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.  
  4. <html>
  5.  
  6. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  7. <script src="/path/to/jquery.masonry.min.js"></script>
  8.  
  9.  
  10. <!--DEFAULT VARIABLES-->
  11. <meta name="if:Biggerposts" content="1">
  12. <meta name="if:Tags" content="1">
  13. <meta name="if:Caption" content="1">
  14. <meta name="if:Monochromatic" content="1">
  15. <meta name="if:EndlessScrolling" content="0">
  16. <meta name="if:Title" content="1">
  17. <meta name="if:Sidelinks" content="1">
  18. <meta name="image:Sidebar" content="">
  19. <meta name="image:Sidebar Background" content="http://static.tumblr.com/qdohxsb/Yg7mirbf4/dark_mosaic.png">
  20. <meta name="image:Background" content="">
  21. <meta name="if:MusicCaption" content="0">
  22.  
  23.  
  24. <!--DEFAULT COLORS-->
  25. <meta name="color:Ask Background" content="#0e0e0e">
  26. <meta name="color:Text" content="#535353">
  27. <meta name="color:Background" content="#111111">
  28. <meta name="color:Title" content="#664a4a">
  29. <meta name="color:Links" content="#836366">
  30. <meta name="color:Sidelinks" content="#272727">
  31. <meta name="color:Sidelinks Text" content="#856363">
  32. <meta name="color:Notes" content="#7c5252">
  33. <meta name="color:Hover" content="#808080">
  34. <meta name="color:Description" content="#757575">
  35. <meta name="color:Border" content="#272727">
  36. <meta name="color:Scrollbar" content="#292929">
  37. <meta name="color:Posts" content="#1d1d1d">
  38. <meta name="color:Scrollbar Background" content="#070707">
  39.  
  40. <!--DEFAULT LINKS-->
  41. <meta name="text:Link01" content="http://">
  42. <meta name="text:Link02" content="http://">
  43. <meta name="text:Link03" content="http://">
  44. <meta name="text:Link04" content="http://">
  45. <meta name="text:Link05" content="http://">
  46. <meta name="text:Link06" content="http://">
  47. <meta name="text:Title01" content="link 01">
  48. <meta name="text:Title02" content="link 02">
  49. <meta name="text:Title03" content="link 03">
  50. <meta name="text:Title04" content="link 04">
  51. <meta name="text:Title05" content="link 05">
  52. <meta name="text:Title06" content="link 06">
  53.  
  54. <head>
  55.  
  56. <title>{Title}</title>
  57. <link rel="shortcut icon" href="{favicon}">
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  59. {block:description}
  60. <meta name="description" content="{MetaDescription}"/>
  61. {/block:description}
  62.  
  63. <script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65.  
  66. <style type="text/css">
  67.  
  68. body {
  69. font-family: cambria;
  70. font-size: 12px;
  71. background-color: {color:background};
  72. background-image: url('{image:background}');
  73. background-attachment: fixed;
  74. text-align: justify;
  75. }
  76.  
  77. a:link, a:active, a:visited {
  78. color: {color:links};
  79. text-decoration: none;
  80. transition: all 0.6s ease-out;
  81. -webkit-transition: all 0.6s ease-out;
  82. -moz-transition: all 0.6s ease-out;
  83. -o-transition: all 0.6s ease-out;
  84. }
  85.  
  86. a:hover {
  87. color: {color:hover};
  88. transition: all 0.6s ease-out;
  89. -webkit-transition: all 0.6s ease-out;
  90. -moz-transition: all 0.6s ease-out;
  91. -o-transition: all 0.6s ease-out;
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb {
  95. background-color: {color:scrollbar};
  96. height: 10px;
  97. }
  98.  
  99. ::-webkit-scrollbar {
  100. width:9px;
  101. background-color: {color:scrollbar background};
  102. }
  103.  
  104. /*SIDEBAR*/
  105.  
  106. #container {
  107. position: fixed;
  108. width: 350px;
  109. margin-top: 100px;
  110. left: 50px;
  111. height: auto;
  112. }
  113.  
  114. .sidebar {
  115. width: 150px;
  116. height: 150px;
  117. overflow: hidden;
  118. border: 10px solid {color:Border};
  119. margin-left: 150px;
  120. }
  121.  
  122. .sidelinks {
  123. position: absolute;
  124. margin-top: 174px;
  125. margin-left: 150px;
  126. text-align: right;
  127. }
  128.  
  129. .sidelinks a {
  130. display: block;
  131. margin-top: 2px;
  132. padding: 2px 5px 2px 5px;
  133. background-color: {color:sidelinks};
  134. color: {color:sidelinks text};
  135. font-family: consolas;
  136. font-size: 8px;
  137. text-transform: uppercase;
  138. text-align: right;
  139. letter-spacing: 1px;
  140. width: 135px;
  141. -webkit-transition: all 0.2s ease-out;
  142. -moz-transition: all 0.2s ease-out;
  143. -o-transition: all 0.2s ease-out;
  144. }
  145.  
  146. .sidelinks a:hover {
  147. border-right: 10px solid {color:sidelinks text};
  148. margin-left: -10px;
  149. -webkit-transition: all 0.2s ease-out;
  150. -moz-transition: all 0.2s ease-out;
  151. -o-transition: all 0.2s ease-out;
  152. }
  153.  
  154. .bg {
  155. background-image: url('{image:sidebar background}');
  156. width: 353px;
  157. border-right: 10px solid {color:border};
  158. height: 110%;
  159. margin-top: -10px;
  160. position: fixed;
  161. margin-left: -10px;
  162. }
  163.  
  164. #container3 {
  165. position: fixed;
  166. margin-top: 224px;
  167. margin-left: 150px;
  168. }
  169.  
  170. .top {
  171. width: 135px;
  172. padding: 2px 5px 2px 5px;
  173. background-color: {color:sidelinks};
  174. color: {color:sidelinks text};
  175. font-family: consolas;
  176. font-size: 8px;
  177. text-transform: uppercase;
  178. text-align: right;
  179. letter-spacing: 1px;
  180. -webkit-transition: all 0.2s ease-out;
  181. -moz-transition: all 0.2s ease-out;
  182. -o-transition: all 0.2s ease-out;
  183. }
  184.  
  185. .top:hover {
  186. margin-left: -10px;
  187. border-right: 10px solid {color:sidelinks text};
  188. -webkit-transition: all 0.2s ease-out;
  189. -moz-transition: all 0.2s ease-out;
  190. -o-transition: all 0.2s ease-out;
  191. }
  192.  
  193. .sidelinks2 {
  194. margin-top: 2px;
  195. margin-left: -10px;
  196. text-align: left;
  197. height: 0px;
  198. overflow: hidden;
  199. opacity: 0;
  200. -webkit-transition: all 0.6s ease-in-out;
  201. -moz-transition: all 0.6s ease-in-out;
  202. -o-transition: all 0.6s ease-in-out;
  203. }
  204.  
  205. #container3:hover .sidelinks2 {
  206. height: 100px;
  207. opacity: 1;
  208. -webkit-transition: all 0.6s ease-in-out;
  209. -moz-transition: all 0.6s ease-in-out;
  210. -o-transition: all 0.6s ease-in-out;
  211. transition-delay: 0.2s;
  212. -moz-transition-delay: 0.2s;
  213. -webkit-transition-delay: 0.2s;
  214. -o-transition-delay: 0.2s;
  215. }
  216.  
  217. .sidelinks2 a {
  218. display: block;
  219. margin-top: 2px;
  220. padding: 2px 5px 2px 5px;
  221. background-color: {color:posts};
  222. color: {color:text};
  223. font-family: consolas;
  224. font-size: 8px;
  225. text-transform: uppercase;
  226. text-align: left;
  227. letter-spacing: 1px;
  228. width: 135px;
  229. -webkit-transition: all 0.2s ease-out;
  230. -moz-transition: all 0.2s ease-out;
  231. -o-transition: all 0.2s ease-out;
  232. }
  233.  
  234. .sidelinks2 a:hover {
  235. color: {color:sidelinks text};
  236. -webkit-transition: all 0.2s ease-out;
  237. -moz-transition: all 0.2s ease-out;
  238. -o-transition: all 0.2s ease-out;
  239. }
  240.  
  241. #container2 {
  242. width: 140px;
  243. height: 170px;
  244. overflow: hidden;
  245. position: fixed;
  246. margin-top: -170px;
  247. }
  248.  
  249. .title {
  250. font-family: consolas;
  251. font-size: 14px;
  252. text-transform: uppercase;
  253. letter-spacing: 1px;
  254. text-align: right;
  255. color: {color:title};
  256. border-bottom: 1px dotted {color:border};
  257. }
  258.  
  259. .title a {
  260. color: {color:title};
  261. }
  262.  
  263. .desc {
  264. margin-top: 5px;
  265. height: 130px;
  266. font-size: 10px;
  267. overflow: hidden;
  268. text-align: justify;
  269. color: {color:description};
  270. }
  271.  
  272. .pages {
  273. position: relative;
  274. color: {color:links};
  275. text-align: right;
  276. font-size: 9px;
  277. letter-spacing: 1px;
  278. font-family: consolas;
  279. margin-top: 8px;
  280. text-transform: uppercase;
  281. -webkit-transition: all 0.4s ease-out;
  282. -moz-transition: all 0.4s ease-out;
  283. -o-transition: all 0.4s ease-out;
  284. }
  285.  
  286. .pages a {
  287. color: {color:links};
  288. -webkit-transition: all 0.4s ease-out;
  289. -moz-transition: all 0.4s ease-out;
  290. -o-transition: all 0.4s ease-out;
  291. }
  292.  
  293. .pages a:hover {
  294. color: {color:text};
  295. -webkit-transition: all 0.4s ease-out;
  296. -moz-transition: all 0.4s ease-out;
  297. -o-transition: all 0.4s ease-out;
  298. }
  299.  
  300. /*POSTS*/
  301.  
  302. #posts {
  303. margin-left: 420px;
  304. background-color: {color:background};
  305. margin-top: 0px;
  306. margin-bottom: 0px;
  307. height: 100%;
  308. width: 570px;
  309. }
  310.  
  311. .postz {
  312. margin-top: 15px;
  313. margin-bottom: 20px;
  314. {block:IfBiggerPosts}width: 570px;{/block:IfBiggerPosts}
  315. {block:IfNotBiggerPosts}width: 470px; {/block:IfNotBiggerPosts}
  316. margin-left: 0px;
  317. height: auto;
  318. float: left;
  319. position: relative;
  320. background-color: transparent;
  321. opacity: 1;
  322. }
  323.  
  324. .entry {
  325. background-color: {color:posts};
  326. color: {color:text};
  327. {block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
  328. {block:IfNotBiggerPosts}width: 400px; {/block:IfNotBiggerPosts}
  329. text-align: justify;
  330. float: left;
  331. z-index: 999;
  332. line-height: 14px;
  333. padding: 10px;
  334. -webkit-transition: all 0.6s ease-out;
  335. -moz-transition: all 0.6s ease-out;
  336. -o-transition: all 0.6s ease-out;
  337. position: relative;
  338. }
  339.  
  340. .entry h1{
  341. color: {color:title};
  342. text-transform: uppercase;
  343. font-size: 14px;
  344. font-family: consolas;
  345. font-weight: normal;
  346. letter-spacing: 1px;
  347. text-align: center;
  348. line-height: 14px;
  349. }
  350.  
  351. .entry h2{
  352. text-transform: uppercase;
  353. text-decoration: none;
  354. letter-spacing: 0px;
  355. font-family: consolas;
  356. text-align: center;
  357. font-weight:normal;
  358. }
  359.  
  360. .entry blockquote {
  361. color: {color:text};
  362. margin-right: 0px;
  363. margin-left: 0px;
  364. padding-left: 6px;
  365. border-left: 2px solid {color:border};
  366. text-align: justify;
  367. max-width: 100%;
  368. }
  369.  
  370. .entry img {
  371. {block:IfBiggerPosts}max-width: 500px;{/block:IfBiggerPosts}
  372. {block:IfNotBiggerPosts}max-width: 400px; {/block:IfNotBiggerPosts}
  373. padding: 0px;
  374. {block:ifmonochromatic}-webkit-filter: grayscale(100%);
  375. -moz-filter: grayscale(100%);
  376. -ms-filter: grayscale(100%);
  377. -o-filter: grayscale(100%);{/block:ifmonochromatic}
  378. -webkit-transition: all 0.7s ease-in-out;
  379. -moz-transition: all 0.7s ease-in-out;
  380. -o-transition: all 0.7s ease-in-out;
  381. }
  382.  
  383. .postz:hover .entry img {
  384. {block:ifmonochromatic}-webkit-filter: grayscale(0%);
  385. -moz-filter: grayscale(0%);
  386. -ms-filter: grayscale(0%);
  387. -o-filter: grayscale(0%);{/block:ifmonochromatic}
  388. -webkit-transition: all 0.7s ease-in-out;
  389. -moz-transition: all 0.7s ease-in-out;
  390. -o-transition: all 0.7s ease-in-out;
  391. }
  392.  
  393. .ask {
  394. text-align: justify;
  395. font-size: 12px;
  396. background-color: {color:ask background};
  397. padding: 10px;
  398. z-index: 200;
  399. position: relative;
  400. margin-left: 58px;
  401. margin-top: -58px;
  402. }
  403.  
  404. .askicon {
  405. margin-left: 0px;
  406. position: relative;
  407. text-align: left;
  408. z-index: 199;
  409. width: 48px;
  410. height: 48px;
  411. border: 5px solid {color:ask background};
  412. }
  413.  
  414. .answer {
  415. padding: 0px 0px 0px 0px;
  416. margin-left: 68px;
  417. text-align: justify;
  418. margin-top: -1px;
  419. z-index: 201;
  420. }
  421.  
  422. .chat {
  423. padding: 10px;
  424. text-align: justify;
  425. line-height: 13px;
  426. }
  427.  
  428. .chat b {
  429. color: {color:links};
  430. }
  431.  
  432. .audioplay {
  433. height: 30px;
  434. margin-top: 38px;
  435. margin-left: 38px;
  436. height: 28px;
  437. width: 28px;
  438. opacity: 0.7;
  439. overflow:hidden;
  440. float:left;
  441. position: absolute;
  442. z-index: 1002;
  443. }
  444.  
  445. .audiodesc {
  446. color: {color:hover};
  447. {block:IfBiggerPosts}width: 380px;{/block:IfBiggerPosts}
  448. {block:IfNotBiggerPosts}width: 280px; {/block:IfNotBiggerPosts}
  449. overflow: hidden;
  450. margin-left: 110px;
  451. margin-top: 6px;
  452. display: block;
  453. position: absolute;
  454. line-height: 20px;
  455. padding: 5px;
  456. }
  457.  
  458. .albumart {
  459. z-index: 1001;
  460. width: 100px;
  461. height: 100px;
  462. padding-bottom: 5px;
  463. overflow: hidden;
  464. text-align: left;
  465. position: absolute;
  466. }
  467.  
  468. .albumart2 {
  469. z-index: 1000;
  470. width: 100px;
  471. height: 100px;
  472. padding-bottom: 5px;
  473. overflow: hidden;
  474. }
  475.  
  476. .photo {
  477. {block:IfBiggerPosts}max-width: 500px;{/block:IfBiggerPosts}
  478. {block:IfNotBiggerPosts}max-width: 400px; {/block:IfNotBiggerPosts}
  479. padding: 0px;
  480. {block:ifmonochromatic}-webkit-filter: grayscale(100%);
  481. -moz-filter: grayscale(100%);
  482. -ms-filter: grayscale(100%);
  483. -o-filter: grayscale(100%);{/block:ifmonochromatic}
  484. -webkit-transition: all 0.7s ease-in-out;
  485. -moz-transition: all 0.7s ease-in-out;
  486. -o-transition: all 0.7s ease-in-out;
  487. }
  488.  
  489. .postz:hover .photo {
  490. {block:ifmonochromatic}-webkit-filter: grayscale(0%);
  491. -moz-filter: grayscale(0%);
  492. -ms-filter: grayscale(0%);
  493. -o-filter: grayscale(0%);{/block:ifmonochromatic}
  494. -webkit-transition: all 0.7s ease-in-out;
  495. -moz-transition: all 0.7s ease-in-out;
  496. -o-transition: all 0.7s ease-in-out;
  497. }
  498.  
  499. .permalink {
  500. opacity: 0;
  501. {block:IfBiggerPosts}width: 520px;{/block:IfBiggerPosts}
  502. {block:IfNotBiggerPosts}width: 420px;{/block:IfNotBiggerPosts}
  503. font-size: 10px;
  504. text-align: center;
  505. font-family: consolas;
  506. color: {color:text};
  507. padding: 0px;
  508. background-color: transparent;
  509. text-transform: uppercase;
  510. letter-spacing: 1px;
  511. margin-top: -5px;
  512. line-height: 105%;
  513. position: relative;
  514. margin-left: 0px;
  515. -webkit-transition: all 0.6s ease-out;
  516. -moz-transition: all 0.6s ease-out;
  517. -o-transition: all 0.6s ease-out;
  518. float: left;
  519. }
  520.  
  521. .postz:hover .permalink {
  522. opacity: 1;
  523. margin-top: 5px;
  524. -webkit-transition: all 0.6s ease-out;
  525. -moz-transition: all 0.6s ease-out;
  526. -o-transition: all 0.6s ease-out;
  527. }
  528.  
  529. .permalink a {
  530. color: {color:text};
  531. -webkit-transition: all 0.6s ease-out;
  532. -moz-transition: all 0.6s ease-out;
  533. -o-transition: all 0.6s ease-out;
  534. }
  535.  
  536. .permalink a:hover {
  537. color: {color:notes};
  538. -webkit-transition: all 0.6s ease-out;
  539. -moz-transition: all 0.6s ease-out;
  540. -o-transition: all 0.6s ease-out;
  541. }
  542.  
  543. .dates {
  544. position: relative;
  545. text-align: left;
  546. padding: 0px 0px 0px 0px;
  547. {block:ifbiggerposts}margin-left: 530px;{/block:ifbiggerposts}
  548. {block:ifnotbiggerposts}margin-left: 430px;{/block:ifnotbiggerposts}
  549. width: 100px;
  550. text-transform: uppercase;
  551. color: {color:notes};
  552. font-family: consolas;
  553. font-size: 10px;
  554. letter-spacing: 1px;
  555. height: auto;
  556. }
  557.  
  558. .dates a {
  559. color: {color:notes};
  560. -webkit-transition: all 0.4s ease-out;
  561. -moz-transition: all 0.4s ease-out;
  562. -o-transition: all 0.4s ease-out;
  563. }
  564.  
  565. .dates a:hover {
  566. color: {color:text};
  567. -webkit-transition: all 0.3s ease-out;
  568. -moz-transition: all 0.3s ease-out;
  569. -o-transition: all 0.3s ease-out;
  570. }
  571.  
  572. ol.notes{
  573. padding: 0px;
  574. text-align: left;
  575. list-style-type: none;
  576. }
  577.  
  578. ol.notes li.notes{
  579. padding: 0px;
  580. text-align: left;
  581. }
  582.  
  583. .permalink2 {
  584. font-size: 10px;
  585. padding-bottom:5px;
  586. padding-top:0px;
  587. margin-bottom:10px;
  588. line-height:12px;
  589. color: {color:notes};
  590. text-align: center;
  591. position: relative;
  592. margin-left: 0px;
  593. float: left;
  594. {block:IfBiggerPosts}width: 520px;{/block:IfBiggerPosts}
  595. {block:IfNotBiggerPosts}width: 420px;{/block:IfNotBiggerPosts}
  596. height: auto;
  597. padding-left: 0px;
  598. padding-right: 0px;
  599. }
  600.  
  601. iframe#tumblr_controls {
  602. position: fixed !important;
  603. right:2px !important;
  604. opacity: 0.3;
  605. width: 900px;
  606. border-radius: 10px;
  607. -webkit-transition: all 0.8s ease-in-out;
  608. -moz-transition: all 0.8s ease-in-out;
  609. -o-transition: all 0.8s ease-in-out;
  610. }
  611.  
  612. iframe#tumblr_controls:hover {
  613. -webkit-transition: all 0.8s ease-in-out;
  614. -moz-transition: all 0.8s ease-in-out;
  615. -o-transition: all 0.8s ease-in-out;
  616. opacity: 1;
  617. border-radius: 5px;
  618. }
  619.  
  620. .credit {
  621. position: fixed;
  622. color: {color:text};
  623. background-color: {color:posts};
  624. bottom: 10px;
  625. right: 10px;
  626. text-transform: uppercase;
  627. font-family: calibri;
  628. border-radius: 200px;
  629. padding: 4px 8px 4px 8px;
  630. font-size: 16px;
  631. opacity: 0.5;
  632. -webkit-transition: all 0.5s ease-out;
  633. -moz-transition: all 0.5s ease-out;
  634. -o-transition: all 0.5s ease-out;
  635. }
  636.  
  637. .credit a {
  638. color: {color:notes};
  639. }
  640.  
  641. .credit a:hover {
  642. color: {color:hover};
  643. border: none;
  644. }
  645.  
  646. .credit:hover {
  647. opacity: 1;
  648. -webkit-transition: all 0.5s ease-out;
  649. -moz-transition: all 0.5s ease-out;
  650. -o-transition: all 0.5s ease-out;
  651. }
  652.  
  653. /*
  654.  
  655. REVEUR THEME ©GASPHARD-ULLIEL.TUMBLR.COM
  656.  
  657. Please do not:
  658. → Move or remove the credit. Moving to a page must be done with permission from the maker.
  659. → Claim as your own. You may edit as much as you wish but it doesn't mean the theme is yours.
  660. → Take a chunk of the code and use it in your/other thememaker's code, unless permitted and credited.
  661. → Use as a base code.
  662.  
  663. */
  664.  
  665. </style>
  666.  
  667. {Custom CSS}
  668. {block:IfEndlessScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  669. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  670. {/block:IfEndlessScrolling}
  671.  
  672. </head>
  673.  
  674. <body>
  675.  
  676. <div class="bg"></div>
  677.  
  678. <div id="container">
  679. <div class="sidelinks">
  680. <a href="/">refresh</a>
  681. <a href="/ask">message</a>
  682. <a href="/archive">archive</a>
  683. </div>
  684. {block:IfSidelinks}
  685. <div id="container3">
  686. <div class="top">links</div>
  687. <div class="sidelinks2">
  688. {block:IfLink01}<a href="{text:link01}">{text:title01}</a>{/block:IfLink01}
  689. {block:IfLink02}<a href="{text:link02}">{text:title02}</a>{/block:IfLink02}
  690. {block:IfLink03}<a href="{text:link03}">{text:title03}</a>{/block:IfLink03}
  691. {block:IfLink04}<a href="{text:link04}">{text:title04}</a>{/block:IfLink04}
  692. {block:IfLink05}<a href="{text:link05}">{text:title05}</a>{/block:IfLink05}
  693. {block:IfLink06}<a href="{text:link06}">{text:title06}</a>{/block:IfLink06}
  694. </div>
  695. </div>
  696. {/block:IfSidelinks}
  697. <div class="sidebar"><img src="{image:sidebar}" width="150"></div>
  698. <div id="container2">
  699. <div class="title"><a href="/">{title}</a></div>
  700. <div class="desc">{description}</div>
  701. {block:IfNotEndlessScrolling}{block:Pagination}
  702. <div class="pages">
  703. {block:PreviousPage}<a href="{PreviousPage}"> << </a>{/block:PreviousPage} {currentpage}/{totalpages}
  704. {block:NextPage}<a href="{NextPage}"> >> </a>{/block:NextPage}
  705. </div>
  706. {/block:Pagination}{/block:IfNotEndlessScrolling}
  707. </div>
  708. </div>
  709.  
  710. <div id="posts">
  711.  
  712. {block:Posts}
  713.  
  714. <div class="postz">
  715. <div class="entry">
  716.  
  717. {block:Text}
  718. {block:Title}<h1>{Title}</h1>{/block:Title}
  719. {Body}
  720. {/block:Text}
  721.  
  722. {block:Photo}
  723. {block:IfBiggerPosts}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</div>{/block:IfBiggerPosts}
  724. {block:IfNotBiggerPosts}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}</div>{/block:IfNotBiggerPosts}
  725. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  726. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  727. {Caption}
  728. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  729. {/block:Photo}
  730.  
  731. {block:Photoset}
  732. {block:IfBiggerPosts}<div class="photo">{Photoset-500}</div>{/block:IfBiggerPosts}
  733. {block:IfNotBiggerPosts}<div class="photo">{Photoset-400}</div>{/block:IfNotBiggerPosts}
  734. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  735. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  736. {Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  737. {/block:Photoset}
  738.  
  739. {block:Quote}
  740. <div style="font-size: 14px; text-align:center; font-family: consolas">"{Quote}"</div>
  741. {block:Source}
  742. <p align="right">{Source}{/block:Source}</p>
  743. {/block:Quote}
  744.  
  745. {block:Link}
  746. <div style="font-size: 13px; text-align:center; text-transform: uppercase; font-family: consolas; letter-spacing: 1px;"><a href="{URL}" {Target}>{Name}</a></div>
  747. {block:Description}
  748. {Description}
  749. {/block:Description}
  750. {/block:Link}
  751.  
  752. {block:Chat}
  753. {block:Title}<h1>{Title}</h1>{/block:Title}
  754. <div class="chat">{block:Lines}
  755. {block:Label}
  756. <b>{Label}</b>
  757. {/block:Label}
  758. {Line}<br/>
  759. {/block:Lines}</div>
  760. {/block:Chat}
  761.  
  762. {block:Video}
  763. {block:IfBiggerPosts}<div class="photo">{Video-500}</div>{/block:IfBiggerPosts}
  764. {block:IfNotBiggerPosts}<div class="photo">{Video-400}</div>{/block:IfNotBiggerPosts}
  765. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  766. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  767. {Caption}
  768. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  769. {/block:Video}
  770.  
  771. {block:Audio}
  772. <div class="audiodesc">
  773. <div style="font-family: consolas; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; text-align: center; border-bottom: 1px dotted {color:title}; color: {color:title}">
  774. {block:TrackName}
  775. {TrackName}
  776. {/block:TrackName}
  777. {block:Artist}
  778. - {Artist}
  779. {/block:Artist}</div>
  780. <div style="text-align: center; font-family: consolas; color: {color:text}; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; line-height: 100%; margin-top: 3px;">
  781. {block:Album}
  782. from {Album}
  783. {/block:Album}
  784. </div></div>
  785. <div class="audioplay">{AudioPlayerBlack}</div>
  786. {block:AlbumArt}
  787. <div class="albumart"><img src="{AlbumArtURL}" width="100" height="100"></div>
  788. {/block:AlbumArt}
  789. <div class="albumart2"><img src="http://24.media.tumblr.com/tumblr_md46tfaw9F1rfymxfo1_400.jpg" width="100" height="100"></div>
  790. {block:IfMusicCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfMusicCaption}
  791. {block:IfNotMusicCaption}{block:PermalinkPage}{block:Caption}
  792. {Caption}
  793. {/block:Caption}{/block:PermalinkPage}{/block:IfNotMusicCaption}
  794. {/block:Audio}
  795.  
  796.  
  797. {block:Answer}
  798. <div class="askicon"><img src="{AskerPortraitURL-48}" width="48" height="48"></div>
  799. <div class="ask">
  800. {asker}: {Question}</div>
  801. <div class="answer">{Answer}</div>
  802. {/block:Answer}
  803.  
  804. </div>
  805.  
  806. {block:IndexPage}{block:IfTags}{block:HasTags}<div class="permalink">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}{/block:IndexPage}
  807.  
  808.  
  809. {block:IndexPage}
  810. {block:Date}<div class="dates"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{Year}{/block:Date}<br>{24HourWithZero}:{Minutes}:{Seconds}{block:NoteCount}<br>{NoteCountWithLabel}</a>{/block:NoteCount}
  811. <a href="{ReblogURL}" target="_blank"><br>reblog</a>
  812. </div>{/block:Date}
  813. {/block:IndexPage}
  814.  
  815. </div>
  816.  
  817. {block:PermalinkPage}
  818. <div class="permalink2">
  819. <div style="font-family: consolas; font-size: 9px; letter-spacing: 1px; text-transform: uppercase">
  820. {block:Date}{MonthNumber}/{DayOfMonth}/{Year} {24HourWithZero}:{Minutes}:{Seconds}{/block:Date}
  821. {block:RebloggedFrom}<br>
  822. reblogged from: <a href="{ReblogRootURL}">{ReblogRootName}</a> via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  823. {block:HasTags}<br>{block:Tags}
  824. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  825. {block:PostNotes}
  826. {PostNotes}{/block:PostNotes}
  827. {/block:PermalinkPage}
  828.  
  829. {/block:Posts}
  830.  
  831. </div></div>
  832.  
  833. {block:ContentSource}
  834. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  835. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  836. {/block:SourceLogo}
  837. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  838. {/block:ContentSource}
  839.  
  840. <div class="credit"><a href="http://gasphard-ulliel.tumblr.com" title="theme by gasphard-ulliel">❦</a></div>
  841.  
  842. </body>
  843. </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!