API tools faq
paste
EllenMaty

Amensue Theme Code

EllenMaty
Feb 16th, 2014
1,017
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Kameron' rel='stylesheet' type='text/css'>
  6.  
  7. <link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'>
  8. <!--
  9.  
  10. theme: Base (two column)
  11. by: kmr1.tumblr.com
  12.  
  13. feel free to steal this code and use it to build your own themes.
  14. credit is not required, but it would be nice :)
  15.  
  16. -->
  17. <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  18. <meta charset="UTF-8">
  19. <meta name="viewport" content="width=1080">
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}">
  25. {/block:Description}
  26. <meta name="image:Background" content="http://insightdesigns.co.uk/blog/wp-content/uploads/Bokeh_2_insight_designs.jpg">
  27.  
  28. <meta name="color:Background" content="#d9d9d9">
  29. <meta name="color:Text" content="#4D4D4D">
  30. <meta name="color:Borders" content="#5E5E5E">
  31. <meta name="color:Post Background" content="#ffffff">
  32. <meta name="color:Post Info" content="#ccc">
  33. <meta name="color:Post Info Text" content="#000">
  34. <meta name="color:Links" content="#b5b5b5">
  35. <meta name="color:Links Hover" content="#000">
  36. <meta name="color:Sidelinks" content="#4d4d4d">
  37. <meta name="color:Sidelinks Bg" content="#ccc">
  38. <meta name="color:Sidelinks Hover" content="#ccc">
  39. <meta name="color:Sidelinks Bg Hover" content="#4d4d4d">
  40. <meta name="color:Tooltip Bg" content="#fff">
  41. <meta name="color:Tooltip Text" content="#808080">
  42.  
  43. <meta name="text:Google Analytics ID" content="">
  44. <meta name="text:Link 1" content="URL">
  45. <meta name="text:Link 1 Title" content="Fire">
  46. <meta name="text:Link 2" content="URL">
  47. <meta name="text:Link 2 Title" content="Water">
  48. <meta name="text:Link 3" content="URL">
  49. <meta name="text:Link 3 Title" content="A">
  50. <meta name="if:Infinite Scrolling" content="1">
  51. <meta name="if:Background Image" content="1">
  52. <meta name="if:3 columns" content="0">
  53. <style type="text/css">
  54.  
  55. a, a:hover{cursor:url(http://i.imgur.com/IepP2.jpg), auto;}
  56.  
  57. ::-webkit-scrollbar
  58. {width: 5px; height: 5px;}
  59. ::-webkit-scrollbar-track-piece
  60. {background-color: {color:tooltip bg}; }
  61. ::-webkit-scrollbar-thumb:vertical
  62. {height: 5px; background-color: {color:tooltip text}; }
  63. ::-webkit-scrollbar-thumb:horizontal
  64. {width: 5px; background-color: {color:tooltip text}; }
  65.  
  66.  
  67. body a {
  68. text-decoration: none;
  69. }
  70.  
  71. body {
  72. color: {color:Text};
  73. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  74. background-color: {color:Background};
  75. {block:ifbackgroundimage}
  76. background-image: url('{image:background}');
  77. background-attachment: fixed;
  78. background-position: top center;
  79. {block:ifbackgroundimage}
  80. font-family: 'Fauna One', serif;
  81. {block:if3columns}
  82. width: 1300px;
  83. {/block:if3columns}
  84. {block:ifnot3columns}
  85. width: 1100px;
  86. {/block:ifnot3columns}
  87. margin: 0 auto;
  88. font-size: 11px;
  89. line-height: 12px;
  90. position: relative;
  91. }
  92.  
  93. /* main column of posts */
  94. .main {
  95. float: right;
  96. {block:if3columns}
  97. width: 1000px;
  98. {/block:if3columns}
  99. {block:ifnot3columns}
  100. width: 800px;
  101. {/block:ifnot3columns}
  102. margin-top: 20px;
  103. }
  104.  
  105. /* fixed sidebar */
  106. #sidebar {
  107. width: 180px;
  108. height: auto;
  109. margin-top: 400px;
  110. margin-left: 72px;
  111. position: fixed;
  112. z-index: 99999;
  113. background-color: transparent;
  114. }
  115.  
  116. .sidebara {
  117. background-color: transparent;
  118. width: 180px;
  119. height: auto;
  120. z-index: 9999;
  121. margin-top: 66px;
  122. }
  123.  
  124. /* blog title */
  125. .blog-title {
  126. font-family: 'Fauna One', serif;
  127. font-size: 15px;
  128. text-align: center;
  129. }
  130.  
  131. /* blog description in the sidebar */
  132. .description {
  133. font-size: 11px;
  134. width: 180px;
  135. text-align: justify;
  136. }
  137.  
  138. /* sidebar link styles */
  139. .sidebar-link {
  140. width: 100%;
  141. margin-left: -10px;
  142. margin-top: -4px;
  143. }
  144.  
  145. #sidebar td, .sidebar th {
  146. width: 40px;
  147. max-width: 40px;
  148. text-align: center;
  149. }
  150.  
  151. .sidebar-link a {
  152. background-color: {color:Sidelinks bg};
  153. display: block;
  154. padding: 5px;
  155. position: relative;
  156. color: {color:Sidelinks};
  157. text-transform: lowercase;
  158. text-decoration: none;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;
  159. }
  160. .sidebar-link a:hover {
  161. background-color: {color:Sidelinks bg hover};
  162. color: {color:Sidelinks hover};-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;
  163. }
  164.  
  165. /* general post styles */
  166. .post {
  167. background-color: {color:Post Background};
  168. margin-bottom: 15px;
  169. margin-right: 15px;
  170. width: 260px;
  171. float: left;
  172. }
  173. figure {
  174. margin: 0;
  175. }
  176. .post-content {
  177. padding: 8px;
  178. }
  179. .post img {
  180. max-width: 100%;
  181. height: auto;
  182. }
  183. .post h1,.post h2,.post h3,.post h4,.post h5,.post h6 {
  184. font-family: 'Fauna One', serif;
  185. font-size: 14px;
  186. font-weight: normal;
  187. }
  188. .post a, .description a {
  189. color: {color:Links};
  190. text-decoration: none;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;
  191. }
  192. .post a:hover, .description a:hover {
  193. color: {color:Links hover};
  194. text-decoration: none;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;
  195. }
  196. .post p, .description p {
  197. font-size: 11px;
  198. }
  199. .post ul, .description ul {
  200. list-style-type: circle;
  201. font-size: 11px;
  202. padding-left: 20px;
  203. }
  204. .post ol, .description ol {
  205. font-size: 11px;
  206. padding-left: 20px;
  207. }
  208. .post blockquote, description blockquote {
  209. border-left: 2px solid {color:Borders};
  210. padding-left: 5px;
  211. margin: 5px 0;
  212. }
  213.  
  214. /* videos, photosets, etc */
  215. .post iframe, .description iframe {
  216. max-width: 100%;
  217. }
  218.  
  219. /* chat post styles */
  220. .chat .label {
  221. font-weight: bold;
  222. text-align: right;
  223. }
  224. .chat ul {
  225. list-style-type: none;
  226. padding-left: 0;
  227. }
  228. .chat ul li {
  229. border-bottom: 1px solid rgba({RGBcolor:Borders},0.5);
  230. padding: 5px 0;
  231. }
  232. .chat ul li:last-child {
  233. border-bottom: 0;
  234. }
  235.  
  236. /* quote post styles */
  237. .quote-text {
  238. font-size: 12px !important;
  239. line-height: 13px;
  240. }
  241.  
  242. /* post meta info blocks */
  243. .post-meta {
  244. background-color: {color:Post info};
  245. color: {color:Post info text};
  246. font-size: 9px;
  247. padding: 3px;
  248. padding-right: 5px;
  249. position: absolute;
  250. {block:indexpage}
  251. opacity: 0;margin-top: -10px;
  252. width: 250px;{/block:indexpage}
  253. {block:permalinkpage}width: 400px;{/block:permalinkpage}
  254. padding-left: 5px;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;
  255. }
  256.  
  257. {block:indexpage}
  258. .post:hover .post-meta {
  259. margin-top: -18px;
  260. opacity: 1;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;
  261. }
  262. {/block:indexpage}
  263.  
  264. .post-meta a{
  265. color: {color:Post info text};
  266. text-decoration: none;
  267. }
  268.  
  269. .post-meta a:hover {
  270. color: {color:Links hover};
  271. }
  272.  
  273. .nonee {
  274. display: none;
  275. }
  276.  
  277. .asker-bar {
  278. padding: 8px;
  279. margin-bottom: -15px;
  280. }
  281. .tag:before {
  282. content: "#";
  283. }
  284. ol.notes {
  285. list-style-type: none;
  286. padding-left: 0;
  287. }
  288. .note {
  289. padding: 5px;
  290. }
  291. .note img.avatar, .asker-avatar {
  292. width: 16px;
  293. height: 16px;
  294. border-radius: 2px;
  295. margin-right: 8px;
  296. vertical-align: middle;
  297. }
  298.  
  299. /* page navigation */
  300. .pagination {
  301. margin: 0 auto;
  302. clear: both;
  303. text-align: center;
  304. {block:IfInfiniteScrolling}
  305. display: none;
  306. {/block:IfInfiniteScrolling}
  307. }
  308. #previous, #next, .page-info {
  309. font-size: 11px;
  310. background-color: {color:Post Background};
  311. color: {color:Text};
  312. padding: 5px;
  313. text-decoration: none;
  314. }
  315. #previous:hover, #next:hover {
  316. text-decoration: none;
  317. }
  318.  
  319. /* permalink pages */
  320. .permalink-page {
  321. width: 1100px;
  322. }
  323. .permalink-page .sidebar {
  324. margin-left: 72px;
  325. }
  326. .permalink-page .main {
  327. width: 800px;
  328. }
  329. .permalink-page .post {
  330. width: 410px;
  331. margin-right: 0;
  332. }
  333.  
  334. /* misc classes */
  335. .float-right {
  336. float: right;
  337. }
  338. .text-right {
  339. text-align: right;
  340. }
  341.  
  342. /* stop old IE from showing borders on linked images */
  343. a img {
  344. border: 0;
  345. }
  346.  
  347. /* change selection colors */
  348. ::-moz-selection {
  349. background: {color:Tooltip Bg};
  350. color: {color:tooltip text};
  351. text-shadow: none;
  352. }
  353. ::selection {
  354. background: {color:Tooltip bg};
  355. color: {color:tooltip text};
  356. text-shadow: none;
  357. }
  358.  
  359. #oneout {
  360. position: absolute;
  361. bottom: 61px;
  362. text-align:center;
  363. -webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;
  364. z-index:1; }
  365.  
  366. #oneout_inner {
  367. position: absolute;
  368. width:180px; height:2px;
  369. margin-top:1px;
  370. background: {color:Borders};
  371. -webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;
  372. text-align:left;
  373. z-index:1; }
  374.  
  375. #sidebar:hover #oneout_inner {
  376. height: 65px;
  377. max-height: 150px;
  378. }
  379.  
  380. #sidebar:hover .onetext {
  381. opacity: 1; -webkit-transition-duration:1s;-moz-transition-duration:1;-o-transition-duration:1s;transition-duration:1s;}
  382.  
  383. .onetext {
  384. opacity: 0; -webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s; padding: 10px;
  385. }
  386.  
  387. {CustomCSS}
  388. </style>
  389. </head>
  390. <body class="{block:IndexPage}index-page{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage}">
  391. <div id="sidebar">
  392. <div class="sidebara"><h1 class="blog-title"><div style="border-top: 2px solid {color:Borders}; border-bottom: 2px solid {color:Borders}; padding: 5px;">{Title}</div></h1><div class="description">{Description}</div>
  393.  
  394. </div>
  395.  
  396. <div id="oneout">
  397.  
  398. <div id="oneout_inner">
  399. <center>
  400. <div class="onetext"><div class="sidebar-link">
  401. <table style="width:170px">
  402. <tr>
  403. <td><a href="/">home</a></td>
  404. <td><a href="/ask">ask</a></td>
  405. <td><a href="/archive">past</a></td>
  406. </tr>
  407. <tr>
  408. <td><a href="{text:Link 1}">{text:Link 1 Title}</a></td>
  409. <td><a href="{text:Link 2}">{text:Link 2 Title}</a></td>
  410. <td><a href="{text:Link 3}">{text:Link 3 Title}</a></td>
  411. </tr>
  412. </table></div>
  413. </div>
  414. <br></center></div></div>
  415.  
  416. </div>
  417. </div>
  418. {block:Pagination}
  419. <div class="pagination">
  420.  
  421. {block:PreviousPage}<a href="{PreviousPage}" id="previous">&laquo;</a>{/block:PreviousPage}
  422.  
  423. <span class="page-info">{lang:CurrentPage of TotalPages}</span>
  424.  
  425. {block:NextPage}<a href="{NextPage}" id="next">&raquo;</a>{/block:NextPage}
  426.  
  427. </div>
  428. {/block:Pagination}
  429.  
  430. </div>
  431.  
  432. <div class="main">
  433.  
  434. {block:SearchPage}
  435. {block:SearchResults}
  436. <div class="post">
  437. <div class="post-content">
  438. <h3>{lang:SearchResultCount results for SearchQuery 2}</h3>
  439. </div>
  440. </div>
  441. {/block:SearchResults}
  442.  
  443. {block:NoSearchResults}
  444. <div class="post">
  445. <div class="post-content">
  446. <h3>{lang:No search results for SearchQuery 2}</h3>
  447. </div>
  448. </div>
  449. {/block:NoSearchResults}
  450. {/block:SearchPage}
  451.  
  452. {block:TagPage}
  453. <div class="post">
  454. <div class="post-content">
  455. <h3>#{Tag}</h3>
  456. </div>
  457. </div>
  458. {/block:TagPage}
  459.  
  460. {block:Posts}
  461.  
  462. <article id="{PostID}" class="post {PostType}">
  463.  
  464. {block:Answer}
  465. <div class="asker-bar">
  466. <img class="asker-avatar" src="{AskerPortraitURL-16}" /> {lang:Asked by Asker 2}:
  467. </div>
  468. {/block:Answer}
  469.  
  470. <div class="post-content">
  471. {block:Text}
  472. {block:Title}
  473. <h3>{Title}</h3>
  474. {/block:Title}
  475.  
  476. {Body}
  477. {/block:Text}
  478.  
  479. {block:Answer}
  480. <blockquote>
  481. <p>{Question}</p>
  482. </blockquote>
  483. {Answer}
  484. {/block:Answer}
  485.  
  486. {block:Photo}
  487. <figure>
  488. {LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}"/>{LinkCloseTag}
  489. </figure>
  490. {block:permalinkpage}<figcaption class="caption">{Caption}</figcaption>{/block:permalinkpage}
  491. {/block:Photo}
  492.  
  493. {block:Photoset}
  494. <figure>
  495. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  496. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  497. </figure>
  498.  
  499. {block:permalinkpage}<figcaption class="caption">{Caption}</figcaption>{/block:permalinkpage}
  500. {/block:Photoset}
  501.  
  502. {block:Quote}
  503. <p class="quote-text">"{Quote}"</p>
  504.  
  505. {block:Source}
  506. <p class="text-right"> &mdash; {Source}</p>
  507. {/block:Source}
  508. {/block:Quote}
  509.  
  510. {block:Link}
  511. <h3><a href="{URL}" class="link-post-link" {Target}>{Name} &rarr;</a></h3>
  512.  
  513. {block:Description}
  514. <div class="link-description">{Description}</div>
  515. {/block:Description}
  516. {/block:Link}
  517.  
  518. {block:Chat}
  519. {block:Title}
  520. <h3>{Title}</h3>
  521. {/block:Title}
  522.  
  523. <ul class="chat-lines">
  524. {block:Lines}
  525. <li class="{Alt} user_{UserNumber}">
  526. {block:Label}
  527. <span class="label">{Label}</span>
  528. {/block:Label}
  529.  
  530. <span class="line">{Line}</span>
  531. </li>
  532. {/block:Lines}
  533. </ul>
  534. {/block:Chat}
  535.  
  536. {block:Video}
  537. <figure>
  538. {block:IndexPage}{Video-250}{/block:IndexPage}
  539. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  540. </figure>
  541.  
  542. {block:Caption}
  543. <figcaption class="caption">{Caption}</figcaption>
  544. {/block:Caption}
  545. {/block:Video}
  546.  
  547. {block:Audio}
  548. <figure>
  549. {AudioEmbed}
  550. </figure>
  551.  
  552. {block:Caption}
  553. <figcaption class="caption">{Caption}</figcaption>
  554. {/block:Caption}
  555. {/block:Audio}
  556.  
  557. </div>
  558.  
  559. {block:PermalinkPagination}
  560. <div class="post-meta">
  561. <a class="note-count" href='{Permalink}#notes'>{NoteCountWithLabel}</a>
  562. <a class="time-posted float-right" href='{Permalink}'>{TimeAgo}</a>
  563. </div>
  564. {/block:PermalinkPagination}
  565. {block:IndexPage}
  566. <div class="post-meta">
  567. <a class="note-count" href='{Permalink}#notes' title="permalink">{NoteCountWithLabel}</a>
  568. <a class="float-right" href='{ReblogURL}' title="reblog me baby">reblog</a>
  569. </div>
  570. {/block:IndexPage}
  571.  
  572. {block:PermalinkPage}
  573. {block:PostNotes}
  574. <div class="post-meta notes-list">{PostNotes-16}</div>
  575. {/block:PostNotes}
  576. {/block:PermalinkPage}
  577.  
  578. </article>
  579.  
  580. {/block:Posts}
  581. </div>
  582. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  583. <script src="http://static.tumblr.com/anzluor/3H8mp4qek/masonry.pkgd.min.js"></script>
  584. {block:IfInfiniteScrolling}<script src="http://static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
  585. {block:IndexPage}
  586. <script>
  587. $(function(){
  588. var container = $('.main');
  589.  
  590. container.imagesLoaded( function(){
  591. container.masonry({
  592. itemSelector : '.post'
  593. });
  594. });
  595. {block:IfInfiniteScrolling}
  596. container.infinitescroll({
  597. navSelector : '.pagination',
  598. nextSelector : '.pagination a#next',
  599. itemSelector : '.post',
  600. loading: {
  601. img: 'data:image/gif;base64,R0lGODlhAQABAHAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw==',
  602. msgText: '',
  603. finishedMsg: ''
  604. }
  605. },
  606. function( newElements ) {
  607. var $newElems = $( newElements ).css({ opacity: 0 });
  608. $newElems.imagesLoaded(function(){
  609. $newElems.animate({ opacity: 1 });
  610. container.masonry( 'appended', $newElems, true );
  611. });
  612. }
  613. );
  614. {/block:IfInfiniteScrolling}
  615. });
  616. </script>
  617. {/block:IndexPage}
  618. {block:IfGoogleAnalyticsID}
  619. <script>
  620. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  621. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  622. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  623. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  624.  
  625. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  626. ga('send', 'pageview');
  627.  
  628. </script>
  629. {/block:IfGoogleAnalyticsID}
  630. </body>
  631. </html>
  632.  
  633. <div style="position: fixed; bottom: 10px; left: 10px; padding: 5px; background-color: {color:Sidelinks bg}; color: {color:sidelinks text}"><a href="http://thelittledanger.tumblr.com" target="_blank">ELLY</a></div>
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!