API tools faq
paste
Advertisement
jcegers

ECHO

jcegers
Jul 15th, 2015
3,736
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----------
  5.  
  6.  
  7. T H E M E S B Y
  8.  
  9. ░░░▒█ ▒█▀▀█ ▒█▀▀▀ ▒█▀▀█ ▒█▀▀▀ ▒█▀▀█ ▒█▀▀▀█
  10. ░▄░▒█ ▒█░░░ ▒█▀▀▀ ▒█░▄▄ ▒█▀▀▀ ▒█▄▄▀ ░▀▀▀▄▄
  11. ▒█▄▄█ ▒█▄▄█ ▒█▄▄▄ ▒█▄▄█ ▒█▄▄▄ ▒█░▒█ ▒█▄▄▄█
  12.  
  13. I N F O R M A T I O N
  14.  
  15. — JCEGERS' THEME #17: ECHO
  16. — MADE IN OPERA ( 1600X900 SCREEN RESOLUTION)
  17. — HAVE A QUESTION? MESSAGE TO @jcegers or @jcethemes
  18.  
  19. T E R M S O F U S E / R U L E S
  20.  
  21. — DON'T MOVE OR DELETE THE CREDIT! JUST LEAVE IT WHERE IT IS!
  22. AFTER ALL MY THEMES ARE FREE! SO RESPECT THAT!
  23. — DO NOT STEAL ANY PART OF MY CODE
  24. — DO NOT USE AS A BASECODE
  25. — DO NOT TWEAK IT UNTIL IT IS UNRECOGNIZABLE
  26.  
  27. T H A N K Y O U!
  28.  
  29.  
  30. ------------->
  31.  
  32. <title>{Title}</title>
  33.  
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37.  
  38.  
  39.  
  40. <!--Default Variables-->
  41.  
  42. <meta name="color:Background" content="#ffffff"/>
  43. <meta name="color:Post Bg" content="#ffffff"/>
  44. <meta name="color:Text" content="#aaaaaa"/>
  45. <meta name="color:Link" content="#000000"/>
  46. <meta name="color:Hover" content="#000000"/>
  47. <meta name="color:Caption Bg" content="#ffffff"/>
  48. <meta name="color:Caption Text" content="dcdcdc"/>
  49. <meta name="color:Accent" content="#6c95b6"/>
  50. <meta name="color:Accent Text" content="#ffffff"/>
  51. <meta name="color:Side BG" content="#cfcfcf"/>
  52. <meta name="color:Side Text" content="#f0f0f0"/>
  53. <meta name="color:Description" content="#121212"/>
  54. <meta name="color:Side Link" content="#121212"/>
  55. <meta name="color:Side Link Hover" content="#cfcfcf"/>
  56. <meta name="color:Border" content="#cfcfcf"/>
  57. <meta name="color:Entry Bg" content="#ffffff"/>
  58.  
  59. <meta name="if:Show 350px posts" content="1"/>
  60. <meta name="if:Show 400px posts" content="0"/>
  61. <meta name="if:Show 500px posts" content="0"/>
  62. <meta name="if:Round Icons" content="1"/>
  63. <meta name="if:Show Sidebar Icon" content="1"/>
  64. <meta name="if:Semi Transparent BG" content="1"/>
  65.  
  66. <meta name="image:Sidebar Icon" content=""/>
  67. <meta name="image:Sidebar Background" content=""/>
  68. <meta name="image:Sidebar Image" content=""/>
  69.  
  70. <meta name="text:Updates" content="updates here"/>
  71. <meta name="text:Sidebar Title" content="title here"/>
  72. <meta name="text:Sidebar Title 2" content="2nd title here"/>
  73. <meta name="text:Blogroll Title" content="Blogroll"/>
  74. <meta name="text:Updates Title" content="Updates"/>
  75. <meta name="text:Post Spacing" content="100"/>
  76.  
  77. <meta name="text:Slide Name 1" content="menu"/>
  78. <meta name="text:Slide Name 2" content="links"/>
  79. <meta name="text:Slide Name 3" content="updates"/>
  80. <meta name="text:Slide Name 4" content="blogroll"/>
  81.  
  82. <meta name="text:Category 1" content="category 01"/>
  83. <meta name="text:Category 2" content="category 02"/>
  84. <meta name="text:Category 3" content="category 03"/>
  85.  
  86. <meta name="text:menu Link 1 URL" content="" />
  87. <meta name="text:menu Link 1" content="link01" />
  88. <meta name="text:menu Link 2 URL" content="" />
  89. <meta name="text:menu Link 2" content="link02" />
  90.  
  91. <meta name="text:Link 1 URL" content="" />
  92. <meta name="text:Link 1" content="link 01" />
  93. <meta name="text:Link 2 URL" content="" />
  94. <meta name="text:Link 2" content="link 02" />
  95. <meta name="text:Link 3 URL" content="" />
  96. <meta name="text:Link 3" content="link 03" />
  97. <meta name="text:Link 4 URL" content="" />
  98. <meta name="text:Link 4" content="link 04" />
  99. <meta name="text:Link 5 URL" content="" />
  100. <meta name="text:Link 5" content="link 05" />
  101. <meta name="text:Link 6 URL" content="" />
  102. <meta name="text:Link 6" content="link 06" />
  103. <meta name="text:Link 7 URL" content="" />
  104. <meta name="text:Link 7" content="link 07" />
  105. <meta name="text:Link 8 URL" content="" />
  106. <meta name="text:Link 8" content="link 08" />
  107. <meta name="text:Link 9 URL" content="" />
  108. <meta name="text:Link 9" content="link 09" />
  109. <meta name="text:Link 10 URL" content="" />
  110. <meta name="text:Link 10" content="link 10" />
  111. <meta name="text:Link 11 URL" content="" />
  112. <meta name="text:Link 11" content="link 11" />
  113. <meta name="text:Link 12 URL" content="" />
  114. <meta name="text:Link 12" content="link 12" />
  115. <meta name="text:Link 13 URL" content="" />
  116. <meta name="text:Link 13" content="link 13" />
  117. <meta name="text:Link 14 URL" content="" />
  118. <meta name="text:Link 14" content="link 14" />
  119. <meta name="text:Link 15 URL" content="" />
  120. <meta name="text:Link 15" content="link 15" />
  121.  
  122.  
  123. <!----- FONT AWESOME ----->
  124.  
  125. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  126.  
  127. <!----- FONTS ----->
  128.  
  129. <script src="//use.edgefonts.net/open-sans;pt-sans.js"></script>
  130.  
  131. <!---- JQUERY FOR SLIDE MENU // DON'T TOUCH ---->
  132.  
  133. <!–side push menu from codrops–>
  134. <!–don’t touch–>
  135. <script src="http://takien.github.io/jPushMenu/js/jquery-1.9.1.min.js"></script>
  136. <script src="http://takien.github.io/jPushMenu/js/jPushMenu.js">
  137. </script>
  138. <!–call jPushMenu, required–>
  139. <script> jQuery(document).ready(function($) { $('.toggle').jPushMenu(); });
  140. </script>
  141.  
  142. <!---- JQUERY FOR TOOLTIPS ---->
  143.  
  144. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  145. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  146. <script>
  147. (function($){
  148. $(document).ready(function(){
  149. $("a[title]").style_my_tooltips({
  150. tip_follows_cursor:true,
  151. tip_delay_time:30,
  152. tip_fade_speed:300,
  153. attribute:"title"
  154. });
  155. });
  156. })(jQuery);
  157. </script>
  158.  
  159. <!----- PHOTOSET RESIZE SCRIPT ----->
  160.  
  161. <script type="text/javascript">
  162. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  163. $(document).ready(function() {
  164. function photosetResize() {
  165. $('iframe.photoset').each(function(){
  166. var newSize = {select:post width};
  167. var newSrc = $(this).attr('src').replace('500',newSize);
  168. $(this).attr('src', newSrc).width(newSize);
  169. var high = $(this).css('height');
  170. var calculate = parseInt(high, 10)* newSize/500;
  171. $(this).css('height', calculate);
  172. });
  173. }
  174. photosetResize();
  175. });
  176. </script>
  177.  
  178. <!----- SLIDE TOOGLE / CLICK ----->
  179.  
  180. <script>
  181. $(document).ready(function(){
  182. $(".pagenotet").click(function(){
  183. $(".pagenotes").slideToggle();
  184. });
  185. });
  186. </script>
  187.  
  188. <!----- CSS CUSTOMATION ----->
  189.  
  190. <style type="text/css">
  191.  
  192. /*----- TUMBLR CONTROL BUTTONS ------*/
  193.  
  194. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  195.  
  196. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  197.  
  198. /* -------- SELECTION TOOL ------- */
  199.  
  200. ::-moz-selection {
  201. background: {color:accent};
  202. color: {color:accent text};
  203. }
  204.  
  205. ::selection {
  206. background: {color:accent};
  207. color: {color:accent text};
  208. }
  209.  
  210. /* -------- TOOLTIPS ------- */
  211.  
  212. #s-m-t-tooltip{
  213. position:absolute;
  214. margin-top:35px;
  215. z-index:99999999;
  216. font-family:'calibri';
  217. font-size:8px;
  218. letter-spacing:1px;
  219. text-transform:uppercase;
  220. padding:4px;
  221. color:{color:Accent text};
  222. background:{color:Accent};
  223. }
  224.  
  225. ::-webkit-scrollbar-thumb:vertical {
  226. background-color: {color:Accent};
  227. height:auto;
  228. border-radius:0px;
  229. border:0px #ddd solid;
  230. }
  231. ::-webkit-scrollbar-thumb:horizontal {
  232. height:auto !important;
  233. border-radius:0px;
  234. }
  235. ::-webkit-scrollbar {
  236. height:auto;
  237. width:5px;
  238. background-color:{color:Background};
  239. border-radius:18px;
  240. }
  241.  
  242. /* -------- BASICS ------- */
  243.  
  244. blockquote {
  245. padding:0px 7px;
  246. border-left:1px dotted {color:accent};
  247. margin-left:5px;
  248. margin-right:5px;
  249. {block:ifShow500pxposts}
  250. width:430px;
  251. {/block:ifShow500pxposts}
  252. {block:ifShow400pxposts}
  253. width:330px;
  254. {/block:ifShow400pxposts}
  255. {block:ifShow350pxposts}
  256. width:280px;
  257. {/block:ifShow350pxposts}
  258. }
  259.  
  260. body {
  261. background:{color:background};
  262. color:{color:text};
  263. font-family:'open-sans';
  264. font-size:9px;
  265. text-align:justify;
  266. line-height:12px;
  267. margin:0;
  268. }
  269.  
  270. a {
  271. color:{color:link};
  272. text-decoration:none;
  273. -moz-transition-duration: 0.5s;
  274. -o-transition-duration: 0.5s;
  275. -webkit-transition-duration: 0.5s;
  276. transition-duration: 0.5s;
  277. }
  278.  
  279. a:hover {
  280. color:{color:hover};
  281. text-decoration:none;
  282. }
  283.  
  284. img {
  285. opacity:1;
  286. border:none;
  287. text-decoration:none
  288. }
  289.  
  290. small {
  291. font-size:9px;
  292. }
  293.  
  294. big {
  295. font-size:11px;
  296. }
  297.  
  298. pre {
  299. {block:ifShow500pxposts}
  300. width:500px;
  301. {/block:ifShow500pxposts}
  302. {block:ifShow400pxposts}
  303. width:400px;
  304. {/block:ifShow400pxposts}
  305. {block:ifShow350pxposts}
  306. width:350px;
  307. {/block:ifShow350pxposts}
  308. text-align:left;
  309. word-wrap:break-word;
  310. color:{color:Text};
  311. }
  312.  
  313. h1, h2 {
  314. font-size:11px;
  315. line-height:15px;
  316. margin-bottom:-10px;
  317. font-weight:bold;
  318. letter-spacing:1px;
  319. font-style:italic;
  320. font-family:'open-sans',sans-serif;
  321. text-transform:uppercase;
  322. text-align:left;
  323. color:{color:Text};
  324. padding-bottom:4px;
  325. border-bottom:1px dotted {color:Border};
  326. }
  327.  
  328. #title {
  329. font-size:11px;
  330. font-style:italic;
  331. font-family:'open-sans',sans-serif;
  332. line-height:15px;
  333. font-weight:bold;
  334. letter-spacing:1px;
  335. text-transform:uppercase;
  336. text-align:left;
  337. color:{color:Text};
  338. padding-bottom:4px;
  339. border-bottom:1px dotted {color:Border};
  340. }
  341.  
  342. /* Slide Menu (Links) */
  343.  
  344. .cbp-spmenu {
  345. position:fixed;
  346. }
  347.  
  348. .cbp-spmenu-vertical {
  349. padding:0px;
  350. margin-right:1000px;
  351. background:url("{image:Sidebar Background}") left top repeat {color:Side BG};
  352. color:{color:Side text};
  353. width:300px;
  354. height:100%;
  355. z-index:999;}
  356.  
  357. .cbp-spmenu-left {
  358. left:-300px;
  359. bottom:0;
  360. }
  361.  
  362. .cbp-spmenu-left.cbp-spmenu-open {
  363. bottom:0px;
  364. left:0px;/*this one opens the slide menu*/
  365. }
  366.  
  367. .menulinks2t {
  368. display:inline-block;
  369. margin-top:10px;
  370. margin-bottom:10px;
  371. margin-left:6px;
  372. letter-spacing:1px;
  373. font-family:'open-sans';
  374. font-size:10px;
  375. line-height:10px;
  376. text-align:left;
  377. font-weight:bold;
  378. font-style:italic;
  379. text-transform:uppercase;
  380. color:{color:Side Link};
  381. padding:2px 0px 2px 2px;
  382. border-left:0px solid {color:Accent};
  383. border-bottom:1px dotted {color:Accent};
  384. }
  385.  
  386. .menulinks2 {
  387. display:inline-block;
  388. width:270px;
  389. margin-top:0px;
  390. margin-left:0px;
  391. letter-spacing:1px;
  392. color:{color:link};
  393. {block:ifSemiTransparentBG}
  394. background:rgba(0,0,0,0.5);
  395. {/block:ifSemiTransparentBG}
  396. font-family:'calibri';
  397. font-size:8px;
  398. line-height:10px;
  399. text-align:left;
  400. text-transform:uppercase;
  401. color:{color:Side Link};
  402. padding:20px 15px 20px 15px;
  403. }
  404.  
  405. .menulinks2 a {
  406. display:inline-block;
  407. margin-left:5px;
  408. color:{color:Side Link};
  409. background:transparent;
  410. }
  411.  
  412. .menulinks2 a:hover {
  413. color:{color:Side Link Hover};
  414. background:transparent;
  415. }
  416.  
  417. .close2 {
  418. margin-top:30px;
  419. }
  420.  
  421. .close2 a {
  422. bottom:0px;
  423. margin-top:10px;
  424. letter-spacing:0.5px;
  425. font-family:'calibri';
  426. color:{color:Side Link};
  427. font-size:8px;
  428. text-transform:uppercase;
  429. line-height:12px;
  430. padding:0px 0px 0px 0px;
  431. border-bottom:1px dotted {color:Accent};
  432. cursor:help;
  433. }
  434.  
  435. .close2 a:hover {
  436. color:{color:Side Link Hover};
  437. border-bottom:1px dotted transparent;
  438. }
  439.  
  440. .cbp-spmenu, .cbp-spmenu-push {
  441. -webkit-transition: all 0.8s ease;
  442. -moz-transition: all 0.8s ease;
  443. transition: all 0.8s ease;
  444. }
  445.  
  446.  
  447. /* Slide Menu (Menu) */
  448.  
  449. .cbp-spmenu {
  450. position:fixed;
  451. }
  452.  
  453. .cbp-spmenu-vertical {
  454. padding:0px;
  455. margin-right:1000px;
  456. background:url("{image:Sidebar Background}") left top repeat {color:Side BG};
  457. color:{color:Side text};
  458. width:300px;
  459. height:100%;
  460. z-index:99;}
  461.  
  462. .cbp-spmenu-bottom {
  463. left:-300px;
  464. bottom:0;
  465. }
  466.  
  467. .cbp-spmenu-bottom.cbp-spmenu-open {
  468. bottom:0px;
  469. left:0px;/*this one opens the slide menu*/
  470. }
  471.  
  472. .menuim img {
  473. width:245px;
  474. padding-top:20px;
  475. padding-bottom:0px;
  476. padding-left:28px;
  477. padding-right:27px;
  478. margin-bottom:0px;
  479. {block:ifSemiTransparentBG}
  480. background:rgba(0,0,0,0.5);
  481. {/block:ifSemiTransparentBG}
  482. }
  483.  
  484. .description {
  485. margin-top:-3px;
  486. letter-spacing:0.5px;
  487. font-family:'calibri';
  488. color:{color:Description};
  489. {block:ifSemiTransparentBG}
  490. background:rgba(0,0,0,0.5);
  491. {/block:ifSemiTransparentBG}
  492. font-size:10px;
  493. text-transform:none;
  494. line-height:12px;
  495. padding:30px;
  496. }
  497.  
  498. .description a {
  499. color:{color:Description};
  500. }
  501.  
  502. .description a:hover {
  503. color:{color:Hover};
  504. }
  505.  
  506. .menulinks {
  507. width:270px;
  508. display:inline-block;
  509. border-top:1px dotted {color:border};
  510. margin-top:0px;
  511. margin-left:0px;
  512. letter-spacing:1px;
  513. {block:ifSemiTransparentBG}
  514. background:rgba(0,0,0,0.5);
  515. {/block:ifSemiTransparentBG}
  516. font-family:'calibri';
  517. font-size:8px;
  518. line-height:10px;
  519. text-align:left;
  520. text-transform:uppercase;
  521. color:{color:Side Text};
  522. padding:20px 5px 20px 25px;
  523. }
  524.  
  525. .menulinks a {
  526. display:inline-block;
  527. margin-left:5px;
  528. color:{color:Side Link};
  529. background:transparent;
  530. }
  531.  
  532. .menulinks a:hover {
  533. color:{color:Side Link Hover};
  534. background:transparent;
  535. }
  536.  
  537. .close,.close a {
  538. bottom:0px;
  539. letter-spacing:0.5px;
  540. font-family:'calibri';
  541. color:{color:Side Link};
  542. font-size:8px;
  543. text-transform:uppercase;
  544. line-height:12px;
  545. padding:0px;
  546. cursor:help;
  547. }
  548.  
  549. .cbp-spmenu, .cbp-spmenu-push {
  550. -webkit-transition: all 0.8s ease;
  551. -moz-transition: all 0.8s ease;
  552. transition: all 0.8s ease;
  553. }
  554.  
  555. /* Slide Menu (Updates) */
  556.  
  557. .cbp-spmenu {
  558. position:fixed;
  559. }
  560.  
  561. .cbp-spmenu-vertical {
  562. padding:0px;
  563. margin-right:1000px;
  564. background:url("{image:Sidebar Background}") left top repeat {color:Side BG};
  565. color:{color:Side text};
  566. width:300px;
  567. height:100%;
  568. z-index:99;}
  569.  
  570. .cbp-spmenu-right {
  571. left:-300px;
  572. bottom:0;
  573. }
  574.  
  575. .cbp-spmenu-right.cbp-spmenu-open {
  576. bottom:0px;
  577. left:0px;/*this one opens the slide menu*/
  578. }
  579.  
  580. .updatest {
  581. display:inline-block;
  582. margin-top:10px;
  583. margin-bottom:10px;
  584. margin-left:0px;
  585. letter-spacing:2px;
  586. font-family:'open-sans';
  587. font-size:10px;
  588. font-style:italic;
  589. font-weight:bold;
  590. line-height:10px;
  591. text-align:left;
  592. text-transform:uppercase;
  593. color:{color:Side Text};
  594. padding:2px 0px 2px 2px;
  595. border-left:0px solid {color:Accent};
  596. border-bottom:1px dotted {color:Accent};
  597. }
  598.  
  599. .updates {
  600. margin-top:0px;
  601. letter-spacing:0.5px;
  602. font-family:'calibri';
  603. color:{color:Description};
  604. {block:ifSemiTransparentBG}
  605. background:rgba(0,0,0,0.5);
  606. {/block:ifSemiTransparentBG}
  607. font-size:10px;
  608. text-transform:none;
  609. line-height:12px;
  610. padding:20px;
  611. }
  612.  
  613. .updates a {
  614. color:{color:Description};
  615. }
  616.  
  617. .updates a:hover {
  618. color:{color:Hover};
  619. }
  620.  
  621. .close3 {
  622. margin-top:30px;
  623. }
  624.  
  625. .close3 a {
  626. bottom:0px;
  627. letter-spacing:0.5px;
  628. font-family:'calibri';
  629. color:{color:Side Link};
  630. font-size:8px;
  631. text-transform:uppercase;
  632. line-height:12px;
  633. padding:0px 0px 1px 0px;
  634. border-bottom:1px dotted {color:Accent};
  635. cursor:help;
  636. }
  637.  
  638. .close3 a:hover {
  639. color:{color:Side Link Hover};
  640. border-bottom:1px dotted transparent;
  641. }
  642.  
  643. .cbp-spmenu, .cbp-spmenu-push {
  644. -webkit-transition: all 0.8s ease;
  645. -moz-transition: all 0.8s ease;
  646. transition: all 0.8s ease;
  647. }
  648.  
  649. /* Slide Menu (Blogroll) */
  650.  
  651. .cbp-spmenu {
  652. position:fixed;
  653. }
  654.  
  655. .cbp-spmenu-vertical {
  656. padding:0px;
  657. margin-right:1000px;
  658. background:url("{image:Sidebar Background}") left top repeat {color:Side BG};
  659. color:{color:Side text};
  660. width:300px;
  661. height:100%;
  662. z-index:99;}
  663.  
  664. .cbp-spmenu-top {
  665. left:-300px;
  666. bottom:0;
  667. }
  668.  
  669. .cbp-spmenu-top.cbp-spmenu-open {
  670. bottom:0px;
  671. left:0px;/*this one opens the slide menu*/
  672. }
  673.  
  674. .blogrollt {
  675. display:inline-block;
  676. margin-top:10px;
  677. margin-bottom:10px;
  678. margin-left:0px;
  679. letter-spacing:2px;
  680. font-family:'open-sans';
  681. font-size:10px;
  682. font-style:italic;
  683. font-weight:bold;
  684. line-height:10px;
  685. text-align:left;
  686. text-transform:uppercase;
  687. color:{color:Side Text};
  688. padding:2px 0px 2px 2px;
  689. border-left:0px solid {color:Accent};
  690. border-bottom:1px dotted {color:Accent};
  691. }
  692.  
  693. #blogroll {
  694. margin:0px 0px 0px 0px;
  695. {block:ifSemiTransparentBG}
  696. background:rgba(0,0,0,0.5);
  697. {/block:ifSemiTransparentBG}
  698. padding:20px;
  699. width:260px;height:600px;overflow:auto;
  700. }
  701.  
  702. #blogroll img{
  703. margin-right:10px;
  704. margin-bottom:10px;
  705. {block:ifRoundIcons}
  706. border-radius:100px;
  707. {/block:ifRoundIcons}
  708. {block:ifNotRoundIcons}
  709. border-radius:0px;
  710. {/block:ifNotRoundIcons}
  711. border:3px solid transparent;
  712. width:30px;
  713. padding:0px;
  714. -webkit-transition-duration:0.8s;
  715. -moz-transition-duration:0.8s;
  716. transition-duration:0.8s;
  717. -o-transition-duration:0.8s;
  718. }
  719.  
  720. #blogroll img:hover {
  721. -webkit-transition:all 0.5s ease-out;
  722. -moz-transition:all 0.5s ease-out;
  723. transition:all 0.5s ease-out;
  724. border:3px solid {color:Accent};
  725. }
  726.  
  727. .close4 {
  728. margin-top:15px;
  729. margin-left:20px;
  730. }
  731.  
  732. .close4 a {
  733. bottom:0px;
  734. letter-spacing:0.5px;
  735. font-family:'calibri';
  736. color:{color:Side Link};
  737. font-size:8px;
  738. text-transform:uppercase;
  739. line-height:12px;
  740. padding:0px 0px 2px 0px;
  741. border-bottom:1px dotted {color:Accent};
  742. cursor:help;
  743. }
  744.  
  745. .close4 a:hover {
  746. color:{color:Side Link Hover};
  747. border-bottom:1px dotted transparent;
  748. }
  749.  
  750. .cbp-spmenu, .cbp-spmenu-push {
  751. -webkit-transition: all 0.8s ease;
  752. -moz-transition: all 0.8s ease;
  753. transition: all 0.8s ease;
  754. }
  755.  
  756. /* -------- SIDEBAR ------- */
  757.  
  758. #sidebar {
  759. background:url("{image:Sidebar Background}") left top repeat {color:Side BG};
  760. width:300px;
  761. height:100%;
  762. top:0px;
  763. left:0px;
  764. text-align:left;
  765. position:fixed;
  766. z-index:9;
  767. }
  768.  
  769. .sidebart {
  770. margin-top:10px;
  771. margin-left:30px;
  772. background:transparent;
  773. width:300px;
  774. letter-spacing:1.5px;
  775. color:{color:side text};
  776. font-family:'open-sans',sans-serif;
  777. font-size:11px;
  778. line-height:13px;
  779. font-weight:bold;
  780. font-style:italic;
  781. text-align:left;
  782. text-transform:uppercase;
  783. padding:0px;
  784. }
  785.  
  786. .sidebart2 {
  787. margin-bottom:10px;
  788. margin-left:30px;
  789. background:transparent;
  790. width:300px;
  791. letter-spacing:1px;
  792. color:{color:side text};
  793. font-family:'open-sans',sans-serif;
  794. font-size:8px;
  795. line-height:10px;
  796. font-weight:none;
  797. font-style:italic;
  798. text-align:left;
  799. text-transform:uppercase;
  800. padding:0px;
  801. }
  802.  
  803. .sidebarim img {
  804. {block:ifShowSidebarIcon}
  805. width:60px;
  806. {block:ifRoundIcons}
  807. border-radius:100px;
  808. {/block:ifRoundIcons}
  809. {block:ifNotRoundIcons}
  810. border-radius:0px;
  811. {/block:ifNotRoundIcons}
  812. margin-top:40px;
  813. margin-left:25px;
  814. border:4px solid {color:Accent};
  815. background:transparent;
  816. padding:0px;
  817. {/block:ifShowSidebarIcon}
  818. }
  819.  
  820. .links {
  821. width:300px;
  822. display:block;
  823. margin-top:0px;
  824. margin-left:0px;
  825. letter-spacing:1px;
  826. {block:ifSemiTransparentBG}
  827. background:rgba(0,0,0,0.5);
  828. {/block:ifSemiTransparentBG}
  829. font-family:'calibri';
  830. font-size:8px;
  831. font-weight:none;
  832. line-height:15px;
  833. text-align:left;
  834. text-transform:uppercase;
  835. padding:15px 0px 15px 0px;
  836. }
  837.  
  838. .links a {
  839. display:block;
  840. margin-left:25px;
  841. margin-right:10px;
  842. margin-bottom:0px;
  843. padding:5px;
  844. color:{color:Side Link};
  845. background:transparent;
  846. cursor:pointer;
  847. }
  848.  
  849. .links a:hover {
  850. color:{color:Side Link Hover};
  851. background:transparent;
  852. }
  853.  
  854. /* -------- POSTS ------- */
  855.  
  856. #entries {
  857. margin-top:0px;
  858. margin-left:300px;
  859. margin-bottom:0px;
  860. background:{color:Entry BG};
  861. padding:100px;
  862. {block:IndexPage}
  863. {block:ifShow500pxposts}
  864. width:518px;
  865. {/block:ifShow500pxposts}
  866. {block:ifShow400pxposts}
  867. width:418px;
  868. {/block:ifShow400pxposts}
  869. {block:ifShow350pxposts}
  870. width:368px;
  871. {/block:ifShow350pxposts}
  872. {/block:IndexPage}
  873.  
  874. {block:PermalinkPage}
  875. {block:ifShow500pxposts}
  876. width:518px;
  877. {/block:ifShow500pxposts}
  878. {block:ifShow400pxposts}
  879. width:418px;
  880. {/block:ifShow400pxposts}
  881. {block:ifShow350pxposts}
  882. width:368px;
  883. {/block:ifShow350pxposts}
  884. {/block:PermalinkPage}
  885. }
  886.  
  887. #posts {
  888. {block:ifShow500pxposts}
  889. width:500px;
  890. {/block:ifShow500pxposts}
  891. {block:ifShow400pxposts}
  892. width:400px;
  893. {/block:ifShow400pxposts}
  894. {block:ifShow350pxposts}
  895. width:350px;
  896. {/block:ifShow350pxposts}
  897. overflow:hidden;
  898. {block:IndexPage}
  899. margin-bottom:{text:Post Spacing}px!important;
  900. margin-right:70px;
  901. margin-left:10px;
  902. {/block:IndexPage}
  903. {block:PermalinkPage}
  904. margin-bottom:70px;
  905. margin-right:70px;
  906. margin-left:10px;
  907. {/block:PermalinkPage}
  908. padding:0px;
  909. background:{color:post bg};
  910. }
  911.  
  912. #posts img {
  913. {block:ifShow500pxposts}
  914. max-width:500px;
  915. {/block:ifShow500pxposts}
  916. {block:ifShow400pxposts}
  917. max-width:400px;
  918. {/block:ifShow400pxposts}
  919. {block:ifShow350pxposts}
  920. max-width:350px;
  921. {/block:ifShow350pxposts}
  922. margin-bottom:-3px;
  923. }
  924.  
  925. .caption {
  926. width:100%;
  927. margin-top:0px;
  928. padding:15px;
  929. background:{color:Caption BG};
  930. color:{color:Caption Text};
  931. }
  932.  
  933. .caption a {
  934. color:{color:Caption text};
  935. }
  936.  
  937. .caption a:hover {
  938. color:{color:Hover};
  939. }
  940.  
  941. #posts:hover #postinfo {
  942. opacity:1;
  943. -moz-transition-duration:1s;
  944. -webkit-transition-duration:1s;
  945. -o-transition-duration:1s;
  946. }
  947.  
  948. #postinfo {
  949. position:absolute;
  950. font-size:10px;
  951. {block:ifShow500pxposts}
  952. margin-left:520px;
  953. {/block:ifShow500pxposts}
  954. {block:ifShow400pxposts}
  955. margin-left:420px;
  956. {/block:ifShow400pxposts}
  957. {block:ifShow350pxposts}
  958. margin-left:370px;
  959. {/block:ifShow350pxposts}
  960. text-align:left;
  961. font-size:8px;
  962. font-family:'calibri';
  963. width:auto;
  964. font-weight:none;
  965. border-radius:0px;
  966. word-wrap:break-word;
  967. padding-left:20px;
  968. padding-top:5px;
  969. padding-bottom:5px;
  970. line-height:12px;
  971. border-left:1px dotted {color:Border};
  972. color:{color:Text};
  973. letter-spacing:1px;
  974. text-transform:uppercase;
  975. opacity:0;
  976. z-index:999;
  977. -moz-transition-duration:1s;
  978. -webkit-transition-duration:1s;
  979. -o-transition-duration:1s;
  980. }
  981.  
  982. #postinfo a {
  983. color:{color:Text};
  984. }
  985.  
  986. #postinfo a:hover {
  987. color:{color:Hover};
  988. }
  989.  
  990. .infodate {
  991. line-height:19px;
  992. font-size:11px;
  993. font-family:'open-sans',sans-serif;
  994. font-weight:bold;
  995. font-style:italic;
  996. border-bottom:1px dotted {color:Border};
  997. }
  998.  
  999. .tags {
  1000. {block:ifShow500pxposts}
  1001. width:500px;
  1002. {/block:ifShow500pxposts}
  1003. {block:ifShow400pxposts}
  1004. width:400px;
  1005. {/block:ifShow400pxposts}
  1006. {block:ifShow350pxposts}
  1007. width:350px;
  1008. {/block:ifShow350pxposts}
  1009. margin-left:0px;
  1010. {block:IndexPage}
  1011. border-top:1px dotted {color:Border};
  1012. padding:5px 0px 5px 0px;
  1013. {/block:IndexPage}
  1014. text-align:left;
  1015. line-height:11px;
  1016. margin-left:0px;
  1017. text-transform:none;
  1018. }
  1019.  
  1020. .tags a {
  1021. margin-right:3px;
  1022. }
  1023.  
  1024. .permapage {
  1025. margin-top:0px;
  1026. margin-bottom:0px;
  1027. margin-left:0px;
  1028. padding:10px;
  1029. line-height:15px;
  1030. color:{color:text};
  1031. border-top:1px dotted {color:border};
  1032. {block:PermalinkPage}
  1033. border-bottom:1px dotted {color:border};
  1034. {/block:PermalinkPage}
  1035. text-align:left;
  1036. }
  1037.  
  1038. .permapage a {
  1039. margin-right:5px;
  1040. color:{color:Text};
  1041. font-family:'calibri';
  1042. text-transform:uppercase;
  1043. letter-spacing:1px;
  1044. font-size:8px;
  1045. }
  1046.  
  1047. .permapage a:hover {
  1048. color:{color:Hover};
  1049. }
  1050.  
  1051. /*quote*/
  1052.  
  1053. #titlequote {
  1054. text-align:center;
  1055. font-size:12px;
  1056. line-height:18px;
  1057. font-weight:bold;
  1058. }
  1059.  
  1060. #source {
  1061. margin-top:4px;
  1062. text-align:right;
  1063. margin-left:15px;}
  1064.  
  1065. /*audio*/
  1066.  
  1067. .music {
  1068. padding-bottom:0px;
  1069. }
  1070.  
  1071. .albumart {
  1072. float:left;
  1073. }
  1074.  
  1075. .albumart img {
  1076. width:60px;
  1077. margin:0px 10px 0px 0px;
  1078. }
  1079.  
  1080. .playercontainer {
  1081. text-align:left;
  1082. padding:5px;
  1083. width:350px;
  1084. }
  1085.  
  1086. .musicinfo {
  1087. padding:10px;
  1088. min-height:40px;
  1089. margin-top:0px;
  1090. line-height:12px;
  1091. text-transform:none;
  1092. letter-spacing:1px;
  1093. font-size:9px;
  1094. background:{color:Side BG};
  1095. color:{color:Side Text};
  1096. }
  1097.  
  1098. .musicinfo b {
  1099. font-style:italic;
  1100. text-transform:uppercase;
  1101. }
  1102.  
  1103. /*asks*/
  1104.  
  1105. .askim img {
  1106. float:left;
  1107. width:45px;
  1108. margin-left:8px;
  1109. margin-top:10px;
  1110. margin-right:8px;
  1111. border:4px solid {color:Accent};
  1112. background:transparent;
  1113. margin-bottom:1px;
  1114. {block:ifRoundIcons}
  1115. border-radius:100px;
  1116. {/block:ifRoundIcons}
  1117. {block:ifNotRoundIcons}
  1118. border-radius:0px;
  1119. {/block:ifNotRoundIcons}
  1120. }
  1121.  
  1122. .question {
  1123. padding:10px;
  1124. {block:ifShow500pxposts}
  1125. width:480px;
  1126. {/block:ifShow500pxposts}
  1127. {block:ifShow400pxposts}
  1128. width:380px;
  1129. {/block:ifShow400pxposts}
  1130. {block:ifShow350pxposts}
  1131. width:330px;
  1132. {/block:ifShow350pxposts}
  1133. margin-left:0px;
  1134. margin-top:-10px;
  1135. min-height:50px;
  1136. text-transform:none;
  1137. font-family:'open-sans';
  1138. font-size:9px;
  1139. letter-spacing:0.5px;
  1140. background:{color:Side BG};
  1141. color:{color:Side Text};
  1142. border-bottom:1px dotted {color:border};
  1143. text-align:left;
  1144. }
  1145.  
  1146. .asker {
  1147. text-transform:uppercase;
  1148. font-family:'open-sans';
  1149. color:{color:Side Text};
  1150. font-size:11px;
  1151. margin-left:3px;
  1152. text-align:left;
  1153. font-weight:bold;
  1154. margin-top:4px;
  1155. margin-bottom:4px;
  1156. letter-spacing:2px;
  1157. font-style:italic;
  1158. }
  1159.  
  1160. .answer {
  1161. padding:5px;
  1162. text-align:left;
  1163. font-family:'open-sans';
  1164. font-size:9px;
  1165. text-transform:none;
  1166. letter-spacing:0.5px;
  1167. margin-top:-5px;
  1168. {block:ifShow500pxposts}
  1169. width:490px;
  1170. {/block:ifShow500pxposts}
  1171. {block:ifShow400pxposts}
  1172. width:390px;
  1173. {/block:ifShow400pxposts}
  1174. {block:ifShow350pxposts}
  1175. width:340px;
  1176. {/block:ifShow350pxposts}
  1177. }
  1178.  
  1179. /*chat*/
  1180.  
  1181. .chat ol {padding:0;list-style:none;}
  1182. .line {padding:5px 0;}
  1183. .label {font-weight:bold;}
  1184.  
  1185. .odd, .even {padding:5px;}
  1186. .odd {background-color:#f4f4f4;}
  1187.  
  1188.  
  1189. /*permalink and notes*/
  1190.  
  1191. .pagenotet {
  1192. {block:ifShow500pxposts}
  1193. width:486px;
  1194. {/block:ifShow500pxposts}
  1195. {block:ifShow400pxposts}
  1196. width:386px;
  1197. {/block:ifShow400pxposts}
  1198. {block:ifShow350pxposts}
  1199. width:336px;
  1200. {/block:ifShow350pxposts}
  1201. padding:7px;
  1202. font-size:10px;
  1203. font-family:'open-sans',sans-serif;
  1204. font-style:italic;
  1205. margin-top:-70px;
  1206. margin-left:10px;
  1207. letter-spacing:1px;
  1208. text-transform:uppercase;
  1209. font-weight:bold;
  1210. text-align:left;
  1211. cursor:help;
  1212. color:{color:text};
  1213. }
  1214.  
  1215. .pagenotes {
  1216. float:left;
  1217. {block:IndexPage}
  1218. display:none!important;
  1219. {/block:IndexPage}
  1220. {block:PermalinkPage}
  1221. margin-top:0px;
  1222. margin-left:10px;
  1223. margin-bottom:120px;
  1224. display:none;
  1225. {/block:PermalinkPage}
  1226. {block:ifShow500pxposts}
  1227. width:480px;
  1228. {/block:ifShow500pxposts}
  1229. {block:ifShow400pxposts}
  1230. width:380px;
  1231. {/block:ifShow400pxposts}
  1232. {block:ifShow350pxposts}
  1233. width:330px;
  1234. {/block:ifShow350pxposts}
  1235. text-align:left;
  1236. color:{color:text};
  1237. height:205px; overflow:auto;
  1238. padding:10px;
  1239. }
  1240.  
  1241.  
  1242. ol.pagenotes {
  1243. list-style-type:none;
  1244. height:200px;
  1245. margin-top:0;
  1246. overflow:auto;
  1247. padding-left:0;
  1248. }
  1249.  
  1250. ol.pagenotes li {
  1251. list-style-type:none;
  1252. padding:4px 0;
  1253. margin:0;
  1254. margin-left:3;
  1255. margin-bottom:3px;
  1256. }
  1257.  
  1258. ol.pagenotes img { display:none;width:0;height:0; }
  1259.  
  1260. ol.pagenotes a {
  1261. background-color:{color:Entry Text};
  1262. font-size:8px;
  1263. }
  1264.  
  1265.  
  1266. #credit {
  1267. position:fixed;
  1268. right:10px;
  1269. bottom:10px;
  1270. font-weight:bold;
  1271. letter-spacing:1px;
  1272. font-size:8px;
  1273. font-family:'calibri';
  1274. }
  1275.  
  1276. #credit a {
  1277. color:{color:Link};
  1278. background:rgba(0,0,0,0.0);
  1279. padding:3px;
  1280. -moz-transition-duration:0.5s;
  1281. -webkit-transition-duration:0.5s;
  1282. -o-transition-duration:0.5s;
  1283. }
  1284.  
  1285. #credit a:hover {
  1286. background:rgba(0,0,0,0.7);
  1287. color:#ffffff;
  1288. padding:3px;
  1289. -moz-transition-duration:0.5s;
  1290. -webkit-transition-duration:0.5s;
  1291. -o-transition-duration:0.5s;
  1292. }
  1293.  
  1294. /*pagination*/
  1295.  
  1296. .pagenavi {
  1297. padding:10px;
  1298. text-align:right;
  1299. z-index:9999;
  1300. margin:20px 0;
  1301. font-size:8px;
  1302. font-family:'calibri';
  1303. text-transform:uppercase;
  1304. letter-spacing:0.5px;
  1305. font-weight:bold;
  1306. }
  1307.  
  1308. .pagenavi a {
  1309. font-family:'calibri';
  1310. font-size:8px;
  1311. text-transform:uppercase;
  1312. line-height:12px;
  1313. letter-spacing:1px;
  1314. color:{color:Accent};
  1315. padding-right:10px;
  1316. }
  1317.  
  1318. .pagenavi a:hover {
  1319. color:{color:hover};
  1320. }
  1321.  
  1322. {CustomCSS}
  1323.  
  1324.  
  1325. </style>
  1326.  
  1327.  
  1328. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1329. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1330. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1331. <script>
  1332. $(document).ready(function(){
  1333. $('.photo-slideshow').pxuPhotoset({
  1334. lightbox: true,
  1335. rounded: false,
  1336. gutter: '2px',
  1337. borderRadius: '0px',
  1338. photoset: '.photo-slideshow',
  1339. photoWrap: '.photo-data',
  1340. photo: '.pxu-photo'
  1341. });
  1342. });
  1343. </script>
  1344.  
  1345.  
  1346. </head>
  1347.  
  1348.  
  1349. <body>
  1350.  
  1351. <!-- I'm not asking for much, but please, for god's sake, don't and I repeat dO NOT delete or move the credit!!! I work really hard on my themes and release them for free! It's just a little bit of space in the corner and it won't hurt anyone if you'd leave it there, okay?! have a nice day :) -->
  1352. <div id="credit">
  1353. <a href="http://jcegers.tumblr.com" title="theme">JCE</a>
  1354. </div>
  1355.  
  1356. <div id="sidebar">
  1357. <div class="links">
  1358. {block:ifShowSidebarIcon}
  1359. <div class="sidebarim"><img src="{image:Sidebar Icon}"></div>
  1360. {/block:ifShowSidebarIcon}
  1361. <div class="sidebart">{text:Sidebar Title}</div>
  1362. <div class="sidebart2">{text:Sidebar Title 2}</div>
  1363. <a href="/"><i class="fa fa-home fa-lg" style="color:{color:Accent}; font-size:11px;"></i> Home</a>
  1364. <a href="/ask"><i class="fa fa-envelope fa-fw" style="color:{color:Accent}; font-size:9px;"></i> message</a>
  1365. <a class="toggle menu-bottom"><i class="fa fa-user-plus fa-fw" style="color:{color:Accent}; font-size:9px;"></i> {text:Slide Name 1}</a>
  1366. <a class="toggle menu-left"><i class="fa fa-bars fa-fw" style="color:{color:Accent}; font-size:10px;"></i> {text:Slide Name 2}</a>
  1367. <a class="toggle menu-right"><i class="fa fa-eye fa-fw" style="color:{color:Accent}; font-size:9px;"></i> {text:Slide Name 3}</a>
  1368. <a class="toggle menu-top"><i class="fa fa-heart fa-fw" style="color:{color:Accent}; font-size:9px;"></i> {text:Slide Name 4}</a>
  1369. </div>
  1370. </div>
  1371.  
  1372. <!-- this is the 1st Slide Menu. includes: sidebar gif (245px width), your description, and up to 2 custom links besides home and an ask link -->
  1373. <body class="cbp-spmenu-push">
  1374. <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-bottom" id="cbp-spmenu-s1">
  1375. <div class="menu">
  1376. <div class="menuim"><img src="{image:Sidebar Image}"></div>
  1377. <div class="description">{Description}</div>
  1378. <div class="menulinks">
  1379. <a href="/">home</a> /<a href="/ask">message</a> /<a href="{text:menu Link 1 URL}">{text:menu Link 1}</a> /<a href="{text:menu Link 2 URL}">{text:menu Link 2}</a> /<a class="toggle menu-bottom" style="cursor:help;"><i class="fa fa-times" style="color:{color:Accent};"></i> close</a>
  1380. </div>
  1381. </div>
  1382. </nav>
  1383.  
  1384. <!-- this is the 2nd Slide Menu. includes your Navigation with 15 custom Links for you and alos 3 custom category titles.
  1385. Info: You can add as many links as you want yourself. just read below -->
  1386. <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s2">
  1387. <div class="menu">
  1388. <div class="menulinks2">
  1389. <div class="menulinks2t">navigation</div><br>
  1390. <a href="/">home</a> /<a href="/ask">message</a> /<a href="/archive">archive</a><br>
  1391. <!-- wanna add more links?
  1392. copy <div class="menulinks2t">title here</div><br> for a new Category title. add <a href="/yourlinkhere">link title</a> for a new link.
  1393. Basically you can add as many links as you want. enjoy ;)
  1394. Have any questions? come and ask me. -->
  1395. <div class="menulinks2t">{text:Category 1}</div><br>
  1396. <a href="{text:Link 1 URL}">{text:Link 1}</a> /<a href="{text:Link 2 URL}">{text:Link 2}</a> /<a href="{text:Link 3 URL}">{text:Link 3}</a> /<a href="{text:Link 4 URL}">{text:Link 4}</a> /<a href="{text:Link 5 URL}">{text:Link 5}</a><br>
  1397. <div class="menulinks2t">{text:Category 2}</div><br>
  1398. <a href="{text:Link 6 URL}">{text:Link 6}</a> /<a href="{text:Link 7 URL}">{text:Link 7}</a> /<a href="{text:Link 8 URL}">{text:Link 8}</a> /<a href="{text:Link 9 URL}">{text:Link 9}</a> /<a href="{text:Link 10 URL}">{text:Link 10}</a>
  1399. <br>
  1400. <div class="menulinks2t">{text:Category 3}</div><br>
  1401. <a href="{text:Link 11 URL}">{text:Link 11}</a> /<a href="{text:Link 12 URL}">{text:Link 12}</a> /<a href="{text:Link 13 URL}">{text:Link 13}</a> /<a href="{text:Link 14 URL}">{text:Link 14}</a> /<a href="{text:Link 15 URL}">{text:Link 15}</a>
  1402. <br>
  1403. <!-- this is the close button / pls don't remove or idk you can tho. actually you can click anywhere except the slide in navigation and the slide will close itself :p but I added a close button just in case-->
  1404. <div class="close2">
  1405. <a class="toggle menu-left"><i class="fa fa-times" style="color:{color:Accent};"></i> close</a></div>
  1406. </div>
  1407. </div>
  1408. </nav>
  1409.  
  1410. <!-- this is the 3rd Slide Menu. includes: Updates & custom Updates Title-->
  1411. <body class="cbp-spmenu-push">
  1412. <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s1">
  1413. <div class="menu">
  1414. <div class="updates">
  1415. <div class="updatest">{text:Updates Title}</div><br>
  1416. {text:Updates}
  1417. <div class="close3">
  1418. <a class="toggle menu-right"><i class="fa fa-times" style="color:{color:Accent};"></i> close</a></div>
  1419. </div>
  1420. </div>
  1421. </nav>
  1422.  
  1423. <!-- The 4th Slide Menu. includes: Blogroll & custom Blogroll Title -->
  1424. <body class="cbp-spmenu-push">
  1425. <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-top" id="cbp-spmenu-s1">
  1426. <div class="menu">
  1427. <div id="blogroll">
  1428. <div class="blogrollt">{text:Blogroll Title}</div><br>
  1429. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}">{/block:Followed}{/block:Following}
  1430. </div>
  1431. </div>
  1432. <div class="close4">
  1433. <a class="toggle menu-top"><i class="fa fa-times" style="color:{color:Accent};"></i> close</a></div>
  1434. </nav>
  1435.  
  1436. <!-- END OF ALL THE SLIDE-IN MENUS -->
  1437.  
  1438.  
  1439. <div id="entries">
  1440. {block:Posts}
  1441. <div id="posts">
  1442.  
  1443. {block:Date}
  1444. {block:IndexPage}
  1445. <div id="postinfo">
  1446. <a href="{Permalink}" title="{timeago}" class="infodate"><b>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  1447. <br>
  1448. <a href="{Permalink}">{NoteCountWithLabel} <i class="fa fa-heart" style="color:{color:Accent};"></i></a>
  1449. <br>
  1450. <a href="{ReblogURL}" target="_blank" title="reblog?" float="right">reblog <i class="fa fa-retweet fa-fw"></i></a>
  1451.  
  1452. </div>
  1453. {/block:IndexPage}
  1454. {/block:Date}
  1455.  
  1456.  
  1457. {block:Quote}
  1458. <div id="titlequote">“{Quote}”</div>
  1459. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  1460. {/block:Quote}
  1461.  
  1462. {block:Text}
  1463.  
  1464. {block:Title}
  1465. <div id="title">{Title}</div>{/block:Title}
  1466. {Body}
  1467. {/block:Text}
  1468.  
  1469. {block:Link}
  1470. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  1471. {/block:Link}
  1472.  
  1473. {block:Chat}
  1474. {block:Title}
  1475. <h1>{Title}</h1>
  1476. {/block:Title}
  1477. <div class="chat">
  1478. <ol>{block:Lines}
  1479. <li class="line {Alt}">
  1480. {block:Label}
  1481. <span class="label">
  1482. {Label}</span>
  1483. {/block:Label}{Line}</li>
  1484. {/block:Lines}
  1485. </ol></div>
  1486. {/block:Chat}
  1487.  
  1488. {block:Photo}
  1489. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1490. {/block:Photo}
  1491.  
  1492. {block:Photoset}
  1493. {block:IfShow500pxPosts}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1494. {block:Photos}
  1495. <div class="photo-data">
  1496. <div class="pxu-photo">
  1497. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  1498. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  1499. {/block:Photos}</div>{/block:IfShow500pxPosts}
  1500.  
  1501. {block:IfShow400pxPosts}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1502. {block:Photos}
  1503. <div class="photo-data">
  1504. <div class="pxu-photo">
  1505. <img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  1506. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  1507. {/block:Photos}</div>{/block:IfShow400pxPosts}
  1508.  
  1509. {block:ifShow350pxposts}
  1510. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1511. {block:Photos}
  1512. <div class="photo-data">
  1513. <div class="pxu-photo">
  1514. <img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  1515. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  1516. {/block:Photos}</div>
  1517. {/block:ifShow350pxposts}
  1518. {/block:Photoset}
  1519.  
  1520. {block:Video}
  1521. {block:IfShow500pxPosts}{Video-500}{/block:IfShow500pxPosts}
  1522. {block:IfShow400pxPosts}{Video-400}{/block:IfShow400pxPosts}
  1523. {block:ifShow350pxposts}{Video-250}{/block:ifShow350pxposts}
  1524. {/block:Video}
  1525.  
  1526.  
  1527. {block:Audio}<div class="music">
  1528. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  1529. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1530. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1531. <div class="playercontainer">{AudioPlayerWhite}</div></div>
  1532. {/block:Audio}
  1533.  
  1534. {block:Answer}
  1535. <div class="askim"><img src="{AskerPortraitURL-48}"></div><br>
  1536. <div class="question">
  1537. <div class="asker">{Asker}:</div>
  1538. {Question}</div>
  1539. <div class="answer">
  1540. {Answer}</div>
  1541. {/block:Answer}
  1542.  
  1543. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1544.  
  1545. {block:PermalinkPage}
  1546. {block:Date}
  1547. <div class="permapage">
  1548. <i class="fa fa-clock-o fa-fw" style="color:{color:accent};"></i> <a href="{Permalink}" title="{timeago}">{DayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</a><br>
  1549. <i class="fa fa-heart fa-fw" style="color:{color:accent};"></i> <a href="{Permalink}">{NoteCountWithLabel}</a>
  1550. <br>
  1551. {block:RebloggedFrom}
  1552. <i class="fa fa-refresh fa-fw" style="color:{color:accent};"></i>
  1553. <a href="{ReblogParentURL}">via: {ReblogParentName}</a>
  1554. <a href="{ReblogRootURL}">source: {ReblogRootName}</a>
  1555. {/block:RebloggedFrom}
  1556. {block:HasTags}<div class="tags"><i class="fa fa-tags fa-fw" style="color:{color:accent};"></i> {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1557. </div>
  1558. {/block:Date}
  1559. {/block:PermalinkPage}
  1560.  
  1561. {block:IndexPage}
  1562. {block:Date}
  1563. <div class="tags">
  1564. {block:HasTags}<i class="fa fa-tags fa-fw" style="color:{color:accent};"></i> {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  1565. </div>
  1566. {/block:Date}
  1567. {/block:IndexPage}
  1568.  
  1569.  
  1570. {block:ContentSource}
  1571. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1572. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1573. {/block:SourceLogo}
  1574. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1575. {/block:ContentSource}
  1576.  
  1577.  
  1578. </div>
  1579.  
  1580.  
  1581. {block:PostNotes}
  1582. <div class="pagenotet">Post Notes</div>
  1583. <div class="pagenotes">
  1584. {PostNotes}
  1585. </div>
  1586. {/block:PostNotes}
  1587.  
  1588.  
  1589. {/block:Posts}
  1590.  
  1591. <div class="pagenavi">
  1592. {block:Pagination}
  1593. {block:NextPage}
  1594. <a href="{NextPage}">next</a>
  1595. {/block:NextPage}
  1596. {block:PreviousPage}
  1597. <a href="{PreviousPage}">back</a>
  1598. {/block:PreviousPage}
  1599. {/block:Pagination}
  1600. </div>
  1601.  
  1602. </div>
  1603.  
  1604.  
  1605. </body></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!