Advertisement
AMARGEDOM

Theme 13 - AMARGEDOM

Aug 26th, 2012
575
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.73 KB | None | 0 0
  1. <html>
  2. <head>
  3. <!-- THEME 13 POR AMARGEDOM.TUMBLR.COM NÃO RETIRE OS CRÉDITOS -->
  4. <script type="text/javascript" src="http://static.tumblr.com/0bh6uxs/2tym9fkj7/amargedomcred.txt"></script>
  5. <meta name="color:background" content="#f8f8f8" />
  6. <meta name="color:link" content="#666" />
  7. <meta name="color:hover" content="#999" />
  8. <meta name="color:text" content="#666" />
  9. <meta name="color:sidebar" content="#fff" />
  10. <meta name="color:border" content="#e3e3e3" />
  11. <meta name="color:post" content="#ffffff" />
  12.  
  13. <meta name="image:background" content="" />
  14. <meta name="image:sidebar" content="http://static.tumblr.com/6j5gssy/L7hm98jyu/untitled-2.jpg" />
  15.  
  16. <meta name="text:Link1 url" content="/" />
  17. <meta name="text:Link1 Title" content="link1" />
  18. <meta name="text:Link2 url" content="/" />
  19. <meta name="text:Link2 Title" content="link2" />
  20. <meta name="text:Link3 url" content="/" />
  21. <meta name="text:Link3 Title" content="link3" />
  22. <meta name="text:Link4 url" content="/" />
  23. <meta name="text:Link4 Title" content="link4" />
  24. <meta name="text:Link5 url" content="/" />
  25. <meta name="text:Link5 Title" content="link5" />
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}
  38. <meta name="description" content="{MetaDescription}" />
  39. {/block:Description}
  40.  
  41.  
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  48.  
  49. <style type="text/css">
  50.  
  51.  
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {background-color:#000;height:75px;width:3px;}
  54. ::-webkit-scrollbar {height:0px;width:3px;background-color:#ffffff; padding:2px;}
  55.  
  56. @font-face {
  57. font-family: "pacifico";
  58. src: url(http://static.tumblr.com/ufwwwyn/Do8m4xui1/pacifico.ttf) format("truetype");
  59. }
  60.  
  61. body {
  62. background-color: {color:background};
  63. font-family: verdana;
  64. color: {color:text};
  65. text-align: center;
  66. font-size: 11px;
  67. background-image:url('{image:background}');
  68. background-attachment: fixed; }
  69.  
  70. a {
  71. color: {color:link};
  72. text-decoration: none;
  73. text-transform: none;}
  74. a:hover {
  75. color: {color:lhover};
  76. background-color: transparent;
  77. text-decoration: none;
  78. text-transfome: uppercase;}
  79.  
  80. p {margin: 6px 0 0 0}
  81.  
  82. blockquote {
  83. margin: 5px 5px 5px 5px;
  84. border-left: 6px solid {color:background};
  85. padding-left: 5px; }
  86.  
  87. blockquote blockquote {
  88. margin: 0px 5px 0px 5px;
  89. border-left: 5px solid {color:background};}
  90.  
  91. blockquote blockquote blockquote {
  92. margin: 0px 5px 0px 5px;
  93. border-left: 4px solid {color:background}; }
  94.  
  95. blockquote blockquote blockquote blockquote {
  96. margin: 0px 5px 0px 5px;
  97. border-left: 3px solid {color:background}; }
  98.  
  99. blockquote img{
  100. max-width: 470px!important}
  101. blockquote blockquote img{
  102. max-width: 450px!important}
  103. blockquote blockquote blockquote img{
  104. max-width: 430px!important}
  105. blockquote blockquote blockquote blockquote img{
  106. max-width: 410px!important}
  107.  
  108.  
  109. #container {
  110. text-align: center;
  111. width: 935px;
  112. margin: 20px auto 20px auto;
  113. padding: 0px; z-index: 1}
  114.  
  115. #entry {
  116. float: left;
  117. margin-left: 500px;}
  118.  
  119. .posts {
  120. width: 500px;
  121. background-color: transparent;
  122. padding: 10px;
  123. margin-bottom: 2px;
  124. text-align: justify;
  125. font-family: calibri;
  126. font-size: 10px;
  127. position: relative;}
  128.  
  129. h1 {
  130. font-family: georgia; text-align:
  131. center; font-size: 14px;
  132. text-transform: none;
  133. color: {color:text};
  134. font-weight: normal;
  135. line-height: 18px;}
  136.  
  137. h1 a {
  138. text-align: center;
  139. font-size: 14px;
  140. text-transform: none;
  141. color: {color:text};
  142. font-weight: normal;
  143. line-height: 18px;}
  144.  
  145. h1 a:hover {
  146. text-align: center;
  147. font-size: 16px;
  148. text-transform: uppercase;
  149. color: {color:text};
  150. font-weight: normal;
  151. line-height: 18px;}
  152.  
  153. .image {
  154. text-align: center; border: 0px}
  155.  
  156. .image img {
  157. max-width: 500px;
  158. margin-bottom: 2px
  159. }
  160.  
  161. .pquote {
  162. font-family: arial;
  163. text-align: left;
  164. font-size: 12px;
  165. line-height: 15px;
  166. padding: 3px;}
  167.  
  168. .pquotesource {
  169. font-size: 9px;
  170. font-family: arial;
  171. text-align: right;
  172. text-transform: lowercase;
  173. margin-bottom: 5px;}
  174.  
  175. .pquotesource a, a:hover{
  176. text-transform: lowercase;}
  177.  
  178. .chat {
  179. line-height: 13px; list-style: none }
  180. .chat ul {
  181. line-height: 13px; list-style: none;
  182. padding: 5px; line-height:14px;}
  183.  
  184. .person1 {color: {color:text}; padding: 2px; }
  185. .person1 .label {font-weight: bold; color:{color:text}}
  186. .person2 {color: {color:text}; padding: 2px; }
  187. .person2 .label {font-weight: bold; color:{color:text}}
  188.  
  189. .player {
  190. background-color: #000;
  191. text-align: left;
  192. display:block;}
  193.  
  194. .question {
  195. color:{color:text};
  196. font-size: 10px;
  197. font-weight: normal;
  198. font-family: calibri;
  199. line-height:95%;
  200. background: {color:background};
  201. position: relative;
  202. min-height:70px;
  203. padding:10px 15px;
  204. margin-bottom:2px;
  205. margin-right:-10px;}
  206.  
  207. .questionarrow {
  208. font-size:30px;
  209. color:{color:background};
  210. vertical-align:middle;
  211. margin-left:-5px!important;}
  212.  
  213.  
  214. .asker {
  215. width:500px;
  216. text-align:right;
  217. text-transform:none;
  218. color:{color:text};}
  219.  
  220. .asker a {color:{color:text};}
  221. .asker img {float:left; margin-left:400px; vertical-align:top; margin-right:3px; max-height:15px;}
  222.  
  223. .asking {text-align:center;
  224. color:{color:text};
  225. font:9px verdana;
  226. text-transform:none;}
  227.  
  228. .asking a{
  229. color:{color:text};}
  230.  
  231. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  232.  
  233. .arrow {padding-top:11px; color:{color:question background}; font-size:30px;}
  234.  
  235.  
  236. .answer {color:{color:answer};}
  237.  
  238. .permalinks {
  239. opacity: 0.7;
  240. -webkit-transition: all 0.6s ease-out;
  241. -moz-transition: all 0.6s ease-out;}
  242.  
  243. .permalinks:hover {
  244. opacity: 0.99;
  245. -webkit-transition: all 0.6s ease-out;
  246. -moz-transition: all 0.6s ease-out;}
  247.  
  248. #info {
  249. border-top: 2px solid {color:text};
  250. text-align:right;
  251. margin-top:-4px;
  252. font-size: 10px;
  253. font-family: calibri;
  254. text-transform: uppercase;
  255. z-index: 11;}
  256.  
  257. #info a {
  258. font-size: 9px;
  259. text-transform: uppercase;}
  260.  
  261. #tags {
  262. color: {color:text};
  263. font-size: 8px;
  264. font-family: calibri;
  265. display: inline;
  266. list-style: none;
  267. text-transform: uppercase;;}
  268.  
  269. #tags a {
  270. font-size: 10px;
  271. font-family: calibri;
  272. display: inline;
  273. list-style: none;
  274. text-transform: uppercase;;}
  275.  
  276. #cap {width: 500px; margin-top: -2px;}
  277. .source {display: none;}
  278.  
  279. .notes {
  280. width: 520px;
  281. padding: 0px;
  282. margin-top: 1px;
  283. margin-bottom: 1px;
  284. font-size: 9px;
  285. text-align: center}
  286.  
  287. ol.notes {
  288. list-style: none;
  289. margin: 0 20px 0 0px;
  290. padding: 0px;
  291. z-index: 11;}
  292.  
  293. ol.notes li {
  294. background-color: {color:post};
  295. margin-bottom: 2px; padding: 5px; }
  296.  
  297. .notes img{
  298. display: none; border:0px}
  299.  
  300. #damon {
  301. position: fixed; margin: 0px 0px 0px -492px;}
  302.  
  303.  
  304. #sidebar {
  305. position:fixed;
  306. float: justify;
  307. z-index:2;
  308. left:830px;
  309. top: 50px;
  310. padding-top:70px;
  311. padding: 1px;
  312. text-align: justify;
  313. width: auto;
  314. height: 800px;
  315. background-color: transparent}
  316.  
  317.  
  318.  
  319.  
  320.  
  321. .ps {
  322. margin-left:-580px;
  323. margin-top: 300px;
  324. font-family: georgia;
  325. width: 0px;
  326. height: 10px;
  327. text-align: center;
  328. font-size: 17px;
  329. font-style:none;}
  330.  
  331. .ps a{
  332. font-size: 17px;
  333. font-style:none;
  334. background-color: transparent;
  335. color: {color:text};}
  336.  
  337. .ps2 {
  338. margin-left:-580px;
  339. margin-top: -10px;}
  340.  
  341. .ps2 a{
  342. font-size: 17px;
  343. font-family: georgia;
  344. width: 10px;
  345. height: 10px;
  346. font-style:none;
  347. background-color: transparent;
  348. color: {color:text};}
  349.  
  350.  
  351.  
  352. .titlek {
  353. position: fixed;
  354. background-color:{color:border};
  355. font-family:georgia;
  356. font-size:14px;
  357. width:210px;
  358. font-style:;
  359. color: {color:link};
  360. height:19px;
  361. padding: 2px;
  362. font-style: italic;
  363. text-align: center;
  364. letter-spacing: 0px;
  365. margin-top: 448px;
  366. margin-left: -558px; }
  367.  
  368.  
  369.  
  370. .description {
  371. position: fixed;
  372. background-color:{color:border};
  373. font-family: georgia;
  374. font-size:10px;
  375. width:210px;
  376. font-style: none;
  377. color: {color:text};
  378. height:150px;
  379. padding: 2px;
  380. font-style: italic;
  381. text-align: justify;
  382. margin-top: 471px;
  383. margin-left:-558px;
  384. border-top: 2px solid {color:text}}
  385.  
  386.  
  387. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  388. #paginacaoml a {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  389. #paginacaoml a:hover {background: #cor de fundo; border: none;}
  390. #paginacaoml span.pagina_atual {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  391. #paginacaoml span.info {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  392.  
  393.  
  394. .mside {
  395. text-align: justify;
  396. overflow: hidden;
  397. font-size: 9px;
  398. font-family: arial;
  399. position: fixed;
  400. margin-left:-558px;
  401. width: 214px;
  402. height: 507px;
  403. background-color: {color:border};
  404. color: {color:text};
  405. margin-top:-57px;
  406. background-attachment: fixed; }
  407.  
  408. .mside img{
  409. width: 208px;
  410. height:502px;
  411. margin-left:3px;
  412. margin-top: 3px;
  413. webkit-transition-duration: 1.0s;
  414. -moz-transition-duration: 1.0s;
  415. border: 0px solid {color:sidebar};
  416. -webkit-border-radius: 0px 0px 0px 0px;}
  417.  
  418.  
  419.  
  420. .link1 {
  421. width:111px;
  422. position:absolute;
  423. font-family:georgia;
  424. font-size:24px;
  425. height:12px;
  426. font-style: ;
  427. text-align:center;
  428. text-transform: none;
  429. margin-top:-497px;
  430. background-color:transparent;
  431. color: {color:sidebar};
  432. opacity:0.7;
  433. margin-left:3px;
  434. -webkit-transition: all 1.1s ease-out;
  435. -moz-transition: all 0.5s ease-out;
  436. -o-transition: all 0.5s ease-out;}
  437.  
  438.  
  439. .link2 {
  440. width:111px; position:absolute;
  441. font-family:calibri;
  442. font-size:9px;
  443. height:12px;
  444. text-align:center;
  445. text-transform: uppercase;
  446. margin-top:-172px;
  447. background-color:{color:sidebar};
  448. opacity:0;margin-left:120px;
  449. -webkit-transition: all 1.1s ease-out;
  450. -moz-transition: all 0.5s ease-out;
  451. -o-transition: all 0.5s ease-out;}
  452.  
  453. .link3 {
  454. width:111px;
  455. position:absolute;
  456. font-family:calibri;
  457. font-size:9px;
  458. height:12px;
  459. text-align:center;
  460. text-transform: uppercase;
  461. margin-top:-159px;
  462. background-color:{color:sidebar};
  463. opacity:0;margin-left:140px;
  464. -webkit-transition: all 1.1s ease-out;
  465. -moz-transition: all 0.5s ease-out;
  466. -o-transition: all 0.5s ease-out;}
  467.  
  468.  
  469.  
  470. .link4 {
  471. width:111px;
  472. position:absolute;
  473. font-family:calibri;
  474. font-size:9px;
  475. height:12px;
  476. text-align:center;
  477. text-transform: uppercase;
  478. margin-top:-146px;
  479. background-color:{color:sidebar};
  480. opacity:0;margin-left:160px;
  481. -webkit-transition: all 1.1s ease-out;
  482. -moz-transition: all 0.5s ease-out;
  483. -o-transition: all 0.5s ease-out;}
  484.  
  485.  
  486.  
  487. .link5 {
  488. width:111px;
  489. position:absolute;
  490. font-family:calibri;
  491. font-size:9px;
  492. height:12px;
  493. text-align:center;
  494. text-transform: uppercase;
  495. margin-top:-133px;
  496. background-color:{color:sidebar};
  497. opacity:0;margin-left:180px;
  498. -webkit-transition: all 1.1s ease-out;
  499. -moz-transition: all 0.5s ease-out;
  500. -o-transition: all 0.5s ease-out;}
  501.  
  502.  
  503. .link5 {
  504. width:111px;
  505. position:absolute;
  506. font-family:calibri;
  507. font-size:9px;
  508. height:12px;
  509. text-align:center;
  510. text-transform: uppercase;
  511. margin-top:-133px;
  512. background-color:{color:sidebar};
  513. opacity:0;margin-left:180px;
  514. -webkit-transition: all 1.1s ease-out;
  515. -moz-transition: all 0.5s ease-out;
  516. -o-transition: all 0.5s ease-out;}
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523. .mside:hover .link1 {opacity:0;margin-left:60px;}
  524.  
  525. .mside:hover .link2 {opacity:0.85;margin-left:60px;}
  526.  
  527. .mside:hover .link3 {opacity:0.85;margin-left:60px;}
  528.  
  529. .mside:hover .link4 {opacity:0.85;margin-left:60px;}
  530.  
  531. .mside:hover .link5 {opacity:0.85;margin-left:60px;}
  532.  
  533. .mside:hover .link6 {opacity:0.85;margin-left:60px;}
  534.  
  535.  
  536.  
  537.  
  538.  
  539. #tumblr_controls{position: fixed!important}
  540.  
  541. #tumblr_controls{position: fixed!important}
  542.  
  543. #tumblr_controls{position: fixed!important}
  544.  
  545. #tumblr_controls{position: fixed!important}
  546.  
  547.  
  548.  
  549. iframe#tumblr_controls {position: fixed !important; top: 0 !important; right: 0 !important; opacity: 0.5 !important; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  550. iframe#tumblr_controls:hover { position: fixed !important; top: 0 !important; right: 0 !important; opacity: 1.0 !important; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  551.  
  552.  
  553.  
  554.  
  555. </style>
  556.  
  557. <body onkeydown=”return false”>
  558.  
  559. <div id="sidebar">
  560.  
  561. <div class="tititica1"></div>
  562.  
  563. <div class="description">{description} </a></div>
  564.  
  565. <div class="titlek">{title}</div>
  566.  
  567. <div class="mside"><img src="{image:sidebar}"/>
  568.  
  569. <!---amargedom links ----->
  570.  
  571. <a href=""><div class="link1 url">HOVER</div></a>
  572. <a href="{text:link2 url}"><div class="link2 ">{text:link2 title}</div></a>
  573. <a href="{text:link3 url}"><div class="link3 ">{text:link3 title}</div></a>
  574. <a href="{text:link4 url}"><div class="link4 ">{text:link4 title}</div></a>
  575. <a href="{text:link5 url}"><div class="link5">{text:link5 title}</div></a>
  576.  
  577. </div>
  578.  
  579.  
  580.  
  581.  
  582. </div>
  583. <div id="entry">
  584.  
  585.  
  586. <div id="paginacaoml"><span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  587. {block:JumpPagination length="10"}
  588. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  589. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  590. {/block:JumpPagination}
  591. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  592. </div>
  593.  
  594.  
  595. {block:Posts}
  596. <div class="posts">
  597.  
  598. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  599.  
  600. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  601.  
  602. {block:Photoset}{Photoset-500}{/block:Photoset}
  603.  
  604. {block:Quote}
  605. <div class="pquote">“{Quote}”</div>
  606. {block:Source}<div class="pquotesource"> ( {Source} )</div>
  607. {/block:Source}
  608. {/block:Quote}
  609.  
  610. {block:Link}
  611. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  612. {block:Description}{Description}{/block:Description}
  613. {/block:Link}
  614.  
  615. {block:Chat}
  616. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  617. <div class="chat"><ul>{block:Lines}
  618. <li class="person{UserNumber}">{block:Label}
  619. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  620. {/block:Chat}
  621.  
  622. {block:Audio}
  623. <div class="player">{AudioPlayerBlack}</div>
  624. {block:Caption}{Caption}{/block:Caption}
  625. {/block:Audio}
  626.  
  627. {block:Video}{Video-500}{/block:Video}
  628.  
  629.  
  630. {block:Answer}
  631. <table width="500px" cellspacing="0" cellpadding="0">
  632. <tr>
  633. <td width="415px" class="question">{Question}</td>
  634. <td width="30px"><span class="questionarrow">◤</span></td>
  635. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  636. </tr>
  637. </table>
  638. <div class="answer">{Answer}</div>
  639. {/block:answer}
  640.  
  641.  
  642. <div id="cap">
  643. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  644. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  645. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  646.  
  647. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  648. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  649. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  650. {/block:ContentSource}</div></div>
  651. <br>
  652.  
  653. <div class="permalinks">
  654. {block:Date}<div id="info">
  655. <a href="{Permalink}">{block:Date}posted {TimeAgo}{/block:Date}</a></a> {block:NoteCount} / <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"> / via</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">/ original</a>{/block:ContentSource} {block:IndexPage}/ <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  656. </div></center>{/block:IfShowTags}{/block:Date}</div>
  657. </div>
  658.  
  659.  
  660. {/block:Posts}
  661. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  662. <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>
  663. <!-- Por favor não retire os créditos -->
  664. <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>
  665. </div>
  666.  
  667.  
  668.  
  669. </div>
  670. </div>
  671. </div>
  672. </div>
  673.  
  674. </body>
  675. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement