API tools faq
paste
Advertisement
Guest User

Tumblr theme

a guest
May 28th, 2015
339
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. theme: Copycat
  7. version: 2.1.3 (March 29, 2015)
  8. from: adorablethemes.com
  9.  
  10. -->
  11. <meta charset="UTF-8">
  12.  
  13. <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <meta name="viewport" content="width=device-width, initial-scale=1">
  21.  
  22. {block:Hidden}
  23. <meta name="image:Background" content="">
  24. <meta name="image:Header" content="">
  25.  
  26. <meta name="select:Max Columns" content="3col" title="3 columns">
  27. <meta name="select:Max Columns" content="4col" title="4 columns">
  28. <meta name="select:Max Columns" content="5col" title="5 columns">
  29.  
  30. <meta name="select:Title Font" content="Montserrat" title="Montserrat">
  31. <meta name="select:Title Font" content="Raleway" title="Raleway">
  32. <meta name="select:Title Font" content="Oswald" title="Oswald">
  33. <meta name="select:Title Font" content="Lobster" title="Lobster">
  34. <meta name="select:Title Font" content="Rokkitt" title="Rokkitt">
  35. <meta name="select:Title Font" content="Domine" title="Domine">
  36. <meta name="select:Title Font" content="Oxygen" title="Oxygen">
  37. <meta name="select:Title Font" content="Titillium Web" title="Titillium Web">
  38.  
  39. <meta name="select:Post Body Font" content="sans-serif" title="sans-serif">
  40. <meta name="select:Post Body Font" content="serif" title="serif">
  41.  
  42. <meta name="select:Background Image Style" content="tile" title="tile">
  43. <meta name="select:Background Image Style" content="cover" title="cover">
  44. <meta name="select:Background Image Style" content="center" title="center">
  45.  
  46. <meta name="select:Header Image Style" content="cover" title="cover">
  47. <meta name="select:Header Image Style" content="tile" title="tile">
  48. <meta name="select:Header Image Style" content="center" title="center">
  49.  
  50. <meta name="color:Background" content="#f6f6f6">
  51. <meta name="color:Sidebar" content="#111111">
  52. <meta name="color:Sidebar Text" content="#f6f6f6">
  53. <meta name="color:Header" content="#222222">
  54. <meta name="color:Header Link Bar" content="#111111">
  55. <meta name="color:Header Links" content="#ffffff">
  56. <meta name="color:Title" content="#ffffff">
  57. <meta name="color:Description" content="#888888">
  58. <meta name="color:Post Background" content="#ffffff">
  59. <meta name="color:Post Text" content="#444444">
  60. <meta name="color:Post Links" content="#529ecc">
  61.  
  62. <meta name="text:Copyright Text" content="">
  63. <meta name="text:Header Height" content="250">
  64. <meta name="text:Separator" content="&bull;">
  65. <meta name="text:Header Opacity" content="1.0">
  66. <meta name="text:Post Opacity" content="1.0">
  67.  
  68. <meta name="text:Facebook Username" content="">
  69. <meta name="text:Twitter Username" content="">
  70. <meta name="text:Instagram Username" content="">
  71. <meta name="text:Pinterest Username" content="">
  72. <meta name="text:SoundCloud Username" content="">
  73. <meta name="text:Vine Username" content="">
  74. <meta name="text:YouTube Username" content="">
  75. <meta name="text:Store URL" content="">
  76.  
  77. <meta name="text:Disqus Shortname" content="">
  78. <meta name="text:Google Analytics ID" content="">
  79.  
  80. <meta name="if:Show Title" content="1">
  81. <meta name="if:Show Description" content="1">
  82. <meta name="if:Show Archive Link" content="1">
  83. <meta name="if:Show Random Link" content="0">
  84. <meta name="if:Show Search Box" content="1">
  85. <meta name="if:Show Header Navbar" content="1">
  86. <meta name="if:Index Photo Captions" content="0">
  87. <meta name="if:Index Video Captions" content="1">
  88. <meta name="if:Infinite Scrolling" content="1">
  89. <meta name="if:Use Real Dates" content="0">
  90. <meta name="if:Alternate Photo Meta" content="1">
  91. <meta name="if:Photoset Only First" content="1">
  92. <meta name="if:Colorize Social Links" content="1">
  93. <meta name="if:Rounded Corners" content="1">
  94. <meta name="if:Permalink New Window" content="1">
  95. {/block:Hidden}
  96.  
  97. <!--[if lt IE 9]><script src="//static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script><![endif]-->
  98.  
  99. <link href="//fonts.googleapis.com/css?family={select:Title Font}" rel="stylesheet" type="text/css">
  100.  
  101. <link href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
  102.  
  103. <style type="text/css">
  104. body {
  105. color: {color:Post Text};
  106. background-color: {color:Background};
  107. background-image: url('{image:Background}');
  108. background-position: center center;
  109. background-attachment: fixed;
  110. font-family: Helvetica, Arial, sans-serif;
  111. margin: 0;
  112. padding: 0;
  113. }
  114.  
  115. #adorablethemesdotcom {
  116. margin-bottom: 80px;
  117. -webkit-transition: opacity 0.1s linear;
  118. transition: opacity 0.1s linear;
  119. }
  120. .wrapper {
  121. margin: 16px auto;
  122. }
  123. .main {
  124. float: left;
  125. }
  126. .layout-3col .wrapper, .layout-3col .main {
  127. width: 798px;
  128. }
  129.  
  130. .layout-4col .wrapper, .layout-4col .main {
  131. width: 1064px;
  132. }
  133.  
  134. .layout-5col .wrapper, .layout-5col .main {
  135. width: 1330px;
  136. }
  137.  
  138. /* Background and header image settings */
  139. .background-cover {
  140. background-position: center center;
  141. background-size: cover;
  142. }
  143. .background-tile {
  144. background-repeat: repeat;
  145. }
  146. .background-center {
  147. background-position: center center;
  148. background-repeat: no-repeat;
  149. }
  150.  
  151.  
  152. /* Responsive layout settings */
  153. @media screen and (min-width:296px) {
  154. .layout-3col .wrapper, .layout-3col .main, .layout-4col .wrapper, .layout-4col .main, .layout-5col .wrapper, .layout-5col .main {
  155. width: 266px;
  156. }
  157. }
  158. @media screen and (min-width:562px) {
  159. .layout-3col .wrapper, .layout-3col .main, .layout-4col .wrapper, .layout-4col .main, .layout-5col .wrapper, .layout-5col .main {
  160. width: 532px;
  161. }
  162. }
  163. @media screen and (min-width:818px) {
  164. .layout-3col .wrapper, .layout-3col .main, .layout-4col .wrapper, .layout-4col .main, .layout-5col .wrapper, .layout-5col .main {
  165. width: 798px;
  166. }
  167. }
  168. @media screen and (min-width:1094px) {
  169. .layout-4col .wrapper, .layout-4col .main, .layout-5col .wrapper, .layout-5col .main {
  170. width: 1064px;
  171. }
  172. }
  173. @media screen and (min-width:1360px) {
  174. .layout-5col .wrapper, .layout-5col .main {
  175. width: 1330px;
  176. }
  177. }
  178.  
  179. a, a:hover {
  180. text-decoration: none;
  181. }
  182.  
  183. h1,h2,h3,h4,h5,h6 {
  184. font-family: 'Helvetica Neue', Arial, sans-serif;
  185. font-weight: normal;
  186. }
  187.  
  188. .blog-title, .blog-title:hover {
  189. color: {color:Title};
  190. font-family: {select:Title Font}, sans-serif;
  191. font-size: 36px;
  192. text-decoration: none;
  193. margin-top: 0;
  194. margin-bottom: 0;
  195. }
  196. .blog-description {
  197. color: {color:Description};
  198. font-size: 13px;
  199. margin-top: 12px;
  200. margin-bottom: 12px;
  201. }
  202.  
  203. ul {
  204. list-style-type: none;
  205. padding-left: 0;
  206. }
  207.  
  208. header {
  209. text-align: center;
  210. background-color: {color:Header};
  211. background-color: rgba({RGBcolor:Header}, {text:Header Opacity});
  212. {block:IfHeaderImage}
  213. background-image: url('{image:Header}');
  214. {/block:IfHeaderImage}
  215. display: table;
  216. width: 100%;
  217. height: {text:Header Height}px;
  218. }
  219. .header-content {
  220. display: table-cell;
  221. vertical-align: middle;
  222. }
  223. .blog-description a, .blog-description a:hover {
  224. color: {color:Description};
  225. text-decoration: underline;
  226. }
  227. .blog-description a:hover {
  228. background-color: rgba({RGBcolor:Description},0.25);
  229. }
  230. .header-navbar {
  231. background-color: {color:Header Link Bar};
  232. text-align: center;
  233. clear: both;
  234. width: 100%;
  235. }
  236. ul.header-links {
  237. margin: 0 auto;
  238. }
  239. ul.header-links li {
  240. text-align: center;
  241. display: inline-block;
  242. padding: 15px 10px;
  243. -webkit-transition: background-color 0.05s linear;
  244. transition: background-color 0.05s linear;
  245. }
  246. ul.header-links li:hover {
  247. background-color: rgba({RGBcolor:Header Links},0.1);
  248. }
  249. .header-link {
  250. font-size: 10px;
  251. text-transform: uppercase;
  252. color: {color:Header Links};
  253. }
  254. nav {
  255. padding: 7px;
  256. clear: both;
  257. }
  258. .sidebar-link {
  259. background-color: transparent;
  260. display: block;
  261. font-size: 14px;
  262. color: {color:Sidebar Text};
  263. padding: 7px 11px;
  264. -webkit-transition: background-color 0.05s linear;
  265. transition: background-color 0.05s linear;
  266. }
  267. .sidebar-link:hover {
  268. background-color: rgba({RGBcolor:Sidebar Text},0.1);
  269. color: {color:Sidebar Text};
  270. text-decoration: none;
  271. }
  272. .sidebar p {
  273. color: {color:Sidebar Text};
  274. padding: 9px 18px;
  275. font-size: 12px;
  276. }
  277. .sidebar-link .fa-fw {
  278. margin-right: 5px;
  279. padding-right: 5px;
  280. border-right: 1px solid rgba({RGBcolor:Sidebar Text},0.1);;
  281. }
  282. .sidebar p a, .sidebar p a:hover {
  283. color: {color:Sidebar Text};
  284. text-decoration: none;
  285. }
  286. .sidebar p a:hover {
  287. background-color: rgba({RGBcolor:Sidebar Text},0.25);
  288. }
  289.  
  290. .search-info {
  291. background-color: {color:Post Background};
  292. background-color: rgba({RGBcolor:Post Background}, {text:Post Opacity});
  293. margin-bottom: 8px;
  294. margin-left: 4px;
  295. margin-right: 4px;
  296. overflow: hidden;
  297. border-radius: 2px;
  298. }
  299.  
  300. .post {
  301. width: 250px;
  302. float: left;
  303. background-color: {color:Post Background};
  304. background-color: rgba({RGBcolor:Post Background}, {text:Post Opacity});
  305. margin-bottom: 16px;
  306. margin-left: 8px;
  307. margin-right: 8px;
  308. overflow: hidden;
  309. {block:IfRoundedCorners}
  310. border-radius: 2px;
  311. {/block:IfRoundedCorners}
  312. }
  313.  
  314. .post-content {
  315. padding: 20px;
  316. font-size: 13px;
  317. line-height: 140%;
  318. }
  319.  
  320. .font-sans-serif .post-content {
  321. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  322. }
  323. .font-serif .post-content {
  324. font-family: Georgia, serif;
  325. }
  326.  
  327. .post a, .post a:hover {
  328. color: {color:Post Links};
  329. text-decoration: none;
  330. }
  331. .post-content a:hover {
  332. background-color: rgba({RGBcolor:Post Links},0.25);
  333. }
  334. .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
  335. color: {color:Post Text};
  336. font-size: 16px;
  337. }
  338. .post p {
  339. font-size: 12px;
  340. line-height: 150%;
  341. }
  342. .post ul {
  343. list-style-type: square;
  344. font-size: 12px;
  345. padding-left: 20px;
  346. }
  347. .post ol {
  348. font-size: 12px;
  349. padding-left: 20px;
  350. }
  351. .post blockquote {
  352. font-size: 12px;
  353. padding: 0 8px;
  354. margin: 16px 0;
  355. font-style: italic;
  356. background: rgba({RGBcolor:Post Text}, 0.025);
  357. border: 1px solid rgba({RGBcolor:Post Text}, 0.05);
  358. }
  359. .post figure {
  360. margin: 0;
  361. }
  362. .quote-text {
  363. font-family: Georgia, serif;
  364. font-style: italic;
  365. }
  366.  
  367. /* control images in text posts */
  368. .post p img {
  369. max-width: 100%;
  370. }
  371. .post-content img {
  372. max-width: 100%;
  373. }
  374.  
  375. .index-page .photo img, .index-page .video img {
  376. max-width: 250px;
  377. width: 250px;
  378. height: auto;
  379. display: block;
  380. }
  381.  
  382. ul.chat {
  383. list-style-type: none;
  384. padding-left: 0;
  385. }
  386.  
  387. .chat li {
  388. padding-top: 5px;
  389. padding-bottom: 5px;
  390. border-bottom: 1px solid rgba({RGBcolor:Post Text},0.05);
  391. }
  392.  
  393. .chat li:last-child {
  394. border-bottom: none;
  395. }
  396.  
  397. .chat-label {
  398. font-weight: bold;
  399. }
  400.  
  401. .post-meta {
  402. font-size: 13px;
  403. padding: 8px;
  404. line-height: 15px;
  405. font-style: normal;
  406. min-height: 16px;
  407. border-top: 1px solid rgba({RGBcolor:Post Text},0.1);
  408. }
  409. .post-share {
  410. border-top: 0;
  411. }
  412.  
  413. .tag:before {
  414. content: "#";
  415. }
  416. .clear {
  417. clear: both;
  418. }
  419.  
  420. ol.notes {
  421. list-style-type: none;
  422. padding-left: 0;
  423. }
  424. .note {
  425. padding: 4px;
  426. }
  427. .note:last-child {
  428. margin-bottom: 10px;
  429. }
  430.  
  431. .post .post-hover-info {
  432. width: 230px;
  433. font-size: 11px;
  434. line-height: 25px;
  435. font-weight: normal;
  436. padding-left: 10px;
  437. padding-right: 10px;
  438. border-top: 1px solid rgba({RGBcolor:Post Text},0.05);
  439. }
  440. .post-hover-info a {
  441. color: rgba({RGBcolor:Post Text}, 0.4);
  442. }
  443. .post-hover-info a:hover {
  444. color: rgba({RGBcolor:Post Text}, 0.75);
  445. }
  446.  
  447. {block:IfAlternatePhotoMeta}
  448. .photo .post-hover-info {
  449. position: absolute;
  450. top: -30px;
  451. left: 0px;
  452. width: 234px;
  453. height: 30px;
  454. font-size: 11px;
  455. line-height: 30px;
  456. font-weight: normal;
  457. background: transparent;
  458. padding-left: 8px;
  459. padding-right: 8px;
  460. border-top: 0;
  461. z-index: 100;
  462. -webkit-transition: all 0.1s ease-out;
  463. transition: all 0.1s ease-out;
  464. }
  465. .photo:hover .post-hover-info {
  466. top: 0px;
  467. background: black;
  468. background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
  469. }
  470. .photo .post-hover-info a, .photo .post-hover-info a:hover {
  471. color: white;
  472. text-shadow: 1px 2px 5px rgba(0,0,0,0.5);
  473. }
  474. {/block:IfAlternatePhotoMeta}
  475.  
  476. /* Remove blank space from bottom of iframes */
  477. .post iframe, figure img {
  478. display: block;
  479. max-width: 100%;
  480. }
  481. figure img {
  482. height: auto;
  483. }
  484.  
  485. /* Permalink page styles */
  486. .permalink-page .wrapper {
  487. width: 524px;
  488. }
  489. .permalink-page .main {
  490. width: 524px;
  491. }
  492. .permalink-page .post {
  493. width: 500px;
  494. }
  495. .permalink-page .page {
  496. margin: 0 auto;
  497. float: none;
  498. }
  499. .permalink-page .not-page {
  500. float: left;
  501. }
  502. .permalink-page .photo img {
  503. max-width: 500px;
  504. width: 500px;
  505. height: auto;
  506. }
  507.  
  508. .post hr {
  509. clear: both;
  510. border: 0;
  511. border-bottom: 1px solid rgba(0,0,0,0.05);
  512. }
  513.  
  514. .post .asker-avatar {
  515. width: 16px;
  516. height: 16px;
  517. vertical-align: middle;
  518. border-radius: 2px;
  519. margin-right: 5px;
  520. }
  521.  
  522. .post img.avatar, .photo img.avatar {
  523. width: 16px;
  524. height: 16px;
  525. vertical-align: middle;
  526. display: inline;
  527. border-radius: 3px;
  528. margin-right: 10px;
  529. }
  530.  
  531. /* Note icons */
  532. ol.notes .reblog {background: transparent url('http://static.tumblr.com/anzluor/Gw5n6ay0z/reblog.png') right center no-repeat;}
  533. ol.notes .like {background: transparent url('http://static.tumblr.com/anzluor/0yrn6ay0n/like.png') right center no-repeat;}
  534. ol.notes .reply {background: transparent url('http://static.tumblr.com/anzluor/n70n6ay1a/reply.png') right center no-repeat;}
  535.  
  536. .note blockquote {
  537. border: 0;
  538. background: transparent;
  539. border-left: 2px solid {color:Post Text};
  540. }
  541.  
  542. /* Pagination */
  543. .pagination {
  544. clear: both;
  545. text-align: center;
  546. }
  547. #previous, #next, .page-info {
  548. font-size: 13px;
  549. background-color: rgba({RGBcolor:Post Background},0.8);
  550. color: {color:Post Text};
  551. padding: 10px 15px;
  552. border-radius: 2px;
  553. }
  554. #previous:hover, #next:hover {
  555. background-color: rgba({RGBcolor:Post Background},1);
  556. }
  557.  
  558. {block:IfColorizeSocialLinks}
  559. /* Colorize social links */
  560. .link-facebook i, .link-facebook i:hover {
  561. color: #448ccb;
  562. }
  563. .link-twitter i, .link-twitter i:hover {
  564. color: #4abdd2;
  565. }
  566. .link-instagram i, .link-instagram i:hover {
  567. color: #b98f62;
  568. }
  569. .link-pinterest i, .link-pinterest i:hover {
  570. color: #d55063;
  571. }
  572. .link-soundcloud i, .link-soundcloud i:hover {
  573. color: #e98d42;
  574. }
  575. .link-vine i, .link-vine i:hover {
  576. color: #00bf8f;
  577. }
  578. .link-youtube i, .link-youtube i:hover {
  579. color: #da4848;
  580. }
  581. {/block:IfColorizeSocialLinks}
  582.  
  583. /* Infinite scroll loading indicator */
  584. .loading {
  585. background: white;
  586. color: black;
  587. box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
  588. border-radius: 5px;
  589. padding: 10px;
  590. position: fixed;
  591. top: 49%;
  592. left: 49%;
  593. z-index: 999;
  594. }
  595.  
  596. /* Button to open/close the sidebar */
  597. #openMenu {
  598. background-color: {color:Sidebar};
  599. background-color: rgba({RGBcolor:Sidebar},0.98);
  600. color: {color:Sidebar Text};
  601. position: fixed;
  602. top: 0;
  603. left: 0;
  604. z-index: 999;
  605. padding: 10px;
  606. border-radius: 0 0 3px 0;
  607. -webkit-transition: left 0.1s ease-in;
  608. transition: left 0.1s ease-in;
  609. cursor: pointer;
  610. }
  611.  
  612. /* Back-to-top button */
  613. .back-to-top {
  614. display: none;
  615. background-color: {color:Sidebar};
  616. background-color: rgba({RGBcolor:Sidebar},0.98);
  617. color: {color:Sidebar Text};
  618. position: fixed;
  619. bottom: 12px;
  620. right: 12px;
  621. z-index: 100;
  622. padding: 10px;
  623. border-radius: 3px;
  624. cursor: pointer;
  625. }
  626.  
  627. /* Sidebar */
  628. .sidebar {
  629. background-color: {color:Sidebar};
  630. background-color: rgba({RGBcolor:Sidebar},0.98);
  631. color: {color:Sidebar Text};
  632. position: fixed;
  633. width: 250px;
  634. height: 100%;
  635. left: -250px;
  636. top: 0;
  637. z-index: 999;
  638. overflow-x: hidden;
  639. overflow-y: auto;
  640. -webkit-transition: left 0.1s ease-in;
  641. transition: left 0.1s ease-in;
  642. }
  643.  
  644. /* Open state for sidebar */
  645. .sidebar-open {
  646. left: 0px;
  647. }
  648. .openmenu-open {
  649. left: 250px !important;
  650. }
  651.  
  652. /* Search box */
  653. input.search {
  654. font-family: 'Segoe UI', 'Lucida Grande', sans-serif;
  655. background-color: #000;
  656. background-color: rgba({RGBcolor:Sidebar Text},0.15);
  657. color: {color:Sidebar Text};
  658. border: 0;
  659. border-radius: 2px;
  660. padding: 5px;
  661. margin: 20px;
  662. width: 190px;
  663. }
  664. input.search:focus {
  665. background-color: #111;
  666. background-color: rgba({RGBcolor:Sidebar Text},0.1);
  667. color: {color:Sidebar Text};
  668. }
  669.  
  670. /* Only show first photoset photo */
  671. .index-page .photoset-content a {
  672. display: none;
  673. }
  674. .index-page .photoset-content a:first-child {
  675. display: block;
  676. }
  677.  
  678. /* Read more link */
  679. a.read_more:after {
  680. content: " \2192";
  681. }
  682.  
  683. /* Hide posts before they load */
  684. .posts-hidden {
  685. opacity: 0.01;
  686. }
  687.  
  688. /* Indicator for photosets */
  689. .photoset-note {
  690. position: absolute;
  691. {block:IfAlternatePhotoMeta}
  692. bottom: 0;
  693. border-radius: 0 5px 0 0;
  694. {/block:IfAlternatePhotoMeta}
  695. {block:IfNotAlternatePhotoMeta}
  696. top: 0;
  697. border-radius: 0 0 5px 0;
  698. {/block:IfNotAlternatePhotoMeta}
  699. left: 0;
  700. background-color: black;
  701. background-color: rgba(0,0,0,0.33);
  702. color: white;
  703. font-size: 11px;
  704. padding: 15px;
  705. }
  706.  
  707. /* Audio player sizing */
  708. .index-page .spotify_audio_player {
  709. height: 290px;
  710. }
  711. .index-page .soundcloud_audio_player {
  712. height: 230px;
  713. }
  714.  
  715. /* Responsive styles */
  716. @media screen and (max-width:359px) {
  717. #tumblr_controls {
  718. display: none;
  719. }
  720. }
  721. @media screen and (max-width:768px) {
  722. .header-navbar {
  723. display: none;
  724. }
  725. }
  726. @media screen and (max-width:550px) {
  727. .permalink-page .wrapper {
  728. -moz-box-sizing: border-box;
  729. box-sizing: border-box;
  730. width: 100%;
  731. }
  732. .permalink-page .main {
  733. -moz-box-sizing: border-box;
  734. box-sizing: border-box;
  735. width: 100%;
  736. }
  737. .permalink-page .post {
  738. -moz-box-sizing: border-box;
  739. box-sizing: border-box;
  740. width: 100%;
  741. margin-left: 0;
  742. margin-right: 0;
  743. border-radius: 0;
  744. }
  745. .permalink-page .photo img {
  746. max-width: 100%;
  747. width: auto;
  748. height: auto;
  749. }
  750. .blog-title, .blog-title:hover {
  751. font-size: 24px;
  752. padding: 0 10px;
  753. }
  754. .blog-description {
  755. font-size: 11px;
  756. padding: 0 10px;
  757. }
  758. .sidebar-link {
  759. font-size: 12px;
  760. }
  761. .post-meta {
  762. font-size: 11px;
  763. line-height: 13px;
  764. }
  765. .post p {
  766. font-size: 11px;
  767. }
  768. .post ol.notes {
  769. font-size: 10px;
  770. }
  771. }
  772. @media screen and (min-width:1050px) {
  773. .permalink-page .wrapper {
  774. width: 1032px;
  775. }
  776. .permalink-page .main {
  777. width: 1032px;
  778. }
  779. }
  780.  
  781. /* Clearfix */
  782. .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  783. .clearfix:after { clear: both; }
  784. .clearfix { zoom: 1; }
  785.  
  786. /* Remove border on linked images in IE */
  787. a img {
  788. border: 0;
  789. }
  790.  
  791. {CustomCSS}
  792. </style>
  793.  
  794. <script type="text/javascript">
  795. var copycat = {{block:IfInfiniteScrolling}infScroll: true,{/block:IfInfiniteScrolling}{block:IfNotInfiniteScrolling}infScroll: false,{/block:IfNotInfiniteScrolling} {block:IndexPage}indexPage: true{/block:IndexPage}{block:PermalinkPage}indexPage: false{/block:PermalinkPage}, prefill: false};
  796. </script>
  797. </head>
  798. <body class="{block:IndexPage}index-page{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage} font-{select:Post Body Font} layout-{select:Max Columns} background-{select:Background Image Style}">
  799.  
  800. {block:IndexPage}
  801. <div id="backToTop" class="back-to-top" title="Back to top">
  802. <i class="fa fa-2x fa-angle-up"></i>
  803. </div>
  804. {/block:IndexPage}
  805.  
  806. <div id="sidebar" class="sidebar">
  807.  
  808. {block:IfShowSearchBox}
  809. <form action="/search" method="get" id="search-form">
  810. <input class="search" type="text" placeholder="{lang:Search}" name="q" value="{SearchQuery}" />
  811. </form>
  812. {/block:IfShowSearchBox}
  813.  
  814. <nav class="navbar">
  815. <ul class="sidebar-links sidebar-links-main">
  816. <a class="sidebar-link" href="/"><li><i class="fa fa-fw fa-home"></i> {lang:Home}</li></a>
  817. {block:IfStoreURL}<a class="sidebar-link link-store" href="{text:Store URL}"><li><i class="fa fa-fw fa-shopping-cart"></i> Store</li></a>{/block:IfStoreURL}
  818. {block:IfShowArchiveLink}<a class="sidebar-link" href="/archive"><li><i class="fa fa-fw fa-calendar-o"></i> {lang:Archive}</li></a>{/block:IfShowArchiveLink}
  819. {block:IfShowRandomLink}<a class="sidebar-link" href="/random"><li><i class="fa fa-fw fa-question-circle"></i> {lang:Random}</li></a>{/block:IfShowRandomLink}
  820. {block:AskEnabled}<a class="sidebar-link" href="/ask"><li><i class="fa fa-fw fa-envelope-o"></i> {AskLabel}</li></a>{/block:AskEnabled}
  821. {block:SubmissionsEnabled}<a class="sidebar-link" href="/submit"><li><i class="fa fa-fw fa-download"></i> {SubmitLabel}</li></a>{/block:SubmissionsEnabled}
  822. {block:HasPages}
  823. {block:Pages}<a class="sidebar-link" href="{URL}"><li><i class="fa fa-fw fa-file-o"></i> {Label}</li></a>{/block:Pages}
  824. {/block:HasPages}
  825. </ul>
  826.  
  827. <ul class="sidebar-links sidebar-links-social">
  828.  
  829. {block:IfFacebookUsername}
  830. <a target="_blank" class="sidebar-link link-facebook" href="https://facebook.com/{text:Facebook Username}" title="Facebook: {text:Facebook Username}"><li><i class="fa fa-fw fa-facebook-square"></i> Facebook</li></a>
  831. {/block:IfFacebookUsername}
  832.  
  833. {block:IfTwitterUsername}
  834. <a target="_blank" class="sidebar-link link-twitter" href="https://twitter.com/{text:Twitter Username}" title="Twitter: {text:Twitter Username}"><li><i class="fa fa-fw fa-twitter"></i> Twitter</li></a>
  835. {/block:IfTwitterUsername}
  836.  
  837. {block:IfInstagramUsername}
  838. <a target="_blank" class="sidebar-link link-instagram" href="http://instagram.com/{text:Instagram Username}" title="Instagram: {text:Instagram Username}"><li><i class="fa fa-fw fa-instagram"></i> Instagram</li></a>
  839. {/block:IfInstagramUsername}
  840.  
  841. {block:IfPinterestUsername}
  842. <a target="_blank" class="sidebar-link link-pinterest" href="https://pinterest.com/{text:Pinterest Username}" title="Pinterest: {text:Pinterest Username}"><li><i class="fa fa-fw fa-pinterest"></i> Pinterest</li></a>
  843. {/block:IfPinterestUsername}
  844.  
  845. {block:IfSoundCloudUsername}
  846. <a target="_blank" class="sidebar-link link-soundcloud" href="http://soundcloud.com/{text:SoundCloud Username}" title="SoundCloud: {text:SoundCloud Username}"><li><i class="fa fa-fw fa-soundcloud"></i> SoundCloud</li></a>
  847. {/block:IfSoundCloudUsername}
  848.  
  849. {block:IfVineUsername}
  850. <a target="_blank" class="sidebar-link link-vine" href="https://vine.co/{text:Vine Username}" title="Vine: {text:Vine Username}"><li><i class="fa fa-fw fa-vine"></i> Vine</li></a>
  851. {/block:IfVineUsername}
  852.  
  853. {block:IfYouTubeUsername}
  854. <a target="_blank" class="sidebar-link link-youtube" href="https://youtube.com/{text:YouTube Username}" title="YouTube: {text:YouTube Username}"><li><i class="fa fa-fw fa-youtube"></i> YouTube</li></a>
  855. {/block:IfYouTubeUsername}
  856. </ul>
  857. </nav>
  858.  
  859. {block:IfCopyrightText}
  860. <p>&copy; {CopyrightYears} {text:Copyright Text}</p>
  861. {/block:IfCopyrightText}
  862. {block:IfNotCopyrightText}
  863. <p>&copy; {CopyrightYears} {Title}</p>
  864. {/block:IfNotCopyrightText}
  865. <p><a target="_blank" href="http://adorablethemes.com/theme/copycat">Copycat Theme</a></p>
  866. </div>
  867.  
  868. <div id="openMenu"><i class="fa fa-lg fa-bars"></i></div>
  869.  
  870. {block:IfNotShowTitle}<a href="/">{/block:IfNotShowTitle}
  871. <header class="header background-{select:Header Image Style} clearfix">
  872.  
  873. <div class="header-content">
  874.  
  875. {block:IfShowTitle}
  876. <a href="/"><h1 class="blog-title">{Title}</h1></a>
  877. {/block:IfShowTitle}
  878.  
  879. {block:IfShowDescription}
  880. {block:Description}
  881. <div class="blog-description">{Description}</div>
  882. {/block:Description}
  883. {/block:IfShowDescription}
  884. </div>
  885.  
  886. </header>
  887. {block:IfNotShowTitle}</a>{/block:IfNotShowTitle}
  888.  
  889. {block:IfShowHeaderNavbar}
  890. <div class="header-navbar">
  891. <ul class="header-links">
  892. <a class="header-link" href="/"><li>{lang:Home}</li></a>
  893. {block:IfStoreURL}<a class="header-link link-store" href="{text:Store URL}"><li>Store</li></a>{/block:IfStoreURL}
  894. {block:IfShowArchiveLink}<a class="header-link" href="/archive"><li>{lang:Archive}</li></a>{/block:IfShowArchiveLink}
  895. {block:IfShowRandomLink}<a class="header-link" href="/random"><li>{lang:Random}</li></a>{/block:IfShowRandomLink}
  896. {block:AskEnabled}<a class="header-link" href="/ask"><li>{AskLabel}</li></a>{/block:AskEnabled}
  897. {block:SubmissionsEnabled}<a class="header-link" href="/submit"><li>{SubmitLabel}</li></a>{/block:SubmissionsEnabled}
  898. {block:HasPages}
  899. {block:Pages}<a class="header-link" href="{URL}"><li>{Label}</li></a>{/block:Pages}
  900. {/block:HasPages}
  901. <a class="header-link" target="_blank" href="http://adorablethemes.com/"><li>Theme</li></a>
  902. </ul>
  903. </div>
  904. {/block:IfShowHeaderNavbar}
  905.  
  906. <div id="wrapper" class="wrapper">
  907.  
  908. <div class="main">
  909.  
  910. {block:SearchPage}
  911. {block:SearchResults}
  912. <div class="search-info">
  913. <div class="post-content">
  914. <h2>{lang:SearchResultCount results for SearchQuery 2}</h2>
  915. </div>
  916. </div>
  917. {/block:SearchResults}
  918.  
  919. {block:NoSearchResults}
  920. <div class="search-info">
  921. <div class="post-content">
  922. <h2>{lang:No search results for SearchQuery 2}</h2>
  923. </div>
  924. </div>
  925. {/block:NoSearchResults}
  926. {/block:SearchPage}
  927.  
  928. {block:TagPage}
  929. <div class="search-info">
  930. <div class="post-content">
  931. <h2>#{Tag}</h2>
  932. </div>
  933. </div>
  934. {/block:TagPage}
  935.  
  936. <div id="adorablethemesdotcom"{block:IndexPage} class="posts-hidden"{/block:IndexPage}>
  937.  
  938. {block:Posts}
  939. <article class="post {PostType}{block:PermalinkPage} {block:Date}not-{/block:Date}page{/block:PermalinkPage}">
  940.  
  941. {block:Text}
  942. <div class="post-content">
  943. {block:Title}<h2>{Title}</h2><hr>{/block:Title}
  944.  
  945. {Body}
  946. </div>
  947. {/block:Text}
  948.  
  949.  
  950. {block:Answer}
  951. <div class="post-content">
  952. <p><img class="asker-avatar" src="{AskerPortraitURL-16}" /> <b>{Asker}:</b></p><p>{Question}</p>
  953.  
  954. <hr>
  955.  
  956. {block:Answerer}
  957. <p><img class="asker-avatar" src="{AnswererPortraitURL-16}" /> <b>{Answerer}:</b></p>
  958.  
  959. {Answer}
  960.  
  961. <hr>
  962. {/block:Answerer}
  963.  
  964. {Replies}
  965. </div>
  966. {/block:Answer}
  967.  
  968.  
  969. {block:Photo}
  970. <figure class="photo-content" width="{PhotoWidth-250}" height="{PhotoHeight-250}">
  971. {block:PermalinkPage}
  972. {LinkOpenTag}<img src="{PhotoURL-500}" data-retina="{PhotoURL-1280}" alt="{PhotoAlt}" />{LinkCloseTag}
  973. {/block:PermalinkPage}
  974. {block:IndexPage}<a{block:IfPermalinkNewWindow} target="_blank"{/block:IfPermalinkNewWindow} href="{Permalink}"><img src="{PhotoURL-250}" data-retina="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{/block:IndexPage}
  975. </figure>
  976.  
  977. {block:IfIndexPhotoCaptions}
  978. {block:IndexPage}
  979. {block:Caption}
  980. <div class="post-content"><figcaption>{Caption}</figcaption></div>
  981. {/block:Caption}
  982. {/block:IndexPage}
  983. {/block:IfIndexPhotoCaptions}
  984.  
  985. {block:PermalinkPage}
  986. {block:Caption}
  987. <div class="post-content"><figcaption>{Caption}</figcaption></div>
  988. {/block:Caption}
  989. {/block:PermalinkPage}
  990. {/block:Photo}
  991.  
  992.  
  993. {block:Photoset}
  994. {block:IndexPage}
  995. {block:IfPhotosetOnlyFirst}
  996. <div class="photoset-note"><i class="fa fa-picture-o"></i> Photoset ({PhotoCount} images)</div>
  997. <figure class="photoset-content" width="{PhotoWidth-250}" height="{PhotoHeight-250}">
  998.  
  999. {block:Photos}<a{block:IfPermalinkNewWindow} target="_blank"{/block:IfPermalinkNewWindow} href="{Permalink}"><img src="{PhotoURL-250}" data-retina="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{/block:Photos}
  1000.  
  1001. </figure>
  1002. {/block:IfPhotosetOnlyFirst}
  1003. {block:IfNotPhotosetOnlyFirst}
  1004. <figure class="photoset-content">{Photoset-250}</figure>
  1005. {/block:IfNotPhotosetOnlyFirst}
  1006. {/block:IndexPage}
  1007.  
  1008. {block:IfIndexPhotoCaptions}
  1009. {block:IndexPage}
  1010. {block:Caption}
  1011. <div class="post-content"><figcaption>{Caption}</figcaption></div>
  1012. {/block:Caption}
  1013. {/block:IndexPage}
  1014. {/block:IfIndexPhotoCaptions}
  1015.  
  1016. {block:PermalinkPage}
  1017. <div class="post-content">
  1018. <figure class="photoset-content">{Photoset}</figure>
  1019. {block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
  1020. </div>
  1021. {/block:PermalinkPage}
  1022. {/block:Photoset}
  1023.  
  1024.  
  1025. {block:Quote}
  1026. <div class="post-content"><h2 class="quote-text">"{Quote}"</h2>
  1027.  
  1028. {block:Source}
  1029. <p style="text-align: right">&mdash; {Source}</p>
  1030. {/block:Source}
  1031. </div>
  1032. {/block:Quote}
  1033.  
  1034.  
  1035. {block:Link}
  1036. <div class="post-content">
  1037. <h3><a href="{URL}" class="link-post-link"{block:Host}title="{Host}"{/block:Host} {Target}>{Name} &raquo;</a></h3>
  1038.  
  1039. {block:Description}<hr>{Description}{/block:Description}
  1040. </div>
  1041. {/block:Link}
  1042.  
  1043.  
  1044. {block:Chat}
  1045. <div class="post-content">
  1046. {block:Title}<h2>{Title}</h2><hr>{/block:Title}
  1047. <ul class="chat">
  1048. {block:Lines}
  1049. <li class="{Alt} user_{UserNumber}">
  1050. {block:Label}
  1051. <span class="chat-label">{Label}</span>
  1052. {/block:Label}
  1053.  
  1054. <span class="chat-line">{Line}</span>
  1055. </li>
  1056. {/block:Lines}
  1057. </ul>
  1058. </div>
  1059. {/block:Chat}
  1060.  
  1061.  
  1062. {block:Video}
  1063. <figure class="video-content">
  1064. {block:IndexPage}
  1065. {VideoEmbed-250}
  1066. {/block:IndexPage}
  1067. {block:PermalinkPage}{VideoEmbed-500}{/block:PermalinkPage}
  1068. </figure>
  1069.  
  1070. {block:IfIndexVideoCaptions}
  1071. {block:IndexPage}
  1072. {block:Caption}
  1073. <div class="post-content"><figcaption>{Caption}</figcaption></div>
  1074. {/block:Caption}
  1075. {/block:IndexPage}
  1076. {/block:IfIndexVideoCaptions}
  1077.  
  1078. {block:PermalinkPage}
  1079. {block:Caption}
  1080. <div class="post-content"><figcaption>{Caption}</figcaption></div>
  1081. {/block:Caption}
  1082. {/block:PermalinkPage}
  1083. {/block:Video}
  1084.  
  1085.  
  1086. {block:Audio}
  1087. <div class="post-content">
  1088. <figure class="audio-content">
  1089. {AudioEmbed}
  1090. </figure>
  1091.  
  1092. {block:Caption}
  1093. <figcaption>{Caption}</figcaption>
  1094. {/block:Caption}
  1095. </div>
  1096. {/block:Audio}
  1097.  
  1098. {block:PermalinkPage}
  1099. {block:HasTags}
  1100. <div class="post-meta post-tags">
  1101. {block:Tags}
  1102. <a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;
  1103. {/block:Tags}
  1104. </div>
  1105. {/block:HasTags}
  1106. {/block:PermalinkPage}
  1107.  
  1108. {block:IndexPage}
  1109. <div class="post-hover-info">
  1110. {block:Date}<a title="{lang:Permalink}"{block:IfPermalinkNewWindow} target="_blank"{/block:IfPermalinkNewWindow} class="timeago" href="{Permalink}">{block:IfUseRealDates}{ShortMonth} {DayOfMonth}<span class="year_{Year}"> {Year}</span>{/block:IfUseRealDates}{block:IfNotUseRealDates}{TimeAgo}</span>{/block:IfNotUseRealDates} {text:Separator} {NoteCountWithLabel}</a>{/block:Date}
  1111.  
  1112. <a title="Reblog" target="_blank" style="float:right; text-align: right" class="reblog-button" href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1113. </div>
  1114. {/block:IndexPage}
  1115.  
  1116. </article>
  1117.  
  1118. {block:PermalinkPage}
  1119. {block:Date}
  1120.  
  1121. <article class="post sidecar not-page">
  1122.  
  1123. <div class="post-meta post-share">
  1124. <a href="{ReblogURL}" class="share-item link-tumblr-reblog" target="_blank"><i class="fa fa-retweet"></i> Reblog</a> {text:Separator}
  1125. <a href="http://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item link-facebook-share" target="_blank"><i class="fa fa-facebook"></i> Share</a> {text:Separator} <a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item link-twitter-tweet" target="_blank"><i class="fa fa-twitter"></i> Tweet</a>
  1126. <span style="float:right; text-align: right">
  1127. <span class="postnotes">{NoteCountWithLabel}</span>{/block:PostNotes}
  1128. </span>
  1129. </div>
  1130.  
  1131. <div class="post-meta">
  1132. {block:IfUseRealDates}
  1133. <span class="timeago" title="{12Hour}:{Minutes} {AmPm}, {DayOfWeek}, {Month} {DayOfMonth}, {Year}">{ShortMonth} {DayOfMonth} {Year}</span>
  1134. {/block:IfUseRealDates}
  1135. {block:IfNotUseRealDates}
  1136. <span class="timeago">{TimeAgo}</span>
  1137. {/block:IfNotUseRealDates}
  1138.  
  1139. <span style="float:right; text-align: right">
  1140. {block:ContentSource}{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  1141. {block:RebloggedFrom}{block:ContentSource} {text:Separator} {/block:ContentSource}{lang:Via}: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1142. </span>
  1143.  
  1144. </div>
  1145.  
  1146. {block:IfDisqusShortname}
  1147. <div class="post-meta post-comments">
  1148. <div class="post-content">
  1149. <div id="disqus_thread"></div>
  1150. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1151. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1152. </div>
  1153. </div>
  1154. {/block:IfDisqusShortname}
  1155.  
  1156. {block:PostNotes}
  1157. <div class="post-meta post-notes-list">
  1158. {PostNotes-16}
  1159. </div>
  1160. {/block:PostNotes}
  1161. </article>
  1162. {/block:Date}
  1163. {/block:PermalinkPage}
  1164.  
  1165. {/block:Posts}
  1166. </div>
  1167. </div>
  1168. </div>
  1169. <div class="pagination">
  1170. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" id="previous">&larr; {lang:Previous}</a>{/block:PreviousPage}
  1171. <span class="page-info">{lang:Page CurrentPage of TotalPages}</span>
  1172. {block:NextPage}<a href="{NextPage}" id="next">{lang:Next} &rarr;</a>{/block:NextPage}{/block:Pagination}
  1173. </div>
  1174. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  1175. <script src="//static.tumblr.com/anzluor/z2tn74e8h/masonry.pkgd.min.js"></script>
  1176. {block:IfInfiniteScrolling}<script src="//static.tumblr.com/anzluor/ycPn74dop/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
  1177. <script src="//static.tumblr.com/anzluor/Jwrn7rcyd/copycat.min.js"></script>
  1178. {block:IfGoogleAnalyticsID}
  1179. <script>
  1180. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1181. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1182. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1183. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1184.  
  1185. ga('create', '{text:Google Analytics ID}', 'auto');
  1186. ga('send', 'pageview');
  1187.  
  1188. </script>
  1189. {/block:IfGoogleAnalyticsID}
  1190. {block:IfDisqusShortname}
  1191. <script type="text/javascript">
  1192. //<![CDATA[
  1193. (function() {
  1194. var links = document.getElementsByTagName('a');
  1195. var query = '?';
  1196. for(var i = 0; i < links.length; i++) {
  1197. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  1198. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  1199. }
  1200. }
  1201. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  1202. })();
  1203. //]]>
  1204. </script>
  1205. {/block:IfDisqusShortname}
  1206. </body>
  1207. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!