API tools faq
paste
Advertisement
AMARGEDOM

Theme 40 - Amargedom

AMARGEDOM
May 29th, 2013
379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.90 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME 40 POR AMARGEDOM,
  4. by http://amargedom.tumblr.com
  5. POR FAVOR NÃO RETIRE OS CREDITOS.
  6.  
  7. -->
  8. <head>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14.  
  15. <meta name="color:Title" content="#999999"/>
  16. <meta name="color:Text" content="#777777"/>
  17. <meta name="color:Subtitle" content="#BBBBBB"/>
  18. <meta name="color:Hover" content="#FFFFFF"/>
  19. <meta name="color:Link" content="#DDDDDD"/>
  20. <meta name="color:Background" content="#FFFFFF"/>
  21. <meta name="image:Background" content=""/>
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="text:Blog Title Size" content="14"/>
  24. <meta name="text:Link 1" content="/"/>
  25. <meta name="text:Link 1 Title" content="link 1"/>
  26. <meta name="text:Link 2" content="/" />
  27. <meta name="text:Link 2 Title" content="link 2"/>
  28. <meta name="text:Link 3" content="/" />
  29. <meta name="text:Link 3 Title" content="link 3">
  30. <meta name="text:Link 4" content="/" />
  31. <meta name="text:Link 4 Title" content="link 4">
  32. <meta name="text:Link 5" content="/" />
  33. <meta name="text:Link 5 Title" content="link 5">
  34. <meta name="text:Link 6" content="/" />
  35. <meta name="text:Link 6 Title" content="link 6">
  36. <meta name="text:Subtitle" content="">
  37. <meta name="text:Subtitle Size" content="11">
  38. <meta name="if:Sidebar Border" content=""/>
  39.  
  40.  
  41. <title>{Title}</title>
  42. {block:Description}<meta name="description" content="{MetaDescription}" />
  43. {/block:Description}
  44. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  45. <link rel="shortcut icon" href="{Favicon}">
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar {width:7px;height: 5px;background:#fff;}
  51. ::-webkit-scrollbar-thumb {background:#000;}
  52.  
  53. .chupabolinha {position:fixed; color: {color:text}; padding: 10px; top: 0px; left: 7px; width: 260px; height:12px;font-family: cambria; font-size: 15px; text-align: center;margin-right:4pxtext-transform:uppercase;;z-index:99999999999999999999999998;}
  54.  
  55. #vaaaaaaisabrina {width: 204px; margin-left: 94px; margin-top: 442px; position:fixed; overflow:hidden; background-color: none; padding:3px; font-family: cambria; font-size: 10px; text-align: center; letter-spacing: 0px; height: 14px;text-transform:lowercase;}
  56. #vaaaaaaisabrina a {background: {color:none}; margin: 0 1px 0 0; padding: 6px 4px; color: {color:Link};text-transform:uppercase;}
  57.  
  58.  
  59. body {
  60. margin:0px;
  61. background-color: {color:Background};
  62. background-image:url({image:Background});
  63. background-attachment:fixed;
  64. background-repeat:no-repeat;
  65. background-position:bottom right;
  66. font-family: Calibri;
  67. font-size:11px;
  68. line-height:11px;
  69. color: {color:Text};}
  70.  
  71.  
  72. a:link, a:active, a:visited{
  73. text-decoration: none;
  74. -webkit-transition: 0.5s ease;
  75. transition: 0.5s ease;
  76. -o-transition: 0.5s ease;
  77. -moz-transition: 0.5s ease;
  78. color:{color:Link};}
  79.  
  80. a:hover {
  81. color:{color:Hover};
  82. text-decoration:none;
  83. -webkit-transition: 0.5s ease;
  84. transition: 0.5s ease;
  85. -o-transition: 0.5s ease;
  86. -moz-transition: 0.5s ease;}
  87.  
  88. #center{
  89. margin:auto;
  90. position:relative;
  91. overflow:hidden;}
  92.  
  93. #entries{
  94. width:555px;
  95. margin-top:10px;
  96. margin-left:400px;
  97. {block:PermalinkPage}
  98. margin-left:400px;{/block:PermalinkPage}
  99. padding:5px;
  100. position:relative;
  101. overflow: hidden;}
  102.  
  103. #post{
  104. background:{color:Background};
  105. overflow:hidden;
  106. {block:IndexPage} padding:2px 2px 0px 2px;
  107. border:1px #ddd solid;{/block:IndexPage}
  108. margin:5px;
  109. width:250px;
  110. {block:PermalinkPage}
  111. width:450px;
  112. text-align:left;
  113. line-height:10px;
  114. {/block:PermalinkPage}}
  115.  
  116. #post .notes{
  117. {block:IndexPage}
  118. width:100%;
  119. text-transform:uppercase;
  120. position:absolute;
  121. background:#fff;
  122. margin-top:-10px;
  123. padding:2px;
  124. opacity:0;
  125. text-align:center;
  126. font-size:10px;
  127. -webkit-transition: 0.5s ease;
  128. transition: 0.5s ease;
  129. -o-transition: 0.5s ease;
  130. -moz-transition: 0.5s ease;
  131. {/block:IndexPage}}
  132.  
  133.  
  134. #post:hover .notes{
  135. {block:IndexPage}
  136. opacity: 0.9;
  137. margin-top:5px;
  138. -webkit-transition: 0.5s ease;
  139. transition: 0.5s ease;
  140. -o-transition: 0.5s ease;
  141. -moz-transition: 0.5s ease;
  142. {/block:IndexPage}}
  143.  
  144.  
  145. #post:hover .notes{
  146. opacity: 0.9;
  147. -webkit-transition: 0.5s ease;
  148. transition: 0.5s ease;
  149. -o-transition: 0.5s ease;
  150. -moz-transition: 0.5s ease;}
  151.  
  152. .posttitle{
  153. font-family:Calibri;
  154. padding:4px;
  155. text-transform:uppercase;
  156. text-align:Center;
  157. font-size:18px;
  158. color:{color:Title};}
  159.  
  160. .quote{
  161. display:block;
  162. font-style:none;}
  163.  
  164. .source{
  165. display:block;
  166. text-align:right;
  167. text-transform:lowercase;}
  168.  
  169. .ask{
  170. display:block;}
  171. .ask b,strong{
  172. color:{color:Text};}
  173. .answer{
  174. margin:0px;}
  175.  
  176. .audio{
  177. {block:IndexPage}width:239px;{/block:IndexPage}
  178. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  179. .info{
  180. padding:2px 0px 1px 57px;}
  181. .i b,strong{
  182. text-transform:lowercase;
  183. font-size:9px;}
  184. .pl b,strong{
  185. text-transform:lowercase;
  186. font-size:9px;}
  187. .player{
  188. position:absolute;
  189. overflow:hidden;
  190. margin:10px;
  191. background:#FFFFFF;
  192. width:24px;
  193. height:23px;
  194. opacity:0.7;}
  195.  
  196. .tpermalink{
  197. text-align:right;}
  198. .tpermalink a{
  199. margin-top:2px;
  200. font-size:10px;
  201. text-transform:uppercase;
  202. line-height:15px;}
  203.  
  204. #sidebar{
  205. width:200px;
  206. font-size:11px;
  207. position:fixed;
  208. text-align:center;
  209. margin-left:105px;
  210. margin-top:150px;
  211. padding:7px;}
  212.  
  213. .blogtitle{
  214. letter-spacing:2px;
  215. font-family:Cambria;
  216. font-size:{text:Blog Title Size}px;}
  217.  
  218. .subtitle{
  219. font-family:Calibri;
  220. color:{color:Subtitle};
  221. text-transform:uppercase;
  222. font-size:{text:Subtitle Size}px;
  223. margin-top:-3px;
  224. text-align:center;}
  225.  
  226. .description{
  227. text-align:center;}
  228.  
  229. .links{
  230. font-size:10px;
  231. text-transform:uppercase;}
  232. .links a{
  233. text-align:right;
  234. display:inline-block;
  235. padding:8px 8px 0px 8px;
  236. opacity:1;
  237. line-height:8px;}
  238. .links a:hover{
  239. opacity:1;
  240. color:{color:Hover};}
  241.  
  242. .sideimg{
  243. padding-bottom:5px}
  244.  
  245. .sideimg img{
  246. {block:IfSidebarBorder}border:#ddd 1px solid;{/block:IfSidebarBorder}
  247. padding:2px;
  248. width:120px;}
  249.  
  250. .permapage{
  251. margin-top:1px;
  252. font-size:11px;
  253. text-align:center;}
  254.  
  255. i, em{
  256. color:{color:Title};}
  257. b, strong{
  258. text-transform:none;
  259. color:{color:Text};}
  260. ul,ol{
  261. margin:0px;
  262. margin-left:-5px;}
  263. p{
  264. padding:0px;
  265. margin:2px;}
  266. u{
  267. text-decoration:none;
  268. color:{color:Title};}
  269. blockquote {
  270. margin:2px;
  271. padding:2px;
  272. margin-left:10px;
  273. border-left:solid 1px #eee;}
  274.  
  275. #scroll{
  276. bottom:-20px;
  277. position: absolute;
  278. left: 50%;
  279. width:10px;
  280. height:5px;
  281. overflow:hidden;
  282. margin-bottom:80px;}
  283.  
  284. #credit{
  285. position:fixed;
  286. right:10px;
  287. bottom:10px;
  288. text-transform:uppercase;
  289. font-family:Calibri;
  290. font-size:9px;}
  291.  
  292. #credit a{
  293. color:#AAAAAA;}
  294.  
  295. </style>
  296.  
  297. {block:IndexPage}
  298. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  299. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  300.  
  301. <script type="text/javascript">
  302. $(window).load(function(){
  303. var $wall = $('#entries');
  304. $wall.imagesLoaded(function(){
  305. $wall.masonry({
  306. itemSelector: '#post, #post_photo',
  307. isAnimated : false
  308. });
  309. });
  310.  
  311. $wall.infinitescroll({
  312. navSelector : '#pagination',
  313. nextSelector : '#pagination a',
  314. itemSelector : '#post, #post_photo',
  315. bufferPx : 2000,
  316. debug : false,
  317. errorCallback: function() {
  318. $('#scroll').fadeOut('normal');
  319. }},
  320. function( newElements ) {
  321. var $newElems = $( newElements );
  322. $newElems.hide();
  323. $newElems.imagesLoaded(function(){
  324. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  325. });
  326. }); $('#entries').show(500);
  327. });
  328. </script>
  329.  
  330.  
  331. {/block:IndexPage}
  332.  
  333. </head>
  334. </div>
  335. <body>
  336.  
  337. <div id="center">
  338. <div id="sidebar">
  339. <div class="subtitle">{Text:Subtitle}</div>
  340. <div class="blogtitle"><a href="/">{Title}<p></a></div>
  341. {block:IfSidebarImage}<div class="sideimg"><img src="{image:Sidebar}"></div>{/block:IfSidebarImage}
  342. <div class="description">{Description}</div>
  343. <div class="links">
  344. <a href="/">home</a>
  345. <a href="/ask">message</a>
  346. {block:IfLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:IfLink1}
  347. {block:IfLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:IfLink2}
  348. {block:IfLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:IfLink3}
  349. {block:IfLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:IfLink4}
  350. {block:IfLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:IfLink5}
  351. {block:IfLink6}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:IfLink6}
  352. </div></div></div>
  353. <script type="text/javascript" src="http://static.tumblr.com/0bh6uxs/jyQmnb1mv/js.txt"></script>
  354.  
  355. <div id="entries">
  356. {block:Posts}
  357.  
  358. <div id="post">
  359. {block:Text}
  360. <div class="posttitle">{Title}</div>{Body}
  361. {block:IndexPage}<div class="tpermalink">
  362. <a href="{ReblogURL}">reblog</a>
  363. <a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:IndexPage}
  364. {/block:Text}
  365.  
  366. {block:Link}
  367. <a href="{URL}"><div class="posttitle">{Name}⇢</div></a>
  368. {block:Description}{Description}{/block:Description}
  369. {block:IndexPage}<div class="tpermalink">
  370. <a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:IndexPage}
  371. {/block:Link}
  372.  
  373. {block:Photo}
  374. {block:IndexPage}<div class="notes">
  375. <a href="{Permalink}">{NoteCountWithLabel}</a> &middot;
  376. <a href="{ReblogURL}">reblog</a></div>
  377. {/block:IndexPage}
  378. {block:IndexPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:IndexPage}
  379. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="450px"/>{/block:PermalinkPage}
  380. </a>
  381. {/block:Photo}
  382.  
  383. {block:Photoset}
  384. {block:IndexPage}<div class="notes">
  385. <a href="{ReblogURL}">reblog</a>
  386. <a href="{Permalink}">{NoteCountWithLabel}</a> &middot;
  387. <a href="{ReblogURL}">reblog</a></div></div>{/block:IndexPage}
  388.  
  389. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  390. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  391. {/block:Photoset}
  392.  
  393. {block:Quote}
  394. <div class="quote">{Quote}</div>
  395. <div class="source"><b>{Source}</b></div>
  396. {block:IndexPage}<div class="tpermalink">
  397. <a href="{Permalink}">{NoteCountWithLabel}</a></a>
  398. </div>{/block:IndexPage}
  399. {/block:Quote}
  400.  
  401. {block:Answer}
  402. <div style="border-bottom:1px #aaa solid; padding:2px;"><div class="ask"><b>{Asker}:</b> {Question}</div></div>
  403. <div class="answer">{Answer}</div>
  404. {block:IndexPage}<div class="tpermalink">
  405. <a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:IndexPage}
  406. {/block:Answer}
  407.  
  408. {block:Chat}
  409. <div class="posttitle">{Title}</div>
  410. {block:Lines}<div class="c {Alt}">
  411. <div class="{Alt} user_{UserNumber}">
  412. {block:Label}<font style="text-transform:lowercase; font-family:Calibri;"> <b>{Label}</b></font> {/block:Label}{Line}</div></div>{/block:Lines}
  413. {block:IndexPage}<div class="tpermalink"> <a href="{ReblogURL}">reblog</a>
  414. <a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:IndexPage}
  415. {/block:Chat}
  416.  
  417. {block:Audio}<div class="audio">
  418. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  419. <div class="info"><div class="i"><b>track:</b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>artist:</b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div> <a href="{ReblogURL}">reblog</a>
  420. <div class="pl"><b>plays:</b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div></div>
  421. {block:IndexPage}<div class="tpermalink">
  422. <a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:IndexPage}
  423. {/block:Audio}
  424.  
  425. {block:Video}
  426. {block:IndexPage}<div class="notes">
  427. <a href="{Permalink}">{NoteCount}</a>
  428. {/block:HasTags}</div>{/block:IndexPage}
  429. {block:IndexPage}{Video-250}{/block:IndexPage}
  430. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  431. {/block:Video}
  432.  
  433.  
  434. {block:PermalinkPage}
  435. {block:Caption}{Caption}{/block:Caption}
  436. {block:Date}<div class="permapage">{block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a> -
  437. {block:ContentSource}<a href="{ReblogRootURL}">SOURCE</a>
  438. {/block:ContentSource}<br>{/block:RebloggedFrom}
  439. posted {TimeAgo} - {NoteCountWithLabel}
  440. {block:HasTags}<br>
  441. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  442. {/block:HasTags}</div>{/block:Date}
  443. {block:NoteCount}<div style="margin-top:10px;">
  444. {block:PostNotes}{PostNotes}{/block:PostNotes}
  445. </div>{/block:NoteCount}{/block:PermalinkPage}
  446. <a href="{ReblogURL}">reblog</a>
  447. </div>
  448.  
  449. {/block:Posts}
  450. </div></div>
  451.  
  452. {block:IndexPage}
  453. {block:Pagination}
  454. <div id="pagination">
  455. {block:NextPage}
  456. <a id="nextPage" href="{NextPage}"></a>
  457. {/block:NextPage}
  458. {block:PreviousPage}
  459. <a href="{PreviousPage}"></a>
  460. {/block:PreviousPage}
  461. </div>
  462. {/block:Pagination}
  463. {/block:IndexPage}
  464.  
  465.  
  466.  
  467. <div class="chupabolinha"><div id="vaaaaaaisabrina">{block:PreviousPage}<a href="{PreviousPage}"><big>«</big></a>{/block:PreviousPage} {CurrentPage} of {TotalPages}
  468. {block:NextPage}<a href="{NextPage}"><big>»</big></a>{/block:NextPage}
  469. </div></div>
  470. </div></div></div>
  471. </body>
  472. <div id="credit"><a href="http://amargedom.tumblr.com">theme</a></div>
  473. </html>
  474.  
  475. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
  476. .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
  477. .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
  478. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>
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!