ciralism

BONJOUR - Theme II by Ciralism Themes

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