API tools faq
paste
Advertisement
bct

rise and shine theme

bct
Jun 2nd, 2016
6,846
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!------------------------------------------
  5.  
  6. (◍•ᴗ•◍)♡ ✧*。
  7.  
  8. Rise and Shine Theme by Chloe | @dontbrag | @bychloethemes
  9.  
  10. > Do not delete/alter any credit.
  11. > Do not claim as your own.
  12. > Do not copy any code.
  13. > Do not redistribute.
  14.  
  15. ------------------------------------------->
  16. {block:Hidden}<meta name="image:Avatar" content="https://36.media.tumblr.com/1035c7bc04c88a7041a60ecfc3ee9765/tumblr_o1hf8gId8N1ry8s93o1_250.png"/>
  17.  
  18. <meta name="color:Accent" content="#decba4" />
  19.  
  20. <meta name="if:Two Columns" content="" />
  21. <meta name="if:Left Align" content="" />
  22. <meta name="if:Grayscale Askbox" content="" />
  23. <meta name="if:Infinite Scroll" content="" />
  24.  
  25. <meta name="text:About" content="" />
  26.  
  27. <meta name="text:Question 1" content="" />
  28. <meta name="text:Answer 1" content="" />
  29. <meta name="text:Question 2" content="" />
  30. <meta name="text:Answer 2" content="" />
  31. <meta name="text:Question 3" content="" />
  32. <meta name="text:Answer 3" content="" />
  33. <meta name="text:Question 4" content="" />
  34. <meta name="text:Answer 4" content="" />
  35. <meta name="text:Question 5" content="" />
  36. <meta name="text:Answer 5" content="" />
  37. <meta name="text:Question 6" content="" />
  38. <meta name="text:Answer 6" content="" />
  39.  
  40. <meta name="text:Section 1 Link 1" content="" />
  41. <meta name="text:Section 1 URL 1" content="" />
  42. <meta name="text:Section 1 Link 2" content="" />
  43. <meta name="text:Section 1 URL 2" content="" />
  44. <meta name="text:Section 1 Link 3" content="" />
  45. <meta name="text:Section 1 URL 3" content="" />
  46. <meta name="text:Section 1 Link 4" content="" />
  47. <meta name="text:Section 1 URL 4" content="" />
  48. <meta name="text:Section 1 Link 5" content="" />
  49. <meta name="text:Section 1 URL 5" content="" />
  50. <meta name="text:Section 1 Link 6" content="" />
  51. <meta name="text:Section 1 URL 6" content="" />
  52. <meta name="text:Section 1 Link 7" content="" />
  53. <meta name="text:Section 1 URL 7" content="" />
  54. <meta name="text:Section 1 Link 8" content="" />
  55. <meta name="text:Section 1 URL 8" content="" />
  56. <meta name="text:Section 1 Link 9" content="" />
  57. <meta name="text:Section 1 URL 9" content="" />
  58.  
  59. <meta name="text:Section 2 Link 1" content="" />
  60. <meta name="text:Section 2 URL 1" content="" />
  61. <meta name="text:Section 2 Link 2" content="" />
  62. <meta name="text:Section 2 URL 2" content="" />
  63. <meta name="text:Section 2 Link 3" content="" />
  64. <meta name="text:Section 2 URL 3" content="" />
  65. <meta name="text:Section 2 Link 4" content="" />
  66. <meta name="text:Section 2 URL 4" content="" />
  67. <meta name="text:Section 2 Link 5" content="" />
  68. <meta name="text:Section 2 URL 5" content="" />
  69. <meta name="text:Section 2 Link 6" content="" />
  70. <meta name="text:Section 2 URL 6" content="" />
  71. <meta name="text:Section 2 Link 7" content="" />
  72. <meta name="text:Section 2 URL 7" content="" />
  73. <meta name="text:Section 2 Link 8" content="" />
  74. <meta name="text:Section 2 URL 8" content="" />
  75. <meta name="text:Section 2 Link 9" content="" />
  76. <meta name="text:Section 2 URL 9" content="" />
  77. {/block:Hidden}
  78. <meta charset="UTF-8" />
  79. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  80. <link rel="shortcut icon" href="{Favicon}">
  81. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  82. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  83. <link rel="stylesheet" href="http://static.tumblr.com/yxfeliq/0gMo0fe39/style.css">
  84. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Playfair+Display:400,600' rel='stylesheet' type='text/css'>
  85. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  86. <link rel="stylesheet" href="http://static.tumblr.com/yxfeliq/0gMo0fe39/style.css">
  87. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  88. <script src="http://static.tumblr.com/yxfeliq/OR9o6uuo0/rise-and-shine.js"></script>
  89. <style type="text/css">
  90. #tumblr_controls, .tmblr-iframe {
  91. top:5px!important;
  92. right:5px!important;
  93. -webkit-filter: invert(90%);
  94. filter: invert(90%);
  95. position:fixed!important;
  96. -webkit-transform:scale(.8, .8);
  97. -moz-transform:scale(.8, .8);
  98. transform:scale(.8, .8);
  99. -webkit-transform-origin: right top;
  100. -moz-transform-origin: right top;
  101. -ms-transform-origin: right top;
  102. -o-transform-origin: right top;
  103. transform-origin: right top;
  104. z-index:999999999999999999!important
  105. }
  106. body::-webkit-scrollbar, #glass::-webkit-scrollbar {
  107. background-color:#ddd;
  108. height: 11px;
  109. width: 11px;
  110. border:5px solid #f6f6f6;
  111. }
  112. body::-webkit-scrollbar-thumb, #glass::-webkit-scrollbar-thumb {
  113. background-color:#000;
  114. border:5px solid #f6f6f6;
  115. }
  116. #notes::-webkit-scrollbar {
  117. background-color:#ddd;
  118. height: 11px;
  119. width: 11px;
  120. border:5px solid #fff;
  121. }
  122. #notes::-webkit-scrollbar-thumb {
  123. background-color:#000;
  124. border:5px solid #fff;
  125. }
  126. #s-m-t-tooltip {
  127. max-width:300px;
  128. padding:3px 6px;
  129. margin:20px 0px 0px 10px;
  130. background: #000;
  131. color:#fff;
  132. z-index:999999999999999999;
  133. font-size:9px;
  134. text-transform:uppercase;
  135. }
  136. body {
  137. background:#f6f6f6;
  138. font-size:10px;
  139. color:#9f9f9f;
  140. word-break:break-word;
  141. line-height:150%;
  142. }
  143. body.lock {
  144. overflow:hidden;
  145. }
  146. *{
  147. margin:0;
  148. padding:0;
  149. }
  150. #header, li, article {
  151. position:relative;
  152. }
  153. a {
  154. color:#9f9f9f;
  155. text-decoration:none;
  156. -webkit-transition: all 0.3s ease-in-out;
  157. -moz-transition: all 0.3s ease-in-out;
  158. -o-transition: all 0.3s ease-in-out;
  159. transition: all 0.3s ease-in-out;
  160. }
  161. a:hover {
  162. color:{color:Accent};
  163. -webkit-transition: all 0.3s ease-in-out;
  164. -moz-transition: all 0.3s ease-in-out;
  165. -o-transition: all 0.3s ease-in-out;
  166. transition: all 0.3s ease-in-out;
  167. }
  168. a:focus {
  169. outline:0;
  170. }
  171. h1, h2, h3, h4, h5, h6 {
  172. font-family: 'Playfair Display', serif;
  173. color:#000;
  174. }
  175. img:not(.lightbox-image), embed, object, video, .tumblr_video_container, iframe:not(#ask_form) {
  176. max-width:100%!important;
  177. height:auto!important;
  178. }
  179. .vine-embed {
  180. height:350px!importnat;
  181. }
  182. .tmblr-lightbox {
  183. background:rgba(240,240,240,0.5)!important;
  184. }
  185. .tmblr-lightbox img {
  186. opacity:0;
  187. }
  188. .vignette {
  189. opacity:0!important;
  190. }
  191. .lightbox-caption {
  192. display:none!important;
  193. }
  194. .lightbox-image {
  195. background:#fff!important;
  196. box-shadow: 2px 2px #eaeaea!important;
  197. margin:-25px 0 0 -25px!important;
  198. border:0!important;
  199. opacity:1!important;
  200. padding:25px!important;
  201. border-radius:0px!important;
  202. }
  203.  
  204. #glass {
  205. position:fixed;
  206. top:0;
  207. left:0;
  208. width:100%;
  209. height:100vh;
  210. background:rgba(240,240,240,0.5);
  211. z-index:999;
  212. opacity:0;
  213. visibility:hidden;
  214. overflow:auto;
  215. -webkit-transition: all 0.8s ease-in-out;
  216. -moz-transition: all 0.8s ease-in-out;
  217. -o-transition: all 0.8s ease-in-out;
  218. transition: all 0.8s ease-in-out;
  219. }
  220. #page {
  221. width:500px;
  222. position:absolute;
  223. top:100px;
  224. left:calc(50% - 250px);
  225. z-index:9999;
  226. opacity:0;
  227. visibility:hidden;
  228. overflow:hidden;
  229. -webkit-transition: all 0.8s ease-in-out;
  230. -moz-transition: all 0.8s ease-in-out;
  231. -o-transition: all 0.8s ease-in-out;
  232. transition: all 0.8s ease-in-out;
  233. }
  234. .lock #glass, .lock #page {
  235. opacity:1;
  236. visibility:visible;
  237. -webkit-transition: all 0.8s ease-in-out;
  238. -moz-transition: all 0.8s ease-in-out;
  239. -o-transition: all 0.8s ease-in-out;
  240. transition: all 0.8s ease-in-out;
  241. }
  242. #page h1 {
  243. border-bottom:1px solid {color:Accent};
  244. padding-bottom:20px;
  245. margin-bottom:20px;
  246. }
  247. #page svg {
  248. width:20px;
  249. }
  250. #page ul#nav {
  251. list-style-type:none;
  252. padding:0;
  253. text-align:center;
  254. }
  255. #page ul#nav li {
  256. display:inline-block;
  257. margin:10px;
  258. -webkit-transition: all 0.5s linear;
  259. -moz-transition: all 0.5s linear;
  260. -o-transition: all 0.5s linear;
  261. transition: all 0.5s linear;
  262. }
  263. #page ul#nav li svg {
  264. padding:3px;
  265. border-radius:50%;
  266. -webkit-transition: all 0.5s linear;
  267. -moz-transition: all 0.5s linear;
  268. -o-transition: all 0.5s linear;
  269. transition: all 0.5s linear;
  270. }
  271. #page ul#nav span {
  272. cursor:pointer;
  273. }
  274. #page ul#nav li:hover svg {
  275. fill:{color:Accent};
  276. -webkit-transition: all 0.5s linear;
  277. -moz-transition: all 0.5s linear;
  278. -o-transition: all 0.5s linear;
  279. transition: all 0.5s linear;
  280. }
  281. #page ul#nav li.active svg {
  282. fill:#000;
  283. background:{color:Accent};
  284. -webkit-transition: all 0.5s linear;
  285. -moz-transition: all 0.5s linear;
  286. -o-transition: all 0.5s linear;
  287. transition: all 0.5s linear;
  288. }
  289. #page ul#nav li:before {
  290. display:none;
  291. }
  292. #carousel {
  293. width:1350px;
  294. position:relative;
  295. text-align:left;
  296. }
  297. .horse {
  298. width:400px;
  299. display:inline-block;
  300. vertical-align:top;
  301. margin-right:50px;
  302. }
  303. .slidey1 {
  304. left:0;
  305. -webkit-transition: all 0.3s linear;
  306. -moz-transition: all 0.3s linear;
  307. -o-transition: all 0.3s linear;
  308. transition: all 0.3s linear;
  309. }
  310. .slidey2 {
  311. left:-450px;
  312. -webkit-transition: all 0.3s linear;
  313. -moz-transition: all 0.3s linear;
  314. -o-transition: all 0.3s linear;
  315. transition: all 0.3s linear;
  316. }
  317. .slidey3 {
  318. left:-900px;
  319. -webkit-transition: all 0.3s linear;
  320. -moz-transition: all 0.3s linear;
  321. -o-transition: all 0.3s linear;
  322. transition: all 0.3s linear;
  323. }
  324. #wrapper {
  325. margin:100px auto;
  326. {block:IfNotTwoColumns}{block:IfLeftAlign}margin:100px;{/block:IfLeftAlign}{/block:IfNotTwoColumns}
  327. width:450px;
  328. {block:IfTwoColumns}margin:100px auto;{/block:IfTwoColumns}
  329. {block:IndexPage}{block:IfTwoColumns}width:1000px;{/block:IfTwoColumns}{/block:IndexPage}
  330. }
  331. .box {
  332. background:#fff;
  333. box-shadow: 2px 2px #eaeaea;
  334. padding:50px;
  335. margin-bottom:100px;
  336. }
  337. .column {
  338. -webkit-column-width: 185px;
  339. -webkit-column-gap: 30px;
  340. -moz-column-width: 185px;
  341. -moz-column-gap: 30px;
  342. column-width: 185px;
  343. column-gap: 30px;
  344. text-align:justify;
  345. }
  346. #header {
  347. min-height:100px;
  348. }
  349. img#avatar {
  350. border-radius:50%;
  351. height:100px;
  352. width:100px;
  353. box-shadow: 2px 2px #eaeaea;
  354. float:right;
  355. margin-bottom:25px;
  356. margin-left:25px;
  357. shape-outside: circle(50%);
  358. }
  359. #hover {
  360. content:'';
  361. position:absolute;
  362. top:55px;
  363. right:55px;
  364. width:90px;
  365. height:90px;
  366. background:#fff;
  367. opacity:0;
  368. border-radius:50%;
  369. z-index:1;
  370. visibility:hidden;
  371. cursor:pointer;
  372. -webkit-transition: all 0.3s linear;
  373. -moz-transition: all 0.3s linear;
  374. -o-transition: all 0.3s linear;
  375. transition: all 0.3s linear;
  376. }
  377. #header:hover #hover {
  378. opacity:0.7;
  379. visibility:visible;
  380. -webkit-transition: all 0.5s linear;
  381. -moz-transition: all 0.5s linear;
  382. -o-transition: all 0.5s linear;
  383. transition: all 0.5s linear;
  384.  
  385. }
  386. #header #hover svg {
  387. width:40px;
  388. padding:25px;
  389. fill:#666;
  390. }
  391. #header:hover #hover:hover {
  392. opacity:1;
  393. -webkit-transition: all 0.3s linear;
  394. -moz-transition: all 0.3s linear;
  395. -o-transition: all 0.3s linear;
  396. transition: all 0.3s linear;
  397. }
  398. #header h1 a {
  399. color:#000;
  400. border-bottom:none;
  401. }
  402. #header h1 a:hover {
  403. color:{color:Accent};
  404. }
  405. #header #desc {
  406. margin-top:25px;
  407. }
  408. #header p:first-of-type {
  409. margin-top:0px;
  410. }
  411. #header p:last-of-type {
  412. margin-bottom:0;
  413. }
  414. #desc p {
  415. text-indent:15px;
  416. margin-bottom:10px;
  417. }
  418. article{
  419. {block:IfTwoColumns}width:350px;{/block:IfTwoCOlumns}
  420. }
  421. .box h2 {
  422. margin-bottom:15px;
  423. }
  424. .box p {
  425. margin:10px 0;
  426. }
  427. .box p:first-of-type {
  428. margin-top:0;
  429. }
  430. .box p:last-of-type {
  431. margin-bottom:0;
  432. }
  433. .box ul, .box ol {
  434. padding-left:30px;
  435. line-height:175%;
  436. }
  437. .box ul {
  438. list-style:none;
  439. }
  440. .box ul li:before {
  441. content:'';
  442. position:absolute;
  443. top:8px;
  444. left:-20px;
  445. width:10px;
  446. height:1px;
  447. background:{color:Accent};
  448. }
  449. .box a {
  450. border-bottom:1px solid #eee;
  451. }
  452. .box a:hover {
  453. border-color:rgba({RGBcolor:Accent},0.5);
  454. }
  455. .box hr {
  456. border:none;
  457. width:75%;
  458. margin:25px auto;
  459. height:1px;
  460. background:rgba({RGBcolor:Accent},0.5);
  461. }
  462. .caption {
  463. text-align:center;
  464. }
  465. article blockquote:after {
  466. content: '...';
  467. color: {color:Accent};
  468. }
  469. .caption > blockquote:after {
  470. content: '';
  471. }
  472. a.tumblr-box {
  473. border-bottom:none;
  474. }
  475. .make_lightbox:hover, .tumblr-box:hover {
  476. cursor: -webkit-zoom-in;
  477. cursor: -moz-zoom-in;
  478. }
  479. .quote.short h2 {
  480. font-size:2em;
  481. line-height:120%;
  482. }
  483. .quote.medium h2 {
  484. font-size:1.5em;
  485. line-height:120%;
  486. }
  487. .quote.long h2 {
  488. font-size:1em;
  489. }
  490. .quote cite {
  491. text-align:right;
  492. display:block;
  493. }
  494. .chat ul {
  495. padding:0;
  496. }
  497. .chat li:before {
  498. display:none;
  499. }
  500. .chat b {
  501. color:{color:Accent};
  502. }
  503. .answer h1 {
  504. text-align: center;
  505. margin-bottom:25px;
  506. text-transform:lowercase;
  507. }
  508. .answer h1 a, .link-post h1 a {
  509. color: #000;
  510. border-bottom:none;
  511. }
  512. .answer h1 a:hover, .link-post h1 a:hover {
  513. color:{color:Accent};
  514. }
  515. .response {
  516. position: relative;
  517. margin-top: 51px;
  518. }
  519. .response:before {
  520. content: '';
  521. width:75%;
  522. height:1px;
  523. background:rgba({RGBcolor:Accent},0.5);
  524. left: 12.5%;
  525. top: -25px;
  526. position: absolute;
  527. }
  528. .response:empty {
  529. display:none;
  530. }
  531. .permalink {
  532. text-align:center;
  533. margin-top:25px;
  534. }
  535. .permalink a {
  536. border-bottom:none;
  537. }
  538. .permalink svg {
  539. fill:{color:Accent};
  540. }
  541. #notes {
  542. max-height:300px;
  543. overflow:auto;
  544. }
  545. #notes h4 {
  546. font-family: 'Open Sans', sans-serif;
  547. font-weight: normal;
  548. color:#9f9f9f;
  549. }
  550. #notes .tagged {
  551. margin-right:5px;
  552. }
  553. #notes .tagged:after {
  554. content:',';
  555. }
  556. #notes .tagged:last-of-type:after {
  557. content:'';
  558. }
  559. ol.notes {
  560. padding:0;
  561. margin: 0;
  562. list-style-type: none;
  563. }
  564. ol.notes li.note {
  565. padding: 3px 0;
  566. margin-bottom:3px;
  567. }
  568. ol.notes li.note img.avatar {
  569. float:right;
  570. border-radius:50%;
  571. }
  572. ol.notes li.note blockquote a {
  573. text-decoration: none;
  574. }
  575. li.more_notes_link_container {
  576. font-weight: bold;
  577. text-transform: uppercase;
  578. font-size: 0.85em;
  579. }
  580. #pagination {
  581. font-size: 16px;
  582. color: #9f9f9f;
  583. text-align: center;
  584. font-weight:lighter;
  585. }
  586. #pagination svg {
  587. height: 19px;
  588. vertical-align: text-bottom;
  589. fill: #9f9f9f;
  590. }
  591. #ask_form {
  592. margin-top: 10px;
  593. -webkit-transform: scale(0.8,0.8);
  594. -moz-transform: scale(0.8,0.8);
  595. -ms-transform: scale(0.8,0.8);
  596. transform: scale(0.8,0.8);
  597. -webkit-transform-origin: top left;
  598. -moz-transform-origin: top left;
  599. -ms-transform-origin: top left;
  600. transform-origin: top left;
  601. margin-bottom: -10%;
  602. {block:IfGrayscaleAskbox}-webkit-filter: grayscale(100%);filter: grayscale(100%);{/block:IfGrayScaleAskbox}
  603. }
  604. ul.extra-links {
  605. list-style-type:none;
  606. padding:0;
  607. text-align:left;
  608. width:400px;
  609. margin:5px 0px 30px 0;
  610. display:inline-block;
  611. vertical-align:top;
  612. -webkit-transition: all 0.3s ease-in-out;
  613. -moz-transition: all 0.3s ease-in-out;
  614. -o-transition: all 0.3s ease-in-out;
  615. transition: all 0.3s ease-in-out;
  616. counter-reset: LIST-COUNTER;
  617. }
  618. ul.extra-links li:before{
  619. content: counter( LIST-COUNTER ) ".";
  620. counter-increment: LIST-COUNTER;
  621. position:relative;
  622. left:-3px;
  623. float:left;
  624. top:initial;
  625. width:initial;
  626. height:initial;
  627. background:none;
  628. }
  629. ul.extra-links a {
  630. border-bottom:none;
  631. }
  632. ul.extra-links a li {
  633. margin: 5px 10px 5px 0;
  634. display:inline-block;
  635. width:calc(350px / 3);
  636. border-bottom:1px solid {color:accent};
  637. padding:5px;
  638. text-align:right;
  639. -webkit-transition: all 0.3s ease-in-out;
  640. -moz-transition: all 0.3s ease-in-out;
  641. -o-transition: all 0.3s ease-in-out;
  642. transition: all 0.3s ease-in-out;
  643. }
  644. ul.extra-links a:nth-of-type(3n + 3) li{
  645. margin-right:0;
  646. }
  647. ul.extra-links a li:hover {
  648. color:{color:accent};
  649. border-color:{color:accent};
  650. -webkit-transition: all 0.3s ease-in-out;
  651. -moz-transition: all 0.3s ease-in-out;
  652. -o-transition: all 0.3s ease-in-out;
  653. transition: all 0.3s ease-in-out;
  654. }
  655. {block:IfTwoColumns}
  656. {block:IfInfiniteScroll}
  657. #header:not(.page1) {
  658. display:none;
  659. margin:0;
  660. padding:0;
  661. border:0;
  662. height:0;
  663. min-height:0;
  664. box-shadow:none;
  665. }
  666. {/block:IfInfiniteScroll}
  667. {/block:IfTwoColumns}
  668. .back-to-top {
  669. text-align:center;
  670. bottom:25px;
  671. width:25px;
  672. left:35px;
  673. font-size:9px;
  674. cursor:pointer;
  675. text-transform:uppercase;
  676. position:fixed;
  677. display:none;
  678. }
  679. .back-to-top svg {
  680. width:25px;
  681. height:auto;
  682. fill:{color:Accent};
  683. }
  684. </style>
  685. </head>
  686. <body>
  687. <a href="/archive" title="grid" style="position:fixed; top:10px; left:10px; width:10px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 408 408" style="enable-background:new 0 0 408 408;" xml:space="preserve" fill="#9f9f9f"><g><g><path d="M170,19.833c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V19.833z M34,36.833h102v102H34V36.833z"/><path d="M408,19.833c0-9.35-7.65-17-17-17H255c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V19.833z M272,36.833h102v102H272V36.833z"/><path d="M170,252.167c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V252.167z M34,269.167h102v102H34V269.167z"/><path d="M408,252.167c0-9.35-7.65-17-17-17H255c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V252.167 z M272,269.167h102v102H272V269.167z"/></g></g></svg></a>
  688. <div id="glass">
  689. <div id="page">
  690. <div class="box">
  691. <ul id="nav">
  692. <li class="changer changer1 active" data-slidey="1" title="about"><span><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  693. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M51.1,176c0,3.3,2.7,6,6,6h101.8c3.3,0,6-2.7,6-6c0-33.2-15-61.7-36.1-73.1c10.2-6.7,16.9-18.3,16.9-31.4
  694. c0-20.7-16.9-37.6-37.6-37.6S70.4,50.7,70.4,71.5c0,13.1,6.7,24.6,16.9,31.4C66.1,114.3,51.1,142.8,51.1,176z M82.4,71.5
  695. c0-14.1,11.5-25.6,25.6-25.6s25.6,11.5,25.6,25.6S122.1,97.1,108,97.1S82.4,85.6,82.4,71.5z M108,109.4c23.4,0,42.6,26.7,44.7,60.6
  696. H63.3C65.4,136.1,84.6,109.4,108,109.4z"/></svg></span></li><!--
  697. --><li class="changer changer2" data-slidey="2" title="message"><span><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  698. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M33.4,151h22.1l0.1,27.4c0,2.3,1.3,4.4,3.4,5.4c0.8,0.4,1.7,0.6,2.6,0.6c1.3,0,2.6-0.4,3.7-1.3l40.8-32.1h75.3
  699. c3.3,0,6-2.7,6-6V37c0-3.3-2.7-6-6-6h-148c-3.3,0-6,2.7-6,6v108C27.4,148.3,30.1,151,33.4,151z M39.4,43h136v96h-71.4
  700. c-1.3,0-2.6,0.5-3.7,1.3L67.6,166l-0.1-21c0-3.3-2.7-6-6-6H39.4V43z"/></svg></span></li><!--
  701. --><li class="changer changer3" data-slidey="3" title="navigate"><span><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  702. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M31,60.1v111.5c0,2.2,1.2,4.3,3.2,5.3c2,1,4.3,0.9,6.2-0.4l37.9-25.9l45.9,40.1c1.1,1,2.5,1.5,3.9,1.5
  703. c1.1,0,2.1-0.3,3.1-0.9l46.9-28.1c1.8-1.1,2.9-3,2.9-5.1V38.6c0-2.2-1.2-4.2-3.1-5.3c-1.9-1-4.3-1-6.1,0.2l-42.9,27.6L85.8,24.8
  704. c-2.1-1.7-5-1.9-7.3-0.4L33.6,55.1C32,56.2,31,58.1,31,60.1z M43,63.2l38.5-26.3L122,71.1V147c0,3.3,2.7,6,6,6s6-2.7,6-6V72.2
  705. l35-22.6v105.2l-40.2,24.1L85,140.6V118c0-3.3-2.7-6-6-6s-6,2.7-6,6v21.8l-30,20.5V63.2z M71,100.2c-1.2,1.2-2.7,1.8-4.2,1.8
  706. s-3.1-0.6-4.2-1.8c-2.3-2.3-2.3-6.1,0-8.5l10.2-10.2L62.5,71.3c-2.3-2.3-2.3-6.1,0-8.5c2.3-2.3,6.1-2.3,8.5,0L81.2,73l10.2-10.2
  707. c2.3-2.3,6.1-2.3,8.5,0c2.3,2.3,2.3,6.1,0,8.5L89.7,81.5l10.2,10.2c2.3,2.3,2.3,6.1,0,8.5c-1.2,1.2-2.7,1.8-4.2,1.8
  708. s-3.1-0.6-4.2-1.8L81.2,90L71,100.2z"/></svg></span></li>
  709. </ul>
  710. <div id="carousel" class="slidey1">
  711. <div class="horse">
  712. <h1>About</h1>
  713. <div id="bio" class="column">
  714. {text:About}
  715. </div>
  716. </div><!--
  717. --><div class="horse">
  718. <h1>Message</h1>
  719. <div class="column">
  720. <h3>{text:Question 1}</h3>
  721. <p>{text:Answer 1}</p>
  722. <h3>{text:Question 2}</h3>
  723. <p>{text:Answer 2}</p>
  724. <h3>{text:Question 3}</h3>
  725. <p>{text:Answer 3}</p>
  726. <h3>{text:Question 4}</h3>
  727. <p>{text:Answer 4}</p>
  728. <h3>{text:Question 5}</h3>
  729. <p>{text:Answer 5}</p>
  730. <h3>{text:Question 6}</h3>
  731. <p>{text:Answer 6}</p>
  732. </div>
  733. <iframe id="ask_form" frameborder="0" border="0" scrolling="no" width="500" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{name}.tumblr.com"></iframe>
  734. </div><!--
  735. --><div class="horse">
  736. <h1>Navigate</h1>
  737. <h2>Section 1.0</h2>
  738. <ul class="extra-links">
  739. {block:IfSection1Link1}
  740. <a href="{text:Section 1 URL 1}"><li>{text:Section 1 Link 1}</li></a>{/block:IfSection1Link1}{block:IfSection1Link2}<!--
  741. --><a href="{text:Section 1 URL 2}"><li>{text:Section 1 Link 2}</li></a>{/block:IfSection1Link2}{block:IfSection1Link3}<!--
  742. --><a href="{text:Section 1 URL 3}"><li>{text:Section 1 Link 3}</li></a>{/block:IfSection1Link3}{block:IfSection1Link4}<!--
  743. --><a href="{text:Section 1 URL 4}"><li>{text:Section 1 Link 4}</li></a>{/block:IfSection1Link4}{block:IfSection1Link5}<!--
  744. --><a href="{text:Section 1 URL 5}"><li>{text:Section 1 Link 5}</li></a>{/block:IfSection1Link5}{block:IfSection1Link6}<!--
  745. --><a href="{text:Section 1 URL 6}"><li>{text:Section 1 Link 6}</li></a>{/block:IfSection1Link6}{block:IfSection1Link7}<!--
  746. --><a href="{text:Section 1 URL 7}"><li>{text:Section 1 Link 7}</li></a>{/block:IfSection1Link7}{block:IfSection1Link8}<!--
  747. --><a href="{text:Section 1 URL 8}"><li>{text:Section 1 Link 8}</li></a>{/block:IfSection1Link8}{block:IfSection1Link9}<!--
  748. --><a href="{text:Section 1 URL 9}"><li>{text:Section 1 Link 9}</li></a>{/block:IfSection1Link9}
  749. </ul>
  750. <h2>Section 2.0</h2>
  751. <ul class="extra-links">
  752. {block:IfSection2Link1}
  753. <a href="{text:Section 2 URL 1}"><li>{text:Section 2 Link 1}</li></a>{/block:IfSection2Link1}{block:IfSection2Link2}<!--
  754. --><a href="{text:Section 2 URL 2}"><li>{text:Section 2 Link 2}</li></a>{/block:IfSection2Link2}{block:IfSection2Link3}<!--
  755. --><a href="{text:Section 2 URL 3}"><li>{text:Section 2 Link 3}</li></a>{/block:IfSection2Link3}{block:IfSection2Link4}<!--
  756. --><a href="{text:Section 2 URL 4}"><li>{text:Section 2 Link 4}</li></a>{/block:IfSection2Link4}{block:IfSection2Link5}<!--
  757. --><a href="{text:Section 2 URL 5}"><li>{text:Section 2 Link 5}</li></a>{/block:IfSection2Link5}{block:IfSection2Link6}<!--
  758. --><a href="{text:Section 2 URL 6}"><li>{text:Section 2 Link 6}</li></a>{/block:IfSection2Link6}{block:IfSection2Link7}<!--
  759. --><a href="{text:Section 2 URL 7}"><li>{text:Section 2 Link 7}</li></a>{/block:IfSection2Link7}{block:IfSection2Link8}<!--
  760. --><a href="{text:Section 2 URL 8}"><li>{text:Section 2 Link 8}</li></a>{/block:IfSection2Link8}{block:IfSection2Link9}<!--
  761. --><a href="{text:Section 2 URL 9}"><li>{text:Section 2 Link 9}</li></a>{/block:IfSection2Link9}
  762. </ul>
  763. </div>
  764. </div>
  765. </div>
  766. </div>
  767. </div>
  768. <div id="wrapper">
  769. {block:IfNotTwoColumns}<div id="header" class="box">
  770. <div id="hover" title="more">
  771. <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  772. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M134.1,11c-1.7-1.7-4.2-2.2-6.4-1.4c-2.2,0.8-3.7,2.9-3.9,5.3l-1.5,25.8L90.1,73.1l-39.2-4.7c-2.5-0.3-5,1-6.1,3.3
  773. c-1.1,2.3-0.7,5.1,1.2,6.9l28.8,28.8l-49.9,67.8c-1.7,2.3-1.5,5.6,0.5,7.7c1.2,1.2,2.7,1.8,4.3,1.8c1.2,0,2.3-0.3,3.3-1l70.6-47.4
  774. l29,29c1.2,1.2,2.7,1.8,4.2,1.8c0.9,0,1.8-0.2,2.6-0.6c2.3-1.1,3.7-3.5,3.4-6l-3.9-38.4l32.2-32.2l26.4-1.3c2.4-0.1,4.5-1.6,5.3-3.8
  775. c0.9-2.2,0.3-4.7-1.4-6.4L134.1,11z M55,154.5L83.3,116L95,127.6L55,154.5z M168.2,77.9c-1.5,0.1-2.9,0.7-4,1.8l-35.9,35.9
  776. c-1.3,1.3-1.9,3.1-1.7,4.9l2.5,24.5L66.7,82.3l24.9,3c1.8,0.2,3.7-0.4,5-1.7l36-36c1-1,1.7-2.4,1.7-3.9l0.8-14.7l48.2,48.2
  777. L168.2,77.9z"/></svg>
  778. </div>
  779. {block:IfAvatarImage}<img src="{image:Avatar}" id="avatar">{/block:IfAvatarImage}
  780. <h1><a href="/" title="refresh">{Title}</a></h1>
  781. {block:Description}<div id="desc">{Description}</div>{/block:Description}
  782. </div>{/block:IfNotTwoColumns}
  783. <div id="posts">
  784. {block:IfTwoColumns}<article id="header" class="box page{CurrentPage}" style="width:350px;">
  785. <div id="hover" title="more">
  786. <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  787. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M134.1,11c-1.7-1.7-4.2-2.2-6.4-1.4c-2.2,0.8-3.7,2.9-3.9,5.3l-1.5,25.8L90.1,73.1l-39.2-4.7c-2.5-0.3-5,1-6.1,3.3
  788. c-1.1,2.3-0.7,5.1,1.2,6.9l28.8,28.8l-49.9,67.8c-1.7,2.3-1.5,5.6,0.5,7.7c1.2,1.2,2.7,1.8,4.3,1.8c1.2,0,2.3-0.3,3.3-1l70.6-47.4
  789. l29,29c1.2,1.2,2.7,1.8,4.2,1.8c0.9,0,1.8-0.2,2.6-0.6c2.3-1.1,3.7-3.5,3.4-6l-3.9-38.4l32.2-32.2l26.4-1.3c2.4-0.1,4.5-1.6,5.3-3.8
  790. c0.9-2.2,0.3-4.7-1.4-6.4L134.1,11z M55,154.5L83.3,116L95,127.6L55,154.5z M168.2,77.9c-1.5,0.1-2.9,0.7-4,1.8l-35.9,35.9
  791. c-1.3,1.3-1.9,3.1-1.7,4.9l2.5,24.5L66.7,82.3l24.9,3c1.8,0.2,3.7-0.4,5-1.7l36-36c1-1,1.7-2.4,1.7-3.9l0.8-14.7l48.2,48.2
  792. L168.2,77.9z"/></svg>
  793. </div>
  794. {block:IfAvatarImage}<img src="{image:Avatar}" id="avatar">{/block:IfAvatarImage}
  795. <h1><a href="/" title="refresh">{Title}</a></h1>
  796. {block:Description}<div id="desc">{Description}</div>{/block:Description}
  797. </article>{/block:IfTwoColumns}
  798. {block:Posts}<article class="box">
  799. {block:Text}<div class="text">
  800. {block:Title}<h2>{Title}</h2>{/block:Title}
  801. {Body}
  802. </div>{/block:Text}{block:Photo}<div class="photo">
  803. <div class="make_lightbox" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></div>
  804. {block:Caption}<hr><div class="caption">
  805. {Caption}
  806. </div>{/block:Caption}
  807. </div>{/block:Photo}{block:Photoset}<div class="photoset">
  808. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  809. {block:Caption}<hr><div class="caption">
  810. {Caption}
  811. </div>{/block:Caption}
  812. </div>{/block:Photoset}{block:Quote}<div class="quote {Length}">
  813. <h2>{Quote}</h2>
  814. {block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  815. </div>{/block:Quote}{block:Chat}<div class="chat">
  816. {block:Title}<h2>{Title}</h2>{/block:Title}
  817. <ul>
  818. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}
  819. </ul>
  820. </div>{/block:Chat}{block:Link}<div class="link">
  821.  
  822. </div>{/block:Link}{block:Audio}<div class="audio">
  823.  
  824. </div>{/block:Audio}{block:Video}<div class="vid">
  825. <div class="video">{Video-500}</div>
  826. </div>{/block:Video}{block:Answer}<div class="answer">
  827. <h1>{Asker}</h1>
  828. <div class="question">{Question}</div>
  829. {block:Answerer}
  830. <hr>
  831. <h1>{Answerer}</h1>
  832. <div class="question">{Answer}</div>
  833. {/block:Answerer}
  834. <div class="response">{Replies}</div>
  835. </div>{/block:Answer}
  836. {block:indexPage}<div class="permalink">
  837. <a href="{Permalink}" target="_blank" title="info"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  838. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve" width="12px"><path d="M39.7,30L15.3,82.3l92.6,104.5l88.6-105.4L172,30H39.7z M105.6,42l25,33H79.3l25.3-33H105.6z M120.7,42h31.5l-11.3,26.6
  839. L120.7,42z M133.2,87l-27.3,67.9L79.4,87H133.2z M70.6,66.6L58.9,42h30.6L70.6,66.6z M91,149.7L35.5,87h31L91,149.7z M146.2,87H176
  840. l-57.3,68.2L146.2,87z M151.2,75l13.7-32.1L180.1,75H151.2z M46.5,43.9L61.2,75H31.9L46.5,43.9z"/></svg></a>
  841. </div>{/block:IndexPage}
  842. <!-- {block:NoRebloggedFrom}
  843. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  844. {/block:NoRebloggedFrom} -->
  845. {block:ContentSource}<!-- {SourceURL}
  846. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  847. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  848. {/block:ContentSource}
  849. </article>
  850. {block:PermalinkPage}{block:Date}
  851. <div id="notes" class="box">
  852. <h2>{NoteCountWithLabel}</h2>
  853. {block:RebloggedFrom}<h4>reblogged via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></h4>{/block:RebloggedFrom}
  854. {block:ContentSource}<h4>content source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></h4>{/block:ContentSource}
  855. {block:HasTags}filed under: {block:Tags}<a href="{TagURL}"class="tagged">{Tag}</a>{/block:Tags}{/block:HasTags}
  856. {block:PostNotes}<hr>{PostNotes-16}{/block:PostNotes}
  857. </div>
  858. {/block:Date}{/block:PermalinkPage}
  859. {/block:Posts}
  860. </div>
  861. {block:IfNotInfiniteScroll}{block:IndexPage}<div id="pagination">
  862. {block:PreviousPage}<a href="{PreviousPage}"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M137.3,43.2c-2.5-2.1-6.3-1.8-8.5,0.7L78,104.1c-1.9,2.2-1.9,5.5,0,7.7l50.8,60.3c1.2,1.4,2.9,2.1,4.6,2.1 c1.4,0,2.7-0.5,3.9-1.4c2.5-2.1,2.9-5.9,0.7-8.5L90.4,108L138,51.6C140.1,49.1,139.8,45.3,137.3,43.2z"/></svg></a>{/block:PreviousPage}
  863. {CurrentPage} / {TotalPages}
  864. {block:NextPage}<a href="{NextPage}"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9 c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg></a>{/block:NextPage}
  865. </div>{/block:IndexPage}{/block:IfNotInfiniteScroll}
  866. </div>
  867. <div class="back-to-top" title="back to top"><svg viewBox="0 0 26 32"><path d="M26.221 16c0-7.243-5.871-13.113-13.113-13.113s-13.113 5.87-13.113 13.113c0 7.242 5.871 13.113 13.113 13.113s13.113-5.871 13.113-13.113zM1.045 16c0-6.652 5.412-12.064 12.064-12.064s12.064 5.412 12.064 12.064c0 6.652-5.411 12.064-12.064 12.064-6.652 0-12.064-5.412-12.064-12.064z"></path>
  868. <path d="M18.746 15.204l0.742-0.742-6.379-6.379-6.378 6.379 0.742 0.742 5.112-5.112v12.727h1.049v-12.727z"></path></svg></div>
  869. {block:Pagination}
  870. <div class="pagination" style="visibility:hidden;">
  871. {block:NextPage}<a href="{NextPage}" id="next-link"><i class="fa fa-angle-right"></i></a>{/block:NextPage}
  872. </div>
  873. {/block:Pagination}
  874. {block:IfTwoColumns}<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>{/block:IfTwoColumns}
  875. {block:IfInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  876. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>{/block:IfInfiniteScroll}
  877. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  878. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  879. <script>
  880. $(function(){
  881. // scroll to top © html-tuts.com
  882. var amountScrolled = 300;
  883. $(window).scroll(function() {
  884. if ( $(window).scrollTop() > amountScrolled ) {
  885. $('.back-to-top').fadeIn('slow');
  886. } else {
  887. $('.back-to-top').fadeOut('slow');
  888. }
  889. });
  890. $('.back-to-top').click(function() {
  891. $('html, body').animate({
  892. scrollTop: 0
  893. }, 700);
  894. return false;
  895. });
  896. $('.photo-slideshow').pxuPhotoset({
  897. lightbox: true,
  898. rounded: false,
  899. gutter: '0px',
  900. photoset: '.photo-slideshow',
  901. photoWrap: '.photo-data',
  902. photo: '.pxu-photo'
  903. });
  904. $('.make_lightbox').each(function(){
  905. $(this).on('click',function(){
  906. var lbArray = [];
  907. var arrayContents = {"width":$(this).data('width'), "height":$(this).data('height'), "low_res":$(this).data("lowres"), "high_res":$(this).data('highres')};
  908. lbArray.push(arrayContents);
  909. Tumblr.Lightbox.init(lbArray,1);
  910. $('body').toggleClass('tumblr_lightbox_active');
  911. });
  912. });
  913. });
  914. (function () {
  915. var $tumblelog = $('#posts');
  916. {block:IndexPage}{block:IfTwoColumns}
  917. $tumblelog.imagesLoaded(function () {
  918. $tumblelog.masonry({
  919. itemSelector: 'article',
  920. isAnimated:false,
  921. columnWidth:450,
  922. gutterWidth:100,
  923. });
  924. });
  925. {/block:IfTwoColumns}{block:IndexPage}
  926. {block:IfInfiniteScroll}
  927. $tumblelog.infinitescroll({
  928. navSelector : "div.pagination",
  929. nextSelector : ".pagination a#next-link",
  930. itemSelector : "article",
  931. loading: {
  932. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  933. img : null,
  934. msg: null,
  935. msgText: "<i class='fa fa-spinner fa-pulse fa-3x'></i>",
  936. },
  937. },
  938.  
  939. function( newElements ) {
  940. var $newElems = $( newElements );
  941. $newElems.find('.photo-slideshow').pxuPhotoset({
  942. lightbox: true,
  943. rounded: false,
  944. gutter: '0px',
  945. photoset: '.photo-slideshow',
  946. photoWrap: '.photo-data',
  947. photo: '.pxu-photo'
  948. }{block:IfNotTwoColumns});{/block:IfNotTwoColumns}{block:IfTwoColumns},{/block:IfTwoColumns}
  949. {block:IndexPage}{block:IfTwoColumns}
  950. function(){
  951. $tumblelog.masonry({
  952. itemSelector: 'article',
  953. columnWidth:450,
  954. gutterWidth:100,
  955. });
  956. });
  957. {/block:IfTwoColumns}{/block:IndexPage}
  958. var $newElems = $(newElements).css({
  959. opacity: 0,
  960. zIndex: -1,
  961. });
  962. $newElems.imagesLoaded(function(){
  963. $newElems.animate({ opacity: 1, zIndex: 1 });
  964. {block:IfTwoColumns}$tumblelog.masonry( 'appended', $newElems );{/block:IfTwoColumns}
  965. });
  966. $(function(){
  967. $('.make_lightbox').each(function(){
  968. $(this).on('click',function(){
  969. var lbArray = [];
  970. var arrayContents = {
  971. "width":$(this).data('width'),
  972. "height":$(this).data('height'),
  973. "low_res":$(this).data("lowres"),
  974. "high_res":$(this).data('highres')
  975. };
  976. lbArray.push(arrayContents);
  977. Tumblr.Lightbox.init(lbArray,1);
  978. $('body').toggleClass('tumblr_lightbox_active');
  979. });
  980. });
  981. });
  982. });{/block:IfInfiniteScroll}
  983. })();
  984. </script>
  985. <div style="display:none;"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5289036";var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");</script></div>
  986. <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
  987. </body>
  988. </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!