Want more features on Pastebin? Sign Up, it's FREE!

Theme 01 - AMARGEDOM

By: AMARGEDOM on Aug 21st, 2012  |  syntax: None  |  size: 10.30 KB  |  views: 4,345  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!-- THEME O1 POR AMARGEDOM.TUMBLR.COM NÃO RETIRE OS CRÉDITOS -->
  5. <!--     theme by Amargedom, não copie filho de uma quenga          -->
  6.      <!--                   www.amargedom.tumblr.com             -->
  7.  
  8. <head>
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script type="text/javascript" src="http://static.tumblr.com/0bh6uxs/2tym9fkj7/amargedomcred.txt"></script>
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17. <title>{title}</title>
  18.  
  19. <http:/e7n4.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="/rss">
  23.  
  24. <meta name="description" content="{metadescription}" />
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#000000"/>
  28. <meta name="color:Hover" content="#5d5d5d"/>
  29. <meta name="color:Link" content="#000000"/>
  30. <meta name="image:sidebar" content="http://shrani.si/f/39/Xr/3EA7hnkE/p1204242058215.jpg"/>
  31. <meta name="image:Background" content="1"/>
  32. <meta name="text:Link One Title" content="link1" />
  33. <meta name="text:Link One" content="" />
  34. <meta name="text:Link Two Title" content="link2" />
  35. <meta name="text:Link Two" content="" />
  36. <meta name="text:Link Three Title" content="link3" />
  37. <meta name="text:Link Three" content="" />
  38. <meta name="text:Link Four Title" content="link4" />
  39. <meta name="text:Link Four" content="" />
  40.  
  41. <style type="text/css">
  42.  
  43. ::-webkit-scrollbar {width: 5px; height: 4px; background: white; }
  44.  
  45. ::-webkit-scrollbar-thumb { background-color:black; }
  46.  
  47. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  48.  
  49. #tumblr_controls{
  50. position:fixed !important;
  51. }
  52.  
  53. .wrapper{
  54. margin: 0px auto;
  55. width: 900px;
  56. }
  57.  
  58. .header{
  59. float: left;
  60. width: 100%;
  61. }
  62.  
  63. .left{
  64. float: left;
  65. margin-right: 20px;
  66. width: 802px;
  67. }
  68.  
  69. .right{
  70. float: right;
  71. width: 200px;
  72. background-color: {color:Background};
  73. }
  74.  
  75. body {
  76. padding: 0px;
  77. margin: 0px;
  78. color:{color:text};
  79. font-family: cambria;
  80. font-size: 12px;
  81. line-height:12px;
  82. background-color: {color:Background};
  83. background-image:url({image:Background});
  84. background-attachment: fixed;
  85. background-repeat: repeat
  86. text-align: justify;
  87. }
  88.  
  89. a:link, a:active, a:visited{
  90. color:{color:link};
  91. text-decoration: none;
  92. -webkit-transition: color 0.4s ease-out;
  93. -moz-transition: color 0.4s ease-out;
  94. }
  95.  
  96. a:hover{
  97. color:{color:Hover};
  98. -webkit-transition: color 0.4s ease-out;
  99. -moz-transition: color 0.4s ease-out;
  100. }
  101.  
  102. .entry {
  103. float:left;
  104. margin:5px;
  105. text-align: justify;
  106. padding-top:5px;
  107. padding-left:5px;
  108. padding-right:5px;
  109. padding-bottom:3px;
  110. {block:IndexPage}
  111. width:280px;
  112. border:1px solid #eee;
  113. -webkit-transition-duration: .8s;
  114. {/block:IndexPage}
  115. {block:PermalinkPage}
  116. width:590px;
  117. {/block:PermalinkPage}
  118. }
  119.  
  120. #sidebar{
  121. z-index:999999999999999;
  122. position:absolute !important;
  123. position:fixed !important;
  124. width:250px;
  125. height:50px;
  126. margin-top:150px;
  127. margin-left:-90px;
  128. height:auto;
  129. z-index:10;
  130. border:1px solid #eee;
  131. padding:20px;
  132. overflow:hidden;
  133. text-align:center;
  134. -moz-transform: rotate(-90deg);
  135. -webkit-transform: rotate(-90deg);
  136. -webkit-transition: all 0.5s linear;
  137. -moz-transition: all 0.5s linear;
  138. transition: all 0.5s linear;
  139. }
  140.  
  141. #picbar{
  142. z-index:999999999999999;
  143. position:absolute !important;
  144. position:fixed !important;
  145. width:250px;
  146. margin-top:150px;
  147. margin-left:710px;
  148. height:auto;
  149. z-index:10;
  150. border:1px solid #eee;
  151. padding:5px;
  152. padding-bottom:3px;
  153. overflow:hidden;
  154. }
  155.  
  156.  
  157. #sidebar:hover{
  158. margin-left:-190px;
  159. -moz-transform: rotate(0deg);
  160. -webkit-transform: rotate(0deg);
  161. }
  162.  
  163. #posts {
  164. width: 604px;
  165. float:center;
  166. margin-left:100px;
  167. padding:5px;
  168. }
  169.  
  170. div#blogtitle{
  171. font-size:14px;
  172. text-align: center;
  173. line-height:2px;
  174. font-family: cambria;
  175. color:{color:text};
  176. text-transform:uppercase;
  177. }
  178.  
  179. .textperma{
  180. display: block;
  181. text-transform: lowercase;
  182. text-align: right;
  183. padding: 0px;
  184. padding-right:2px;
  185. margin: 2px;
  186. }
  187.  
  188. .title{
  189. font-size: 15px;
  190. line-height: 15px;
  191. color: {color:text};
  192. font-weight: normal;
  193. text-transform:uppercase;
  194. }
  195.  
  196. </style>
  197.  
  198. {block:IndexPage}
  199. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  200. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  201.  
  202. <script type="text/javascript">
  203. $(window).load(function () {
  204. var $content = $('#posts');
  205. $content.masonry({itemSelector: '.entry'}),
  206. $content.infinitescroll({
  207. navSelector : 'div#pagination',
  208. nextSelector : 'div#pagination a#nextPage',
  209. itemSelector : '.entry',
  210. loading: {
  211. finishedMsg: '',
  212. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  213. },
  214. bufferPx : 600,
  215. debug : false,
  216. },
  217. // call masonry as a callback.
  218. function( newElements ) {
  219. var $newElems = $( newElements );
  220. $newElems.hide();
  221. // ensure that images load before adding to masonry layout
  222. $newElems.imagesLoaded(function(){
  223. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  224.  
  225.  
  226. });
  227. });
  228. });
  229. </script>
  230.  
  231.  
  232.  
  233. {/block:IndexPage}
  234.  
  235. <title>{title}</title>
  236.  
  237. <link rel="shortcut icon" href="{Favicon}">
  238. <meta name="viewport" content="width=820" />
  239.  
  240.  
  241. </head>
  242.  
  243. <body>
  244.  
  245. <div class="wrapper">
  246. <div class="header">
  247. </div>
  248.  
  249. <div id="picbar">
  250. <a title="/" href="/"><img src="{image:sidebar}" width=250px height=auto></a>
  251. </div>
  252.  
  253. <div id="sidebar">
  254. <a href="/"><div id="blogtitle">{title}</div></a>
  255. <br>
  256. {description}
  257. <br>
  258. <a href="/">home</a> <a href="/ask">ask</a>
  259. {block:ifLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a> {/block:ifLinkOneTitle}
  260.  
  261. {block:ifLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title}</a> {/block:ifLinkTwoTitle}
  262.  
  263. {block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a> {/block:ifLinkThreeTitle}
  264.  
  265. {block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title}</a> {/block:ifLinkFourTitle}
  266. <a href="http://amargedom.tumblr.com">credit</a>
  267. </div>
  268. <a href="http://amargedom.tumblr.com/Th" style="width:96px;height:20px;background:url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);display:block;position:absolute;top:26px;right:3px;z-index:99999" target="_blank"></a>
  269. <div class="content">
  270.  
  271. <div class="left">
  272.  
  273. <div id="posts">
  274.  
  275. {block:Posts}
  276. <div class="entry">
  277.  
  278. {block:Text}
  279. {block:Title}<span class="title">{Title}</span>{/block:Title}
  280. <span class="entrytext">{Body}</span></a>
  281. {block:IndexPage}
  282. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  283. {/block:IndexPage}
  284. {/block:Text}
  285.  
  286. {block:Link}
  287. <a href="{URL}" class="title">{Name}</a>
  288. {block:Description}{Description}{/block:Description}
  289. {block:IndexPage}
  290. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  291. {/block:IndexPage}
  292. {block:Link}
  293.  
  294. {block:Photo}
  295. {block:IndexPage}{LinkOpenTag}
  296. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="280"/></a></div>{LinkCloseTag}{/block:IndexPage}
  297. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="590"/></a>{LinkCloseTag}{/block:PermalinkPage}
  298. {block:IndexPage}
  299. <div style="padding-top:2.5px;">
  300. <a href="{permalink}">{NoteCountWithLabel}</a> -
  301. <a href="{ReblogURL}">reblog</a>
  302. </div>
  303. {/block:IndexPage}
  304. {/block:Photo}
  305.  
  306. {block:Photoset}{block:IndexPage}
  307. <div class="permalink">
  308. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}<center>{Photoset-250}</center></span>{/block:Photoset}
  309.  
  310. {block:Quote}
  311. <span class="title">{Quote}</span><br />
  312. {block:Source}{Source}{/block:Source}
  313. {block:IndexPage}
  314. <br /><div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  315. {/block:IndexPage}
  316. {/block:Quote}
  317.  
  318. {block:Chat}
  319. {block:Title}<span class="title">{Title}</span>{/block:Title}
  320. <ul class="chat">
  321. {block:Lines}
  322. <li class="user_{UserNumber}">
  323. {block:Label}
  324. <span class="label">{Label}</span>
  325. {/block:Label}
  326.  
  327. {Line}
  328. </li>
  329. {/block:Lines}
  330. </ul>
  331. {block:IndexPage}
  332. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  333. {/block:IndexPage}
  334. {/block:Chat}
  335.  
  336. {block:Audio}
  337. <center><div style="width:200px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  338. {FormattedPlayCount} plays</small></div></div></center><br>
  339. {block:Caption}{Caption}{/block:Caption}
  340. {block:IndexPage}
  341. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  342. {/block:IndexPage}
  343. {/block:Audio}
  344.  
  345. {block:Video}{block:IndexPage}
  346. <div class="permalink">
  347. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}
  348. <center>
  349. <div class="videoperma">{Video-250}</div><BR>
  350. {block:Caption}{Caption}</a>{/block:Caption}</center>
  351. {block:Video}
  352.  
  353. {block:PermalinkPage}
  354. <center>
  355. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  356.  
  357. {/block:PermalinkPage}
  358.  
  359. {block:PostNotes}{PostNotes}
  360. {/block:PostNotes}
  361. </div>
  362.  
  363. {/block:Posts}
  364. </div>
  365. </div>
  366. {block:IndexPage}
  367. {block:Pagination}
  368. <div id="pagination">
  369. {block:NextPage}
  370. <a id="nextPage" href="{NextPage}"> </a>
  371. {/block:NextPage}
  372. {block:PreviousPage}
  373. <a href="{PreviousPage}"> </a>
  374. {/block:PreviousPage}
  375. </div>
  376. {/block:Pagination}
  377. {/block:IndexPage}
  378. </div>
  379.  
  380. </body>
  381. <div style="position:fixed; bottom:5px; right:5px; padding:5px; border:1px solid rgba(0,0,0,0.1);"><a href="http://amargedom.tumblr.com">A</a>
  382. </div>
  383. </html>
clone this paste RAW Paste Data