API tools faq
paste
Advertisement
Guest User

Gis A.

a guest
May 25th, 2015
245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Harbour theme | Copyright © 2015 by Lukasz Kmiec, dribbble.com/lukaszkmiec -->
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  8. <title>{Title}{block:PermalinkPage}{block:PostSummary} - {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  9. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  10. {block:Hidden}
  11. <meta name="select:Sidebar" content="two" title="Left column mode">
  12. <meta name="select:Sidebar" content="narrow_m" title="Hamburger mode">
  13. <meta name="select:Avatar Shape" content="48px" title="Round">
  14. <meta name="select:Avatar Shape" content="0" title="Square">
  15.  
  16. <meta name="color:Header Title Color" content="#fff">
  17. <meta name="color:Header Tagline Color" content="#b9b9b9">
  18. <meta name="color:Body Text Color" content="#222">
  19. <meta name="color:Body Link Color" content="#222">
  20. <meta name="color:Body Link Hover Color" content="#666">
  21. <meta name="color:Body Date Color" content="#666">
  22. <meta name="color:Body Tag Color" content="#aaa">
  23. <meta name="color:Body Border Color" content="#ddd">
  24. <meta name="color:Body Background Color" content="#fff">
  25. <meta name="color:Sidebar Background Color" content="#fff">
  26. <meta name="color:Sidebar Gradient Color" content="#eee">
  27. <meta name="color:Hamburger Background Color" content="#222">
  28.  
  29. <meta name="text:Header Image Mask Opacity" content="0.5">
  30. <meta name="text:Blog Name Font by Google Fonts" content="Montserrat">
  31. <meta name="text:Blog Name Font Styles and Subset" content="400,700">
  32. <meta name="text:Post Header Font by Google Fonts" content="Playfair Display">
  33. <meta name="text:Post Header Font Styles and Subset" content="400,700italic,700,400italic&amp;subset=latin,latin-ext">
  34. <meta name="text:Post Text Font by Google Fonts" content="Playfair Display">
  35. <meta name="text:Post Text Font Styles and Subset" content="400,700italic,700,400italic&amp;subset=latin,latin-ext">
  36. <meta name="text:Disqus Shortname" content="">
  37. <meta name="text:Google Analytics ID" content="">
  38. <meta name="text:Sidebar Header Name" content="About">
  39. <meta name="text:Sidebar Description" content="Similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem.">
  40.  
  41. <meta name="text:Facebook Username" content="">
  42. <meta name="text:Twitter Username" content="">
  43. <meta name="text:Instagram Username" content="">
  44. <meta name="text:Pinterest Username" content="">
  45. <meta name="text:Flickr Username" content="">
  46. <meta name="text:LinkedIn Username" content="">
  47. <meta name="text:Dribbble Username" content="">
  48. <meta name="text:Behance Username" content="">
  49. <meta name="text:DeviantArt Username" content="">
  50.  
  51. <meta name="if:Infinite Scroll" content="0">
  52. <meta name="if:Show Header Image" content="1">
  53. <meta name="if:Show Avatar" content="1">
  54. <meta name="if:Show Date" content="1">
  55. <meta name="if:Use Relative Dates" content="1">
  56. <meta name="if:Show Like Icon" content="1">
  57. <meta name="if:Show Reblog Icon" content="1">
  58. <meta name="if:Show Share Icon" content="1">
  59. <meta name="if:Show Pages In Sidebar" content="1">
  60. <meta name="if:Show Ask Page Link" content="1">
  61.  
  62. <meta name="if:Disqus Comments" content="0">
  63. <meta name="if:Google Analytics" content="0">
  64. {/block:Hidden}
  65.  
  66. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  67. <link href="http://static.tumblr.com/exfrxzc/fgFnjpg6m/reset.css" rel="stylesheet" type="text/css">
  68. <link href="http://static.tumblr.com/exfrxzc/OPhnjpg9h/jquery.mcustomscrollbar.css" rel="stylesheet" type="text/css">
  69. <link href="http://fonts.googleapis.com/css?family={text:Blog Name Font by Google Fonts}:{text:Blog Name Font Styles and Subset}" rel="stylesheet" type="text/css">
  70. <link href="http://fonts.googleapis.com/css?family={text:Post Header Font by Google Fonts}:{text:Post Header Font Styles and Subset}" rel="stylesheet" type="text/css">
  71. <link href="http://fonts.googleapis.com/css?family={text:Post Text Font by Google Fonts}:{text:Post Text Font Styles and Subset}" rel="stylesheet" type="text/css">
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73. <link rel="shortcut icon" href="http://www.favicon.cc/logo3d/766381.png">
  74. <!--[if lt IE 9]>
  75. <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  76. <script src="http://static.tumblr.com/exfrxzc/8L3nlxig5/html5shiv.min.js"></script>
  77. <![endif]-->
  78. <style>
  79. body {
  80. font-family: "{text:Post Text Font by Google Fonts}";
  81. color: {color:Body Text Color};
  82. background-color: {color:Body Background Color};
  83. }
  84.  
  85. .cb { clear: both; }
  86. img { display: block; }
  87. b, strong { font-weight: 700; }
  88. a, h1, h2, h3 { color: {color:Body Link Color}; font-weight: 700; }
  89. a:hover { color: {color:Body Link Hover Color}; }
  90.  
  91. header.header {
  92. position: relative;
  93. background: url({HeaderImage}) center 50% no-repeat;
  94. background-size: cover;
  95. }
  96. .opacity {
  97. background-color: rgba(0,0,0,{text:Header Image Mask Opacity});
  98. }
  99. header.header .narrow {
  100. margin: 0 auto;
  101. padding-top: 100px;
  102. padding-bottom: 100px;
  103. max-width: 770px;
  104. }
  105. .narrow_c {
  106. text-align: center;
  107. }
  108. .narrow_c h1 {
  109. margin: 0 7% 11px 7%;
  110. font-family: "{text:Blog Name Font by Google Fonts}";
  111. font-size: 70px;
  112. color: #fff;
  113. letter-spacing: -1px;
  114. line-height: 70px;
  115. }
  116. .narrow_c h1 a {
  117. color: {color:Header Title Color};
  118. }
  119. .narrow_c h1 a:hover {
  120.  
  121. }
  122. .narrow_c .description {
  123. margin: 0 7% 0 7%;
  124. font-size: 20px;
  125. color: {color:Header Tagline Color};
  126. font-style: italic;
  127. line-height: 30px;
  128. }
  129. .u_avatar {
  130. position: absolute;
  131. bottom: -48px;
  132. left: 50%;
  133. margin-left: -48px;
  134. width: 96px;
  135. height: 96px;
  136. z-index: 1;
  137. }
  138. .u_avatar img {
  139. border-radius: {select:Avatar Shape};
  140. -webkit-border-radius: {select:Avatar Shape};
  141. -moz-border-radius: {select:Avatar Shape};
  142. }
  143. .hax {
  144. display: none;
  145. width: 45px;
  146. height: 45px;
  147. position: fixed;
  148. top: 40px;
  149. left: 40px;
  150. z-index: 10;
  151. }
  152. .hax:hover { cursor: pointer; }
  153. .hax.hamburger {
  154. background: url(http://static.tumblr.com/exfrxzc/CgXnjyr0c/hax.png) 10px 10px no-repeat;
  155. background-size: 75px auto;
  156. }
  157. .hax.iks {
  158. background: url(http://static.tumblr.com/exfrxzc/CgXnjyr0c/hax.png) -40px 10px no-repeat;
  159. background-size: 75px auto;
  160. }
  161. .hax.hamburger, .hax.iks {
  162. background-color: {color:Hamburger Background Color};
  163. border-radius: 23px;
  164. -webkit-border-radius: 23px;
  165. -moz-border-radius: 23px;
  166. }
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175. /* WYJATKI DLA TRYBU .NARROW_M */
  176.  
  177. header.header.narrow_m .hax { /* pojawianie iksa na trybie jednokolumnowym */
  178. display: block;
  179. }
  180. .container.narrow_m { /* anulowanie .container width:1190 na trybie jednokolumnowym */
  181. width: 770px;
  182. }
  183. .container.narrow_m, .container.narrow_m aside.aside, .container.narrow_m .posts { /* anulowanie display:table na trybie jednokolumnowym */
  184. display: block;
  185. }
  186. .container.narrow_m .posts { /* anulowanie width:770px na trybie jednokolumnowym */
  187. width: 100%;
  188. }
  189. .container.narrow_m aside.aside { /* wczesniejsze (przed 1024px) schowanie .aside za prawą krawedzia na trybie jednokolumnowym */
  190. width: 420px;
  191. margin-top: 0;
  192. height: 100%;
  193. position: fixed;
  194. top: 0;
  195. left: -100%;
  196. -moz-transition: all .2s ease-in-out;
  197. -webkit-transition: all .2s ease-in-out;
  198. transition: all .2s ease-in-out;
  199. }
  200. .container.narrow_m aside.aside.out { /* wczesniejsze (przed 1024px) schowanie .aside za prawą krawedzia na trybie jednokolumnowym (dotyczy j/w .container.narrow_m .aside) */
  201. left: 0;
  202. }
  203.  
  204. /* WYJATKI DLA TRYBU NARROW END */
  205.  
  206.  
  207.  
  208.  
  209.  
  210.  
  211.  
  212.  
  213. /* OGOLNE */
  214.  
  215. .container {
  216. position: relative;
  217. width: 1190px;
  218. margin: 0 auto;
  219. display: table; /* tylko regular_m */
  220. }
  221. aside.aside {
  222. width: 420px;
  223. display: table-cell; /* tylko regular_m */
  224. margin-top: 0;
  225. background: {color:Sidebar Background Color};
  226. background: -moz-linear-gradient(left, {color:Sidebar Background Color} 0%, {color:Sidebar Gradient Color} 100%);
  227. background: -webkit-gradient(left top, right top, color-stop(0%, {color:Sidebar Background Color}), color-stop(100%, {color:Sidebar Gradient Color}));
  228. background: -webkit-linear-gradient(left, {color:Sidebar Background Color} 0%, {color:Sidebar Gradient Color} 100%);
  229. background: -o-linear-gradient(left, {color:Sidebar Background Color} 0%, {color:Sidebar Gradient Color} 100%);
  230. background: -ms-linear-gradient(left, {color:Sidebar Background Color} 0%, {color:Sidebar Gradient Color} 100%);
  231. background: linear-gradient(to right, {color:Sidebar Background Color} 0%, {color:Sidebar Gradient Color} 100%);
  232. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Sidebar Background Color}', endColorstr='{color:Sidebar Gradient Color}', GradientType=1 );
  233. vertical-align: top;
  234. z-index: 2;
  235. }
  236. aside.aside .aside_c {
  237. padding: 15px 70px 70px 70px; /* padding w aside dla regular_m i narrow_m */
  238. }
  239. aside.aside h3 {
  240. margin-top: 90px;
  241. }
  242. aside.aside ul {
  243. margin-top: 26px;
  244. }
  245. aside.aside ul li {
  246. margin-bottom: 11px;
  247. padding: 0 0 14px 0;
  248. border-bottom: 1px {color:Body Border Color} solid;
  249. }
  250. aside.aside ul li:hover {
  251.  
  252. }
  253. aside.aside ul li a {
  254. font-size: 18px;
  255. line-height: 30px;
  256. }
  257. h1 {
  258. font-size: 40px;
  259. line-height: 50px;
  260. font-weight: 700;
  261. }
  262. h3 {
  263. font-size: 24px;
  264. line-height: 34px;
  265. font-weight: 700;
  266. }
  267. h1, h2, h3 {
  268. font-family: "{text:Post Header Font by Google Fonts}";
  269. }
  270. .posts {
  271. position:relative; /* tylko regular_m */
  272. padding-bottom: 180px;
  273. width: 770px;
  274. display: table-cell;
  275. vertical-align: top;
  276. }
  277. .post {
  278. padding: 90px 0 0 0;
  279. }
  280. .post h1 {
  281. margin: 0 70px 0 70px;
  282. }
  283. .when {
  284. display: block;
  285. margin: 10px 70px 0 70px;
  286. }
  287. p {
  288. margin: 26px 0 0 0;
  289. }
  290. .post p, .komentarze, footer, .post ul, .post ol, .p_notes {
  291. margin: 26px 70px 0 70px;
  292. }
  293. .post p.img {
  294. margin: 26px 0 0 0;
  295. }
  296. .post p img, figure img {
  297. height: auto;
  298. max-width: 770px;
  299. }
  300. figure iframe, p.img iframe {
  301. width: 100%;
  302. }
  303. .spotify_audio_player {
  304. height: 80px;
  305. }
  306. .when, .komentarze {
  307. color: {color:Body Date Color};
  308. }
  309. p, .when, .post > ul li, .post > ol li, .komentarze, footer, .post blockquote, .pagination {
  310. font-size: 18px;
  311. line-height: 30px;
  312. }
  313. .post ul {
  314. padding-left: 18px;
  315. list-style-type: disc;
  316. }
  317. .post ol {
  318. padding-left: 18px;
  319. list-style-type: decimal;
  320. }
  321. .post blockquote.bq_p {
  322. margin: 0 70px;
  323. border: none;
  324. font-size: 40px;
  325. font-style: italic;
  326. line-height: 50px;
  327. }
  328. .bq_p > a {
  329. font-weight: 400;
  330. margin-left: 0 !important;
  331. }
  332. .post blockquote.bq_p:before, .post blockquote.bq_p:after {
  333. content: "\"";
  334. }
  335. .post > blockquote {
  336. border-left: 3px {color:Body Border Color} solid;
  337. }
  338. .post > blockquote { /* tylko pierwszy reblog */
  339. margin-left: 70px;
  340. margin-top: 26px;
  341. }
  342. blockquote > * { /* zagniezdzone reblogi */
  343. margin-left: 20px !important;
  344. padding-left: 0;
  345. }
  346. .link_og_blockquote { /* jakas tumblrowa klasa do reblog */
  347. padding-left: 20px;
  348. padding-right: 70px;
  349. }
  350. blockquote > ul, blockquote > ol {
  351. margin-left: 38px;
  352. }
  353. p.saidby:before { /* autor cytatu */
  354. content: "— ";
  355. }
  356. footer, footer a {
  357. font-weight: 400;
  358. color: {color:Body Tag Color};
  359. }
  360. footer a:hover {
  361. color: #ccc;
  362. }
  363. .likes {
  364. width: 100px;
  365. float: right;
  366. text-align: right;
  367. }
  368. .likes > ul {
  369. height: 18px;
  370. line-height: 18px;
  371. margin-top: 6px;
  372. margin-left: 0;
  373. margin-right: 0;
  374. padding-left: 0;
  375. }
  376. .likes ul li {
  377. display: inline-block;
  378. width: 20px;
  379. height: 19px;
  380. margin-left: 10px;
  381. }
  382. .likes ul li div:hover {
  383. opacity: 0.8;
  384. }
  385. .likes ul li.more {
  386. position: relative;
  387. }
  388. .likes ul li.more ul.fa-ul {
  389. position: absolute;
  390. margin: 0;
  391. padding: 0;
  392. opacity: 0;
  393. top: -130px;
  394. left: 0px;
  395. visibility: hidden;
  396. }
  397. .likes ul li.more.shareon ul.fa-ul {
  398. opacity: 1;
  399. visibility: visible;
  400. transition: all 0.6s ease 0s;
  401. }
  402. .likes ul li .like_button {
  403. width: 18px;
  404. height: 18px;
  405. }
  406. .likes ul li .like_toggle {
  407. vertical-align: top;
  408. }
  409. .likes ul li a svg {
  410. width: 18px;
  411. height: 18px;
  412. vertical-align: top;
  413. }
  414. .likes ul li .fa-ul {
  415. width: 21px;
  416. }
  417. .likes ul li .fa-ul li {
  418. margin: 0;
  419. margin-bottom: 12px;
  420. font-size: 18px;
  421. background-color: {color:Body Background Color};
  422. border-radius: 3px;
  423. -webkit-border-radius: 3px;
  424. -moz-border-radius: 3px;
  425. }
  426. .fa-ul li a {
  427. display: block;
  428. height: 18px;
  429. width: 18px;
  430. }
  431. .fa-ul li a i {
  432. vertical-align: top;
  433. }
  434. .p_notes {
  435. margin-top: 90px;
  436. line-height: 28px;
  437. }
  438. .p_notes ol.notes {
  439. margin-top: 20px;
  440. list-style-type: none;
  441. margin-left: 0;
  442. margin-right: 0;
  443. padding-left: 0;
  444. }
  445. ol.notes li a.avatar_frame {
  446. display: inline-block;
  447. }
  448. ol.notes li a.avatar_frame img {
  449. margin-right: 10px;
  450. border-radius: 8px;
  451. -webkit-border-radius: 8px;
  452. -moz-border-radius: 8px;
  453. }
  454. .post h1 > a {
  455.  
  456. }
  457. .post h1 > a:hover {
  458.  
  459. }
  460. .pagination {
  461. margin: 90px 70px 0 70px;
  462. }
  463. .whereami, .next, .prev {
  464. float: left;
  465. }
  466. .whereami {
  467. width: 34%;
  468. text-align: center;
  469. }
  470. .next, .prev {
  471. width: 33%;
  472. }
  473. .next {
  474. text-align: right;
  475. }
  476. #disqus_thread {
  477. margin: 70px 70px 0 70px;
  478. }
  479. iframe#ask_form {
  480. margin: 70px 9%;
  481. width: 82%;
  482. }
  483. .footer {
  484. position: absolute;
  485. bottom: 0;
  486. font-size: 16px;
  487. line-height: 28px;
  488. margin: 0 70px 0 70px;
  489. padding: 12px 0 50px 0;
  490. border-top: 1px {color:Body Border Color} solid;
  491. }
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499. /* for 1190px or less */
  500. @media screen and (max-width: 1190px) {
  501.  
  502. .container { /* włączenie trybu jednokolumnowego w trybie .regular_m */
  503. width: 770px;
  504. }
  505. .container, aside.aside, .posts { /* wyłączenie display:table w trybie jednokolumnowym */
  506. display: block;
  507. }
  508. aside.aside {
  509. width: 420px;
  510. margin-top: 0;
  511. height: 100%;
  512. position: fixed;
  513. top: 0;
  514. left: -100%;
  515. -moz-transition: all .2s ease-in-out;
  516. -webkit-transition: all .2s ease-in-out;
  517. transition: all .2s ease-in-out;
  518. }
  519. aside.aside.out {
  520. left: 0;
  521. }
  522. .hax {
  523. display: block;
  524. }
  525. .posts {
  526. width: 100%;
  527. }
  528.  
  529. }
  530.  
  531.  
  532.  
  533. /* for 768px or less */
  534. @media screen and (max-width: 768px) {
  535.  
  536. .container,
  537. .container.narrow_m { /* anulownie 770px na trybie jednokolumnowym */
  538. width: 100%;
  539. }
  540.  
  541. .post p img, figure img {
  542. width: 100%;
  543. }
  544.  
  545. }
  546.  
  547.  
  548.  
  549. /* for 480px or less */
  550. @media screen and (max-width: 480px) {
  551.  
  552. .narrow_c h1 {
  553. font-size: 45px;
  554. line-height: 45px;
  555. }
  556. .narrow_c .description {
  557. font-size: 16px;
  558. line-height: 24px;
  559. }
  560. .post {
  561. padding: 70px 0 0 0;
  562. }
  563. h1, .post blockquote.bq_p {
  564. font-size: 30px;
  565. line-height: 40px;
  566. }
  567. p, .when, .post > ul li, .post > ol li, .komentarze, footer, .post blockquote, .pagination {
  568. font-size: 16px;
  569. line-height: 26px;
  570. }
  571. aside.aside,
  572. .container.narrow_m aside.aside { /* włączenie width 100% na trybie jednokolumnowym - potrzebne od 480px (fluid .aside), wcześniej nadane width:420px z chowania na 1024px w trybie dwukolumnowym */
  573. width: 100%;
  574. }
  575. aside.aside .aside_c {
  576. padding: 65px 35px 35px 35px;
  577. }
  578. aside.aside h3 {
  579. margin-top: 50px;
  580. }
  581. .post h1 {
  582. margin: 0 35px;
  583. }
  584. .post blockquote.bq_p {
  585. margin: 0 35px 22px 35px;
  586. }
  587. .when {
  588. margin: 10px 35px 0 35px;
  589. }
  590. .post p, .komentarze, footer, .post ul, .post ol, .p_notes, #disqus_thread {
  591. margin: 26px 35px 0 35px;
  592. }
  593. .likes > ul {
  594. margin-top: 6px;
  595. margin-left: 0;
  596. margin-right: 0;
  597. padding-left: 0;
  598. }
  599. .pagination, .p_notes {
  600. margin: 70px 35px 0 35px;
  601. }
  602. .post > blockquote {
  603. margin-left: 35px;
  604. }
  605. .link_og_blockquote { /* jakas tumblrowa klasa do reblog */
  606. padding-right: 35px;
  607. }
  608. .hax {
  609. top: 35px;
  610. left: 35px;
  611. }
  612. .footer {
  613. margin-left: 35px;
  614. margin-right: 35px;
  615. }
  616. .soundcloud_audio_player {
  617. height: 290px;
  618. }
  619.  
  620. }
  621.  
  622. #infscr-loading {
  623. margin-top: 90px;
  624. }
  625.  
  626. #infscr-loading > img {
  627. margin: 0 auto;
  628. }
  629.  
  630. #infscr-loading > div {
  631. margin: 70px;
  632. text-align: center;
  633. }
  634.  
  635. .load-more-posts {
  636. border: 1px solid #dddddd;
  637. display: block;
  638. padding: 20px;
  639. text-align: center;
  640. }
  641.  
  642. {CustomCSS}
  643. </style>
  644. </head>
  645. <script type="text/javascript">
  646. var rev = "fwd";
  647. function titlebar(val)
  648. {
  649. var msg = "welcome to my blog, hoe";
  650. var res = " ";
  651. var speed = 100;
  652. var pos = val;
  653. msg = "welcome to my blog, hoe";
  654. var le = msg.length;
  655. if(rev == "fwd"){
  656. if(pos < le){
  657. pos = pos+1;
  658. scroll = msg.substr(0,pos);
  659. document.title = scroll;
  660. timer = window.setTimeout("titlebar("+pos+")",speed);}
  661. else{
  662. rev = "bwd";
  663. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  664. else{
  665. if(pos > 0){
  666. pos = pos-1;
  667. var ale = le-pos;
  668. scrol = msg.substr(ale,le);
  669. document.title = scrol;
  670. timer = window.setTimeout("titlebar("+pos+")",speed);}
  671. else{
  672. rev = "fwd";
  673. timer = window.setTimeout("titlebar("+pos+")",speed);
  674. }}}
  675. titlebar(0);
  676. </script>
  677. <body>
  678.  
  679. {block:IfShowHeaderImage}
  680. <header class="header {select:Sidebar}">
  681. {block:IfShowAvatar}
  682. <div class="u_avatar"><img src="{PortraitURL-96}" width="96" height="96" alt="Avatar" /></div>
  683. {/block:IfShowAvatar}
  684. <div class="opacity">
  685. <div class="narrow">
  686. <div class="narrow_c">
  687. <h1><a href="{BlogURL}">{Title}</a></h1>
  688. <div class="description">{Description}</div>
  689. </div>
  690. </div>
  691. </div>
  692. <div class="hax hamburger"></div>
  693. </header>
  694. {/block:IfShowHeaderImage}
  695.  
  696. <div class="container {select:Sidebar}">
  697. <aside class="aside" class="mCustomScrollbar" data-mcs-theme="dark">
  698. <div class="aside_c">
  699. <h3>{text:Sidebar Header Name}</h3>
  700. <p>{text:Sidebar Description}</p>
  701. <ul>
  702. <li><a href="{BlogURL}archive" {target}>{lang:Archive}</a></li>
  703. {block:IfShowAskPageLink}<li><a href="{BlogURL}ask">Ask me anything</a></li>{/block:IfShowAskPageLink}
  704. {block:IfFacebookUsername}<li><a href="http://facebook.com/{text:Facebook Username}/">Facebook</a></li>{/block:IfFacebookUsername}
  705. {block:IfTwitterUsername}<li><a href="http://twitter.com/{text:Twitter Username}">Twitter</a></li>{/block:IfTwitterUsername}
  706. {block:IfInstagramUsername}<li><a href="http://instagram.com/{text:Instagram Username}">Instagram</a></li>{/block:IfInstagramUsername}
  707. {block:IfPinterestUsername}<li><a href="https://www.pinterest.com/{text:Pinterest Username}">Pinterest</a></li>{/block:IfPinterestUsername}
  708. {block:IfFlickrUsername}<li><a href="https://www.flickr.com/photos/{text:Flickr Username}">Flickr</a></li>{/block:IfFlickrUsername}
  709. {block:IfLinkedInUsername}<li><a href="http://linkedin.com/in/{text:LinkedIn Username}">LinkedIn</a></li>{/block:IfLinkedInUsername}
  710. {block:IfDribbbleUsername}<li><a href="http://dribbble.com/{text:Dribbble Username}">Dribbble</a></li>{/block:IfDribbbleUsername}
  711. {block:IfBehanceUsername}<li><a href="https://www.behance.net/{text:Behance Username}">Behance</a></li>{/block:IfBehanceUsername}
  712. {block:IfDeviantArtUsername}<li><a href="http://{text:DeviantArt Username}.deviantart.com">Deviantart</a></li>{/block:IfDeviantArtUsername}
  713. </ul>
  714. {block:IfShowPagesInSidebar}
  715. {block:HasPages}
  716. <h3>Pages</h3>
  717. <ul>
  718. {block:Pages}
  719. <li><a href="{URL}">{Label}</a></li>
  720. {/block:Pages}
  721. </ul>
  722. {/block:HasPages}
  723. {/block:IfShowPagesInSidebar}
  724. </div> <!-- aside_c -->
  725. </aside> <!-- aside -->
  726. <div class="posts">
  727. {block:Posts}
  728.  
  729. <article class="post">
  730.  
  731. {block:Text}
  732. {block:Title}
  733. <header class="t_text">
  734. <h1><a href="{Permalink}">{Title}</a></h1>
  735. </header>
  736. {/block:Title}
  737. {block:IfShowDate}
  738. <time class="when">
  739. {block:Date}
  740. {block:IfNotUseRelativeDates}
  741. {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {12Hour}:{Minutes} {AmPm}
  742. {/block:IfNotUseRelativeDates}
  743. {block:IfUseRelativeDates}
  744. {TimeAgo}
  745. {/block:IfUseRelativeDates}
  746. {/block:Date}
  747. </time>
  748. {/block:IfShowDate}
  749. {Body}
  750. {/block:Text}
  751.  
  752. {block:Quote}
  753. <header class="t_quote">
  754. <blockquote class="bq_p"><a href="{Permalink}">{Quote}</a></blockquote>
  755. </header>
  756. {block:Source}
  757. <p class="saidby">{Source}</p>
  758. {/block:Source}
  759. {/block:Quote}
  760.  
  761. {block:Photo}
  762. {block:IfShowDate}
  763. <time class="when t_photo">
  764. {block:Date}
  765. {block:IfNotUseRelativeDates}
  766. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {12Hour}:{Minutes} {AmPm}</a>
  767. {/block:IfNotUseRelativeDates}
  768. {block:IfUseRelativeDates}
  769. <a href="{Permalink}">{TimeAgo}</a>
  770. {/block:IfUseRelativeDates}
  771. {/block:Date}
  772. </time>
  773. {/block:IfShowDate}
  774. <figure>
  775. <p class="img">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</p>
  776. </figure>
  777. {block:Caption}
  778. <p>{Caption}</p>
  779. {/block:Caption}
  780. {/block:Photo}
  781.  
  782. {block:Photoset}
  783. {block:IfShowDate}
  784. <time class="when t_photoset">
  785. {block:Date}
  786. {block:IfNotUseRelativeDates}
  787. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {12Hour}:{Minutes} {AmPm}</a>
  788. {/block:IfNotUseRelativeDates}
  789. {block:IfUseRelativeDates}
  790. <a href="{Permalink}">{TimeAgo}</a>
  791. {/block:IfUseRelativeDates}
  792. {/block:Date}
  793. </time>
  794. {/block:IfShowDate}
  795. {block:Photos}
  796. <figure>
  797. <p class="img">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</p>
  798. </figure>
  799. {block:Caption}
  800. <p>{Caption}</p>
  801. {/block:Caption}
  802. {/block:Photos}
  803. {block:Caption}
  804. <p>{Caption}</p>
  805. {/block:Caption}
  806. {/block:Photoset}
  807.  
  808. {block:Link}
  809. <header class="t_link">
  810. <h1><a {Target} href="{URL}">{Name}</a></h1>
  811. </header>
  812. <p class="saidby"><a href="{URL}">{URL}</a></p>
  813. {block:Description}
  814. <p>{Description}</p>
  815. {/block:Description}
  816. {/block:Link}
  817.  
  818. {block:Chat}
  819. {block:Title}
  820. <header class="t_chat">
  821. <h1><a href="{Permalink}">{Title}</a></h1>
  822. </header>
  823. {/block:Title}
  824. {block:IfShowDate}
  825. <time class="when">
  826. {block:Date}
  827. {block:IfNotUseRelativeDates}
  828. {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes} {AmPm}
  829. {/block:IfNotUseRelativeDates}
  830. {block:IfUseRelativeDates}
  831. {TimeAgo}
  832. {/block:IfUseRelativeDates}
  833. {/block:Date}
  834. </time>
  835. {/block:IfShowDate}
  836. {block:Lines}
  837. {block:Label}
  838. <p><strong>{Label}</strong> {Line}</p>
  839. {/block:Label}
  840. {/block:Lines}
  841. {/block:Chat}
  842.  
  843. {block:Answer}
  844. <header class="t_answer">
  845. <h1>{Asker}: <a href="{Permalink}">{Question}</a></h1>
  846. </header>
  847. {block:IfShowDate}
  848. <time class="when">
  849. {block:Date}
  850. {block:IfNotUseRelativeDates}
  851. {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes} {AmPm}
  852. {/block:IfNotUseRelativeDates}
  853. {block:IfUseRelativeDates}
  854. {TimeAgo}
  855. {/block:IfUseRelativeDates}
  856. {/block:Date}
  857. </time>
  858. {/block:IfShowDate}
  859. <p>{Answer}</p>
  860. {/block:Answer}
  861.  
  862. {block:Video}
  863. {block:IfShowDate}
  864. <time class="when t_wideo">
  865. {block:Date}
  866. {block:IfNotUseRelativeDates}
  867. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {12Hour}:{Minutes} {AmPm}</a>
  868. {/block:IfNotUseRelativeDates}
  869. {block:IfUseRelativeDates}
  870. <a href="{Permalink}">{TimeAgo}</a>
  871. {/block:IfUseRelativeDates}
  872. {/block:Date}
  873. </time>
  874. {/block:IfShowDate}
  875. <figure>
  876. <p class="img">{Video-700}</p>
  877. </figure>
  878. {block:Caption}
  879. <p>{Caption}</p>
  880. {/block:Caption}
  881. {/block:Video}
  882.  
  883. {block:Audio}
  884. {block:IfShowDate}
  885. <time class="when t_audio">
  886. {block:Date}
  887. {block:IfNotUseRelativeDates}
  888. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {12Hour}:{Minutes} {AmPm}</a>
  889. {/block:IfNotUseRelativeDates}
  890. {block:IfUseRelativeDates}
  891. <a href="{Permalink}">{TimeAgo}</a>
  892. {/block:IfUseRelativeDates}
  893. {/block:Date}
  894. </time>
  895. {/block:IfShowDate}
  896. <figure>
  897. <p class="img">{AudioPlayer}</p>
  898. </figure>
  899. {block:Caption}
  900. <p>{Caption}</p>
  901. {/block:Caption}
  902. {/block:Audio}
  903.  
  904. {block:IndexPage}
  905. <footer>
  906. {block:HasTags}
  907. {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  908. {/block:HasTags}
  909. <div class="likes">
  910. <ul>
  911. {block:IfShowShareIcon}
  912. <li class="more">
  913. <div><a href="#" onclick="return false;"><svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><circle r="2" cy="9" cx="3"></circle><circle r="2" cy="9" cx="9"></circle><circle r="2" cy="9" cx="15"></circle></svg></a></div>
  914. <ul class="fa-ul">
  915. <li><a href="https://pinterest.com/pin/create/button/?url={URLEncodedShortURL}"><i class="fa fa-pinterest-square"></i></a></li>
  916. <li><a href="https://plus.google.com/share?url={URLEncodedShortURL}"><i class="fa fa-google-plus-square"></i></a></li>
  917. <li><a href="https://twitter.com/home?status={URLEncodedShortURL}"><i class="fa fa-twitter-square"></i></a></li>
  918. <li><a href="https://www.facebook.com/sharer/sharer.php?u={URLEncodedShortURL}"><i class="fa fa-facebook-square"></i></a></li>
  919. </ul>
  920. </li>
  921. {/block:IfShowShareIcon}
  922. {block:IfShowLikeIcon}
  923. <li><div>{LikeButton size="18" color="gray"}</div></li>
  924. {/block:IfShowLikeIcon}
  925. {block:IfShowReblogIcon}
  926. <li><div>{ReblogButton size="18" color="gray"}</div></li>
  927. {/block:IfShowReblogIcon}
  928. </ul>
  929. </div><div class="cb"></div>
  930. </footer>
  931. {/block:IndexPage}
  932.  
  933. {block:PermalinkPage}
  934. <footer>
  935. {block:HasTags}
  936. {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  937. {/block:HasTags}
  938. <div class="likes">
  939. <ul>
  940. {block:IfShowShareIcon}
  941. <li class="more">
  942. <div><a href="#" onclick="return false;"><svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><circle r="2" cy="9" cx="3"></circle><circle r="2" cy="9" cx="9"></circle><circle r="2" cy="9" cx="15"></circle></svg></a></div>
  943. <ul class="fa-ul">
  944. <li><a href="https://pinterest.com/pin/create/button/?url={URLEncodedShortURL}"><i class="fa fa-pinterest-square"></i></a></li>
  945. <li><a href="https://plus.google.com/share?url={URLEncodedShortURL}"><i class="fa fa-google-plus-square"></i></a></li>
  946. <li><a href="https://twitter.com/home?status={URLEncodedShortURL}"><i class="fa fa-twitter-square"></i></a></li>
  947. <li><a href="https://www.facebook.com/sharer/sharer.php?u={URLEncodedShortURL}"><i class="fa fa-facebook-square"></i></a></li>
  948. </ul>
  949. </li>
  950. {/block:IfShowShareIcon}
  951. {block:IfShowLikeIcon}
  952. <li><div>{LikeButton size="18" color="gray"}</div></li>
  953. {/block:IfShowLikeIcon}
  954. {block:IfShowReblogIcon}
  955. <li><div>{ReblogButton size="18" color="gray"}</div></li>
  956. {/block:IfShowReblogIcon}
  957. </ul>
  958. </div><div class="cb"></div>
  959. </footer>
  960.  
  961. {block:IfDisqusComments}
  962. <div id="disqus_thread"></div>
  963. <script type="text/javascript">
  964. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  965. var disqus_shortname = '{text:Disqus Shortname}'; // required: replace example with your forum shortname
  966.  
  967. /* * * DON'T EDIT BELOW THIS LINE * * */
  968. (function() {
  969. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  970. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  971. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  972. })();
  973. </script>
  974. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  975. {/block:IfDisqusComments}
  976.  
  977. <div class="p_notes">
  978. {block:PostNotes}
  979. {block:NoteCount}
  980. {NoteCountWithLabel}
  981. {/block:NoteCount}
  982. {PostNotes}
  983. {/block:PostNotes}
  984. </div>
  985. {/block:PermalinkPage}
  986.  
  987. </article>
  988.  
  989. {/block:Posts}
  990.  
  991. {block:PermalinkPagination}
  992. <div class="pagination">
  993. <div class="prev">{block:PreviousPost}<a href="{PreviousPost}">{lang:Previous post}</a>{/block:PreviousPost}&nbsp;</div>
  994. <div class="whereami">&nbsp;</div>
  995. <div class="next">&nbsp;{block:NextPost}<a href="{NextPost}">{lang:Next post}</a>{/block:NextPost}</div>
  996. <div class="cb"></div>
  997. </div>
  998. {/block:PermalinkPagination}
  999.  
  1000. {block:PermalinkPage}
  1001. <div class="footer">
  1002. &copy; {block:Date}{Year}{/block:Date} <a href="{BlogURL}">{Title}</a>. All rights reserved.
  1003. </div>
  1004. {/block:PermalinkPage}
  1005.  
  1006. {block:IfInfiniteScroll}{block:Pagination}
  1007. <div class="pagination">
  1008. {block:NextPage}
  1009. <a href="{NextPage}" class="load-more-posts">{lang:Load more posts}</a>
  1010. {/block:NextPage}
  1011. </div>
  1012. {/block:Pagination}{/block:IfInfiniteScroll}
  1013.  
  1014. {block:IfNotInfiniteScroll}{block:Pagination}
  1015. <div class="pagination">
  1016. <div class="prev">{block:PreviousPage}<a href="{PreviousPage}">{lang:Newer}</a>{/block:PreviousPage}&nbsp;</div>
  1017. <div class="whereami">
  1018. {lang:CurrentPage of TotalPages 2}
  1019. </div>
  1020. <div class="next">&nbsp;{block:NextPage}<a href="{NextPage}">{lang:Older}</a>{/block:NextPage}</div>
  1021. <div class="cb"></div>
  1022. </div>
  1023. {/block:Pagination}{/block:IfNotInfiniteScroll}
  1024.  
  1025. {block:IndexPage}
  1026. <div class="footer">
  1027. &copy; {block:Date}{Year}{/block:Date} <a href="{BlogURL}">{Title}</a>. All rights reserved. 2015.
  1028. </div>
  1029. {/block:IndexPage}
  1030.  
  1031. </div> <!-- posts -->
  1032. </div> <!-- container -->
  1033.  
  1034. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  1035. <script type="text/javascript" src="http://static.tumblr.com/exfrxzc/r4gnnmk1h/jquery.infinitescroll.min.js"></script>
  1036. <script type="text/javascript" src="http://static.tumblr.com/exfrxzc/8Ncnjpg8f/jquery.mcustomscrollbar.concat.min.js"></script>
  1037. <script type="text/javascript" src="http://static.tumblr.com/exfrxzc/zztnnmkbq/scripts.js"></script>
  1038.  
  1039. {block:IfGoogleAnalytics}
  1040. <script type="text/javascript">
  1041. var _gaq = _gaq || [];
  1042. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  1043. _gaq.push(['_trackPageview']);
  1044.  
  1045. (function() {
  1046. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1047. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1048. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1049. })();
  1050. </script>
  1051. {/block:IfGoogleAnalytics}
  1052.  
  1053. </body>
  1054. </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!