API tools faq
paste
Advertisement
AMARGEDOM

Theme 49 - Amargedom

AMARGEDOM
Nov 14th, 2013
275
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.38 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme 49 by Igor Henrique (amargedom.tumblr.com).
  4.  
  5. Please, DON'T REMOVE THE CREDITS, RESPECT THIS SIMPLE RULE! I spent a lot of time to do these themes.
  6. -->
  7. <!DOCTYPE html>
  8. <html>
  9. <head>
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#696969"/>
  12. <meta name="color:Link" content="#fae6e6"/>
  13. <meta name="color:Link Hover" content="#e8e8e8"/>
  14. <meta name="color:Scrollbar" content="#faeded"/>
  15. <meta name="color:Border" content="#e8e8e8"/>
  16. <meta name="color:Ask Background" content="#f7f7f7"/>
  17. <meta name="color:Ask Text" content="#696969"/>
  18. <meta name="if:Infinite Scroll" content="1"/>
  19. <meta name="if:Captions" content=""/>
  20. <meta name="if:Faded Images" content=""/>
  21. <meta name="if:Inverted Images" content=""/>
  22. <meta name="if:Tiny Cursor" content=""/>
  23. <meta name="if:Crosshair Cursor" content=""/>
  24. <meta name="text:Link 1 URL" content="/"/>
  25. <meta name="text:Link 1 name" content=""/>
  26. <meta name="text:Link 2 URL" content="/"/>
  27. <meta name="text:Link 2 name" content=""/>
  28. <meta name="text:Link 3 URL" content="/"/>
  29. <meta name="text:Link 3 name" content=""/>
  30. <meta name="text:Link 4 URL" content="/"/>
  31. <meta name="text:Link 4 name" content=""/>
  32. <meta name="text:Link 5 URL" content="/"/>
  33. <meta name="text:Link 5 name" content=""/>
  34. {block:Description}
  35. <meta name="description" content="{MetaDescription}" />
  36. {/block:Description}
  37. <meta charset="utf-8">
  38. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  39. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  43. <style type="text/css">
  44. {block:ifInvertedImages}img{
  45. opacity: 1;
  46. filter:alpha(opacity=10);
  47. -moz-opacity: 0.1;
  48. -moz-transition: all .9s ease;
  49. -o-transition: all .9s ease;
  50. transition: all .9s ease;
  51. -webkit-transition: all .9s ease;}
  52. {/block:ifInvertedImages}
  53.  
  54. {block:ifInvertedImages} img:hover{
  55. opacity: .8;
  56. filter:alpha(opacity=100);
  57. -moz-opacity: 1;
  58. -moz-transition: all .9s ease;
  59. -o-transition: all .9s ease;
  60. transition: all .9s ease;
  61. -webkit-transition: all .9s ease;}
  62. {/block:ifInvertedImages}
  63. {block:ifFadedImages}img{
  64. opacity: .8;
  65. filter:alpha(opacity=10);
  66. -moz-opacity: 0.1;
  67. -moz-transition: all .9s ease;
  68. -o-transition: all .9s ease;
  69. transition: all .9s ease;
  70. -webkit-transition: all .9s ease;}
  71. {/block:ifFadedImages}
  72.  
  73. {block:ifFadedImages} img:hover{
  74. opacity: 1;
  75. filter:alpha(opacity=100);
  76. -moz-opacity: 1;
  77. -moz-transition: all .9s ease;
  78. -o-transition: all .9s ease;
  79. transition: all .9s ease;
  80. -webkit-transition: all .9s ease;}
  81. {/block:ifFadedImages}
  82.  
  83. {block:ifInvertedImages}.photo {
  84. opacity: 1;
  85. filter:alpha(opacity=10);
  86. -moz-opacity: 0.1;
  87. -moz-transition: all .9s ease;
  88. -o-transition: all .9s ease;
  89. transition: all .9s ease;
  90. -webkit-transition: all .9s ease;}
  91. {/block:ifInvertedImages}
  92.  
  93.  
  94. {block:ifInvertedImages}.photo:hover{
  95. opacity: .8;
  96. filter:alpha(opacity=100);
  97. -moz-opacity: 1;
  98. -moz-transition: all .9s ease;
  99. -o-transition: all .9s ease;
  100. transition: all .9s ease;
  101. -webkit-transition: all .9s ease;}
  102. {/block:ifInvertedImages}
  103.  
  104. {block:ifFadedImages}.photo {
  105. opacity: .8;
  106. filter:alpha(opacity=10);
  107. -moz-opacity: 0.1;
  108. -moz-transition: all .9s ease;
  109. -o-transition: all .9s ease;
  110. transition: all .9s ease;
  111. -webkit-transition: all .9s ease;}
  112. {/block:ifFadedImages}
  113.  
  114.  
  115. {block:ifFadedImages}.photo:hover{
  116. opacity: 1;
  117. filter:alpha(opacity=100);
  118. -moz-opacity: 1;
  119. -moz-transition: all .9s ease;
  120. -o-transition: all .9s ease;
  121. transition: all .9s ease;
  122. -webkit-transition: all .9s ease;}
  123. {/block:ifFadedImages}
  124.  
  125. .photo a:hover{background:transparent;}
  126.  
  127.  
  128. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  129.  
  130. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  131.  
  132. ::-webkit-scrollbar {width:16px; height:16px; background: {color:Background};}
  133. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border-top:5px solid {color:Background};border-right:5px solid {color:Background};border-bottom:5px solid {color:Background};border-left:5px solid {color:Background};-webkit-border-radius: 100px;
  134. -moz-border-radius: 100px;border-radius: 100px;}
  135.  
  136. body{background-color: {color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:calibri;font-size:11px;line-height:13px;color:{color:Text};{block:ifTinyCursor}cursor:url(http://i.imgur.com/IepP2.jpg), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  137.  
  138. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;
  139. -webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear; transition: all 0.1s linear;}
  140.  
  141. a:hover{text-decoration:none;color:{color:Link Hover};{block:ifTinyCursor}cursor:url(http://i.imgur.com/IepP2.jpg), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  142.  
  143. #z{position:fixed;bottom:0;right:0;padding:15px;}
  144.  
  145. #z .y{position:absolute;margin-top:-7px;margin-left:-10px;opacity:0;font-family:calibri;font-size:10px;text-transform:uppercase;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;-webkit-transform: scale(.10);}
  146.  
  147. #z:hover .y{opacity:1;-webkit-transform: scale(1.0);margin-left:-12px;margin-top:-7px;}
  148.  
  149. #z .x{font-size:23px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  150.  
  151. #z:hover .x{opacity:0;-webkit-transform: scale(.10);}
  152.  
  153. #content {margin:auto;width:630px;}
  154. #cage {margin:auto; width:630px;padding-left:10px;padding-top:40px;padding-bottom:10px;}
  155.  
  156. blockquote{padding-left:5px;margin-left:23px;border-left:4px solid {color:Link};}
  157.  
  158. .p { padding-top: 5px; }
  159. .ol, ul { margin-left: 30px; padding: 5px; }
  160. .ul { list-style-type: square; }
  161.  
  162. .pt{font-size:16px;line-height:18px;margin-top:-3px;margin-bottom:-7px;text-transform:uppercase;font-family:courier new;}
  163. .b{font-size:20px;line-height:20px;letter-spacing:1px;text-transform:uppercase;font-family:courier new;}
  164. .b a{color:{color:Text};}
  165. .b a:hover{color:{color:Link Hover};}
  166.  
  167. .navigate a{font-size:8px;letter-spacing:1px;text-transform:uppercase;font-family:courier new;line-height:14px;margin-right:10px;}
  168.  
  169. .audiop{background:#e4e4e4;padding:10px;}
  170. .audioplayer {position:relative;margin-top:3px;}
  171. .audiop img{max-width:470px;}
  172.  
  173. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  174. -moz-border-radius: 10px; border-radius: 10px;}
  175.  
  176. #ask {min-width:250px;padding:15px;background:{color:Ask Background};color:{color:Ask Text};}
  177.  
  178. .askername{font-weight:bold;}
  179.  
  180. iframe, img, embed, object, video {max-width: 100%;}
  181.  
  182. #side { position:fixed;width:150px;z-index:9999999999999;left:0;top:0;padding:60px;}
  183.  
  184. article img{display:block;}
  185.  
  186. article {margin:25px;padding:6px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border:1px solid {color:Border};}
  187.  
  188. article .permat{width:250px;position:absolute;opacity:0;margin-top:12px;font-size:8px;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-family:courier new;text-align:center;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear; transition: all 0.5s linear;color:{color:Link};}
  189.  
  190. article:hover .permat{opacity:1;}
  191.  
  192. .chat .line{padding: 2px;}
  193.  
  194. .chat .line .odd{padding:2px;{color:Ask Text};background:{color:Ask Background};}
  195.  
  196. .label {font-weight:bold;}
  197.  
  198. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  199. -moz-border-radius: 10px; border-radius: 10px;display:inline;}
  200. .notes {line height:16px;}
  201.  
  202. .pagination{padding:10px;margin-left:40px;font-size:8px;letter-spacing:1px;text-transform:uppercase;}
  203.  
  204. {CustomCSS}
  205. </style>
  206. </head>
  207. <body>
  208. <div id="cage">
  209. <div id="z"><div class="x">∞</div>
  210. <div class="y"><a href="http://amargedom.tumblr.com/">amargedom</a></div>
  211. </div>
  212. <header id="side">
  213. <div class="b"><a href="/">{Title}</a></div>
  214. {Description}
  215. <div class="navigate">
  216. <a href="{text:Link 1 URL}">{text:Link 1 name}</a> <br>
  217. <a href="{text:Link 2 URL}">{text:Link 2 name}</a> <br>
  218. <a href="{text:Link 3 URL}">{text:Link 3 name}</a> <br>
  219. <a href="{text:Link 4 URL}">{text:Link 4 name}</a> <br>
  220. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  221. </div>
  222. </header>
  223.  
  224. <div id="content">
  225. {block:Posts}
  226. <article>
  227.  
  228. {block:Text}
  229. {block:Title}
  230. <div class="pt">{Title}</div>
  231. {/block:Title}
  232. {Body}
  233. {/block:Text}
  234.  
  235. {block:Photo}
  236. <div class="photo">
  237. {LinkOpenTag}
  238. <a href="{permalink}">
  239. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500">
  240. </a>
  241. {LinkCloseTag}
  242. {block:ifCaptions}
  243. {block:Caption}{Caption}{/block:Caption}
  244. {/block:ifCaptions}
  245. {block:ifNotCaptions}
  246. {block:PermalinkPage}
  247. {block:Caption}{Caption}{/block:Caption}
  248. {/block:PermalinkPage}
  249. {/block:ifNotCaptions}
  250. {block:ContentSource}
  251. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  252. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  253. {/block:SourceLogo}
  254. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  255. {/block:ContentSource}
  256. {block:ReblogParentURL}
  257. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  258. {/block:ReblogParentURL}
  259. {/block:Photo}
  260.  
  261. {block:Photoset}
  262. <div class="photoset">
  263. <div class="photo">
  264. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  265. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  266. </div>
  267. </div>
  268. {block:Caption}{Caption}{/block:Caption}
  269. {/block:Photoset}
  270.  
  271. {block:Quote}
  272. <div class="pt">
  273. "{Quote}"
  274. </div>
  275. {block:Source}<br>-{Source}{/block:Source}
  276. {/block:Quote}
  277.  
  278. {block:Link}
  279. <div class="pt">
  280. <a href="{URL}">{Name} »</a>
  281. </div>
  282. {block:Description}{Description}{/block:Description}
  283. {/block:Link}
  284.  
  285. {block:Chat}
  286. <div class="chat">
  287. {block:Lines}
  288. <div class="chat">
  289. <div class="line {Alt}">
  290. <div class="{Alt} user_{UserNumber}">
  291. {block:Label}
  292. <b>{Label} </b>
  293. {/block:Label}
  294. {Line}
  295. </div>
  296. </div>
  297. {/block:Lines}
  298. {/block:Chat}
  299.  
  300. {block:Audio}
  301. <div class="audio">
  302. <center>
  303. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="250" height="250"/>{/block:AlbumArt}</div></center>
  304. <div class="audiop">{AudioPlayerGrey}</div>
  305. {block:Caption}{Caption}{/block:Caption}
  306. {/block:Audio}
  307.  
  308. {block:Video}
  309. <div class="video">
  310. <div class="video-player">{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  311. {block:ifCaptions}
  312. {block:Caption}{Caption}{/block:Caption}
  313. {/block:ifCaptions}
  314. {block:ifNotCaptions}
  315. {block:PermalinkPage}
  316. {block:Caption}{Caption}{/block:Caption}
  317. {/block:PermalinkPage}
  318. {/block:ifNotCaptions}
  319. {/block:Video}
  320.  
  321. {block:Panorama}
  322. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  323. {block:ifCaptions}
  324. {block:Caption}{Caption}{/block:Caption}
  325. {/block:ifCaptions}
  326. {block:ifNotCaptions}
  327. {block:PermalinkPage}
  328. {block:Caption}{Caption}{/block:Caption}
  329. {/block:PermalinkPage}
  330. {/block:ifNotCaptions}
  331. {/block:Panorama}
  332.  
  333. {block:Answer}
  334. <div id="ask">
  335. <div class="askername">{Asker} asked:</div>
  336. {Question}
  337. </div>
  338. {Answer}
  339. {/block:Answer}
  340.  
  341. {block:IndexPage}
  342. <div class="permat">
  343. <a href="{Permalink}">{NoteCountWithLabel}</a> ∞ <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  344. </div>
  345. {/block:IndexPage}
  346.  
  347. {block:PermalinkPage}
  348. <div style="margin-top:5px;">
  349. {block:Date}
  350. <b>Posted:</b> {TimeAgo} on
  351. {ShortMonth} {DayofMonth},{Year} at
  352. {12Hour}:{Minutes} {CapitalAmPm}
  353. {/block:Date}
  354. {block:NoteCount}<br>
  355. <b>Notes:</b>
  356. {NoteCount}
  357. {/block:NoteCount}
  358. {block:HasTags}
  359. <br>
  360. <b>Tags:</b>
  361. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  362. {/block:Tags}
  363. {/block:HasTags}
  364. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  365. </div>
  366. {/block:PermalinkPage}
  367. {block:PostNotes}
  368. {PostNotes}
  369. {/block:PostNotes}
  370. </article>
  371. {/block:Posts}
  372.  
  373.  
  374. {block:Pagination}
  375. <div class="pagination">
  376. {block:PreviousPage}<a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Previous Page{/block:ifNotInfiniteScroll}</a> /{/block:PreviousPage}
  377. {block:NextPage}<a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Next Page{block:ifNotInfiniteScroll}</a>{/block:NextPage}
  378. </div>
  379. {/block:Pagination}
  380.  
  381. </div>
  382. </div>
  383.  
  384. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  385.  
  386. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  387.  
  388. {block:ifInfiniteScroll}
  389. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  390. <script type="text/javascript" src="http://static.tumblr.com/0bh6uxs/jyQmnb1mv/js.txt"></script>
  391. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  392. {/block:ifInfiniteScroll}
  393.  
  394.  
  395. <script>
  396. (function() {
  397. var $tumblelog = $('#content');
  398. {block:IfInfiniteScroll}
  399. $tumblelog.infinitescroll({
  400. navSelector : ".pagination",
  401. nextSelector : ".pagination a:first",
  402. itemSelector : "article",
  403. bufferPx : 50,
  404. done : "",
  405. loading: {
  406. finishedMsg: "<p> </p>",
  407. img : " ",
  408. msg: null,
  409. msgText: "<p> </p>"
  410. },
  411. },
  412. function( newElements ) {
  413. var $newElems = $( newElements ).css({ opacity: 0 });
  414. $newElems.imagesLoaded(function(){
  415. $newElems.animate({ opacity: 1 });
  416. $tumblelog.masonry( 'appended', $newElems);
  417. });
  418. }
  419. );
  420. {/block:IfInfiniteScroll}
  421. $tumblelog.imagesLoaded( function(){
  422. $tumblelog.masonry({
  423. columnWidth: function( containerWidth ) {
  424. return containerWidth / 100;
  425. }
  426. });
  427. });
  428. })();
  429. </script>
  430. </body>
  431. </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!