Advertisement
Guest User

Untitled

a guest
Jul 7th, 2015
307
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.81 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5. <!------------------------------
  6. Seven Theme by UltraLinx
  7. http://theultralinx.com
  8. ------------------------------>
  9.  
  10. <meta charset="UTF-8">
  11.  
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13.  
  14. <title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>
  15.  
  16. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  20.  
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <meta name="tumblr-theme" content="38236" />
  24.  
  25. <!--[if lt IE 9]>
  26. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  27. <![endif]-->
  28.  
  29. <!-- Options -->
  30.  
  31. <meta name="color:Background" content="#1d1e20">
  32. <meta name="color:Content" content="#111111">
  33. <meta name="color:Body Text" content="##888888">
  34. <meta name="color:Links" content="#DDDDDD">
  35. <meta name="color:Dividers" content="#222222">
  36. <meta name="color:Tags" content="#444444">
  37. <meta name="color:Meta" content="#444444">
  38. <meta name="color:Pagination Color" content="#DDDDDD">
  39. <meta name="color:Sidebar Background" content="#ffffff">
  40. <meta name="color:Title" content="#777777">
  41. <meta name="color:Description" content="#777777">
  42. <meta name="color:Nav" content="#999999">
  43. <meta name="color:Social Links" content="#BBBBBB">
  44. <meta name="color:Search Background" content="#F2F2F2">
  45. <meta name="color:Widget Headings" content="#CCCCCC">
  46. <meta name="color:Tweets" content="#AAAAAA">
  47.  
  48.  
  49. <meta name="text:Google Analytics ID" content=""/>
  50. <meta name="text:Twitter URL" content="">
  51. <meta name="text:Facebook URL" content="">
  52. <meta name="text:Instagram URL" content="">
  53. <meta name="text:GooglePlus URL" content="">
  54. <meta name="text:Flickr URL" content="">
  55. <meta name="text:Dribbble URL" content="">
  56. <meta name="text:Vimeo URL" content="">
  57. <meta name="text:YouTube URL" content="">
  58. <meta name="text:Skype URL" content="">
  59. <meta name="text:WordPress URL" content="">
  60. <meta name="text:Pinterest URL" content="">
  61. <meta name="text:SoundCloud URL" content="">
  62. <meta name="text:LinkedIn URL" content="">
  63. <meta name="text:Email Address" content="">
  64.  
  65. <meta name="if:Wide" content="1">
  66.  
  67. <meta name="if:Show Logo" content="0">
  68. <meta name="if:Show Title" content="1">
  69. <meta name="if:Show Description" content="1">
  70.  
  71. <meta name="if:Show Nav" content="1">
  72. <meta name="if:Show Archive Link" content="1">
  73. <meta name="if:Show Random Link" content="1">
  74. <meta name="if:Show RSS Link" content="1">
  75.  
  76. <meta name="if:Show Social Links" content="1">
  77.  
  78. <meta name="if:Show Search Bar" content="1">
  79.  
  80. <meta name="if:Show Flickr Photos" content="0">
  81. <meta name="if:Show Instagram Photos" content="0">
  82. <meta name="if:Show Dribbble Shots" content="0">
  83.  
  84.  
  85. <meta name="if:Show Tags" content="1">
  86. <meta name="if:Show Like Reblog Buttons" content="1">
  87.  
  88. <meta name="text:Instagram Access Token" content="">
  89. <meta name="text:Flickr ID" content="">
  90. <meta name="text:Dribbble Username" content="">
  91.  
  92.  
  93. <meta name="image:Logo" content="">
  94. <meta name="image:Background" content=""/>
  95.  
  96. <meta name="if:Infinite Scroll" content="0">
  97.  
  98. <meta name="text:Disqus shortname" content="" />
  99.  
  100. <meta name="text:Body Google Web Font" content="Domine">
  101. {block:IfBodyGoogleWebFont}<link rel="stylesheet" href="http://fonts.googleapis.com/css?family={text:Body Google Web Font}:400,400italic,700,700italic">{/block:IfBodyGoogleWebFont}
  102.  
  103. <meta name="text:Headings Google Web Font" content="Montserrat">
  104. {block:IfHeadingsGoogleWebFont}<link rel="stylesheet" href="http://fonts.googleapis.com/css?family={text:Headings Google Web Font}:400,400italic,700,700italic">{/block:IfHeadingsGoogleWebFont}
  105.  
  106. <link rel="stylesheet" href="http://static.tumblr.com/ab9wqgz/6Jpmsm4h5/lightbox.css">
  107.  
  108. <script src="//use.edgefonts.net/bebas-neue.js"></script>
  109.  
  110. <style type="text/css">
  111.  
  112. html {
  113. background-color: {color:Background};{block:IfBackgroundImage} background-image: url({image:Background});{/block:IfBackgroundImage}
  114. -webkit-font-smoothing: antialiased;
  115. }
  116.  
  117. body {
  118. color: {color:Body Text};
  119. font-family: 'Helvetica Neue', "Arial", sans-serif;
  120. font-size: 14px;
  121. margin: 0;
  122. {block:IfHeadingsGoogleWebFont}font-family: "{text:Headings Google Web Font}";{/block:IfHeadingsGoogleWebFont}
  123. }
  124.  
  125.  
  126. *, *:before, *:after {
  127. -moz-box-sizing:border-box;
  128. -webkit-box-sizing:border-box;
  129. box-sizing:border-box
  130. }
  131.  
  132. h1, h2, h3, h4, h5 {
  133. font-family: 'Helvetica Neue', "Arial", sans-serif;
  134. letter-spacing: -2px;
  135. line-height: 1.3em;
  136. color: {color:Body Text};
  137. {block:IfHeadingsGoogleWebFont}font-family: "{text:Headings Google Web Font}";{/block:IfHeadingsGoogleWebFont}
  138. }
  139.  
  140. h1 {
  141. font-size: 30px;
  142. }
  143.  
  144. h2 {
  145. font-size: 28px;
  146. }
  147.  
  148. h3 {
  149. font-size: 24px;
  150. line-height: 1.5em;
  151. }
  152.  
  153. p {
  154. line-height: 1.8em;
  155. }
  156.  
  157. h3 p {
  158. line-height: 1.1em;
  159. }
  160.  
  161. a:link, a:visited {
  162. opacity:1;
  163. -webkit-transition: all .15s linear;
  164. -moz-transition: all .15s linear;
  165. -o-transition: all .15s linear;
  166. -ms-transition: all .15s linear;
  167. transition: all .15s linear;
  168. color: {color:Links};
  169. text-decoration: none;
  170. }
  171.  
  172. a:hover, a:active {
  173. opacity: .8;
  174. }
  175.  
  176. h1 a, h2 a, h3 a, h4 a, h5 a {
  177. color: {color:Links} !important;
  178. }
  179.  
  180. hr{
  181. border:0 #aaa solid;
  182. border-top-width:1px;
  183. clear:both;
  184. height:0;
  185. }
  186.  
  187. ol{ list-style:decimal }
  188.  
  189. ul{
  190. list-style:disc;
  191. margin-left:0px;
  192. }
  193.  
  194. li{ margin-left:0px; line-height:22px; }
  195.  
  196. p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{ margin: 0 0 15px 0;}
  197.  
  198. img {
  199. max-width: 100%;
  200. height: auto;
  201. }
  202.  
  203. .media iframe {
  204. max-width: 500px;
  205. display: block;
  206. }
  207.  
  208. .wrapper {
  209. max-width: 850px;
  210. {block:IfWide}
  211. max-width: 1050px;
  212. {/block:IfWide}
  213. margin: 0 auto;
  214. margin-top: 100px;
  215. margin-bottom: 100px;
  216. background-color: {color:Sidebar Background};
  217. -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 1px 0px;
  218. -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 1px 0px;
  219. box-shadow: rgba(0,0,0,0.1) 0px 1px 1px 0px;
  220. }
  221.  
  222. .logo {
  223. text-align:center;
  224. margin-bottom: 30px;
  225. }
  226.  
  227. .nav {
  228. font-size: 11px;
  229. margin-bottom: 30px;
  230. text-transform: uppercase;
  231. font-weight: 700;
  232. {block:IfHeadingsGoogleWebFont}font-family: "{text:Headings Google Web Font}";{/block:IfHeadingsGoogleWebFont}
  233. }
  234.  
  235. .nav li {
  236. line-height: 1.7em;
  237. list-style: none;
  238. }
  239.  
  240. .nav a {
  241. color: {color:Nav}
  242. }
  243.  
  244. .content {
  245. width: 600px;
  246. {block:IfWide}
  247. width: 800px;
  248. {/block:IfWide}
  249. padding: 50px;
  250. background-color: {color:Content};
  251. min-height: 1600px;
  252. }
  253.  
  254. .post {
  255. width:100%;
  256. border-bottom: 1px solid {color:Dividers};
  257. margin-bottom: 50px;
  258. }
  259.  
  260. .page-title {
  261. margin-bottom: 30px;
  262. }
  263.  
  264. .meta {
  265. font-size: 11px;
  266. display: block;
  267. margin-top: 10px;
  268. padding-bottom: 50px;
  269. font-weight: 700;
  270. }
  271.  
  272. .meta a {
  273. color: {color:Meta};
  274. }
  275.  
  276. .photoset-grid {
  277. padding-bottom: 15px;
  278. }
  279.  
  280. .quote {
  281. font-family: Georgia, serif;
  282. font-size: 18pt;
  283. font-weight: 400;
  284. letter-spacing: -1px;
  285. line-height: 25px; !important;
  286. padding-bottom: 10px;
  287. }
  288.  
  289. blockquote {
  290. margin-left: 20px;
  291. padding-left: 15px;
  292. border-left: 3px {color:Body Text} solid;
  293. }
  294.  
  295. .chat {
  296. list-style: none;
  297. padding: 0;
  298. }
  299.  
  300. .chat strong {
  301. list-style: none;
  302. padding-right: 10px;
  303. }
  304.  
  305. .tags {
  306. margin-top: 10px;
  307. font-size: 11px;
  308. {block:IfBodyGoogleWebFont}font-family: "{text:Body Google Web Font}";{/block:IfBodyGoogleWebFont}
  309. }
  310.  
  311. .tags a {
  312. color: {color:Meta};
  313. }
  314.  
  315. .tags ul {
  316. list-style-type: none;
  317. display:inline;
  318. margin: 0;
  319. padding: 0;
  320. }
  321.  
  322. .tags li {
  323. margin: 0;
  324. padding-right: 10px;
  325. display:inline;
  326. }
  327.  
  328. .tags li a{
  329. color: {color:Tags};
  330. }
  331.  
  332. .note-date-divider {
  333. padding: 0 3px;
  334. color: {color:Meta}
  335. }
  336.  
  337. .notes {
  338. list-style: none;
  339. padding: 0 0 30px 0;
  340. margin: 0;
  341. }
  342.  
  343. .notes li {
  344. margin-top: 5px;
  345. }
  346.  
  347. .notes .avatar {
  348. margin: 0 5px 0 0;
  349. position: relative;
  350. top: 5px;
  351. }
  352.  
  353.  
  354.  
  355. .media {
  356. max-width: 700px;
  357. margin-bottom: 20px;
  358. }
  359.  
  360. #pagination {
  361. font-weight: 700;
  362. {block:IfInfiniteScroll}
  363. opacity:0
  364. {/block:IfInfiniteScroll}
  365. }
  366.  
  367. #pagination ul {
  368. list-style: none;
  369. margin: 0;
  370. padding: 0;
  371. }
  372.  
  373. #pagination li {
  374. margin: 0 2px 0 2px;
  375. display: inline;
  376. line-height: 1;
  377. }
  378.  
  379. #pagination li a {
  380. color: {color:Pagination Color};
  381. }
  382.  
  383. #older:after {
  384. content: " →";
  385. }
  386.  
  387. #newer:before {
  388. content: "← ";
  389. }
  390.  
  391. #older {
  392. float: right;
  393. }
  394.  
  395. #newer {
  396. float: left;
  397. }
  398.  
  399. .datenotes {
  400. display:inline-block;
  401. }
  402.  
  403. .like-button {
  404. display: inline-block;
  405. float: right;
  406. padding: 0 0 0 10px;
  407. }
  408.  
  409. .reblog-button {
  410. display: inline-block;
  411. float: right;
  412. padding: 0;
  413. }
  414.  
  415. #install-btn {
  416. position:fixed;
  417. bottom: 0px;
  418. right:6px
  419. }
  420.  
  421. #disqus_thread {
  422. padding-bottom: 30px;
  423. }
  424.  
  425. #sidebar{
  426. color:{color:Sidebar Text};
  427. width:250px;
  428. padding:50px;
  429. float:right;
  430. }
  431.  
  432. .mb30 {
  433. margin-bottom: 30px;
  434. }
  435.  
  436. .mb15 {
  437. margin-bottom: 10px;
  438. }
  439.  
  440. .title {
  441. {block:IfHeadingsGoogleWebFont}font-family: "{text:Headings Google Web Font}";{/block:IfHeadingsGoogleWebFont}
  442. font-size: 22px;
  443.  
  444. font-weight:bold;
  445. letter-spacing:-.5px;
  446.  
  447. }
  448.  
  449. .title a {
  450. color: {color:Title};
  451. }
  452.  
  453. .description {
  454. font-size: 12px;
  455. line-height: 1.5em;
  456. color: {color:Description};
  457. }
  458.  
  459. .widget-title {
  460. padding-bottom: 10px;
  461. font-size: 11px;
  462. text-transform:uppercase;
  463. font-weight: bold;
  464. {block:IfHeadingsGoogleWebFont}font-family: "{text:Headings Google Web Font}";{/block:IfHeadingsGoogleWebFont}
  465. color: {color:Widget Headings};
  466. }
  467.  
  468. #search {
  469. }
  470.  
  471. #search input[type="text"] {
  472. margin: 0;
  473. border: 0;
  474. font: 11px Helvetica,Sans-serif;
  475. width: 100%;
  476. max-width: 210px;
  477. padding: 6px 15px 6px 35px;
  478. -webkit-border-radius: 0px;
  479. -moz-border-radius: 0px;
  480. border-radius: 0px;
  481. -webkit-box-shadow: 0 inset;
  482. -moz-box-shadow: 0 inset;
  483. box-shadow: 0 inset;
  484. -webkit-transition: all 0.7s ease 0s;
  485. -moz-transition: all 0.7s ease 0s;
  486. -o-transition: all 0.7s ease 0s;
  487. transition: all 0.7s ease 0s;
  488. background: url(http://static.tumblr.com/ab9wqgz/xgpms1xw1/search-white.png) no-repeat 6px 6px {color:Search Background};
  489. color: {Body Text};
  490. }
  491.  
  492. #sidebar #twitter{
  493. padding:0 0 20px 0
  494. }
  495.  
  496. #sidebar #twitter .tweet{
  497. margin-bottom:10px;
  498. line-height:18px;
  499. font-size:11px;
  500. color:{color:Tweets}
  501. }
  502.  
  503. #sidebar .widget .widget-pics{
  504. list-style:none;
  505. height:150px;
  506. width:150px;
  507. overflow:hidden;
  508. margin:0;
  509. padding:0;
  510. }
  511.  
  512. #sidebar .widget .widget-pics a {
  513. display:inline-block
  514. }
  515.  
  516. #sidebar .widget .widget-pics img{
  517. width:70px;
  518. height:70px;
  519. margin:0 0 4px 0;
  520. float:left;
  521. vertical-align:bottom;
  522. }
  523.  
  524.  
  525. #sidebar .widget .widget-pics li:nth-child(even) {
  526. margin:0 0 0 10px
  527. }
  528.  
  529. #sidebar .widget .widget-pics li{
  530. display:inline-block
  531. }
  532.  
  533. #sidebar .flickr .widget-pics li{
  534. }
  535.  
  536. #sidebar .dribbble .widget-pics{
  537. height:114px;
  538. }
  539.  
  540. #sidebar .dribbble .widget-pics img{
  541. width:70px;
  542. height:52px
  543. }
  544.  
  545. .credit, .credit a {
  546. font-size: 11px;
  547. line-height: 22px;
  548. color: {color:Nav}
  549. }
  550.  
  551. /* Social Icons */
  552. .accessibility, .visuallyhidden {
  553. border: 0 !important;
  554. clip: rect(0 0 0 0) !important;
  555. height: 1px !important;
  556. margin: -1px !important;
  557. overflow: hidden !important;
  558. padding: 0 !important;
  559. position: absolute !important;
  560. width: 1px !important;
  561. }
  562.  
  563. .sprite,
  564. .icon {
  565. display: inline-block;
  566. line-height: 1;
  567. position: relative;
  568. vertical-align: middle;
  569. zoom: 1;
  570. font-style: normal;
  571. font-weight: normal;
  572. text-align: center; }
  573.  
  574. .sprite {
  575. width: 16px;
  576. height: 16px;
  577. top: -1px;
  578. overflow: hidden;
  579. *text-indent: -9999px; }
  580. .sprite:before {
  581. content: "";
  582. display: block;
  583. width: 0;
  584. height: 100%; }
  585.  
  586. .icon {
  587. font-size: 14px;
  588. width: 1em;
  589. height: 1em; }
  590. .icon:before {
  591. content: attr(data-icon); }
  592.  
  593. .icon--natural {
  594. font-size: inherit; }
  595.  
  596. @font-face {
  597. font-family: "IcoMoon";
  598. src: url(http://themes.theultralinx.com/fonts/ultraflow/icomoon.eot);
  599. src: url(http://themes.theultralinx.com/fonts/ultraflow/icomoon.eot?#iefix) format("embedded-opentype"), url(http://themes.theultralinx.com/fonts/ultraflow/icomoon.svg#icomoon) format("svg"), url(http://themes.theultralinx.com/fonts/ultraflow/icomoon.woff) format("woff"), url(http://themes.theultralinx.com/fonts/ultraflow/icomoon.ttf) format("truetype");
  600. font-weight: normal;
  601. font-style: normal; }
  602.  
  603. .icon {
  604. font-family: IcoMoon; }
  605.  
  606. .social-links {
  607. list-style: none;
  608. padding: 0;
  609. font-size: 14px;
  610. }
  611.  
  612. .social-links li {
  613. display: inline;
  614. padding-right: 8px;
  615. line-height: 0;
  616. }
  617.  
  618. .social-links a {
  619. color: {color:Social Links}
  620. }
  621. /* END Social Links */
  622.  
  623.  
  624. @media screen and (max-width:850px) {
  625.  
  626. .wrapper {
  627. max-width: 600px;
  628. margin-top: 0;
  629. margin-bottom: 0;
  630. }
  631.  
  632. .content {
  633. width: 100%;
  634. margin: 0 auto;
  635. float: none;
  636. }
  637.  
  638. #sidebar {
  639. margin: 0 auto;
  640. float: none;
  641. width: 100%;
  642. text-align: center;
  643. padding: 50px 50px 20px 50px;
  644. }
  645.  
  646. .mb30 {
  647. margin-bottom: 15px;
  648. }
  649.  
  650. .nav li {
  651. display: inline;
  652. margin: 0 10px;
  653. }
  654.  
  655. .widgets {
  656. display:none;
  657. }
  658.  
  659. .social-links {
  660. float: none;
  661. }
  662.  
  663. .social-links li {
  664. padding: 0 5px;
  665. }
  666.  
  667. }
  668.  
  669. {block:IfWide}
  670. @media screen and (max-width:1050px) {
  671.  
  672. .wrapper {
  673. max-width: 800px;
  674. margin-top: 0;
  675. margin-bottom: 0;
  676. }
  677.  
  678. .content {
  679. width: 100%;
  680. margin: 0 auto;
  681. float: none;
  682. }
  683.  
  684. #sidebar {
  685. margin: 0 auto;
  686. float: none;
  687. width: 100%;
  688. text-align: center;
  689. padding: 50px 50px 20px 50px;
  690. }
  691.  
  692. .mb30 {
  693. margin-bottom: 15px;
  694. }
  695.  
  696. .nav li {
  697. display: inline;
  698. margin: 0 10px;
  699. }
  700.  
  701. .widgets {
  702. display:none;
  703. }
  704.  
  705. .social-links {
  706. float: none;
  707. }
  708.  
  709. .social-links li {
  710. padding: 0 5px;
  711. }
  712.  
  713. }
  714. {/block:IfWide}
  715.  
  716. @media screen and (max-width:640px) {
  717.  
  718. .content {
  719. padding: 20px;
  720. }
  721.  
  722. #sidebar {
  723. padding: 20px;
  724. }
  725. }
  726.  
  727. .tumblr_audio_player {
  728. height: 150px;
  729. }
  730.  
  731. .asker-block, .answer-text {
  732. display: block;
  733. overflow: auto;
  734. }
  735.  
  736. img.asker {
  737. float:left;
  738. margin-right: 8px;
  739. border-radius: 2px;
  740. position: relative;
  741. top: 2px;
  742. }
  743.  
  744. p.asker {
  745. font-style: italic;
  746. }
  747.  
  748. p.question {
  749. clear: both;
  750. }
  751.  
  752.  
  753. .photoset-row{ height: auto !important }
  754.  
  755. {CustomCSS}
  756. </style>
  757.  
  758. <script>
  759. var UltraMnml = window.UltraMnml || {};
  760.  
  761. UltraMnml.showFlickrPhotos = {block:IfShowFlickrPhotos}true{/block:IfShowFlickrPhotos}{block:IfNotShowFlickrPhotos}false{/block:IfNotShowFlickrPhotos};
  762. UltraMnml.showInstagramPhotos = {block:IfShowInstagramPhotos}true{/block:IfShowInstagramPhotos}{block:IfNotShowInstagramPhotos}false{/block:IfNotShowInstagramPhotos};
  763. UltraMnml.showDribbbleShots = {block:IfShowDribbbleShots}true{/block:IfShowDribbbleShots}{block:IfNotShowDribbbleShots}false{/block:IfNotShowDribbbleShots};
  764.  
  765. {block:IfFlickrID}UltraMnml.flickrID = '{text:Flickr ID}';{/block:IfFlickrID}
  766. {block:IfInstagramAccessToken}UltraMnml.instagramAccessToken = '{text:Instagram Access Token}';{/block:IfInstagramAccessToken}
  767. {block:IfDribbbleUsername}UltraMnml.dribbbleUsername = '{text:Dribbble Username}';{/block:IfDribbbleUsername}
  768. </script>
  769.  
  770. </head>
  771.  
  772. <body>
  773.  
  774. <div id="fb-root"></div>
  775. <script>(function(d, s, id) {
  776. var js, fjs = d.getElementsByTagName(s)[0];
  777. if (d.getElementById(id)) return;
  778. js = d.createElement(s); js.id = id;
  779. js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
  780. fjs.parentNode.insertBefore(js, fjs);
  781. }(document, 'script', 'facebook-jssdk'));</script>
  782.  
  783. <!-- Tumblr Theme #38236 -->
  784. <div class="wrapper">
  785.  
  786. <!-- SIDEBAR -->
  787. <aside id="sidebar">
  788.  
  789. {block:IfShowLogo}
  790. <div class="logo mb30">
  791. <a href="/"><img src="{image:Logo}" alt="{Title}"></a>
  792. </div>
  793. {/block:IfShowLogo}
  794.  
  795. {block:IfShowTitle}
  796. <div class="title mb15"><a href="/">{Title}</a></div>
  797. {/block:IfShowTitle}
  798.  
  799. {block:IfShowDescription}
  800. {block:Description}
  801. <div class="description mb15">{Description}</div>
  802. {/block:Description}
  803. {/block:IfShowDescription}
  804.  
  805. {block:IfShowNav}
  806. <div class="nav mb30">
  807. {block:HasPages}
  808. {block:Pages}<li><a href="{URL}">#{Label}</a></li>{block:Pages}
  809. {/block:HasPages}
  810. {block:AskEnabled}<li><br><a href="/ask">Send an Ask</a></li>{/block:AskEnabled}
  811. {block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
  812.  
  813. {block:IfShowArchiveLink}<li><a href="/archive">Archive</a></li>{/block:IfShowArchiveLink}
  814.  
  815. {block:IfShowRandomLink}<li><a href="/random">Random</a></li>{/block:IfShowRandomLink}
  816.  
  817. {block:IfShowRSSLink}<li><a href="{RSS}">RSS</a></li>{/block:IfShowRSSLink}
  818. </div>
  819. {/block:IfShowNav}
  820.  
  821. <div class="widgets">
  822. {block:IfShowSearchBar}
  823. <div class="mb30">
  824. <form action="/search" method="get" id="search">
  825. <input type="text" name="q" value="{SearchQuery}"/>
  826. </form>
  827. </div>
  828. {/block:IfShowSearchBar}
  829.  
  830. <!-- Twitter -->
  831. {block:Twitter}
  832. <div id="twitter" style="display:none;">
  833. <div class="widget-title"><a href="https://twitter.com/alicexz">Twitter→</a></div>
  834.  
  835. <div id="tweets"></div>
  836. </div>
  837.  
  838. <script type="text/javascript">
  839. function recent_tweets(data) {
  840. for (i=0; i<3; i++) {
  841. document.getElementById("tweets").innerHTML =
  842. document.getElementById("tweets").innerHTML +
  843. '<a href="http://twitter.com/{TwitterUsername}/status/' +
  844. (data[i].id_str ? data[i].id_str : data[i].id) +
  845. '"><div class="tweet">' + data[i].text +
  846. '</div></a>';
  847. }
  848. document.getElementById("twitter").style.display = 'block';
  849. }
  850. </script>
  851. {/block:Twitter}
  852. <!-- /Twitter -->
  853.  
  854. <!-- Flickr -->
  855. {block:IfFlickrID}
  856. {block:IfShowFlickrPhotos}
  857. <div class="widget-title">Flickr Photos</div>
  858. <div class="widget mb30 flickr">
  859. {block:IfFlickrHeading}
  860. <h4>{text:Flickr Heading}</h4>
  861. {/block:IfFlickrHeading}
  862.  
  863. <ul class="widget-pics"></ul>
  864. </div> <!-- /widget -->
  865. {/block:IfShowFlickrPhotos}
  866. {/block:IfFlickrID}
  867. <!-- /Flickr -->
  868.  
  869. <!-- Instagram -->
  870. {block:IfInstagramAccessToken}
  871. {block:IfShowInstagramPhotos}
  872. <div class="widget-title"><a href="http://instagram.com/alicexz">Instagram→</a></div>
  873. <div class="widget mb30 instagram">
  874. {block:IfInstagramHeading}
  875. {/block:IfInstagramHeading}
  876.  
  877. <ul class="widget-pics"></ul>
  878. </div> <!-- /widget -->
  879. {/block:IfShowInstagramPhotos}
  880. {/block:IfInstagramAccessToken}
  881. <!-- /Instagram -->
  882.  
  883. <!-- Dribbble -->
  884. {block:IfDribbbleUsername}
  885. {block:IfShowDribbbleShots}
  886. <div class="widget-title">Dribbble Shots</div>
  887. <div class="widget mb30 dribbble">
  888. {block:IfDribbbleHeading}
  889. <h4>{text:Dribbble Heading}</h4>
  890. {/block:IfDribbbleHeading}
  891.  
  892. <ul class="widget-pics"></ul>
  893. </div> <!-- /widget -->
  894. {/block:IfShowDribbbleShots}
  895. {/block:IfDribbbleUsername}
  896. <!-- /Dribbble -->
  897.  
  898. <!-- Social Icons-->
  899. {block:IfShowSocialLinks}
  900. <ul class="social-links mb30">
  901. {block:IfEmailURL}<li><a href="{text:Email URL}"><i class="icon" data-icon="&#xe000;"></i><span class="visuallyhidden">Email</span></a></li>{/block:IfEmailURL}
  902. {block:IfFacebookURL}<li><a href="{text:Facebook URL}"><i class="icon" data-icon="&#xe001;"></i><span class="visuallyhidden">Facebook</span></a></li>{/block:IfFacebookURL}
  903. {block:IfGooglePlusURL}<li><a href="{text:GooglePlus URL}"><i class="icon" data-icon="&#xe002;"></i><span class="visuallyhidden">Google+</span></a></li>{/block:IfGooglePlusURL}
  904. {block:IfTwitterURL}<li><a href="{text:Twitter URL}"><i class="icon" data-icon="&#xe003;"></i><span class="visuallyhidden">Twitter</span></a></li>{/block:IfTwitterURL}
  905. {block:IfInstagramURL}<li><a href="{text:Instagram URL}"><i class="icon" data-icon="&#xe004;"></i><span class="visuallyhidden">Instagram</span></a></li>{/block:IfInstagramURL}
  906. {block:IfYouTubeURL}<li><a href="{text:YouTube URL}"><i class="icon" data-icon="&#xe005;"></i><span class="visuallyhidden">YouTube</span></a></li>{/block:IfYouTubeURL}
  907. {block:IfVimeoURL}<li><a href="{text:Vimeo URL}"><i class="icon" data-icon="&#xe006;"></i><span class="visuallyhidden">Vimeo</span></a></li>{/block:IfVimeoURL}
  908. {block:IfFlickrURL}<li><a href="{text:Flickr URL}"><i class="icon" data-icon="&#xe007;"></i><span class="visuallyhidden">Flickr</span></a></li>{/block:IfFlickrURL}
  909. {block:IfDribbbleURL}<li><a href="{text:Dribbble URL}"><i class="icon" data-icon="&#xe008;"></i><span class="visuallyhidden">Dribbble</span></a></li>{/block:IfDribbbleURL}
  910. {block:IfSteamURL}<li><a href="{text:Steam URL}"><i class="icon" data-icon="&#xe009;"></i><span class="visuallyhidden">Steam</span></a></li>{/block:IfSteamURL}
  911. {block:IfGitHubURL}<li><a href="{text:GitHub URL}"><i class="icon" data-icon="&#xe00a;"></i><span class="visuallyhidden">GitHub</span></a></li>{/block:IfGitHubURL}
  912. {block:IfWordPressURL}<li><a href="{text:WordPress URL}"><i class="icon" data-icon="&#xe00b;"></i><span class="visuallyhidden">WordPress</span></a></li>{/block:IfWordPressURL}
  913. {block:IfBloggerURl}<li><a href="{text:Blogger URL}"><i class="icon" data-icon="&#xe00c;"></i><span class="visuallyhidden">Blogger</span></a></li>{/block:IfBloggerURL}
  914. {block:IfSoundCloudURL}<li><a href="{text:SoundCloud URL}"><i class="icon" data-icon="&#xe00d;"></i><span class="visuallyhidden">SoundCloud</span></a></li>{/block:IfSoundCloudURL}
  915. {block:IfSkypeURL}<li><a href="{text:Skype URL}"><i class="icon" data-icon="&#xe00e;"></i><span class="visuallyhidden">Skype</span></a></li>{/block:IfSkypeURL}
  916. {block:IfLinkedInURL}<li><a href="{text:LinkedIn URL}"><i class="icon" data-icon="&#xe00f;"></i><span class="visuallyhidden">LinkedIn</span></a></li>{/block:IfLinkedInURL}
  917. {block:IfLastfmURL}<li><a href="{text:Lastfm URL}"><i class="icon" data-icon="&#xe010;"></i><span class="visuallyhidden">Last.fm</span></a></li>{/block:IfLastfmURL}
  918. {block:IfPinterestURL}<li><a href="{text:Pinterest URL}"><i class="icon" data-icon="&#xe011;"></i><span class="visuallyhidden">Pinterest</span></a></li>{/block:IfPinterestURL}
  919. </ul>
  920. {/block:IfShowSocialLinks}
  921. <!-- /Social Icons -->
  922.  
  923. <!-- <div class="credit">
  924. Powered by Tumblr
  925. <br>
  926. <a href="http://themes.theultralinx.com">Seven Theme by UltraLinx</a>
  927. </div> -->
  928.  
  929. </div>
  930.  
  931. </aside> <!-- /sidebar -->
  932.  
  933. <!-- CONTENT -->
  934.  
  935. <div id="posts" >
  936.  
  937. <div class="content">
  938.  
  939. {block:SearchPage}
  940. <h3 class="page-title">Search results for &ldquo;{SearchQuery}&rdquo;</h3>
  941.  
  942. {block:NoSearchResults}
  943. <p>Sorry, nothing of value was found! But the search function is pretty shitty, so maybe try again...</p>
  944. {/block:NoSearchResults}
  945. {/block:SearchPage}
  946.  
  947. {block:TagPage}
  948. <h3 class="page-title">Posts tagged with &lsquo;{Tag}&rsquo;</h3>
  949.  
  950. {/block:TagPage}
  951. <div id="post">
  952. {block:Posts}
  953.  
  954. <div id="{PostID}" class="post">
  955.  
  956. {block:Photo}
  957. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  958. {block:Caption}<div class="photoCaption">{Caption}</div>{/block:Caption}
  959. {/block:Photo}
  960.  
  961. {block:Panorama}
  962. <li class="post panorama">
  963. {LinkOpenTag}
  964. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  965. {LinkCloseTag}
  966.  
  967. {block:Caption}
  968. <div class="caption">{Caption}</div>
  969. {/block:Caption}
  970. </li>
  971. {/block:Panorama}
  972.  
  973.  
  974. {block:Photoset}
  975. <div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
  976. {block:Photos}
  977. <img src="{PhotoURL-HighRes}"
  978. {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  979. {block:Caption}alt="{Caption}"{/block:caption} />
  980. {/block:Photos}
  981. </div>
  982.  
  983. {block:Caption}
  984. {Caption}
  985. {/block:caption}
  986. {/block:Photoset}
  987.  
  988.  
  989. {block:Audio}
  990. <div class="audioc">
  991. {block:AudioEmbed}
  992. {AudioEmbed color="white"}
  993. {/block:AudioEmbed}
  994.  
  995. {block:AlbumArt}
  996. <div class="album-art">
  997.  
  998. <img src="{AlbumArtURL}">
  999.  
  1000. </div>
  1001. {/block:AlbumArt}
  1002. <div class="audioClear"></div>
  1003. <div class="audioContainer">
  1004. <i>—{PlayCountWithLabel}</i>
  1005. {block:Caption}<div class="caption"><p>{Caption}</p></div>{/block:Caption}
  1006. </div>
  1007. </div>
  1008. <!--<div class="audioleft">
  1009. <div class="audioc">
  1010. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="150" alt="{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} - {Artist}{/block:Artist}" />{/block:AlbumArt}</div>
  1011. <div id="audioplayer">{AudioPlayerWhite}</div>
  1012. </div>
  1013. </div>
  1014. <div class="audioright">
  1015. <div class="audioCaption">{block:Artist}<b>{Artist}</b>{/block:Artist} &mdash; {block:TrackName}{TrackName}{/block:TrackName}</p>
  1016. <p>{PlayCountWithLabel}</p>
  1017. </div>
  1018. </div>
  1019. <div class="audioClear"></div>
  1020. <div class="audioContainer">
  1021. {block:Caption}{Caption}{/block:Caption}
  1022. </div>-->
  1023.  
  1024. {/block:Audio}
  1025.  
  1026. {block:Video}
  1027. <div class="media">{Video-500}</div>
  1028. {block:Caption}<div>{Caption}</div>{/block:Caption}
  1029. {/block:Video}
  1030.  
  1031. {block:Answer}
  1032. <div class="asker-block">
  1033. <img class="asker" src="{AskerPortraitURL-24}">
  1034. <h3>{Asker} asked:<br>{Question}</h3>
  1035. </div>
  1036. <!-- <h3> <img src="{AskerPortraitURL-30}" height="18" width="18"> {Asker} asked: {Question}</h3>-->
  1037. {Answer}
  1038. {/block:Answer}
  1039.  
  1040. {block:Text}
  1041. {block:Title}<h2>{Title}</h2>{/block:Title}
  1042. {Body}
  1043. {/block:Text}
  1044.  
  1045. {block:Link}
  1046. <h2><a href="{URL}" {Target}>{Name} &rarr;</a></h2>
  1047. {block:Description}
  1048. <div>{Description}</div>
  1049. {/block:Description}
  1050. {/block:Link}
  1051.  
  1052. {block:Quote}
  1053. <div class="quote"><p>{Quote}</p></div>
  1054. {block:Source}<div id="quoteSource"><p>&mdash; {Source}</p></div>{/block:Source}
  1055. {/block:Quote}
  1056.  
  1057. {block:Chat}
  1058. {block:Title}<h2>{Title}</h2>{/block:Title}
  1059. <ul class="chat">
  1060. {block:Lines}
  1061. <li>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>
  1062. {/block:Lines}
  1063. </ul>
  1064. {/block:Chat}
  1065.  
  1066. {block:IfShowTags}
  1067. {block:HasTags}
  1068. <div class="tags">
  1069. {block:Tags}
  1070. <li>
  1071. <a href="{TagURL}">#{Tag}</a>
  1072. </li>
  1073. {/block:Tags}
  1074. </div>
  1075. {/block:HasTags}
  1076. {/block:IfShowTags}
  1077.  
  1078. <div class="meta">
  1079. <div class="datenotes">
  1080. <a href="{permalink}">{TimeAgo}</a> {block:NoteCount}<span class="note-date-divider">/</span> <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  1081.  
  1082. {block:IfShowLikeReblogButtons}
  1083. <div class="like-button">{LikeButton color="grey size="14"}</div>
  1084. <div class="reblog-button">{ReblogButton color="grey size="14"}</div>
  1085. {/block:IfShowLikeReblogButtons}
  1086.  
  1087. </div> <!-- /meta -->
  1088.  
  1089. </div> <!-- /post -->
  1090.  
  1091. {block:IfDisqusShortname}
  1092. <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div>
  1093. <script type="text/javascript">
  1094. (function() {
  1095. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1096. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  1097. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1098. })();
  1099. </script>
  1100. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1101. {lang:Blog comments powered by Disqus 2}
  1102. {/block:Permalink}
  1103.  
  1104. <script type="text/javascript">
  1105. var disqus_shortname = '{text:Disqus Shortname}';
  1106. (function () {
  1107. var s = document.createElement('script'); s.async = true;
  1108. s.src = 'http://{text:Disqus Shortname}.disqus.com/count.js';
  1109. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1110. }());
  1111. </script>
  1112. {/block:IfDisqusShortname}
  1113.  
  1114. {block:PostNotes}
  1115. {PostNotes}
  1116. {/block:PostNotes}
  1117.  
  1118. {/block:Posts}
  1119. </div>
  1120. <!-- PAGINATION -->
  1121. {block:Pagination}
  1122. <div id="pagination">
  1123. <ul class="clearfix">
  1124. {block:PreviousPage}<li><a href="{PreviousPage}" class="pagbuttons" id="newer">Newer</a></li>{/block:PreviousPage}
  1125. {block:NextPage}<li><a href="{NextPage}" class="pagbuttons" id="older">Older</a></li>{/block:NextPage}
  1126. </ul>
  1127. </div>
  1128. {/block:Pagination}
  1129. </div><!-- /content -->
  1130.  
  1131. </div><!-- /Infinite Scroll -->
  1132.  
  1133.  
  1134.  
  1135. </div> <!-- /wrapper -->
  1136.  
  1137.  
  1138. {block:Twitter}
  1139. <script type="text/javascript" src="/tweets.js"></script>
  1140. {/block:Twitter}
  1141.  
  1142. <script type="text/javascript" src="http://static.tumblr.com/3zmswwt/bnUmxwalu/script.js"></script>
  1143.  
  1144. <!-- Flickr, Instagram & Dribbble Widgets JS -->
  1145. <script src="http://static.tumblr.com/1fi8gnl/qcgmux8b0/jquery.jflickrfeed.js"></script><script src="http://static.tumblr.com/1fi8gnl/5SUmux8ch/flickr_instagram_dribbble_1.js"></script>
  1146.  
  1147. <script src="http://static.tumblr.com/wgijwsy/jgemkyt9x/jquery.photoset-grid.min.js"></script><script src="http://static.tumblr.com/ab9wqgz/t1Mms94nt/lightbox.js"></script>
  1148.  
  1149. <script type="text/javascript">
  1150. $('.photoset-grid').photosetGrid({
  1151. highresLinks: true,
  1152. rel: $('.photoset-grid').attr('data-id'),
  1153. gutter: '5px',
  1154. onComplete: function(){}
  1155. });
  1156.  
  1157. $('.photoset-grid').each(function() {
  1158. $(this).magnificPopup({
  1159. delegate: 'a', // the container for each your gallery items
  1160. type: 'image',
  1161. gallery:{enabled:true},
  1162. // Delay in milliseconds before popup is removed
  1163. removalDelay: 300,
  1164. // Class that is added to popup wrapper and background
  1165. // make it unique to apply your CSS animations just to this exact popup
  1166. mainClass: 'mfp-fade'
  1167. });});
  1168.  
  1169.  
  1170. {block:Indexpage}
  1171. (function () {var $K = $('#post');$K.imagesLoaded(function () {$K.masonry({itemSelector:'.post',columnWidth:".post"})});{block:ifinfinitescroll}$K.infinitescroll({navSelector:'div#pagination',nextSelector:'div#pagination a#older',itemSelector: ".post",bufferPx:600,loading:{finishedMsg: function(){$('#infscr-loading').fadeIn();}}},function(newElements){var $newElems = $(newElements).css({opacity:0});var $newElemsIDs = $newElems.map(function () {return this.id;}).get();$newElems.imagesLoaded(function () {$newElems.animate({opacity:1});$K.masonry('appended',$newElems,true);$('.photoset-grid').photosetGrid({highresLinks: true,rel: $('.photoset-grid').attr('data-id'),gutter: '5px',onComplete: function(){}});$('.photoset-grid').each(function() {$(this).magnificPopup({delegate: 'a',type: 'image',gallery:{enabled:true},removalDelay: 300,mainClass: 'mfp-fade'});});console.log($newElems,$newElemsIDs);Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);});});{/block:ifinfinitescroll}})();
  1172. {/block:Indexpage}
  1173.  
  1174. {block:IfGoogleAnalyticsID}
  1175. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  1176. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  1177. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  1178. s.parentNode.insertBefore(g,s)}(document,'script'));
  1179. {/block:IfGoogleAnalyticsID}
  1180. </script>
  1181.  
  1182. </body>
  1183. <!--
  1184. This Tumblr Theme and all of its CSS, Javascript,
  1185. and media assets are subject to Tumblr's Terms of Service:
  1186.  
  1187. http://www.tumblr.com/terms_of_service
  1188. -->
  1189. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement