API tools faq
paste
Guest User

Untitled

a guest
Sep 17th, 2013
185
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 58.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="{block:IndexPage}index-page {/block:IndexPage}{block:PermalinkPage}permalink-page {/block:PermalinkPage}{block:PermalinkPagination}permalink-pagination {/block:PermalinkPagination}no-js"> <!--<![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <link rel="prefetch" href="http://25.media.tumblr.com">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10.  
  11. <title>{Title}{block:PostTitle} &#124; {PostTitle}{/block:PostTitle}</title>
  12. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  13.  
  14. <meta name="viewport" content="width=device-width">
  15.  
  16. <meta name="color:Body Background Color" content="#ececec">
  17. <meta name="color:Link" content="#0088cc">
  18. <meta name="color:Link Hover" content="#005580">
  19. <meta name="color:Link Highlight" content="#33a0d6">
  20.  
  21. <meta name="image:Body Background" content="">
  22. <meta name="image:Cover Photo" content="">
  23.  
  24. <meta name="text:Google Font Sans" content="PT Sans">
  25. <meta name="text:Google Analytics ID" content="">
  26. <!-- END Tumblr Theme configuration -->
  27.  
  28. <!-- Google Font API -->
  29. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family={text:Google Font Sans}:400italic,700italic,400,700">
  30.  
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34.  
  35. <link rel="stylesheet" href="http://static.tumblr.com/t7rbpdb/UDlmkgnsv/bootstrap.min.css">
  36.  
  37. <style>
  38.  
  39. /* I C O N S */
  40.  
  41. /* ================================================================
  42. Base CSS
  43. ============================================================= */
  44.  
  45. html {
  46. overflow-y: scroll;
  47. }
  48.  
  49. html,
  50. body,
  51. button,
  52. input,
  53. select,
  54. textarea {
  55. font-family: '{text:Google Font Sans}', sans-serif;
  56. }
  57.  
  58. ::-moz-selection {
  59. background: #b3d4fc;
  60. text-shadow: none;
  61. }
  62.  
  63. ::selection {
  64. background: #b3d4fc;
  65. text-shadow: none;
  66. }
  67.  
  68. body {
  69. background-color: {color:Body Background Color};
  70. word-wrap: break-word;
  71. }
  72.  
  73. {block:IfBodyBackgroundImage}
  74. body {
  75. background-image: url({image:Body Background});
  76. background-attachment: fixed;
  77. background-repeat: repeat;
  78. }
  79. {block:IfBodyBackgroundImage}
  80.  
  81. a {
  82. color: {color:Link};
  83. }
  84.  
  85. a:hover {
  86. cursor: pointer;
  87. }
  88.  
  89. a:hover,
  90. a:focus {
  91. color: {color:Link Hover};
  92. }
  93.  
  94. blockquote {
  95. border-color: rgba(0, 0, 0, .08);
  96. margin: 0 0 10px;
  97. }
  98.  
  99. blockquote p {
  100. font-size: 13px;
  101. line-height: 1.5;
  102. }
  103.  
  104. blockquote > blockquote {
  105. margin-bottom: 0;
  106. margin-top: 10px;
  107. }
  108.  
  109. hr {
  110. border-top: 1px solid rgba(0, 0, 0, .12);
  111. border-bottom: 1px solid rgba(255, 255, 255, .8);
  112. }
  113.  
  114. #main {
  115. margin: 0 20px;
  116. }
  117.  
  118. .grid {
  119. margin: 20px auto 0;
  120. }
  121.  
  122. .index-page.js .grid {
  123. display: none;
  124. }
  125.  
  126. .no-js .grid {
  127. width: 520px;
  128. }
  129.  
  130. /* ================================================================
  131. Main Header
  132. ============================================================= */
  133.  
  134. #cover {
  135. background: rgb(31, 31, 31);
  136. color: #fff;
  137. padding: 80px 0;
  138. text-shadow: 1px 1px 3px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, .5);
  139. }
  140.  
  141. .no-js #cover {
  142. background-image: url('http://static.tumblr.com/t7rbpdb/2Emmiyvw5/cover.jpg');
  143. background-repeat: no-repeat;
  144. background-position: center center;
  145. }
  146.  
  147. {block:IfCoverPhotoImage}
  148. .no-js #cover {
  149. background-image: url('{image:Cover Photo}');
  150. }
  151. {/block:IfCoverPhotoImage}
  152.  
  153. #cover a {
  154. color: #fff;
  155. }
  156.  
  157. #cover a:hover {
  158. text-decoration: none;
  159. }
  160.  
  161. #title {
  162. font-size: 40px;
  163. line-height: 42px;
  164. margin-top: 0;
  165. }
  166.  
  167. #description {
  168. font-family: Georgia, serif;
  169. font-size: 18px;
  170. line-height: 20px;
  171. }
  172.  
  173. /* ================================================================
  174. Main Navigation
  175. ============================================================= */
  176.  
  177. .navbar {
  178. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
  179. box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
  180. }
  181.  
  182. .navbar .nav > li > a > .icon {
  183. margin-top: 2px;
  184. }
  185.  
  186. .nav-collapse .navbar-search.pull-left {
  187. margin-left: 0;
  188. margin-right: 15px;
  189. }
  190.  
  191. .nav-collapse .navbar-search.pull-right {
  192. margin-left: 15px;
  193. margin-right: 0;
  194. }
  195.  
  196. .navbar-search .search-query {
  197. padding-right: 29px !important;
  198. }
  199.  
  200. .navbar-search .search-query:focus,
  201. .navbar-search .search-query.focused {
  202. padding-right: 30px !important;
  203. }
  204.  
  205. .navbar-search .icon-search {
  206. color: #777;
  207. text-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
  208. position: absolute;
  209. top: 7px;
  210. left: 229px;
  211. }
  212.  
  213. .navbar-inverse .navbar-search .icon-search {
  214. color: #1b1b1b;
  215. }
  216.  
  217. .navbar-inverse .divider-vertical {
  218. border-right-color: rgb(68, 68, 68);
  219. }
  220.  
  221. .no-js .navbar .btn-navbar {
  222. display: none;
  223. }
  224.  
  225. .navbar-inverse .nav-collapse .dropdown-menu a:hover {
  226. color: #fff;
  227. }
  228.  
  229. /* ================================================================
  230. Posts in General
  231. ============================================================= */
  232.  
  233. .grid article {
  234. background: #fff;
  235.  
  236. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 -1px 0 #fff;
  237. box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 -1px 0 #fff;
  238. }
  239.  
  240. .grid article h2 {
  241. font-size: 18px;
  242. line-height: 19px;
  243. }
  244.  
  245. .index-page .grid article {
  246. margin-bottom: 20px;
  247. width: 250px;
  248. }
  249.  
  250. .index-page .grid article.featured {
  251. width: 520px;
  252. }
  253.  
  254. .permalink-page .grid article[class*="span"] {
  255. float: none;
  256. margin: 0 auto;
  257. }
  258.  
  259. .no-js .grid article {
  260. left: auto ;
  261. margin: 0 0 20px 0;
  262. position: relative;
  263. top: auto;
  264. width: 100%;
  265. }
  266.  
  267. .grid article header,
  268. .grid article section {
  269. padding: 15px 15px 0;
  270. }
  271.  
  272. .grid article header > *:first-child,
  273. .grid article section > *:first-child {
  274. margin-top: 0;
  275. }
  276.  
  277. .grid article header h2 {
  278. margin-bottom: 15px;
  279. }
  280.  
  281. .grid article header h2 a:hover {
  282. text-decoration: none;
  283. }
  284.  
  285. .grid article.type-photo header,
  286. .grid article.type-photoset header,
  287. .grid article.type-audio header,
  288. .grid article.type-video header {
  289. padding: 0;
  290. }
  291.  
  292. .grid article.type-text header,
  293. .grid article.type-chat header,
  294. .grid article.type-audio header,
  295. .grid article.type-text header,
  296. .grid article.type-ask header {
  297. border-bottom: 1px dotted rgba(0, 0, 0, .15);
  298. }
  299.  
  300. .grid article section {
  301. padding-bottom: 15px;
  302. }
  303.  
  304. .grid article section > *:last-child {
  305. margin-bottom: 0;
  306. }
  307.  
  308. .index-page .grid article.minimal.type-photo section,
  309. .index-page .grid article.minimal.type-photoset section,
  310. .index-page .grid article.minimal.type-video section,
  311. .index-page .grid article.minimal.type-audio section {
  312. display: none;
  313. }
  314.  
  315. a.tumblr_blog {
  316. font-weight: 700;
  317. }
  318.  
  319. .permalink-page .grid article footer {
  320. display: none;
  321. }
  322.  
  323. .permalink-page.permalink-pagination .grid article footer {
  324. display: block;
  325. }
  326.  
  327. /* ================================================================
  328. Post Navigation
  329. ============================================================= */
  330.  
  331. #main .grid a.prev,
  332. #main .grid a.next {
  333. height: 100%;
  334. margin: 0;
  335. overflow: hidden;
  336. position: fixed;
  337. text-decoration: none;
  338. top: 0;
  339. }
  340.  
  341. #main .grid a.prev {
  342. border-left: 0 solid {color:Link};
  343. left: 0;
  344. }
  345.  
  346. #main .grid a.next {
  347. border-right: 0 solid {color:Link};
  348. right: 0;
  349. }
  350.  
  351. #main .grid a.prev:hover {
  352. border-left: 7.5px solid {color:Link Hover};
  353. }
  354.  
  355. #main .grid a.next:hover {
  356. border-right: 7.5px solid {color:Link Hover};
  357. }
  358.  
  359. #main .grid a.prev .prev-inner,
  360. #main .grid a.next .next-inner {
  361. background: {color:Link};
  362. color: #fff;
  363. font-size: 14px;
  364. margin-top: -29px;
  365. padding: 15px 10px;
  366. position: absolute;
  367. top: 50%;
  368. }
  369.  
  370. #main .grid a.prev .prev-inner {
  371. left: 0;
  372. }
  373.  
  374. #main .grid a.next .next-inner {
  375. right: 0;
  376. }
  377.  
  378. #main .grid a.prev .prev-inner i,
  379. #main .grid a.next .next-inner i {
  380. margin-top: 3px;
  381. }
  382.  
  383. #main .grid a.prev:hover .prev-inner,
  384. #main .grid a.next:hover .next-inner {
  385. background: {color:Link Hover};
  386. }
  387.  
  388. /* ================================================================
  389. Text Post
  390. ============================================================= */
  391.  
  392. article.type-text header h2 {
  393. color: #333;
  394. }
  395.  
  396. /* ================================================================
  397. Photo Post
  398. ============================================================= */
  399.  
  400. article.type-photo header img {
  401. width: 100%;
  402. }
  403.  
  404. /* ================================================================
  405. Photoset Post
  406. ============================================================= */
  407.  
  408. .grid article.type-photoset .photoset-grid {
  409. margin: 0;
  410. }
  411.  
  412. .grid article.type-photoset .photoset-grid .photoset-inner {
  413. float: left;
  414. position: relative;
  415. }
  416.  
  417. .grid article.type-photoset .photoset-grid .photoset-inner:last-child {
  418. float: right;
  419. }
  420.  
  421. .grid article.type-photoset .photoset-grid .photoset-row {
  422. clear: both;
  423. width: 100%;
  424. margin: 0;
  425. }
  426.  
  427. .grid article.type-photoset .photoset-grid .photoset-photo {
  428. display: block;
  429. float: left;
  430. margin-bottom: 0;
  431. overflow: hidden;
  432. width: 100%;
  433. }
  434.  
  435. .grid article.type-photoset .photoset-grid .photoset-photo img {
  436. width: 100%;
  437. }
  438.  
  439. .grid article.type-photoset .photoset-grid .photoset-photo:first-child img {
  440. margin-left: 0;
  441. }
  442.  
  443. .grid article.type-photoset .photoset-grid .cols1 {
  444. width: 100%;
  445. }
  446.  
  447. .grid article.type-photoset .photoset-grid .cols2 {
  448. width: 50%;
  449. }
  450.  
  451. .grid article.type-photoset .photoset-grid .cols3 {
  452. width: 33.3%;
  453. }
  454.  
  455. .grid article.type-photoset .photoset-grid .cols4 {
  456. width: 25%;
  457. }
  458.  
  459. .grid article.type-photoset .photoset-grid .cols5 {
  460. width: 20%;
  461. }
  462.  
  463. /* ================================================================
  464. Quote Post
  465. ============================================================= */
  466.  
  467. .grid article.type-quote header {
  468. background: {color:Link};
  469. border: 0;
  470. font-style: none;
  471. margin: 0;
  472. padding: 15px;
  473. }
  474.  
  475. .grid article.type-quote header p {
  476. color: #fff;
  477. font-size: 18px;
  478. font-weight: 200;
  479. line-height: 22px;
  480. margin: 0;
  481. text-align: center;
  482. text-transform: none;
  483. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  484. }
  485.  
  486. .grid article.type-quote header p i {
  487. color: rgba(255, 255, 255, .6);
  488. margin-top: 9px;
  489. }
  490.  
  491. /* ================================================================
  492. Link Post
  493. ============================================================= */
  494.  
  495. .grid article.type-link header {
  496. padding: 0;
  497. }
  498.  
  499. .grid article.type-link header h2 {
  500. margin: 0;
  501. }
  502.  
  503. .grid article.type-link header h2 a {
  504. background: {color:Link};
  505. display: block;
  506. color: #fff;
  507. padding: 15px;
  508. }
  509.  
  510. .grid article.type-link header h2 a:hover {
  511. background: {color:Link Hover};
  512. }
  513.  
  514. .grid article.type-link header h2 a span {
  515. border-bottom: 1px dotted rgba(255, 255, 255, .4);
  516. }
  517.  
  518. .grid article.type-link header h2 a > i {
  519. color: rgba(255, 255, 255, .6);
  520. margin-top: 2px;
  521. }
  522.  
  523. /* ================================================================
  524. Answer Post
  525. ============================================================= */
  526.  
  527. .grid article.type-ask .question {
  528. color: #333;
  529. font-size: 15px;
  530. font-weight: 700;
  531. }
  532.  
  533. .grid article.type-ask .asker {
  534. margin: 15px 0;
  535. }
  536.  
  537. .grid article.type-ask .asker img {
  538. margin-right: 10px;
  539. -webkit-border-radius: 18px;
  540. border-radius: 18px;
  541. width: 36px;
  542. }
  543.  
  544. .grid article.type-ask .asker a {
  545. font-weight: 700;
  546. }
  547.  
  548. /* ================================================================
  549. Video Post
  550. ============================================================= */
  551.  
  552. /* .grid article.type-video header {
  553. background: rgb(51, 51, 51);
  554. } */
  555.  
  556. .grid article.type-video header .video-wrapper iframe {
  557. width: 100%;
  558. vertical-align: middle;
  559. }
  560.  
  561. /* ================================================================
  562. Audio Post
  563. ============================================================= */
  564.  
  565. .grid article.type-audio .album-case {
  566. text-align: center;
  567. }
  568.  
  569. .grid article.type-audio .player {
  570. background: #000;
  571. }
  572.  
  573. .grid article.type-audio .audio_player {
  574. text-align: center;
  575. padding-top: 5px;
  576. }
  577.  
  578. .grid article.type-audio h2.track,
  579. .grid article.type-audio h3.artist,
  580. .grid article.type-audio h3.album {
  581. margin: 3.75px 0 7.5px;
  582. }
  583.  
  584. .grid article.type-audio h3.artist,
  585. .grid article.type-audio h3.album {
  586. font-size: 18px;
  587. line-height: 19px;
  588. color: #aaa;
  589. }
  590.  
  591. .grid article.type-audio .stats {
  592. font-size: 14px;
  593. font-style: italic;
  594. }
  595.  
  596. /* ================================================================
  597. Chat Post
  598. ============================================================= */
  599.  
  600. .grid article.type-chat section p {
  601. background: rgba(255, 137, 0, .2);
  602. padding: 5px;
  603. font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  604. font-weight: 100px;
  605. color: #000;
  606. }
  607.  
  608. .grid article.type-chat section p.even {
  609. background: rgba(0, 136, 204, .2);
  610. text-align: right;
  611. font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  612. font-weight: 100px;
  613. color: #000;
  614. }
  615.  
  616. .grid article.type-chat section p.even strong {
  617. float: right;
  618. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  619.  
  620. }
  621.  
  622. .grid article.type-chat section p.even strong.label {
  623. color: black;
  624. background-color: #0089CC;
  625. font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  626. }
  627.  
  628. .grid article.type-chat section p.odd strong.label {
  629. color: black;
  630. background-color: #FF8900;
  631. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  632. }
  633.  
  634.  
  635.  
  636.  
  637. .grid article.type-chat header {
  638. background: {color:Link};
  639. border: 0;
  640. font-style: none;
  641. margin: 0;
  642. padding: 15px;
  643. }
  644.  
  645. .grid article.type-chat header p {
  646. color: white;
  647. font-size: 18px;
  648. font-weight: 300;
  649. line-height: 22px;
  650. margin: 0;
  651. text-align: center;
  652. text-transform: none;
  653. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  654. }
  655.  
  656. .grid article.type-chat header p i {
  657. color: rgba(255, 255, 255, .6);
  658. margin-top: 9px;
  659. }
  660.  
  661.  
  662. /* ================================================================
  663. Meta Information
  664. ============================================================= */
  665.  
  666. .grid article footer .post-meta,
  667. .grid article footer .tags {
  668. border-top: 1px solid rgba(0, 0, 0, .2);
  669. color: rgb(150, 150, 150);
  670. }
  671.  
  672. .grid article footer .post-meta a:hover,
  673. .grid article footer .share-links a:hover,
  674. .grid article footer .tags a:hover {
  675. text-decoration: none;
  676. }
  677.  
  678. .grid article footer .post-meta span {
  679. font-size: 10px;
  680. font-weight: 700;
  681. text-transform: uppercase;
  682. }
  683.  
  684. .grid article footer .post-meta .meta-links {
  685. background: rgba(0, 0, 0, .1);
  686. margin: 0;
  687. }
  688.  
  689. .grid article footer .post-meta .meta-links .timestamp,
  690. .grid article footer .post-meta .meta-links .note-count,
  691. .grid article footer .post-meta .meta-links .reblog,
  692. .grid article footer .post-meta .meta-links .highres,
  693. .grid article footer .post-meta .meta-links .share-open {
  694. float: left;
  695. padding: 10px 0;
  696. text-align: center;
  697. width: 25%;
  698.  
  699. -webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, .15);
  700. box-shadow: 1px 0px 0px rgba(0, 0, 0, .15);
  701. }
  702.  
  703. .grid article footer .post-meta .meta-links .highres {
  704. display: none;
  705. }
  706.  
  707. .grid article.type-photo footer .post-meta .meta-links .timestamp,
  708. .grid article.type-photo footer .post-meta .meta-links .note-count,
  709. .grid article.type-photo footer .post-meta .meta-links .reblog,
  710. .grid article.type-photo footer .post-meta .meta-links .highres,
  711. .grid article.type-photo footer .post-meta .meta-links .share-open {
  712. display: block;
  713. width: 20%;
  714. }
  715.  
  716. .grid article footer .post-meta .meta-links .timestamp a,
  717. .grid article footer .post-meta .meta-links .note-count a,
  718. .grid article footer .post-meta .meta-links .reblog a,
  719. .grid article footer .post-meta .meta-links .highres a,
  720. .grid article footer .post-meta .meta-links .share-open a {
  721. color: rgba(68, 68, 68, .5);
  722. }
  723.  
  724. .grid article footer .post-meta .meta-links .timestamp a:hover,
  725. .grid article footer .post-meta .meta-links .note-count a:hover,
  726. .grid article footer .post-meta .meta-links .reblog a:hover,
  727. .grid article footer .post-meta .meta-links .highres a:hover,
  728. .grid article footer .post-meta .meta-links .share-open a:hover {
  729. color: rgb(68, 68, 68);
  730. }
  731.  
  732. .grid article footer .post-meta .meta-links .timestamp a span,
  733. .grid article footer .post-meta .meta-links .reblog a span,
  734. .grid article footer .post-meta .meta-links .highres a span,
  735. .grid article footer .post-meta .meta-links .share-open a span {
  736. display: none;
  737. }
  738.  
  739. .grid article.featured footer .post-meta .meta-links .timestamp a span,
  740. .grid article.featured footer .post-meta .meta-links .reblog a span,
  741. .grid article.featured footer .post-meta .meta-links .highres a span,
  742. .grid article.featured footer .post-meta .meta-links .share-open a span,
  743. .permalink-page .grid article footer .post-meta .meta-links .timestamp a span,
  744. .permalink-page .grid article footer .post-meta .meta-links .reblog a span,
  745. .permalink-page .grid article footer .post-meta .meta-links .highres a span,
  746. .permalink-page .grid article footer .post-meta .meta-links .share-open a span {
  747. display: inline;
  748. }
  749.  
  750. .index-page .grid article.minimal.type-photo footer,
  751. .index-page .grid article.minimal.type-photoset footer,
  752. .index-page .grid article.minimal.type-video footer,
  753. .index-page .grid article.minimal.type-audio footer {
  754. bottom: 0;
  755. position: absolute;
  756. opacity: 0;
  757. width: 100%;
  758.  
  759. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  760. background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.6) 100%);
  761. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0.6)));
  762. background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.6) 100%);
  763. background: -o-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.6) 100%);
  764. background: -ms-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.6) 100%);
  765. background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.6) 100%);
  766. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#99000000',GradientType=0 );
  767. }
  768.  
  769. .index-page .grid article.minimal.type-photo footer .post-meta,
  770. .index-page .grid article.minimal.type-photoset footer .post-meta,
  771. .index-page .grid article.minimal.type-video footer .post-meta,
  772. .index-page .grid article.minimal.type-audio footer .post-meta {
  773. border-top: 0;
  774. }
  775.  
  776. .index-page .grid article.minimal.type-photo footer .post-meta .meta-links,
  777. .index-page .grid article.minimal.type-photoset footer .post-meta .meta-links,
  778. .index-page .grid article.minimal.type-video footer .post-meta .meta-links,
  779. .index-page .grid article.minimal.type-audio footer .post-meta .meta-links {
  780. background: none;
  781. }
  782.  
  783. .index-page .grid article.minimal.type-photo footer .post-meta .meta-links .timestamp,
  784. .index-page .grid article.minimal.type-photo footer .post-meta .meta-links .note-count,
  785. .index-page .grid article.minimal.type-photo footer .post-meta .meta-links .reblog,
  786. .index-page .grid article.minimal.type-photo footer .post-meta .meta-links .highres,
  787. .index-page .grid article.minimal.type-photoset footer .post-meta .meta-links .timestamp,
  788. .index-page .grid article.minimal.type-photoset footer .post-meta .meta-links .note-count,
  789. .index-page .grid article.minimal.type-photoset footer .post-meta .meta-links .reblog,
  790. .index-page .grid article.minimal.type-photoset footer .post-meta .meta-links .highres,
  791. .index-page .grid article.minimal.type-video footer .post-meta .meta-links .timestamp,
  792. .index-page .grid article.minimal.type-video footer .post-meta .meta-links .note-count,
  793. .index-page .grid article.minimal.type-video footer .post-meta .meta-links .reblog,
  794. .index-page .grid article.minimal.type-video footer .post-meta .meta-links .highres,
  795. .index-page .grid article.minimal.type-audio footer .post-meta .meta-links .timestamp,
  796. .index-page .grid article.minimal.type-audio footer .post-meta .meta-links .note-count,
  797. .index-page .grid article.minimal.type-audio footer .post-meta .meta-links .reblog,
  798. .index-page .grid article.minimal.type-audio footer .post-meta .meta-links .highres {
  799. -webkit-box-shadow: none;
  800. box-shadow: none;
  801. }
  802.  
  803. .index-page .grid article.minimal.type-photo footer .post-meta .meta-links a,
  804. .index-page .grid article.minimal.type-photoset footer .post-meta .meta-links a,
  805. .index-page .grid article.minimal.type-video footer .post-meta .meta-links a,
  806. .index-page .grid article.minimal.type-audio footer .post-meta .meta-links a {
  807. color: #fff;
  808. }
  809.  
  810. .index-page .grid article.minimal.type-photo:hover footer,
  811. .index-page .grid article.minimal.type-photoset:hover footer,
  812. .index-page .grid article.minimal.type-video:hover footer,
  813. .index-page .grid article.minimal.type-audio:hover footer {
  814. opacity: 1;
  815. }
  816.  
  817. /* ================================================================
  818. Post Sharing
  819. ============================================================= */
  820.  
  821. .accordion-group {
  822. margin-bottom: 0;
  823. border: 0;
  824. -webkit-border-radius: 0;
  825. border-radius: 0;
  826. }
  827.  
  828. .grid article footer .share-links {
  829. background: rgba(0, 0, 0, .1);
  830. }
  831.  
  832. .index-page .grid article.minimal footer .share-links {
  833. background: #fff;
  834. }
  835.  
  836. .grid article footer .share-links .share-close {
  837. display: block;
  838. float: left;
  839. margin: 10px 0;
  840. text-align: center;
  841. width: 25%;
  842. }
  843.  
  844. .grid article footer .share-links .share-close a {
  845. color: rgba(68, 68, 68, .5);
  846. }
  847.  
  848. .grid article footer .share-links .share-close a:hover {
  849. color: rgb(68, 68, 68);
  850.  
  851. }
  852.  
  853. .grid article footer .share-links .share-facebook a,
  854. .grid article footer .share-links .share-twitter a,
  855. .grid article footer .share-links .share-google a,
  856. .grid article footer .share-links .share-pinterest a {
  857. color: #fff;
  858. display: block;
  859. float: left;
  860. font-size: 32px;
  861. height: 40px;
  862. text-align: center;
  863. width: 25%;
  864. }
  865.  
  866. .grid article.featured footer .share-links .share-facebook a,
  867. .grid article.featured footer .share-links .share-twitter a,
  868. .grid article.featured footer .share-links .share-google a,
  869. .grid article.featured footer .share-links .share-pinterest a {
  870. text-align: left;
  871. }
  872.  
  873. .grid article.featured footer .share-links .share-facebook a .icon,
  874. .grid article.featured footer .share-links .share-twitter a .icon,
  875. .grid article.featured footer .share-links .share-google a .icon,
  876. .grid article.featured footer .share-links .share-pinterest a .icon {
  877. margin-left: 7.5px;
  878. }
  879.  
  880. .grid article footer .share-links .share-facebook a {
  881. background-color: #3b5c97;
  882. }
  883.  
  884. .grid article footer .share-links .share-twitter a {
  885. background-color: #09aeec;
  886. }
  887.  
  888. .grid article footer .share-links .share-google a {
  889. background-color: #d3452b;
  890. }
  891.  
  892. .grid article footer .share-links .share-pinterest a {
  893. background-color: #b81a21;
  894. }
  895.  
  896. .grid article footer .share-links .share-facebook a i,
  897. .grid article footer .share-links .share-twitter a i,
  898. .grid article footer .share-links .share-google a i,
  899. .grid article footer .share-links .share-pinterest a i {
  900. margin-top: 4px;
  901. }
  902.  
  903. .grid article.type-text footer .share-links .share-pinterest a,
  904. .grid article.type-quote footer .share-links .share-pinterest a,
  905. .grid article.type-ask footer .share-links .share-pinterest a,
  906. .grid article.type-audio footer .share-links .share-pinterest a,
  907. .grid article.type-video footer .share-links .share-pinterest a {
  908. display: none;
  909. }
  910.  
  911. .grid article.type-photo footer .share-links .share-facebook a,
  912. .grid article.type-photoset footer .share-links .share-facebook a,
  913. .grid article.type-panorama footer .share-links .share-facebook a,
  914. .grid article.type-photo footer .share-links .share-twitter a,
  915. .grid article.type-photoset footer .share-links .share-twitter a,
  916. .grid article.type-panorama footer .share-links .share-twitter a,
  917. .grid article.type-photo footer .share-links .share-google a,
  918. .grid article.type-photoset footer .share-links .share-google a,
  919. .grid article.type-panorama footer .share-links .share-google a,
  920. .grid article.type-photo footer .share-links .share-pinterest a,
  921. .grid article.type-photoset footer .share-links .share-pinterest a,
  922. .grid article.type-panorama footer .share-links .share-pinterest a,
  923. .grid article.type-photo footer .share-links .share-close,
  924. .grid article.type-photoset footer .share-links .share-close,
  925. .grid article.type-panorama footer .share-links .share-close {
  926. width: 20%;
  927. }
  928.  
  929. /* ================================================================
  930. Post Tags
  931. ============================================================= */
  932.  
  933. .grid article footer .tags {
  934. background: rgba(0, 0, 0, .04)
  935. }
  936.  
  937. .index-page .grid article footer .tags {
  938. display: none;
  939. }
  940.  
  941. .grid article footer .tags ul {
  942. list-style: none;
  943. padding: 15px 15px 7.5px;
  944. margin: 0;
  945. }
  946.  
  947. .grid article footer .tags ul li {
  948. float: left;
  949. margin: 0 7.5px 7.5px 0;
  950. }
  951.  
  952. .grid article footer .tags ul li a.tag {
  953. background: {color:Link};
  954. border-left: 7.5px solid {color:Link Highlight};
  955. color: #fff;
  956. display: block;
  957. padding: 5px 10px;
  958. }
  959.  
  960. .grid article footer .tags ul li a.tag:hover {
  961. background: {color:Link Hover};
  962. border-color: {color:Link};
  963. }
  964.  
  965. /* ================================================================
  966. Post Notes
  967. ============================================================= */
  968.  
  969. .notes {
  970. list-style: none;
  971. margin: 0;
  972. }
  973.  
  974. .notes li {
  975. border-top: 1px solid rgba(0, 0, 0, .15);
  976. }
  977.  
  978. .notes li span {
  979. display: inline-block;
  980. }
  981.  
  982. .notes li .avatar {
  983. height: 32px;
  984. margin: 7.5px;
  985. width: 32px;
  986. -webkit-border-radius: 3px;
  987. border-radius: 3px;
  988. }
  989.  
  990. .notes li blockquote {
  991. margin: 0 0 7.5px 16px;
  992. padding-left: 7.5px;
  993. }
  994.  
  995. .more_notes_link_container a,
  996. .notes_loading {
  997. background: {color:Link};
  998. color: #fff;
  999. display: block;
  1000. font-weight: 700;
  1001. padding: 15px;
  1002. text-decoration: none;
  1003. text-transform: uppercase;
  1004. }
  1005.  
  1006. .more_notes_link_container a:hover {
  1007. color: #fff;
  1008. background: {color:Link Hover};
  1009. text-decoration: none;
  1010. }
  1011.  
  1012. .notes_loading {
  1013. background: {color:Link Hover};
  1014. }
  1015.  
  1016. /* ================================================================
  1017. Main Footer
  1018. ============================================================= */
  1019.  
  1020. #main > footer {
  1021. width: 100%;
  1022. padding: 20px 0;
  1023. text-align: center;
  1024. }
  1025.  
  1026. #main > footer nav {
  1027. background: rgba(255, 255, 255, .9);
  1028. display: inline-block;
  1029. height: 50px;
  1030. margin: auto;
  1031. margin-bottom: 20px;
  1032. width: auto;
  1033.  
  1034. -webkit-border-radius: 5px;
  1035. border-radius: 5px;
  1036.  
  1037. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 -1px 0 #fff, inset 0 0 0 4px rgba(0, 0, 0, .03);
  1038. box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 -1px 0 #fff, inset 0 0 0 4px rgba(0, 0, 0, .03);
  1039. }
  1040.  
  1041. #main > footer nav#pagination ul {
  1042. margin: 0 0 1.5em 0;
  1043. }
  1044.  
  1045. #main > footer nav#pagination ul li {
  1046. display: inline-block;
  1047. text-align: center;
  1048. float: left;
  1049. border-right: 1px dotted rgba(0, 0, 0, .15);
  1050. }
  1051.  
  1052. #main > footer nav#pagination ul li:last-child {
  1053. border-right: 0;
  1054. }
  1055.  
  1056. #main > footer nav#pagination ul li a {
  1057. color: rgba(0, 0, 0, .4);
  1058. display: block;
  1059. padding: 16px 15px;
  1060. font-weight: 700;
  1061. letter-spacing: 1px;
  1062. text-transform: uppercase;
  1063. }
  1064.  
  1065. #main > footer nav p a {
  1066. color: rgba(0, 0, 0, .6);
  1067. display: block;
  1068. padding: 16px 0;
  1069. font-weight: 700;
  1070. letter-spacing: 1px;
  1071. text-transform: uppercase;
  1072. width: 250px;
  1073.  
  1074. -webkit-border-radius: 5px;
  1075. border-radius: 5px;
  1076. }
  1077.  
  1078. #main > footer nav#pagination ul li a:hover {
  1079. border: 0;
  1080. color: rgba(0, 0, 0, .4);
  1081. cursor: default;
  1082. text-decoration: none;
  1083. }
  1084.  
  1085. #main > footer nav#pagination ul li a.prev,
  1086. #main > footer nav#pagination ul li a.next {
  1087. color: rgba(0, 0, 0, .6);
  1088.  
  1089. -webkit-border-radius: 5px;
  1090. border-radius: 5px;
  1091. }
  1092.  
  1093. #main > footer nav p a:hover,
  1094. #main > footer nav#pagination ul li a.prev:hover,
  1095. #main > footer nav#pagination ul li a.next:hover {
  1096. border-bottom: 3px solid {color:Link};
  1097. color: #333;
  1098. cursor: pointer;
  1099. text-decoration: none;
  1100. }
  1101.  
  1102. .permalink-page #main > footer nav {
  1103. display: none;
  1104. }
  1105.  
  1106. #main > footer nav#infinite {
  1107. display: inline-block !important;
  1108. }
  1109.  
  1110. #infscr-loading {
  1111. display: none !important;
  1112. }
  1113.  
  1114. /* ================================================================
  1115. Transitions
  1116. ============================================================= */
  1117.  
  1118. .masonry,
  1119. .masonry .masonry-brick {
  1120. -webkit-transition-duration: .7s;
  1121. -moz-transition-duration: .7s;
  1122. -ms-transition-duration: .7s;
  1123. -o-transition-duration: .7s;
  1124. transition-duration: .7s;
  1125. }
  1126.  
  1127. .masonry {
  1128. -webkit-transition-property: height, width;
  1129. -moz-transition-property: height, width;
  1130. -ms-transition-property: height, width;
  1131. -o-transition-property: height, width;
  1132. transition-property: height, width;
  1133. }
  1134.  
  1135. .masonry .masonry-brick {
  1136. -webkit-transition-property: left, right, top;
  1137. -moz-transition-property: left, right, top;
  1138. -ms-transition-property: left, right, top;
  1139. -o-transition-property: left, right, top;
  1140. transition-property: left, right, top;
  1141. }
  1142.  
  1143. #main .grid a.prev,
  1144. #main .grid a.next,
  1145. #main .grid a.prev .prev-inner,
  1146. #main .grid a.next .next-inner,
  1147. .index-page .grid article.minimal.type-photo footer,
  1148. .index-page .grid article.minimal.type-photoset footer,
  1149. .index-page .grid article.minimal.type-video footer,
  1150. .index-page .grid article.minimal.type-audio footer {
  1151. -webkit-transition: all .2s ease-in-out;
  1152. -moz-transition: all .2s ease-in-out;
  1153. -ms-transition: all .2s ease-in-out;
  1154. -o-transition: all .2s ease-in-out;
  1155. transition: all .2s ease-in-out;
  1156. }
  1157.  
  1158. /* ================================================================
  1159. Loaders and Alerts
  1160. ============================================================= */
  1161.  
  1162. @-webkit-keyframes ui-spinner-rotate-right {
  1163. 0% {
  1164. -webkit-transform: rotate(0deg);
  1165. }
  1166.  
  1167. 25% {
  1168. -webkit-transform: rotate(180deg);
  1169. }
  1170.  
  1171. 50% {
  1172. -webkit-transform: rotate(180deg);
  1173. }
  1174.  
  1175. 75% {
  1176. -webkit-transform: rotate(360deg);
  1177. }
  1178.  
  1179. 100% {
  1180. -webkit-transform: rotate(360deg);
  1181. }
  1182. }
  1183.  
  1184. @-webkit-keyframes ui-spinner-rotate-left {
  1185. 0% {
  1186. -webkit-transform: rotate(0deg);
  1187. }
  1188.  
  1189. 25% {
  1190. -webkit-transform: rotate(0deg);
  1191. }
  1192.  
  1193. 50% {
  1194. -webkit-transform: rotate(180deg);
  1195. }
  1196.  
  1197. 75% {
  1198. -webkit-transform: rotate(180deg);
  1199. }
  1200.  
  1201. 100% {
  1202. -webkit-transform: rotate(360deg);
  1203. }
  1204. }
  1205.  
  1206. @-moz-keyframes ui-spinner-rotate-right {
  1207. 0% {
  1208. -moz-transform: rotate(0deg);
  1209. }
  1210.  
  1211. 25% {
  1212. -moz-transform: rotate(180deg);
  1213. }
  1214.  
  1215. 50% {
  1216. -moz-transform: rotate(180deg);
  1217. }
  1218.  
  1219. 75% {
  1220. -moz-transform: rotate(360deg);
  1221. }
  1222.  
  1223. 100% {
  1224. -moz-transform: rotate(360deg);
  1225. }
  1226. }
  1227.  
  1228. @-moz-keyframes ui-spinner-rotate-left {
  1229. 0% {
  1230. -moz-transform: rotate(0deg);
  1231. }
  1232.  
  1233. 25% {
  1234. -moz-transform: rotate(0deg);
  1235. }
  1236.  
  1237. 50% {
  1238. -moz-transform: rotate(180deg);
  1239. }
  1240.  
  1241. 75% {
  1242. -moz-transform: rotate(180deg);
  1243. }
  1244.  
  1245. 100% {
  1246. -moz-transform: rotate(360deg);
  1247. }
  1248. }
  1249.  
  1250. @keyframes ui-spinner-rotate-right {
  1251. 0% {
  1252. transform: rotate(0deg);
  1253. }
  1254.  
  1255. 25% {
  1256. transform: rotate(180deg);
  1257. }
  1258.  
  1259. 50% {
  1260. transform: rotate(180deg);
  1261. }
  1262.  
  1263. 75% {
  1264. transform: rotate(360deg);
  1265. }
  1266.  
  1267. 100% {
  1268. transform: rotate(360deg);
  1269. }
  1270. }
  1271.  
  1272. @keyframes ui-spinner-rotate-left {
  1273. 0% {
  1274. transform: rotate(0deg);
  1275. }
  1276.  
  1277. 25% {
  1278. transform: rotate(0deg);
  1279. }
  1280.  
  1281. 50% {
  1282. transform: rotate(180deg);
  1283. }
  1284.  
  1285. 75% {
  1286. transform: rotate(180deg);
  1287. }
  1288.  
  1289. 100% {
  1290. transform: rotate(360deg);
  1291. }
  1292. }
  1293.  
  1294. .ui-spinner {
  1295. position: relative;
  1296. border-radius: 100%;
  1297. }
  1298.  
  1299. .ui-spinner .side {
  1300. width: 50%;
  1301. height: 100%;
  1302. overflow: hidden;
  1303. position: absolute;
  1304. }
  1305.  
  1306. .ui-spinner .side .fill {
  1307. border-radius: 999px;
  1308. position: absolute;
  1309. width: 100%;
  1310. height: 100%;
  1311. -webkit-animation-iteration-count: infinite;
  1312. -moz-animation-iteration-count: infinite;
  1313. animation-iteration-count: infinite;
  1314. -webkit-animation-timing-function: linear;
  1315. -moz-animation-timing-function: linear;
  1316. animation-timing-function: linear;
  1317. }
  1318.  
  1319. .ui-spinner .side-left {
  1320. left: 0;
  1321. }
  1322.  
  1323. .ui-spinner .side-left .fill {
  1324. left: 100%;
  1325. border-top-left-radius: 0;
  1326. border-bottom-left-radius: 0;
  1327. -webkit-animation-name: ui-spinner-rotate-left;
  1328. -moz-animation-name: ui-spinner-rotate-left;
  1329. animation-name: ui-spinner-rotate-left;
  1330. -webkit-transform-origin: 0 50%;
  1331. -moz-transform-origin: 0 50%;
  1332. -ms-transform-origin: 0 50%;
  1333. -o-transform-origin: 0 50%;
  1334. transform-origin: 0 50%;
  1335. }
  1336.  
  1337. .ui-spinner .side-right {
  1338. left: 50%;
  1339. }
  1340.  
  1341. .ui-spinner .side-right .fill {
  1342. left: -100%;
  1343. border-top-right-radius: 0;
  1344. border-bottom-right-radius: 0;
  1345. -webkit-animation-name: ui-spinner-rotate-right;
  1346. -moz-animation-name: ui-spinner-rotate-right;
  1347. animation-name: ui-spinner-rotate-right;
  1348. -webkit-transform-origin: 100% 50%;
  1349. -moz-transform-origin: 100% 50%;
  1350. -ms-transform-origin: 100% 50%;
  1351. -o-transform-origin: 100% 50%;
  1352. transform-origin: 100% 50%;
  1353. }
  1354.  
  1355. #infinite .loading-spinner {
  1356. margin: 7px auto;
  1357. }
  1358.  
  1359. .no-js #infinite .loading-spinner {
  1360. display: none;
  1361. }
  1362.  
  1363. #infinite .loading-spinner .ui-spinner {
  1364. width: 36px;
  1365. height: 36px;
  1366. background: rgba(0, 0, 0, .4);
  1367. }
  1368.  
  1369. #infinite .loading-spinner .ui-spinner .side .fill {
  1370. background: {color:Link};
  1371. -webkit-animation-duration: 2.5s;
  1372. -moz-animation-duration: 2.5s;
  1373. animation-duration: 2.5s;
  1374. opacity: 1;
  1375. }
  1376.  
  1377. #infinite .loading-spinner .ui-spinner:after {
  1378. content: "";
  1379. background: white;
  1380. position: absolute;
  1381. width: 22px;
  1382. height: 22px;
  1383. border-radius: 50%;
  1384. top: 7px;
  1385. left: 7px;
  1386. display: block;
  1387. }
  1388.  
  1389. #infinite .loading-spinner .ui-spinner {
  1390. margin: auto;
  1391. }
  1392.  
  1393. .js-info,
  1394. .old-browser {
  1395. margin: 19px 20px 0;
  1396. }
  1397.  
  1398. .js .js-info {
  1399. display: none;
  1400. }
  1401.  
  1402. .no-js .js-info {
  1403. display: block;
  1404. }
  1405.  
  1406. .old-browser a {
  1407. color: inherit;
  1408. }
  1409.  
  1410. .old-browser a:hover {
  1411. color: rgb(160, 126, 70);
  1412. }
  1413.  
  1414. .no-js .close {
  1415. display: none;
  1416. }
  1417.  
  1418. /* ================================================================
  1419. Credits
  1420. ============================================================= */
  1421.  
  1422. .credits {
  1423. font-weight: 700;
  1424. }
  1425.  
  1426. .credits a:hover {
  1427. text-decoration: none;
  1428. }
  1429.  
  1430. /* ================================================================
  1431. Media Queries
  1432. ============================================================= */
  1433.  
  1434. @media (max-width: 979px) {
  1435. .navbar .navbar-inner {
  1436. padding: 2px 5px 0;
  1437. }
  1438.  
  1439. .nav-collapse .navbar-search.pull-left {
  1440. margin-right: 0;
  1441. }
  1442.  
  1443. .nav-collapse .navbar-search.pull-right {
  1444. margin-left: 0;
  1445. }
  1446.  
  1447. .navbar-search .icon-search {
  1448. top: 17px;
  1449. left: 244px;
  1450. }
  1451.  
  1452. #main .grid a.prev,
  1453. #main .grid a.next {
  1454. display: none;
  1455. }
  1456.  
  1457. #main > footer nav ul li a.prev,
  1458. #main > footer nav ul li a.next {
  1459. display: block;
  1460. }
  1461.  
  1462. .permalink-page.permalink-pagination #main > footer nav {
  1463. display: inline-block;
  1464. }
  1465. }
  1466.  
  1467. @media (max-width: 767px) {
  1468. #main {
  1469. margin: 0;
  1470. }
  1471.  
  1472. #cover {
  1473. margin: 0 -20px;
  1474. }
  1475.  
  1476. #cover .container {
  1477. margin: 0 40px;
  1478. }
  1479.  
  1480. .old-browser,
  1481. .js-info {
  1482. margin-left: 0;
  1483. margin-right: 0;
  1484. }
  1485. }
  1486.  
  1487. @media (max-width: 579px) {
  1488. .grid {
  1489. height: auto !important;
  1490. width: 100% !important;
  1491. }
  1492.  
  1493. .index-page .grid article {
  1494. left: auto !important;
  1495. margin: 0 0 20px 0 !important;
  1496. position: relative !important;
  1497. top: auto !important;
  1498. width: 100% !important;
  1499. }
  1500.  
  1501. .grid article.featured footer .post-meta .meta-links .timestamp a span,
  1502. .grid article.featured footer .post-meta .meta-links .reblog a span,
  1503. .grid article.featured footer .post-meta .meta-links .highres a span,
  1504. .grid article.featured footer .post-meta .meta-links .share-open a span,
  1505. .permalink-page .grid article footer .post-meta .meta-links .timestamp a span,
  1506. .permalink-page .grid article footer .post-meta .meta-links .reblog a span,
  1507. .permalink-page .grid article footer .post-meta .meta-links .highres a span,
  1508. .permalink-page .grid article footer .post-meta .meta-links .share-open a span {
  1509. display: none;
  1510. }
  1511.  
  1512. .grid article footer .share-links .share-facebook a,
  1513. .grid article footer .share-links .share-twitter a,
  1514. .grid article footer .share-links .share-google a,
  1515. .grid article footer .share-links .share-pinterest a,
  1516. .grid article.featured footer .share-links .share-facebook a,
  1517. .grid article.featured footer .share-links .share-twitter a,
  1518. .grid article.featured footer .share-links .share-google a,
  1519. .grid article.featured footer .share-links .share-pinterest a {
  1520. text-align: center;
  1521. }
  1522.  
  1523. .grid article footer .share-links .share-facebook a .icon,
  1524. .grid article footer .share-links .share-twitter a .icon,
  1525. .grid article footer .share-links .share-google a .icon,
  1526. .grid article footer .share-links .share-pinterest a .icon,
  1527. .grid article.featured footer .share-links .share-facebook a .icon,
  1528. .grid article.featured footer .share-links .share-twitter a .icon,
  1529. .grid article.featured footer .share-links .share-google a .icon,
  1530. .grid article.featured footer .share-links .share-pinterest a .icon {
  1531. margin-left: 0;
  1532. }
  1533.  
  1534. #main > footer nav#infinite,
  1535. #main > footer nav p a {
  1536. width: 100%;
  1537. }
  1538. }
  1539.  
  1540. @media (max-width: 479px) {
  1541. .grid article footer .tags ul li a.tag {
  1542. padding: 5px;
  1543. }
  1544.  
  1545. .notes li span {
  1546. margin: 7.5px;
  1547. }
  1548.  
  1549. .notes li span.notes_loading {
  1550. margin: 0;
  1551. }
  1552.  
  1553. .notes li .avatar {
  1554. display: none;
  1555. }
  1556. }
  1557.  
  1558. /* ================================================================
  1559. Custom Tumblr CSS
  1560. ============================================================= */
  1561.  
  1562. {CustomCSS}
  1563. </style>
  1564.  
  1565. <!--[if gte IE 9]>
  1566. <style type="text/css">
  1567. .index-page .grid article footer.minimal.gradient {
  1568. filter: none;
  1569. }
  1570. </style>
  1571. <![endif]-->
  1572.  
  1573. <script src="http://static.tumblr.com/t7rbpdb/zJnmine5r/modernizr-2.6.2.min.js"></script>
  1574. </head>
  1575. <body>
  1576. <header id="cover">
  1577. <div class="container">
  1578. <h1 id="title">
  1579. <a href="/" title="{Title} - {lang:Home}">{Title}</a>
  1580. </h1>
  1581.  
  1582. {block:Description}
  1583. <p id="description">{Description}</p>
  1584. {/block:Description}
  1585. </div>
  1586. </header>
  1587.  
  1588. <nav class="navbar navbar-inverse navbar-static-top">
  1589. <div class="navbar-inner">
  1590. <div class="container">
  1591. <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  1592. <span class="icon-bar"></span>
  1593. <span class="icon-bar"></span>
  1594. <span class="icon-bar"></span>
  1595. </a>
  1596.  
  1597. <div class="nav-collapse collapse">
  1598. <form action="/search" class="navbar-search pull-right" method="get">
  1599. <input type="text" name="q" class="search-query" value="{SearchQuery}" autocomplete="off">
  1600. <i class="icon icon-search"></i>
  1601. </form>
  1602.  
  1603. <ul class="nav">
  1604. <li>
  1605. <a href="/">Home <i class="icon icon-home"></i></a>
  1606. </li>
  1607.  
  1608. <li class="icon divider-vertical"></li>
  1609. <li>
  1610. <a href="/tagged/movie+poster">Movie Posters<i class="icon icon-time"></i></a>
  1611. </li>
  1612.  
  1613.  
  1614. <li class="icon divider-vertical"></li>
  1615. <li>
  1616. <a href="/tagged/movie+quotes">Movie Quotes <i class="icon icon-time"></i></a>
  1617. </li>
  1618.  
  1619.  
  1620.  
  1621.  
  1622.  
  1623. <li class="icon divider-vertical"></li>
  1624. <li>
  1625. <a href="http://www.tumblr.com/follow/movie-vault">Follow this blog<i class="icon icon-random"></i></a>
  1626. </li>
  1627.  
  1628. {block:SubmissionsEnabled}
  1629. <li class="icon divider-vertical"></li>
  1630. <li>
  1631. <a href="/submit">Submit <i class="icon icon-edit"></i></a>
  1632. </li>
  1633. {/block:SubmissionsEnabled}
  1634.  
  1635. {block:AskEnabled}
  1636. <li class="icon divider-vertical"></li>
  1637. <li>
  1638. <a href="/ask">{AskLabel} <i class="icon icon-question-sign"></i></a>
  1639. </li>
  1640. {/block:AskEnabled}
  1641.  
  1642. {block:HasPages}
  1643. <li class="icon divider-vertical"></li>
  1644. <li class="icon dropdown">
  1645. <a href="#" class="dropdown-toggle" data-toggle="dropdown">{lang:Pages} <i class="icon icon-chevron-down"></i></a>
  1646.  
  1647. <ul class="dropdown-menu">
  1648. {block:Pages}
  1649. <li>
  1650. <a href="{URL}">{Label}</a>
  1651. </li>
  1652. {/block:Pages}
  1653. </ul>
  1654. </li>
  1655. {/block:HasPages}
  1656. </ul>
  1657. </div>
  1658. </div>
  1659. </div>
  1660. </nav>
  1661.  
  1662. <!--[if lt IE 9]>
  1663. <div class="alert alert-block old-browser">
  1664. <button type="button" class="close" data-dismiss="alert"><i class="icon icon-remove"></i></button>
  1665. <h4>Warning!</h4>
  1666. You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.
  1667. </div>
  1668. <![endif]-->
  1669.  
  1670. <div class="alert alert-block alert-error js-info">
  1671. <h4>Your JavaScript is disabled</h4>
  1672. This page works better with JavaScript enabled
  1673. </div>
  1674.  
  1675. <div id="main" role="main" class="clearfix">
  1676. <div class="grid">
  1677. {block:Posts}
  1678. {block:PermalinkPagination}
  1679. {block:PreviousPost}
  1680. <a href="{PreviousPost}" class="prev span1">
  1681. <div class="prev-inner">
  1682. <i class="icon icon-chevron-left"></i>
  1683. </div>
  1684. </a>
  1685. {/block:PreviousPost}
  1686.  
  1687. {block:NextPost}
  1688. <a href="{NextPost}" class="next span1">
  1689. <div class="next-inner">
  1690. <i class="icon icon-chevron-right"></i>
  1691. </div>
  1692. </a>
  1693. {/block:NextPost}
  1694. {/block:PermalinkPagination}
  1695.  
  1696. <article class="{block:Text}type-text{/block:Text}{block:Photo}type-photo{/block:Photo}{block:Panorama}type-panorama{/block:Panorama}{block:Photoset}type-photoset{/block:Photoset}{block:Quote}type-quote{/block:Quote}{block:Link}type-link type-text{/block:Link}{block:Answer}type-ask{/block:Answer}{block:Audio}type-audio{/block:Audio}{block:Chat}type-text type-chat{/block:Chat}{block:Video}type-video{/block:Video}{block:PermalinkPage} span9{/block:PermalinkPage} post {TagsAsClasses}" data-postid="{PostID}">
  1697. {block:Text}
  1698. {block:Title}
  1699. <header>
  1700. <h2>{Title}</h2>
  1701. </header>
  1702. {/block:Title}
  1703.  
  1704. <section>{Body}</section>
  1705. {/block:Text}
  1706.  
  1707. {block:Photo}
  1708. <header>
  1709. {LinkOpenTag}
  1710. <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">
  1711. {LinkCloseTag}
  1712. </header>
  1713.  
  1714. {block:Caption}
  1715. <section>{Caption}</section>
  1716. {/block:Caption}
  1717. {/block:Photo}
  1718.  
  1719. {block:Panorama}
  1720. <header>
  1721. {LinkOpenTag}
  1722. <img src="{block:IndexPage}{PhotoURL-Panorama}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">
  1723. {LinkCloseTag}
  1724. </header>
  1725.  
  1726. {block:Caption}
  1727. <section>{Caption}</section>
  1728. {/block:Caption}
  1729. {/block:Panorama}
  1730.  
  1731. {block:Photoset}
  1732. <header>
  1733. <div class="photoset-grid clearfix" data-layout="{PhotosetLayout}">
  1734. {block:Photos}
  1735. <div class="photoset-inner">
  1736. <div class="photoset-photo">
  1737. {LinkOpenTag}
  1738. <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">
  1739. {LinkCloseTag}
  1740. </div>
  1741. </div>
  1742. {/block:Photos}
  1743. </div>
  1744. </header>
  1745.  
  1746. {block:Caption}
  1747. <section>{Caption}</section>
  1748. {/block:Caption}
  1749. {/block:Photoset}
  1750.  
  1751. {block:Quote}
  1752. <header>
  1753. <p>
  1754. <span class="quote-start">&ldquo;</span>
  1755. {Quote}
  1756. <span class="quote-end">&rdquo;</span>
  1757. <i class="icon icon-comment pull-right"></i>
  1758. </p>
  1759. </header>
  1760.  
  1761. {block:Source}
  1762. <section>{Source}</section>
  1763. {/block:Source}
  1764. {/block:Quote}
  1765.  
  1766. {block:Link}
  1767. <header>
  1768. <h2><a href="{URL}" {Target}><span>{Name}</span><i class="icon icon-link pull-right"></i></a></h2>
  1769. </header>
  1770.  
  1771. {block:Description}
  1772. <section>{Description}</section>
  1773. {/block:Description}
  1774. {/block:Link}
  1775.  
  1776. {block:Answer}
  1777. <header>
  1778. <p class="question">{Question}</p>
  1779. <p class="asker">
  1780. <img src="{AskerPortraitURL-48}" alt="Asker's Portrait">
  1781. {lang:Asked by Asker 2}
  1782. </p>
  1783. </header>
  1784.  
  1785. <section>{Answer}</section>
  1786. {/block:Answer}
  1787.  
  1788. {block:Chat}
  1789. {block:Title}
  1790. <header>
  1791. <p>{Title}</p>
  1792. </header>
  1793. {/block:Title}
  1794.  
  1795. <section>
  1796. {block:Lines}
  1797. <p class="{Alt}">
  1798. {block:Label}
  1799. <strong class="label">{Label}</strong>
  1800. {/block:Label}
  1801. <br>
  1802. {Line}
  1803. </p>
  1804. {/block:Lines}
  1805. </section>
  1806. {/block:Chat}
  1807.  
  1808. {block:Audio}
  1809. <header>
  1810. <div class="album-case">
  1811. {block:AlbumArt}
  1812. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist} - {/block:Artist}{block:Album}{Album} / {/block:Album}{block:TrackName}{TrackName}{/block:TrackName}">
  1813. {/block:AlbumArt}
  1814.  
  1815. <div class="player">{AudioPlayerBlack}</div>
  1816. </div>
  1817. </header>
  1818.  
  1819. <section>
  1820. {block:TrackName}
  1821. <span class="label">Track:</span>
  1822. <h2 class="track">{TrackName}</h2>
  1823. {/block:TrackName}
  1824.  
  1825. {block:Artist}
  1826. <span class="label">Artist:</span>
  1827. <h3 class="artist">{Artist}</h3>
  1828. {/block:Artist}
  1829.  
  1830. {block:Album}
  1831. <span class="label">Album:</span>
  1832. <h3 class="album">{Album}</h3>
  1833. {/block:Album}
  1834.  
  1835. {block:Caption}
  1836. <div class="caption">{Caption}</div>
  1837. {/block:Caption}
  1838.  
  1839. <div class="stats">{PlayCountWithLabel}</div>
  1840. </section>
  1841. {/block:Audio}
  1842.  
  1843. {block:Video}
  1844. <header>
  1845. <div class="video-wrapper">
  1846. {block:IndexPage}{Video-250}{/block:IndexPage}
  1847. {block:PermalinkPage}{Video-700}{/block:PermalinkPage}
  1848. </div>
  1849. </header>
  1850.  
  1851. {block:Caption}
  1852. <section>{Caption}</section>
  1853. {/block:Caption}
  1854. {/block:Video}
  1855.  
  1856. <footer class="gradient">
  1857. <div id="inf-{PostID}" class="post-inf">
  1858. <div class="accordion-group post-meta">
  1859. <div id="meta-{PostID}" class="meta-links clearfix collapse in">
  1860. <div class="timestamp"><a href="{Permalink}" data-toggle="tooltip" data-placement="top" data-trigger="hover" title="View Post &ndash; {lang:Posted at FormattedTime}"><i class="icon icon-time"></i><span> {TimeAgo}</span></a></div>
  1861. <div class="note-count"><a href="{Permalink}#notes" title="{lang:This post has NoteCount notes}"><i class="icon icon-heart"></i><span> {NoteCount}</span></a></div>
  1862. <div class="reblog"><a href="{ReblogURL}" title="Reblog"><i class="icon icon-retweet"></i><span> Reblog</span></a></div>
  1863. {block:Photo}
  1864. <div class="highres"><a href="{PhotoURL-HighRes}" title="{lang:View high resolution}"><i class="icon icon-picture"></i><span> High-Res</span></a></div>
  1865. {/block:Photo}
  1866. <div class="share-open"><a data-toggle="collapse" data-parent="#inf-{PostID}" href="#share-{PostID}" title="{lang:Share this}"><i class="icon icon-share"></i><span> Share</span></a></div>
  1867. </div>
  1868. </div>
  1869.  
  1870. <div class="accordion-group share-links">
  1871. <div id="share-{PostID}" class="collapse">
  1872. <div class="share-close"><a data-toggle="collapse" data-parent="#inf-{PostID}" href="#meta-{PostID}"><i class="icon icon-remove"></i></a></div>
  1873. <div class="share-facebook"><a target="_new" href="https://www.facebook.com/sharer.php?u={Permalink}"><i class="icon icon-facebook"></i></a></div>
  1874. <div class="share-twitter"><a target="_new" href="https://twitter.com/intent/tweet?url={ShortURL}"><i class="icon icon-twitter"></i></a></div>
  1875. <div class="share-google"><a target="_new" href="https://plus.google.com/share?url={Permalink}"><i class="icon icon-google-plus"></i></a></div>
  1876. <div class="share-pinterest"><a{block:Photo} target="_new" href="http://pinterest.com/pin/create/button/?url={Permalink}&amp;media={PhotoURL-HighRes}"{/block:Photo}><i class="icon icon-pinterest"></i></a></div>
  1877. </div>
  1878. </div>
  1879.  
  1880. {block:HasTags}
  1881. <div class="tags">
  1882. <ul class="clearfix tag-links">
  1883. {block:Tags}
  1884. <li><a href="{TagURL}" class="tag">#{Tag}</a></li>
  1885. {/block:Tags}
  1886. </ul>
  1887. </div>
  1888. {/block:HasTags}
  1889.  
  1890. {block:PermalinkPage}
  1891. {block:PostNotes}
  1892. <div id="notes">{PostNotes-64}</div>
  1893. {/block:PostNotes}
  1894. {/block:PermalinkPage}
  1895. </div>
  1896. </footer>
  1897. </article>
  1898. {/block:Posts}
  1899. </div>
  1900.  
  1901. <footer>
  1902. <nav id="{block:IndexPage}infinite{/block:IndexPage}{block:PermalinkPagination}pagination{/block:PermalinkPagination}">
  1903. {block:PermalinkPagination}
  1904. <ul>
  1905. <li><a href="{PreviousPost}" class="{block:PreviousPost}prev{/block:PreviousPost}"><i class="icon icon-arrow-left"></i> {lang:Previous}</a></li>
  1906. <li><a href="{NextPost}" class="{block:NextPost}next{/block:NextPost}">{lang:Next} <i class="icon icon-arrow-right"></i></a></li>
  1907. </ul>
  1908. {/block:PermalinkPagination}
  1909.  
  1910. {block:IndexPage}
  1911. <div class="loading-spinner">
  1912. <div class="ui-spinner">
  1913. <span class="side side-left">
  1914. <span class="fill"></span>
  1915. </span>
  1916. <span class="side side-right">
  1917. <span class="fill"></span>
  1918. </span>
  1919. </div>
  1920. </div>
  1921.  
  1922. {block:PreviousPage}<p><a href="{PreviousPage}">{lang:Earlier posts}</a></p>{/block:PreviousPage}
  1923. <p><a href="{block:NextPage}{NextPage}{/block:NextPage}">{lang:Load more posts}</a></p>
  1924. {/block:IndexPage}
  1925. </nav>
  1926. <div class="credits"><a target="_blank" href="http://movie-vault.tumblr.com/">Movie Vault 2013</a></div>
  1927. </footer>
  1928. </div>
  1929.  
  1930. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  1931. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/t7rbpdb/t88miq8kj/jquery-1.9.1.min.js"><\/script>')</script>
  1932. <script src="http://static.tumblr.com/t7rbpdb/tj0mkbj0k/plugin.js"></script>
  1933.  
  1934. <script>
  1935. $(function () {
  1936. $('#main > footer nav p a').addClass('invisible');
  1937.  
  1938. var $container = $('.index-page .grid');
  1939. var searchPage = false;
  1940. {block:SearchPage}searchPage = true;{/block:SearchPage}
  1941.  
  1942. // wait for all the images to load before Masonry is called
  1943. $container.imagesLoaded(function () {
  1944. // show posts and hide loading message
  1945. $($container).show();
  1946. $('.loading-spinner').hide();
  1947.  
  1948. // initialize Masonry plugin
  1949. $container.masonry({
  1950. columnWidth: 250,
  1951. gutterWidth: 20,
  1952. isAnimated: !Modernizr.csstransitions,
  1953. isFitWidth: true,
  1954. isResizable: true,
  1955. itemSelector: 'article'
  1956. });
  1957.  
  1958. // call Tumblr Extended Photoset by Pixel Union
  1959. initPXUPhotoset($container);
  1960.  
  1961. // infinite scroll
  1962. if ({TotalPages} != 1 && !searchPage) {
  1963. $('#main > footer nav p a').removeClass('invisible');
  1964. $container.infinitescroll({
  1965. navSelector: '#infinite',
  1966. nextSelector: '#infinite a',
  1967. itemSelector: 'article',
  1968. bufferPx: 200,
  1969. debug: !1,
  1970. errorCallback: function () {
  1971. $('#main > footer nav').delay(700).fadeOut(300);
  1972. setTimeout(function () {
  1973. $('#main > footer nav').remove();
  1974. }, 1000);
  1975. $('#main > footer').css('height', '70px');
  1976. }
  1977. },
  1978.  
  1979. // trigger Masonry append as a callback
  1980. function (newElements) {
  1981. if ($(newElements).length == 1) {
  1982. $('#main > footer nav').delay(700).fadeOut(300);
  1983. setTimeout(function () {
  1984. $('#main > footer nav').remove();
  1985. }, 1000);
  1986. $('#main > footer').css('height', '70px');
  1987. }
  1988.  
  1989. // hide new items while they are loading
  1990. var $newElems = $(newElements).css({
  1991. opacity: 0
  1992. });
  1993.  
  1994. if ($newElems.hasClass('post')) {
  1995. // ensure that images load before adding to Masonry layout
  1996. $newElems.imagesLoaded(function () {
  1997. // call Tumblr Extended Photoset by Pixel Union
  1998. initPXUPhotoset($container);
  1999.  
  2000. // show elems now they're ready
  2001. $newElems.animate({
  2002. opacity: 1
  2003. });
  2004. $container.masonry('appended', $newElems);
  2005. });
  2006. }
  2007. });
  2008.  
  2009. $container.infinitescroll('pause');
  2010. $('#main > footer nav p a').click(function (e) {
  2011. e.preventDefault();
  2012. $('.loading-spinner').show();
  2013. $(this).addClass('invisible');
  2014. $container.infinitescroll('retrieve');
  2015. $container.infinitescroll('resume');
  2016. });
  2017. } else {
  2018. $('.index-page #main > footer nav').remove();
  2019. }
  2020. });
  2021.  
  2022. // load default cover photo if the user did not upload one
  2023. {block:IfNotCoverPhotoImage}
  2024. $('#cover').backstretch('http://static.tumblr.com/t7rbpdb/2Emmiyvw5/cover.jpg');
  2025. {/block:IfNotCoverPhotoImage}
  2026.  
  2027. {block:IfCoverPhotoImage}
  2028. $('#cover').backstretch('{image:Cover Photo}');
  2029. {/block:IfCoverPhotoImage}
  2030. });
  2031.  
  2032. function initPXUPhotoset ($container) {
  2033. // call Tumblr Extended Photoset by Pixel Union
  2034. $('.photoset-grid').pxuPhotoset({
  2035. // options
  2036. }, function () {
  2037. // trigger Masonry reload as a callback
  2038. $container.masonry('reload');
  2039. });
  2040. }
  2041. </script>
  2042.  
  2043. {block:IfGoogleAnalyticsID}
  2044. <!-- Google Analytics -->
  2045. <script>
  2046. var _gaq = _gaq || [];
  2047. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  2048. _gaq.push(['_trackPageview']);
  2049.  
  2050. (function() {
  2051. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  2052. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  2053. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  2054. })();
  2055. </script>
  2056. {/block:IfGoogleAnalyticsID}
  2057. </body>
  2058. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!