API tools faq
paste
Guest User

SassMeister

a guest
Jul 23rd, 2014
180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.88 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!-- Dual Column from themes.edada.ms -->
  4. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6. <link rel="shortcut icon" href="{Favicon}" />
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  8. <meta name="charset" content="utf-8" />
  9.  
  10. <meta name="color:Text" content="#080808" />
  11. <meta name="color:Links" content="#777777" />
  12. <meta name="color:Links on Hover" content="#CCCCCC" />
  13. <meta name="color:Background" content="#080808" />
  14.  
  15. <meta name="font:Posts" content="Helvetica" />
  16. <meta name="font:Sidebar" content="Helvetica" />
  17.  
  18. <meta name="image:Background" content="" />
  19. <meta name="image:Sidebar" content="" />
  20.  
  21. <meta name="if:Display Captions" content="1" />
  22. <meta name="if:Infinite Scrolling" content="1" />
  23. <meta name="if:Underline Hyperlinks" content="0" />
  24. <meta name="if:Rounded Corners" content="0" />
  25. <meta name="if:Background Cover" content="0" />
  26. <meta name="if:Shadows" content="1" />
  27. <meta name="if:Display Info Box" content="1" />
  28. <meta name="if:Display Links Box" content="1" />
  29. <meta name="if:Display Twitter Box" content="1" />
  30. <meta name="if:Hide Sidebar Image" content="0" />
  31. <meta name="if:Hide Title" content="0" />
  32. <meta name="if:Hide Description" content="0" />
  33. <meta name="if:Hide Ask" content="0" />
  34. <meta name="if:Hide Submit" content="0" />
  35. <meta name="if:Hide Archive" content="0" />
  36. <meta name="if:Hide RSS" content="0" />
  37.  
  38. <style type="text/css">
  39. body {
  40. padding: 20px 0;
  41. margin: 0;
  42. background: url('{image:Background}') {color:Background} repeat;
  43. font-size: 12px;
  44. line-height: 120%;
  45. color: {color:Text};
  46. {block:IfBackgroundCover}background-size: cover;{/block:IfBackgroundCover}
  47. width: 100%;
  48. -webkit-font-smoothing: subpixel-antialiased;
  49. }
  50.  
  51. a {
  52. color: {color:Links};
  53. {block:IfNotUnderlineHyperlinks}text-decoration: none;{/block:IfNotUnderlineHyperlinks}
  54. }
  55.  
  56. a:hover {
  57. color: {color:Links on Hover};
  58. }
  59.  
  60. a, a:hover {
  61. transition: all 0.2s linear;
  62. -webkit-transition: all 0.2s linear;
  63. -moz-transition: all 0.2s linear;
  64. -o-transition: all 0.2s linear;
  65. }
  66.  
  67. .wrapper {
  68. margin: auto;
  69. width: 988px;
  70. }
  71.  
  72. /* SIDEBAR */
  73.  
  74. .wrapper { width: 968px; }
  75. .sidebar { position: fixed; top: 20px; }
  76. .posts { margin-left: 148px; }
  77.  
  78. .sidebar .box {
  79. width: 128px;
  80. background-color: #FFFFFF;
  81. margin-top: 20px;
  82. {block:IfRoundedCorners}border-radius: 5px;
  83. -moz-border-radius: 5px;{/block:IfRoundedCorners}
  84. }
  85.  
  86. .sidebar .box:first-child {
  87. margin-top: 0;
  88. }
  89.  
  90. .sidebar .box .inner {
  91. padding: 2px 6px;
  92. width: 116px;
  93. font: normal 11px/15px {font:Sidebar};
  94. }
  95.  
  96. .sidebar .user_info img.avatar {
  97. margin: auto;
  98. width: 128px;
  99. display: block;
  100. {block:IfRoundedCorners}-moz-border-radius-topleft: 5px;
  101. -moz-border-radius-topright: 5px;
  102. border-top-left-radius: 5px;
  103. border-top-right-radius: 5px;{/block:IfRoundedCorners}
  104. }
  105.  
  106. .sidebar .user_info .header, .sidebar .twitter .tweet_title {
  107. font-size: 13px;
  108. text-align: center;
  109. margin-bottom: 2px;
  110. }
  111.  
  112. .sidebar .user_info .header a {
  113. color: {color:Text};
  114. }
  115.  
  116. .sidebar .links a, .tweet_click {
  117. display: block;
  118. border-top: 1px solid rgba(0, 0, 0, 0.1);
  119. line-height: 14px;
  120. padding: 2px 0;
  121. }
  122.  
  123. .sidebar .links a:first-child, #tweets > .tweet_click:first-child {
  124. border-top: none !important;
  125. }
  126.  
  127. .sidebar .twitter .tweet_click, .tweet_title > a {
  128. text-decoration: none;
  129. color: {color:Text}
  130. }
  131.  
  132. /* POSTS */
  133.  
  134. .posts {
  135. font-family: {font:Posts};
  136. font-size: 13px;
  137. width: 840px;
  138.  
  139. }
  140.  
  141. .posts > div:not(#infscr-loading) {
  142. margin: 0 20px 20px 0;
  143. background-color: #FFFFFF;
  144. float: left;
  145. width: 400px;
  146. position: relative;
  147. {block:IfRoundedCorners}-moz-border-radius: 5px;
  148. border-radius: 5px;{/block:IfRoundedCorners}
  149. }
  150.  
  151. .posts > .photo.double {
  152. width: 820px !important;
  153. }
  154.  
  155. .text,
  156. .link,
  157. .quote,
  158. .posts > .answer,
  159. .chat,
  160. .meta,
  161. .caption {
  162. padding: 10px;
  163. width: 380px !important;
  164. }
  165.  
  166. /* NAVIGATION */
  167.  
  168. .navigation {
  169. font-family: {font:Posts};
  170. font-size: 20px;
  171. height: 34px;
  172. margin-left: 148px;
  173. }
  174.  
  175. .navigation .next, .navigation .prev {
  176. background: #FFFFFF;
  177. padding: 10px 8px;
  178. {block:IfRoundedCorners}-moz-border-radius: 5px;
  179. border-radius: 5px;{/block:IfRoundedCorners}
  180. }
  181.  
  182. .navigation .next, .asked_by .avatar {
  183. float: left;
  184. }
  185.  
  186. .navigation .previous {
  187. float: right;
  188. }
  189.  
  190. /* COMMON */
  191.  
  192. .posts .title {
  193. font-size: 18px;
  194. font-weight: bold;
  195. line-height: 20px;
  196. display: block;
  197. }
  198.  
  199. .posts > div:not(.link) .title,
  200. .posts .link .title.with_description {
  201. margin: 0 0 5px 0;
  202. }
  203.  
  204. .media img, iframe.photoset, .video iframe, .audio .face {
  205. {block:IfRoundedCorners}-moz-border-radius: 5px;
  206. border-radius: 5px;{/block:IfRoundedCorners}
  207. display: block;
  208. max-width: 100%;
  209. }
  210.  
  211. {block:IfRoundedCorners}body.display_captions.rounded_corners .media.with_caption img, body.display_captions.rounded_corners .media.with_caption iframe.photoset, .audio .face {
  212. -moz-border-radius-bottomright: 0;
  213. -moz-border-radius-bottomleft: 0;
  214. border-bottom-right-radius: 0;
  215. border-bottom-left-radius: 0;
  216. }{/block:IfRoundedCorners}
  217.  
  218. .photo .media img {
  219. width: 400px;
  220. }
  221.  
  222. .photo.double .media img {
  223. width: 820px !important;
  224. }
  225.  
  226. .chat .label, .asked_by div.asker a {
  227. font-weight: bold;
  228. }
  229.  
  230. blockquote {
  231. margin: 10px 0 0 4px;
  232. padding: 0 0 0 9px;
  233. border-left: 3px solid rgba(0,0,0,0.33);
  234. }
  235.  
  236. ol, ul {
  237. padding-left: 22px;
  238. }
  239.  
  240. .body img {
  241. display: block;
  242. max-width: 100%;
  243. }
  244.  
  245. a img {
  246. border: 0;
  247. }
  248.  
  249. ol.notes img.avatar {
  250. width: 16px;
  251. }
  252.  
  253. .caption p, .body p, .answer > .response > p {
  254. margin: 10px 0 0 0;
  255. padding: 0;
  256. }
  257.  
  258. .body > p:first-child, .caption > p:first-child {
  259. margin-top: 0;
  260. }
  261.  
  262. /* CONTROLS */
  263.  
  264. .posts > div:hover .controls {
  265. opacity: 1;
  266. transition: opacity 0.1s ease-in;
  267. -webkit-transition: opacity 0.1s ease-in;
  268. -moz-transition: opacity 0.1s ease-in;
  269. -o-transition: opacity 0.1s ease-in;
  270. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  271. filter: alpha(opacity=100);
  272. }
  273.  
  274. /* INFINITE SCROLL */
  275.  
  276. #infscr-loading {
  277. position: absolute;
  278. }
  279.  
  280. #infscr-loading .inf_scr {
  281. z-index: 10;
  282. position: fixed;
  283. bottom: 20px;
  284. left: 50%;
  285. width: 124px;
  286. margin-left: -62px;
  287. text-align: center;
  288. font: normal 16px/18px 'Helvetica Neue',Arial;
  289. padding: 6px;
  290. background-color: rgba(255, 255, 255, 0.80);
  291. }
  292.  
  293. /* APPEARANCE OPTIONS */
  294.  
  295. {block:IfShadows}.sidebar .box, .posts > div:not(#infsrc-loading), .navigation .prev, .navigation .next, .inf_scr {
  296. box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2),0 2px 4px rgba(0, 0, 0, 0.2);
  297. }{/block:IfShadows}
  298.  
  299. {block:IfNotDisplayInfoBox}.sidebar .box.info {
  300. display: none !important;
  301. }{/block:IfNotDisplayInfoBox}
  302.  
  303. {block:IfNotDisplayLinksBox}.sidebar .box.links {
  304. display: none !important;
  305. }{/block:IfNotDisplayLinksBox}
  306.  
  307. {block:IfNotDisplayTwitterBox}.sidebar .box.twitter {
  308. display: none !important;
  309. }{/block:IfNotDisplayTwitterBox}
  310.  
  311. {block:IfHideSidebarImage}.sidebar img.avatar {
  312. display: none !important;
  313. }{/block:IfHideSidebarImage}
  314.  
  315. {block:IfHideTitle}.sidebar .header {
  316. display: none !important;
  317. }{/block:IfHideTitle}
  318.  
  319. {block:IfHideDescription}.sidebar .description {
  320. display: none !important;
  321. }{/block:IfHideDescription}
  322.  
  323. {block:IfHideAsk}.links-ask {
  324. display: none !important;
  325. }{/block:IfHideAsk}
  326.  
  327. {block:IfHideSubmit}.links-submit {
  328. display: none !important;
  329. }{/block:IfHideSubmit}
  330.  
  331. {block:IfHideArchive}.links-archive {
  332. display: none !important;
  333. }{/block:IfHideArchive}
  334.  
  335. {block:IfHideRSS}.links-rss {
  336. display: none !important;
  337. }{/block:IfHideRSS}
  338.  
  339. {block:IfNotDisplayCaptions}.caption {
  340. display: none !important;
  341. }{/block:IfNotDisplayCaptions}
  342.  
  343. {CustomCSS}
  344. </style>
  345. <link rel="stylesheet" href="http://static.tumblr.com/fpdiq1j/tQkmh95i1/fancy_answer_and_audio_posts.css" />
  346. <link rel="stylesheet" href="http://static.tumblr.com/fpdiq1j/muemi4csl/meta_controls.css" />
  347. <!--[if lte IE 8]>
  348. <style type="text/css" media="screen">
  349. blockquote {
  350. border-left: 3px solid #9E9E9E !important;
  351. }
  352. .sidebar .links a, .tweet_click {
  353. border-top: 1px solid #9E9E9E !important;
  354. }
  355. .controls .notecount, .controls .like, .controls .reblog {
  356. background-color: #7E7E7E !important;
  357. border-color: #747474 !important;
  358. }
  359. .controls .notecount {
  360. background-image: none !important;
  361. height: 18px !important;
  362. }
  363. #infscr-loading .inf_scr {
  364. background-color: #FFFFFF !important;
  365. }
  366. </style>
  367. <![endif]-->
  368.  
  369.  
  370. <script src="http://static.tumblr.com/fpdiq1j/1Lami4do0/eathemes.min.js"></script>
  371. <script>
  372. $(function(){
  373. eathemes($('.posts'),'.post','{Name}',420);
  374. })
  375. </script>
  376. </head>
  377. <body class="dualcolumn {block:IndexPage}index_page{/block:IndexPage}{block:PermalinkPage}permalink_page{/block:PermalinkPage}{block:IfDisplayCaptions} display_captions{/block:IfDisplayCaptions}{block:IfInfiniteScrolling} infinite_scrolling{/block:IfInfiniteScrolling}{block:IfShadows} shadows{/block:IfShadows}{block:IfRoundedCorners} rounded_corners{/block:IfRoundedCorners} inline_like_and_reblog masonry_enabled">
  378. <div class="wrapper">
  379. <div class="posts">
  380. {block:Posts}
  381. <div class="{PostType}{block:Photoset}set{/block:Photoset} {TagsAsClasses} post">
  382. <div class="controls"{block:PermalinkPage} style="display: none;"{/block:PermalinkPage}>
  383. <a class="button notecount" href="{Permalink}#notes">{NoteCount}</a>
  384. <span class="button like" data-postid="{PostID}" data-reblogurl="{ReblogURL}"></span>
  385. <a class="button reblog" href="{ReblogURL}" target="_blank"></a>
  386. </div>
  387. {block:Text}
  388. {block:Title}
  389. <div class="title">
  390. {Title}
  391. </div>
  392. {/block:Title}
  393. <div class="body">
  394. {Body}
  395. </div>
  396. {/block:Text}
  397.  
  398. {block:Photo}
  399. <div class="media{block:Caption} with_caption{/block:Caption}">
  400. <a href="{LinkURL}">
  401. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"{block:Caption} class="has_caption"{/block:Caption} />
  402. </a>
  403. </div>
  404. {block:Caption}
  405. <div class="caption">
  406. {Caption}
  407. </div>
  408. {/block:Caption}
  409. {/block:Photo}
  410.  
  411. {block:Photoset}
  412. <div class="media{block:Caption} with_caption{/block:Caption}">
  413. {Photoset-400}
  414. </div>
  415. {block:Caption}
  416. <div class="caption">
  417. {Caption}
  418. </div>
  419. {/block:Caption}
  420. {/block:Photoset}
  421.  
  422. {block:Quote}
  423. <div class="title">
  424. "{Quote}"
  425. </div>
  426. {block:Source}
  427. <div class="body">
  428. <div class="source">
  429. &mdash; {Source}
  430. </div>
  431. {/block:Source}
  432. </div>
  433. {/block:Quote}
  434.  
  435. {block:Link}
  436. <a class="title{block:Description} with_description{/block:Description}" href="{URL}" {Target}}>
  437. {Name}
  438. </a>
  439. {block:Description}
  440. <div class="body">
  441. {Description}
  442. </div>
  443. {/block:Description}
  444. {/block:Link}
  445.  
  446. {block:Video}
  447. <div class="media{block:Caption} with_caption{/block:Caption}" data-from-page="{CurrentPage}">
  448. {Video-400}
  449. </div>
  450. {block:Caption}
  451. <div class="caption">
  452. {Caption}
  453. </div>
  454. {/block:Caption}
  455. {/block:Video}
  456.  
  457. {block:Chat}
  458. {block:Title}
  459. <div class="title">
  460. {Title}
  461. </div>
  462. {/block:Title}
  463. <div class="body">
  464. {block:Lines}
  465. <div style="line-height: 19px;">
  466. {block:Label}
  467. <span class="label">{Label}</span>
  468. {/block:Label}
  469. <span class="line">{Line}</span>
  470. </div>
  471. {/block:Lines}
  472. </div>
  473. {/block:Chat}
  474.  
  475. {block:Audio}
  476. {block:AlbumArt}
  477. <div class="flip_container">
  478. <div class="artwork">
  479. <div class="face front" style="background-image:url('{AlbumArtURL}');">
  480. </div>
  481. <div class="face back">
  482. <table class="info">
  483. <tbody>
  484. {block:TrackName}
  485. <tr>
  486. <td class="label">Name:</td>
  487. <td class="value">{TrackName}</td>
  488. </tr>
  489. {/block:TrackName}
  490. {block:Artist}
  491. <tr>
  492. <td class="label">Artist:</td>
  493. <td class="value">{Artist}</td>
  494. </tr>
  495. {/block:Artist}
  496. {block:Album}
  497. <tr>
  498. <td class="label">Album:</td>
  499. <td class="value">{Album}</td>
  500. </tr>
  501. {/block:Album}
  502. {block:PlayCount}
  503. <tr>
  504. <td class="label">Plays:</td>
  505. <td class="value">{FormattedPlayCount}</td>
  506. </tr>
  507. {/block:PlayCount}
  508. {block:ExternalAudio}
  509. <tr>
  510. <td class="label">
  511. <a class="download" href="{ExternalAudioURL}">{lang:Download}</a>
  512. </td>
  513. </tr>
  514. {/block:ExternalAudio}
  515. </tbody>
  516. </table>
  517. </div>
  518. </div>
  519. </div>
  520. {/block:AlbumArt}
  521. <div class="body" style="padding: 10px;">
  522. <div data-from-page="{CurrentPage}">
  523. {AudioPlayer}
  524. </div>
  525. {block:Caption}
  526. {Caption}
  527. {/block:Caption}
  528. </div>
  529. {/block:Audio}
  530.  
  531. {block:Answer}
  532. <div class="question">
  533. {Question}
  534. </div>
  535. <div class="question_arrow"></div>
  536. <div class="asked_by">
  537. <img class="avatar" src="{AskerPortraitURL-24}" />
  538. <div class="asker">{lang:Asked by Asker 2}</div>
  539. </div>
  540. <div class="response">
  541. {Answer}
  542. </div>
  543. {/block:Answer}
  544. </div>
  545.  
  546. {block:PermalinkPage}{block:Date}
  547. <div class="post meta">
  548. <div class="notecount">
  549. {lang:TimeAgo with NoteCount notes}
  550. </div>
  551. <div class="posted">
  552. {lang:Posted on DayOfWeek Month DayOfMonthWithSuffix}
  553. </div>
  554. {block:HasTags}
  555. <div class="tags">
  556. {lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  557. </div>
  558. {/block:HasTags}
  559. {block:ContentSource}
  560. <div class="source">
  561. {lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>
  562. </div>
  563. {block:RebloggedFrom}
  564. <div class="reblogged_from">
  565. {lang:Reblogged from}: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  566. </div>
  567. {/block:RebloggedFrom}
  568. {/block:ContentSource}
  569. {block:PostNotes}
  570. <div class="notes">
  571. {PostNotes}
  572. </div>
  573. {/block:PostNotes}
  574. </div>
  575. {/block:Date}{/block:PermalinkPage}
  576. {/block:Posts}
  577. </div>
  578.  
  579. <div class="sidebar">
  580. <div class="box user_info">
  581. <a href="/">
  582. <img class="avatar" src="{block:IfNotSidebarImage}{PortraitURL-128}{/block:IfNotSidebarImage}{block:IfSidebarImage}{image:Sidebar}{/block:IfSidebarImage}" alt="{Title}" />
  583. </a>
  584. <div class="inner">
  585. <div class="header">
  586. <a href="/">{Title}</a>
  587. </div>
  588. {block:Description}
  589. <div class="description">
  590. {Description}
  591. </div>
  592. {/block:Description}
  593. </div>
  594. </div>
  595. <div class="box links">
  596. <div class="inner">
  597. {block:HasPages}{block:Pages}
  598. <a href="{URL}" class="links-pages">{Label}</a>
  599. {/block:Pages}{/block:HasPages}
  600. {block:AskEnabled}
  601. <a href="/ask" class="links-ask">{AskLabel}</a>
  602. {/block:AskEnabled}
  603. {block:SubmissionsEnabled}
  604. <a href="/submit" class="links-submit">{SubmitLabel}</a>
  605. {/block:SubmissionsEnabled}
  606. <a href="/archive" class="links-archive">{lang:Archive}</a>
  607. <a href="{RSS}" class="links-rss">{lang:RSS}</a>
  608. </div>
  609. </div>
  610. {block:Twitter}
  611. <div class="box twitter" style="display: none;">
  612. <script type="text/javascript">
  613. var tw_name = '{TwitterUsername}';
  614. var tw_count = 3;
  615. </script>
  616. <script type="text/javascript" src="http://static.tumblr.com/fpdiq1j/EY5mc3o1v/twitter.js"></script>
  617. <div class="inner">
  618. <div class="tweet_title">
  619. <a target="_blank" href="http://twitter.com/{TwitterUsername}">Twitter</a>
  620. </div>
  621. <div id="tweets"></div>
  622. </div>
  623. </div>{/block:Twitter}
  624. </div>
  625.  
  626. {block:Pagination}
  627. <div class="navigation">
  628. {block:NextPage}
  629. <a href="{NextPage}" class="next">&larr; {lang:Next}</a>
  630. {/block:NextPage}
  631. {block:PreviousPage}
  632. <a href="{PreviousPage}" class="previous">{lang:Previous} &rarr;</a>
  633. {/block:PreviousPage}
  634. </div>
  635. {/block:Pagination}
  636. </div>
  637. <iframe id="likeframe" height="1" width="1" style="visibility: hidden;"></iframe>
  638. </body>
  639. </html>
  640.  
  641.  
  642. </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!