ciralism

BONJOUR 2.0 (by popular demand)

May 7th, 2015
842
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.24 KB | None | 0 0
  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>
  4. <title>{Title}{block:TagPage}#{Tag}{/block:TagPage}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9. <!---
  10.  
  11. Theme II by CIRALISM
  12.  
  13. BONJOUR
  14.  
  15. Release 2.0 (Alternate Version)
  16.  
  17. //use respectfully
  18. //edit as much as you want
  19. //my ask is always open if you need help
  20. //enjoy!
  21.  
  22. --->
  23.  
  24.  
  25. <!-- META TAGS --->
  26. <meta name="text:username" content="tumblr url here"/>
  27. <meta name="text:menutitle" content="Meet Me."/>
  28. <meta name="color:accent one" content="#ffffff"/>
  29. <meta name="color:accent two" content="#ffffff"/>
  30. <meta name="color:accent three" content="#ffffff"/>
  31. <meta name="color:accent four" content="#ffffff"/>
  32. <meta name="color:accent five" content="#ffffff"/>
  33.  
  34. <meta name="text:link1" content="fresh"/>
  35. <meta name="text:link1url" content="link 1 url"/>
  36. <meta name="text:link2" content="mailbox"/>
  37. <meta name="text:link2url" content="link 2 url"/>
  38. <meta name="text:link3" content="navigate"/>
  39. <meta name="text:link3url" content="link 3 url"/>
  40. <meta name="text:link4" content="archive"/>
  41. <meta name="text:link4url" content="link 4 url"/>
  42. <meta name="text:link5" content="About"/>
  43. <meta name="text:link5url" content="link 5 url"/>
  44. <meta name="text:link6" content="Graphics"/>
  45. <meta name="text:link6url" content="link 6 url"/>
  46. <meta name="text:link7" content="Blogroll"/>
  47. <meta name="text:link7url" content="link 7 url"/>
  48. <meta name="text:link8" content="Tags"/>
  49. <meta name="text:link8url" content="link 8 url"/>
  50. <meta name="text:link9" content="Themes"/>
  51. <meta name="text:link9url" content="link 8 url"/>
  52.  
  53.  
  54. <meta name="image:sidebarimage" content="" />
  55.  
  56. <meta name="if:hover info" content="1"/>
  57. <meta name="if:only render captions on permalink page" content="1"/>
  58. <meta name="if:frames" content="0"/>
  59. <meta name="if:two column" content="0"/>
  60.  
  61. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,400,700' rel='stylesheet' type='text/css'>
  64.  
  65. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. /* BASICS */
  71.  
  72. #tumblr_controls, .tmblr-iframe {
  73. display:block;
  74. -webkit-transform:scale(.8);
  75. -moz-transform:scale(.8);
  76. -o-transform:scale(.8);
  77. -ms-transform:scale(.8);
  78. -webkit-filter:invert(100%);
  79. -moz-filter:invert(100%);
  80. -o-filter:invert(100%);
  81. -ms-filter:invert(100%);
  82. top:15px;
  83. right:-15px;
  84. position:fixed!important;
  85. }
  86.  
  87.  
  88. body {
  89. background-color:#fff;
  90. font-family:Source Sans Pro;
  91. font-size:11px;
  92. color:#000;
  93. }
  94.  
  95. a {
  96. color:#000;
  97. text-decoration:none;
  98. }
  99.  
  100. a:hover {
  101. color:{color:accent four};
  102. text-decoration:none;
  103. }
  104.  
  105. h1 {
  106. font-family:Source Sans Pro;
  107. margin-top:10px;
  108. text-align:center;
  109. font-size:16px;
  110. color:black;
  111. letter-spacing:2px;
  112. font-weight:bold;
  113. text-transform:uppercase;
  114. }
  115.  
  116.  
  117. blockquote {
  118. padding:10px;
  119. text-align:center;
  120. border:1px solid #ddd;
  121. color:#555;
  122. -webkit-transition-duration:400ms;
  123. -o-transition-duration:400ms;
  124. -moz-transition-duration:400ms;
  125. -ms-transition-duration:400ms;
  126. }
  127.  
  128. blockquote:hover {
  129. border-left-color:black;
  130. border-right-color:black;
  131. }
  132.  
  133.  
  134.  
  135. /* HEADER */
  136.  
  137. #header {
  138. width:101%;
  139. background-color:white;
  140. border-bottom:1px solid #ddd;
  141. position:fixed;
  142. margin-top:-8px;
  143. margin-left:-15px;
  144. z-index:9999999999;
  145. padding:5px 0px 15px 0px;
  146. }
  147.  
  148. #title {
  149. font-family:Source Sans Pro;
  150. margin-top:10px;
  151. text-align:left;
  152. padding-left:40px;
  153. font-size:18px;
  154. color:black;
  155. letter-spacing:8px;
  156. font-weight:700;
  157. text-transform:uppercase;
  158. -webkit-transition-duration:1s;
  159. -moz-transition-duration:1s;
  160. -o-transition-duration:1s;
  161. }
  162.  
  163. #title a {
  164. color:black;
  165. -webkit-transition-duration:1s;
  166. -moz-transition-duration:1s;
  167. -o-transition-duration:1s;
  168. }
  169.  
  170. #links {
  171. width:100%;
  172. position:fixed;
  173. display:inline-block;
  174. text-align:center;
  175. font-size:10px;
  176. letter-spacing:2px;
  177. margin-top:-20px;
  178. z-index:999999;
  179. color:black;
  180. font-size:10px;
  181. -webkit-transition-duration:1s;
  182. -moz-transition-duration:1s;
  183. -o-transition-duration:1s;
  184. }
  185.  
  186. #links i {
  187. font-size:4px;
  188. color:#ddd;
  189. }
  190.  
  191.  
  192. #links a {
  193. color:#000;
  194. background-color:white;
  195. padding:3px;
  196. display:inline-block;
  197. text-transform:uppercase;
  198. font-size:10px;
  199. font-weight:bold;
  200. font-family:Source Sans Pro;
  201. width:100px;
  202. text-align:center;
  203. -webkit-transition-duration:400ms;
  204. -moz-transition-duration:400ms;
  205. -o-transition-duration:400ms;
  206. -ms-transition-duration:400ms;
  207. }
  208.  
  209.  
  210. #links a:hover:nth-of-type(1n+0) {color:{color:accent one};}
  211. #links a:hover:nth-of-type(2n+0) {color:{color:accent two};}
  212. #links a:hover:nth-of-type(3n+0) {color:{color:accent three};}
  213. #links a:hover:nth-of-type(4n+0) {color:{color:accent four};}
  214. #links a:hover:nth-of-type(5n+0) {color:{color:accent five};}
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221. #menu {
  222. top:55px;
  223. left:0px;
  224. z-index:9999999999;
  225. width:250px;
  226. height:100%;
  227. display:block;
  228. float:left;
  229. padding:15px;
  230. position:fixed;
  231. text-align:left;
  232. background-color:#fff;
  233. border-right:1px solid #ddd;
  234. font-weight:100;!important
  235. color:#000;
  236. font-size:12px;
  237. text-align:center;
  238. letter-spacing:1px;
  239. line-height:20px;
  240. font-family:Source Sans Pro;
  241. overflow:hidden;
  242. }
  243.  
  244. .sidebarimage {
  245. margin-left:30px;
  246. margin-top:10px;
  247. width:160px;
  248. padding:20px 10px;
  249. {block:ifFrames}border:1px solid #ddd;{/block:ifFrames}
  250. }
  251.  
  252. .sidebarimage img {width:140px;height:140px;}
  253.  
  254. .tit {
  255. text-align:center;
  256. font-weight:bold;
  257. font-size:15px;
  258. padding:10px 0px 3px 0px;
  259. }
  260.  
  261. .desc i {
  262. font-size:5px;
  263. padding:5px;
  264. margin-top:-15px;
  265. }
  266.  
  267. .desc a {color:#fff;font-weight:bold;}
  268.  
  269. .slinkies {
  270. width:250px;
  271. margin-top:15px;
  272. margin-left:1px;
  273. }
  274.  
  275. .slinkies a {
  276. display:inline-block;
  277. font-weight:bold;
  278. padding: 4px 3px;
  279. width:110px;
  280. margin-left:-5px;
  281. margin-top:-1px;
  282. border:1px solid #ddd;
  283. }
  284.  
  285. .slinkies a.last {
  286. width:227px;
  287. }
  288.  
  289. slinkies a.aa, a.bb, a.cc, a.dd, a.last {background-color:white;}
  290.  
  291. .aa:hover {
  292. background-color:{color:accent one};
  293. color:{color:accent two};
  294. }
  295.  
  296. .bb:hover {
  297. background-color:{color:accent two};
  298. color:{color:accent three};
  299. }
  300.  
  301. .cc:hover {
  302. background-color:{color:accent three};
  303. color:{color:accent four};
  304. }
  305.  
  306. .dd:hover {
  307. background-color:{color:accent four};
  308. color:{color:accent five};
  309. }
  310.  
  311. .last:hover {
  312. background-color:{color:accent five};
  313. color:{color:accent one};
  314. }
  315.  
  316.  
  317. /* POSTS */
  318.  
  319. #postcontainer {
  320. position:absolute;
  321. margin-top:20px;
  322. {block:IfNotTwoColumn}width:400px;
  323. left:50%;
  324. margin-left:-200px;{/block:IfNotTwoColumn}
  325. {block:IfTwoColumn}width:800px;left:50%;margin-left:-350px;{/block:IfTwoColumn}
  326. padding-bottom:50px;
  327. }
  328.  
  329. #post {
  330. text-align:left;
  331. margin-top:100px;
  332. {block:IfTwoColumn}width:250px;float:left;margin-left:80px;{/block:IfTwoColumn}
  333. {block:IfNotTwoColumn}width:400px;margin-left:-20px;{/block:IfNotTwoColumn}
  334. padding:20px;
  335. {block:PermalinkPage}padding-bottom:0px;{/block:PermalinkPage}
  336.  
  337. {block:ifFrames}border:1px solid #ddd;{/block:ifFrames}
  338. }
  339.  
  340.  
  341.  
  342. /* TEXT POSTS */
  343.  
  344. .tp {
  345. line-height:20px;
  346. text-align:center;
  347. margin-top:-2px;
  348. margin-left:-15px;
  349. background-color:white;
  350. }
  351.  
  352.  
  353. .textbody {
  354. font-weight:lighter;
  355. letter-spacing:1px;
  356. font-size:12px;
  357. }
  358.  
  359. .textbody a {
  360. font-size:8px;
  361. font-weight:bold;
  362. color:#000;
  363. letter-spacing:1px;
  364. text-transform:uppercase;
  365. }
  366.  
  367.  
  368.  
  369. /* PHOTO POSTS*/
  370.  
  371. .photo {
  372. background-color:white;
  373. z-index:99;
  374. }
  375.  
  376. /* PHOTOSET POSTS */
  377.  
  378. .photoset {
  379. background-color:white;
  380. }
  381.  
  382. /* QUESTIONS */
  383.  
  384. .question {
  385. text-align:center;
  386. background-color:#fff;
  387. font-size:10px;
  388. color:#000;
  389. line-height:150%;
  390. font-weight:lighter;
  391. letter-spacing:1px;
  392. }
  393.  
  394.  
  395. .answer {
  396. color:black;
  397. line-height:20px;
  398. letter-spacing:1px;
  399. text-transform:none;
  400. font-size:11px;
  401. font-weight:normal;
  402. margin-top:20px;
  403. border-top:1px solid #ddd;
  404. }
  405.  
  406. .asker {
  407. font-size:9px;
  408. text-transform:uppercase;
  409. font-family:Source Sans Pro;
  410. font-weight:bold;
  411. letter-spacing:2px;
  412. padding-bottom:0px;
  413. color:#000;
  414. }
  415.  
  416. .dots {
  417. font-size:5px;
  418. display:block;
  419. text-align:center;
  420. margin-top:-15px;
  421. padding-bottom:5px;
  422. }
  423.  
  424. .one {color:{color:accent one};}
  425. .two {color:{color:accent two};}
  426. .three {color:{color:accent three};}
  427. .four {color:{color:accent four};}
  428. .five {color:{color:accent five};}
  429.  
  430. .ask_block {
  431. font-size:12px;
  432. }
  433.  
  434. .asker a:hover {
  435. color:{color:accent three};
  436. }
  437.  
  438. /* CHAT POSTS */
  439.  
  440. .line {
  441. padding:8px 0px;
  442. display:block;
  443. border-bottom:1px solid #efefef;
  444. }
  445.  
  446. /* QUOTE POSTS */
  447. .quote {
  448. display:inline-block;
  449. -webkit-transition-duration:400ms;
  450. -moz-transition-duration:400ms;
  451. -o-transition-duration:400ms;
  452. -ms-transition-duration:400ms;
  453. }
  454.  
  455. .text {
  456. text-align:center;
  457. line-height:20px;
  458. font-size:12px;
  459. border-bottom:1px solid {color:accent two};
  460. padding-bottom:5px;
  461. letter-spacing:1px;
  462. }
  463.  
  464. .source {
  465. text-align:center;
  466. padding-top:10px;
  467. padding-bottom:0px;
  468. font-size:9px;
  469. font-weight:bold;
  470. letter-spacing:2px;
  471. text-transform:uppercase;
  472. }
  473.  
  474. /* AUDIO POSTS */
  475. .audio_wrapper {
  476. padding:10px;
  477. background-color:white;
  478. }
  479.  
  480. .play_wrapper {
  481. {block:IfnotTwoColumn}width:400px;{/block:IfnotTwoColumn}
  482. {block:IfTwoColumn}width:250px;{/block:IfTwoColumn}
  483. text-align:center;
  484. margin-top:10px;
  485. margin-left:-12px;
  486. font-family: Source Sans Pro, Source Sans Pro;
  487. Font-weight:bold;
  488. background-color:#fff;
  489. color:#000;
  490. border:1px solid #ddd;
  491. }
  492.  
  493. .track {
  494. position:absolute;
  495. margin-top:-35px;
  496. text-transform:uppercase;
  497. letter-spacing:5px;
  498. width:400;
  499. text-align:right;
  500. right:20px;
  501. }
  502.  
  503. .player {
  504. width:50px;
  505. height:50px;
  506. overflow:hidden;
  507. text-align:center;
  508. background-color:#fff;
  509. border-right:none;
  510. }
  511.  
  512. .audioplayer {
  513. width:20px;
  514. position:absolute;
  515. -webkit-transform:scale(1.3);
  516. height:20px;
  517. overflow:hidden;
  518. margin-top:8px;
  519. margin-left:10px;
  520. }
  521.  
  522. .audioinfos {
  523. margin-top:10px;
  524. padding:10px;
  525. }
  526.  
  527. .infotitle {
  528. text-align:center;
  529. padding:2px;
  530. font-size:9px;
  531. font-weight:bold;
  532. letter-spacing:2px;
  533. text-transform:uppercase;
  534. }
  535.  
  536. .audioinfo {
  537. text-align:center;
  538. padding:2px;
  539. letter-spacing:1px;
  540. font-size:11px;
  541. font-weight:200;
  542.  
  543. }
  544.  
  545. /* POST INFORMATION */
  546.  
  547. #info {
  548. {block:ifnothoverinfo}margin-top:5px;{/block:ifnothoverinfo}
  549. {block:ifhoverinfo}margin-top:-25px;opacity:0;{/block:ifhoverinfo}
  550. font-size:9px;
  551. color:black;
  552. padding-top:7px;
  553. z-index:-9999;
  554. padding-bottom:5px;
  555. text-align:center;
  556. -webkit-transition-duration:.7s;
  557. -moz-transition-duration:.7s;
  558. -o-transition-duration:.7s;
  559. -ms-transition-duration:.7s;
  560. }
  561.  
  562. #post:hover #info {
  563. {block:ifhoverinfo}margin-top:5px;opacity:1;{/block:ifhoverinfo}
  564. }
  565.  
  566. #info a {
  567. color:black;
  568. font-size:11px;
  569. display:inline-block;
  570. font-family:Source Sans Pro;
  571. }
  572.  
  573. #info a:hover {
  574. color:{color:accent three};
  575. }
  576.  
  577. .date {
  578. font-weight:bold;
  579. font-size:11px;
  580. text-transform:uppercase;
  581. }
  582.  
  583. .notecount {
  584. letter-spacing:1px;
  585. font-weight:200;
  586. }
  587.  
  588. ::selection {
  589. color:{color:accent one};
  590. }
  591.  
  592.  
  593. ::webkit-scrollbar {
  594. width:5px;
  595. background-color:white;
  596. border:1px solid #ccc;
  597. }
  598.  
  599. .p_info {
  600. z-index:9999;
  601. line-height:20px;
  602. margin-top:35px;
  603. margin-left:-21px;
  604. {block:IfnotTwoColumn}width:420px;{/block:IfnotTwoColumn}
  605. {block:IfTwoColumn}270px;{/block:IfTwoColumn}
  606. padding:15px 0px 15px 20px;
  607. font-weight:200;
  608. letter-spacing:2px;
  609. font-size:9px;
  610. text-transform:uppercase;
  611. border:1px solid #ddd;
  612. background-color:#fff;
  613. position:absolute;
  614. }
  615.  
  616.  
  617. .p_tags { font-size:10px;display:inline-block;}
  618.  
  619. .p_tag a {
  620. font-weight:200!important;
  621. }
  622.  
  623. #pagi {
  624. margin-top:10px;
  625. height:20px;
  626. width:250px;
  627. text-align:center;
  628. font-family:Source Sans Pro;
  629. }
  630.  
  631. .jump_page {
  632. padding: 4px 10px;
  633. background-color: #fff;
  634. color:#000;
  635. margin-left:6px;
  636. font-size:10px;
  637. text-decoration:none;
  638. }
  639.  
  640. .current_page, .jump_page:hover {
  641. padding: 4px 10px;
  642. color: black;
  643. font-size:10px;
  644. text-decoration:none;
  645. font-weight:bold;
  646. margin-left:6px;
  647. -webkit-transition-duration:.4s;
  648. -moz-transition-duration:.4s;
  649. -o-transition-duration:.4s;
  650. -ms-transition-duration:.4s;
  651. }
  652.  
  653.  
  654. .tags {
  655. text-align:center;
  656. margin-top:7px;
  657. {block:IfnotTwoColumn}width:400px;{/block:IfnotTwoColumn}
  658. {block:IfTwoColumn}width:250px;{/block:IfTwoColumn}
  659. text-transform:uppercase;
  660. display:inline-block;
  661. -webkit-transition-duration:.7s;
  662. -moz-transition-duration:.7s;
  663. -o-transition-duration:.7s;
  664. -ms-transition-duration:.7s;
  665. }
  666.  
  667. .tag {
  668. letter-spacing:1px;
  669. font-family:Source Sans Pro;
  670. font-size:8px;
  671. color:black;
  672. -webkit-transition-duration:.7s;
  673. -moz-transition-duration:.7s;
  674. -o-transition-duration:.7s;
  675. -ms-transition-duration:.7s;
  676. }
  677.  
  678.  
  679. .caption {
  680. color:black;
  681. letter-spacing:1px;
  682. display:block;
  683. margin-top:10px;
  684. {block:IfnotTwoColumn}width:400px;{/block:IfnotTwoColumn}
  685. {block:IfTwoColumn}width:250px;{/block:IfTwoColumn}
  686. }
  687.  
  688. .caption a {color:black;font-weight:bold;}
  689.  
  690. /* PERMALINK PAGES */
  691.  
  692. #notesbin {
  693. {block:IfnotTwoColumn}width:420px;{/block:IfnotTwoColumn}
  694. {block:IfTwoColumn}270px;{/block:IfTwoColumn}
  695. padding:15px 0px 15px 20px;
  696. height:150px;
  697. overflow-x:hidden;
  698. overflow-y:scroll;
  699. text-align:left;
  700. border:1px solid #ddd;
  701. line-height:22px;
  702. margin-left:-21px;
  703. margin-top:135px;
  704. }
  705. #postnotes {
  706. display:block;
  707. font-size:9px;
  708. }
  709.  
  710. #postnotes ol {
  711. list-style-type: none;
  712. }
  713.  
  714. #postnotes li {
  715. letter-spacing:2px;
  716. display:block;
  717. margin-top:5px;
  718. margin-left:-30px;
  719. background-color:#fff;
  720. color:#000;
  721. -webkit-transition-duration:.4s;
  722. -moz-transition-duration:.4s;
  723. -o-transition-duration:.4s;
  724. -ms-transition-duration:.4s;
  725. }
  726.  
  727. #postnotes li a {
  728. color:#000;
  729. font-weight:bold;
  730. font-size:7px;
  731. text-transform:uppercase;
  732. }
  733.  
  734. #postnotes li a:hover {
  735. color:#ccc;
  736. }
  737.  
  738. #postnotes img {
  739. width:0px;
  740. height:0px;
  741. }
  742.  
  743.  
  744. #credit {
  745. width:250px;
  746. margin-left:-15px;
  747. bottom:0px;
  748. position:fixed;
  749. padding:8px 15px;
  750. border-top:1px solid #ddd;
  751. font-family:Source Sans Pro;
  752. font-weight:200;
  753. font-size:11px;
  754. text-transform:uppercase;
  755. }
  756.  
  757. #credit a {color:black;font-weight:bold;}
  758.  
  759. </style>
  760. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  761.  
  762. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  763.  
  764. <script>
  765. $(function(){
  766. var $container = $('#postcontainer');
  767. $container.imagesLoaded(function(){
  768. $container.masonry({
  769. itemSelector: '#post',
  770. });
  771. });
  772. $container.infinitescroll({
  773. itemSelector : "#post",
  774. navSelector : "div.pagination",
  775. nextSelector : ".pagination a#next",
  776. loadingImg : "",
  777. loadingText : "<em></em>",
  778. bufferPx : 10000,
  779. extraScrollPx: 12000,
  780. },
  781. // trigger Masonry as a callback
  782. function( newElements ) {
  783. var $newElems = $( newElements ).css({ opacity: 0 });
  784. // ensure that images load before adding to masonry layout
  785. $newElems.imagesLoaded(function(){
  786. $newElems.animate({ opacity: 1 });
  787. $container.masonry( 'appended', $newElems, true );
  788. });
  789. }
  790. );
  791. });
  792. </script>
  793. </head>
  794. <body>
  795.  
  796.  
  797. <div id="header">
  798. <div id="title">{Title}</div>
  799. <div id="links">
  800. <a href="{text:link1url}">{text:link1} </a><i class="fa fa-circle"></i>
  801. <a href="{text:link2url}">{text:link2} </a><i class="fa fa-circle"></i>
  802. <a href="{text:link3url}">{text:link3} </a><i class="fa fa-circle"></i>
  803. <a href="{text:link4url}">{text:link4} </a><i class="fa fa-circle"></i>
  804. <a href="{text:link9url}">{text:link9} </a>
  805. </div>
  806. </div>
  807.  
  808. <a class="cthrough">
  809. <span class="men">menu</span>
  810. </a>
  811.  
  812. <div id="menu">
  813. <div class="sidebarimage">
  814. <img src="{image:sidebarimage}">
  815. </div>
  816. <div class="tit">{text:menutitle}</div>
  817. {block:Description}
  818. <div class="desc">{Description}</div>
  819. {/block:Description}
  820.  
  821. <div class="slinkies">
  822. <a href="{text:link5url}" class="aa">{text:link5}</a>
  823. <a href="{text:link6url}" class="bb">{text:link6}</a>
  824. <a href="{text:link7url}" class="cc">{text:link7}</a>
  825. <a href="{text:link8url}" class="dd">{text:link8}</a>
  826. </div>
  827.  
  828. <div id="pagi">
  829. {block:Pagination}
  830. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  831.  
  832. {block:JumpPagination length="5"}
  833. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  834. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  835. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  836. {/block:Pagination}
  837. </div>
  838.  
  839. <div id="credit"> theme by <a href="http://ciralism.tumblr.com">ciralism</a></div>
  840.  
  841.  
  842. </div>
  843.  
  844.  
  845. <div id="postcontainer">
  846. {block:Posts}
  847. <!-- {block:NoRebloggedFrom}
  848. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  849. {/block:NoRebloggedFrom} -->
  850.  
  851. {block:ContentSource}<!-- {SourceURL}
  852. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  853. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  854. {/block:ContentSource}
  855.  
  856.  
  857. <div id="post">
  858.  
  859.  
  860. {block:Text}<div class="tp">{block:Title}<h1>{Title}</h1>{/block:Title}
  861. <div class="textbody">{Body}</div></div>{/block:Text}
  862.  
  863.  
  864.  
  865. {block:Photo}<div class="photo">{LinkOpenTag}<center>{block:IfNotTwoColumn}<img src="{PhotoURL-400}" width="400px">{block:IfNotTwoColumn}{block:IfTwoColumn}<img src="{PhotoURL-250}" width="250px">{/block:IfTwoColumn}</center>
  866. {block:IfOnlyRenderCaptionsOnPermalinkPage}
  867. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  868. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  869. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  870. {LinkCloseTag}</div>
  871. {/block:Photo}
  872.  
  873.  
  874. {block:Photoset}
  875. <div class="photoset">{block:ifnottwocolumn}{Photoset-400}{/block:ifnottwocolumn}{block:iftwocolumn}{Photoset-250}{/block:iftwocolumn}{block:IfOnlyRenderCaptionsOnPermalinkPage}
  876. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  877. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  878. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}</div>{/block:Photoset}
  879.  
  880.  
  881. {block:Video}{block:ifnottwocolumn}{Video-400}{/block:ifnottwocolumn}{block:iftwocolumn}{Video-250}{/block:iftwocolumn}{block:IfOnlyRenderCaptionsOnPermalinkPage}
  882. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  883. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  884. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}{/block:Video}
  885.  
  886.  
  887. {block:Audio}
  888. <div class="audio_wrapper">
  889.  
  890. <div class="play_wrapper">
  891. <div class="player">{Block:AudioPlayer}<div class="audioplayer">{AudioPlayer}</div>{/Block:AudioPlayer}</div>{block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}</div>
  892. <div class="audioinfos">{Block:Artist}<div class="infotitle">Artist</div><div class="audioinfo">{Artist}</div>{/Block:Artist}<br>
  893. {Block:Album}<div class="infotitle">Album</div><div class="audioinfo">{Album}</div>{/Block:Album}<br>
  894. {Block:PlayCount}<div class="infotitle">Play Count</div><div class="audioinfo">{FormattedPlayCount}</div>{/Block:PlayCount}
  895. </div>
  896. </div>
  897. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  898. {/block:Audio}
  899.  
  900.  
  901. {block:Quote}<div class="quote"><div class="text">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
  902.  
  903.  
  904. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  905.  
  906. {block:Answer}<div class="question">
  907. <div class="ask_block"><div class="asker">{Asker}</div><br>
  908. <div class="dots">
  909. <span class="one"><i class="fa fa-circle"></i></span>
  910. <span class="two"><i class="fa fa-circle"></i></span>
  911. <span class="three"><i class="fa fa-circle"></i></span>
  912. <span class="four"><i class="fa fa-circle"></i></span>
  913. <span class="five"><i class="fa fa-circle"></i></span>
  914. </div>
  915. {Question}</div>
  916. <div class="answer">{Answer}</div>
  917. </div>{/block:Answer}
  918.  
  919.  
  920. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  921. {block:Lines}<div class="line">{block:Label}<b style="text-transform:uppercase;letter-spacing:2px;font-weight:lighter">{Label}</b> {/block:Label}{Line}</div>{/block:Lines}
  922. {/block:Chat}
  923.  
  924. {block:IndexPage}
  925. <div id="info">
  926. <a href="{Permalink}" class="date">{Month} {DayOfMonth}</a> /&nbsp; <a href="{Permalink}" class="notecount"> {NoteCountWithLabel}</a>
  927. </div>
  928. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  929. </div> {/block:IndexPage}
  930.  
  931. {block:PermalinkPage}
  932. <div class="p_info">
  933. Posted <b>{DayOfWeek} {Month} {DayOfMonth}</b> at {12Hour}:{Minutes}{ampm} <br>
  934. {block:RebloggedFrom}<b>Via</b> <span style="font-size:4px;color:#ccc;"><i class="fa fa-circle"></i></span> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} <span style="font-size:4px;color:#ccc;"><i class="fa fa-circle"></i></span> <b>Source</b> <span style="font-size:4px;color:#ccc;"><i class="fa fa-circle"></i></span> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  935. <br>
  936. {block:HasTags}<b>Filed</b>: <div class="p_tags">{block:Tags}<a href="{TagURL}" class="p_tag"><b>#</b>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  937.  
  938. </div>
  939. {/block:PermalinkPage}
  940. {/block:Posts}
  941.  
  942.  
  943. {block:PermalinkPage}
  944. {block:PostNotes}<div id="notesbin"><div id="postnotes">{PostNotes-16}</div></div>{/block:PostNotes}{/block:PermalinkPage}
  945. </div>
  946.  
  947. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment