uma-metaleira-themes

theme 21

May 19th, 2012
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.25 KB | None | 0 0
  1. <!--- theme por uma-metaleira com base em sabedorias e detalhes de desesperancoso, sem copias e sem plagio por favor, use com respeito --->
  2. <html>
  3.  
  4. <head>
  5.  
  6. <!-- DEFAULT VARIABLES -->
  7. <meta name="color:background" content="#1d1d1d" />
  8. <meta name="color:text" content="#ffffff" />
  9. <meta name="color:post" content="#000000" />
  10. <meta name="color:scrollbar" content="#aaaaaa" />
  11. <meta name="image:background" content="" />
  12. <meta name="color:sidebar" content="#000000" />
  13. <meta name="color:linkhover" content="#949494" />
  14. <meta name="color:link" content="#fdfdfd" />
  15. <meta name="color:sidebar text" content="#ffffff" />
  16. <meta name="color:background sidlinks" content="#000000" />
  17. <meta name="color:text sidlinks" content="#ffffff" />
  18. <meta name="color:background sidlinks hover" content="#000000" />
  19. <meta name="color:text sidlinks hover" content="#ffffff" />
  20.  
  21.  
  22.  
  23.  
  24. <meta name="image:sidebar" Content=""/>
  25.  
  26. <meta name="text:Link1" content="/" />
  27. <meta name="text:Link1 Title" content="LINK" />
  28. <meta name="text:Link2" content="/" />
  29. <meta name="text:Link2 Title" content="LINK" />
  30. <meta name="text:Link3" content="/" />
  31. <meta name="text:Link3 Title" content="LINK" />
  32. <meta name="text:Link4" content="/" />
  33. <meta name="text:Link4 Title" content="LINK" />
  34. <meta name="text:Link5" content="/" />
  35. <meta name="text:Link5 Title" content="LINK" />
  36. <meta name="text:Link6" content="/" />
  37. <meta name="text:Link6 Title" content="LINK" />
  38.  
  39. <meta name="text:titulo" content="Alguma frase pequena aqui..."/>
  40.  
  41. <title>{Title}</title>
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. {block:Description}
  45. <meta name="description" content="{MetaDescription}" />
  46. {/block:Description}
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  52.  
  53. a {color: {color:link}; text-decoration: none; text-transform: none;}
  54. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  55.  
  56. p {margin: 6px 0 0 0}
  57.  
  58. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:sidebar}; padding-left: 5px; }
  59. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:sidebar};}
  60. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:sidebar}; }
  61. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:sidebar}; }
  62.  
  63. blockquote img{max-width: 470px!important}
  64. blockquote blockquote img{max-width: 450px!important}
  65. blockquote blockquote blockquote img{max-width: 430px!important}
  66. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  67.  
  68.  
  69. #entry {float: left; margin-left: 280px; margin-top:20px;}
  70.  
  71. .posts {width: 500px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  72.  
  73. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  74. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  75. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  76.  
  77.  
  78. .quote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  79. .quotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  80. .quotesource a, a:hover{text-transform: none;}
  81.  
  82. .chat {line-height: 13px; list-style: none }
  83. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  84. .person1 {color: {color:text}; padding: 2px; }
  85. .person1 .label {font-weight: bold; color:{color:text}}
  86. .person2 {color: {color:text}; padding: 2px; }
  87. .person2 .label {font-weight: bold; color:{color:text}}
  88.  
  89. .player {background-color: #000; text-align: left; display:block;}
  90.  
  91. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  92. .answer {padding: 2px}
  93. .answer img {max-width: 470px;}
  94.  
  95.  
  96. #date {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  97. #date a {font-size: 9px;}
  98.  
  99. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  100. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  101.  
  102. #cap {width: 500px; margin-top: -2px;}
  103. .source {display: none;}
  104.  
  105. .notes {width: 530px; padding: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 9px; text-align: left}
  106. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  107. ol.notes li {background-color: {color:post}; margin-bottom: 5px; padding: 5px; }
  108. .notes img{display: none; border:0px}
  109.  
  110. ::-webkit-scrollbar{width:4px;height:5px;}
  111. ::-webkit-scrollbar-button:start:decrement
  112. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  113. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  114. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  115. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: FFFFFF;-webkit-border-radius:px;}
  116. #tumblr_controls{position: fixed!important}
  117. #tumblr_controls{position: fixed!important}
  118. #tumblr_controls{position: fixed!important}
  119. #tumblr_controls{position: fixed!important}
  120.  
  121. /* LINKS */
  122.  
  123.  
  124.  
  125.  
  126.  
  127. #links {width: 15px; float: left; margin-left:5px; margin-top: 115px; padding: 0px; text-align: center; position:fixed;}
  128.  
  129. #links a {float: left; margin-left: 1px; display: block; letter-spacing: 0px; font-family: tinytots; font-size: 8px; text-align: left; margin-bottom: 1px; width: 235px; background-color: {color:background sidlinks}; color:{color:text sidlinks}; text-decoration: none; text-transform: none; height: 4px; padding: 5px; }
  130.  
  131. #links a:hover{text-align: right; background-color: {color:background sidlinks hover}; color:{color:text sidlinks hover};font-weight:bold;}
  132.  
  133.  
  134.  
  135.  
  136. /* PARTE DA SIDEBAR */
  137.  
  138. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  139.  
  140. #sbar {margin-left:168px; margin-top:45px; padding: 6px; text-align: center; position: fixed;}
  141.  
  142. #sbar2 {width: 0px; float: left; margin-left:-135px; height:212px; margin-top:45px; padding: 6px; background-color: {color: sidebar text}; text-align: center; position: fixed; padding:5px;}
  143.  
  144. .credit {font-family:verdana; font-size:9px; margin-top:-5px;}
  145.  
  146. /* IMAGEM DA SIDEBAR */
  147.  
  148. #slideShow4 {margin-top:65px; margin-left:195px;}
  149. #slideShow4 img {width: 150px; height: 150px; -webkit-transition: all 2.0s ease-out; -moz-transition: all 2.0s ease-out; }
  150. #slideShow4 img:hover {opacity: 1.0;}
  151.  
  152. .simage2 {margin-left:0px; margin-top:0px;}
  153. .simage2 img {width: 80px; height: 83px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
  154.  
  155.  
  156.  
  157.  
  158. /*** PAGINAÇÃO ETC ***/
  159.  
  160.  
  161. #paginacao {position: relative; margin-top: 320px; margin-left: 2px; width: 222px; background-color: {color:background sidlinks}; color: {color:text sidlinks}; padding: 5px; font-size: 8px; font-family: tinytots; text-align: center; margin-bottom: 1px; position:fixed; z-index:1; }
  162.  
  163. #pages {text-align: center; font-family: verdana; font-size: 8px; line-height: 12px; margin-left:140px; background-color:transparent;}
  164. #pages a {background: {color:background}; margin: 0 2px 0 0; padding: 2px 4px; color: {color:text}; text-decoration: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  165. #pages a:hover {background: {color:background sidebar}; color: {color:text sidlinks}; border: none;}
  166. #pages span.pagina_atual {background: {color:background sidebar}; margin: 0 2px 0 0; padding: 2px 4px; color: {color:text sidlinks}; font-weight: bold; text-decoration: none;}
  167. .page {clear: both; float: left; width: 210px; float: left; margin-bottom: 0px; background-color: {color:transparent}; margin-top: 0px; border-right: 2px solid {color:background}; margin-left:-145px;}
  168.  
  169. #credito {float: left; margin-top: 390px; margin-left: -111px; width: 100px; height: 12px; background-color: {color:sidebar}; color: {color:sidebar text}; padding: 5px; font-size: 9px; font-family: Verdana, Geneva, Tahoma,
  170.  
  171.  
  172.  
  173. sans-serif; text-align: center; -webkit-border-radius:0; -webkit-border-bottom-right-radius:0px;
  174.  
  175.  
  176.  
  177. -webkit-border-bottom-left-radius:0px; position:fixed; opacity: 1.0;}
  178.  
  179.  
  180.  
  181. #credito a{font-size: 9px; color:{color:sidebar text};}
  182.  
  183. #title1 {width: 48px; margin-top: 205px; margin-left: 6px; height: 50px; float:left; position:fixed; padding: 5px; overflow: hidden; letter-spacing: 0px; text-align: justify; font-family: tinytots; font-size: 8px; color: {color:text sidebar}; background-color: {color:background sidlinks}; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; font-weight: normal; overflow: hidden;}
  184.  
  185. #sdescri {margin-top: 268px; margin-left: 5px; text-align: justify; font-size: 9px; font-family: verdana; width: 200px; height: 40px; padding: 5px; float:left; position:fixed; overflow: hidden; font-weight: normal; color: {color:text sidebar}; background-color: {color:background sidlinks};}
  186.  
  187.  
  188.  
  189.  
  190.  
  191. </style>
  192.  
  193. <body>
  194. <div id="container">
  195.  
  196.  
  197.  
  198.  
  199.  
  200. </div></div>
  201.  
  202.  
  203.  
  204.  
  205. <div id="s3"></div>
  206.  
  207. <div id="links">
  208.  
  209. <a href="{text:link1}"><div style=margin-top:-2px;>{text:link1 Title}</div></a>
  210.  
  211. <a href="{text:link2}"><div style=margin-top:-2px;>{text:link2 Title}</div></a>
  212.  
  213. <a href="{text:link3}"><div style=margin-top:-2px;>{text:link3 Title}</div></a>
  214.  
  215. <a href="{text:link4}"><div style=margin-top:-2px;>{text:link4 Title}</div></a>
  216.  
  217. <a href="{text:link5}"><div style=margin-top:-2px;>{text:link5 Title}</div></a>
  218.  
  219. <a href="{text:link6}"><div style=margin-top:-2px;>{text:link6 Title}</div></a>
  220.  
  221. </div>
  222.  
  223. <div id="sbar2">
  224. <div id="slideShow4"><img src="{image:sidebar}"/></div>
  225.  
  226. </div>
  227.  
  228. <div id="title1">{text:titulo}</div></div>
  229.  
  230. <div id="sdescri">{description}</div>
  231.  
  232. <div id="paginacao"><div class="page"><div id="pages">{block:JumpPagination length="3"}{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}</div></div>
  233. « BY <a href="http://uma-metaleira.tumblr.com"><b>UMA-METALEIRA</b></a> <a href="http://sabedorias.tumblr.com"> BASE </a></a> <a href="http://desesperancoso.tumblr.com">+</a> »</div>
  234.  
  235. <div id="s1"></div>
  236.  
  237.  
  238.  
  239. <div id="entry">
  240.  
  241. {block:Posts}
  242. <div class="posts">
  243.  
  244. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  245.  
  246. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  247.  
  248. {block:Photoset}{Photoset-500}{/block:Photoset}
  249.  
  250. {block:Quote}
  251. <div class="quote">“{Quote}”</div>
  252. {block:Source}<div class="quotesource"> — {Source}</div>
  253. {/block:Source}
  254. {/block:Quote}
  255.  
  256. {block:Link}
  257. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  258. {block:Description}{Description}{/block:Description}
  259. {/block:Link}
  260.  
  261. {block:Chat}
  262. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  263. <div class="chat"><ul>{block:Lines}
  264. <li class="person{UserNumber}">{block:Label}
  265. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  266. {/block:Chat}
  267.  
  268. {block:Audio}
  269. <div class="player">{AudioPlayerBlack}</div>
  270. {block:Caption}{Caption}{/block:Caption}
  271. {/block:Audio}
  272.  
  273. {block:Video}{Video-500}{/block:Video}
  274.  
  275.  
  276. {block:Answer}
  277. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  278. <div class="answer">{Answer}</div>
  279. {/block:Answer}
  280.  
  281.  
  282. <div id="cap">
  283. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  284. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  285. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  286.  
  287. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  288. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  289. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  290. {/block:ContentSource}</div></div>
  291. <br>
  292.  
  293.  
  294. <div id="date">
  295. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  296. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank"><b>reblog</b></a>{/block:IndexPage}
  297. {block:RebloggedFrom}<br>© <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  298. {/block:RebloggedFrom}
  299. </div>
  300. </div>{/block:Date}
  301.  
  302.  
  303. {/block:Posts}
  304. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317.  
  318. </body>
  319. </html>
Advertisement
Add Comment
Please, Sign In to add comment