uma-metaleira-themes

theme 19

May 18th, 2012
41
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.05 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <! theme adaptado por uma-metaleira baseado em lagrimar e base por l-oveyourself !>
  6. <! esse theme possui todos os direitos, não retirar os créditos !>
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head> <!-- DEFAULT VARIABLES -->
  11. <meta name="color:background" content="#000" />
  12. <meta name="color:link" content="#bebebe" />
  13. <meta name="color:linkhover" content="#fff" />
  14. <meta name="color:text" content="#fff" />
  15. <meta name="color:post" content="#000000" />
  16. <meta name="color:sidebar" content="#000000" />
  17. <meta name="color:scroll" content="#fff" />
  18. <meta name="color:bgmenu" content="#000" />
  19. <meta name="color:colormenu" content="#fff" />
  20. <meta name="color:bgmenuhover" content="#000000" />
  21. <meta name="color:colormenuhover" content="#FFFFFF" />
  22. <meta name="color:bgfrase" content="#000000" />
  23. <meta name="color:colorfrase" content="#ffffff" />
  24. <meta name="color:borda" content="#000000" />
  25. <meta name="text:frase1" content="somos todos colecionadores"/>
  26. <meta name="text:frase2" content="de decepções!"/>
  27.  
  28. <meta name="image:background" content="" />
  29.  
  30. <meta name="image:imagem1" content="http://27.media.tumblr.com/tumblr_m3euneFgW71r5jt8po1_250.png" />
  31. <meta name="image:imagem2" content="http://30.media.tumblr.com/tumblr_m3euneFgW71r5jt8po3_250.png" />
  32.  
  33.  
  34.  
  35.  
  36.  
  37. <meta name="text:Link1" content="/" />
  38. <meta name="text:Link1 Title" content="link" />
  39. <meta name="text:Link2" content="/" />
  40. <meta name="text:Link2 Title" content="link" />
  41. <meta name="text:Link3" content="/" />
  42. <meta name="text:Link3 Title" content="link" />
  43. <meta name="text:Link4" content="/" />
  44. <meta name="text:Link4 Title" content="link" />
  45. <meta name="text:Link5" content="/" />
  46. <meta name="text:Link5 Title" content="link" />
  47. <meta name="text:Link6" content="/" />
  48. <meta name="text:Link6 Title" content="link" />
  49. <meta name="text:Link7" content="/" />
  50. <meta name="text:Link7 Title" content="link" />
  51. <meta name="text:Link8" content="/" />
  52. <meta name="text:Link8 Title" content="link" />
  53. <meta name="text:Link9" content="/" />
  54. <meta name="text:Link9 Title" content="link" />
  55. <meta name="text:Link10" content="/" />
  56. <meta name="text:Link10 Title" content="link" />
  57.  
  58.  
  59.  
  60.  
  61. <marquee><title>{title}.</title></marquee>
  62. <link rel="shortcut icon" href="{Favicon}">
  63. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  64. {block:Description}
  65. <meta name="description" content="{MetaDescription}" />
  66. {/block:Description}
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  69.  
  70. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  71.  
  72. <link href='http://fonts.googleapis.com/css?family=Coming Soon' rel='stylesheet' type='text/css'>
  73.  
  74. <style type="text/css">
  75.  
  76.  
  77. 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; }
  78.  
  79. a {color: {color:link}; text-decoration: none; text-transform: none;}
  80. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none;}
  81.  
  82. p {margin: 6px 0 0 0}
  83.  
  84. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background}; padding-left: 5px; }
  85. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};}
  86. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  87. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  88.  
  89. blockquote img{max-width: 470px!important}
  90. blockquote blockquote img{max-width: 450px!important}
  91. blockquote blockquote blockquote img{max-width: 430px!important}
  92. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  93.  
  94. #tudo {text-align: center; width: 935px; margin: 0px auto 0px auto; padding: 0px; z-index: 1}
  95.  
  96. #oquevemnadireita {float: left; margin-top: 26px; overflow:hidden; margin-left: 429px;}
  97.  
  98. .vicftpost {width: 500px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; border-left: 1px solid {color:background};}
  99.  
  100. #topsib2 {z-index: 90; top: -18px; background-color: {color:background}; width: 1030px; height: 52px; padding: 0px; position: fixed; margin-left: -5px; background-image:url('{image:background}'); }
  101.  
  102.  
  103. h1 {font-family: Coming Soon; text-align: center; font-size: 20px; color: {color:text}; font-weight: normal; line-height: 18px;}
  104. h1 a {text-align: center; font-size: 20px; color: {color:text}; font-weight: normal; line-height: 18px;}
  105. h1 a:hover {text-align: center; font-size: 20px; color: {color:text}; font-weight: normal; line-height: 18px;}
  106.  
  107. .image {text-align: center; border: 0px}
  108. .image img {max-width: 500px; margin-bottom: 2px }
  109.  
  110. .oiqqtt {font-family: verdana; text-align: center; font-size: 12px; line-height: 15px; padding: 3px;}
  111. .oiqqtts {text-align: center; text-transform: none; margin-bottom: 5px;}
  112. .oiqqtts a, a:hover{text-transform: none;}
  113.  
  114. #content {}
  115. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  116. @font-face {font-family: "allura";src: url('http://static.tumblr.com/eo5oqsr/RTvm376fw/allura-regular.ttf');}
  117.  
  118. .chat {line-height: 13px; list-style: none }
  119. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  120. .person1 {color: {color:text}; padding: 2px; background-color: {color:background}; }
  121. .person1 .label {font-weight: bold; color:{color:text}; background-color: {color:background};}
  122. .person2 {color: {color:text}; padding: 2px; }
  123. .person2 .label {font-weight: bold; color:{color:text}}
  124.  
  125. .player {background-color: #000; text-align: left; display:block;}
  126.  
  127.  
  128.  
  129. /* asker */
  130.  
  131. .bubble {align:right;background: {color:background}; margin:7px 0px 5px 66px;padding:10px;position: relative; font-weight: bold; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
  132.  
  133. .bubble p {margin:1px 0px; }
  134.  
  135. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px; font-weight: bold; left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:background};}
  136.  
  137. .askborder{-webkit-border-radius: 0px 0px 360px 360px; -webkit-transition-duration: 0.6s;}.askborder:hover{-webkit-border-radius: 360px 360px 360px 360px;}
  138.  
  139. #ask_form{width: 500px}
  140.  
  141. .asker {
  142. width: 480px;
  143. background-color: {color:background};
  144. color:{color:text};
  145. padding: 10px
  146. }
  147. .asker img{
  148. float: left;
  149. margin: 0px 4px 2px 0
  150. }
  151. .asker a{
  152. font-size: 20px;
  153. color:{color:link};
  154. text-transform: lowercase;
  155. line-height: 27px;
  156. padding: 0; margin: 0;
  157. font-family: georgia;
  158. font-weight: bold;
  159.  
  160. }
  161. .asker a:hover{
  162. font-size: 20px;
  163. color:{color:link};
  164. text-transform: lowercase;
  165. line-height:27px;
  166. padding: 0;
  167. margin: 0;
  168. font-family: georgia;
  169. font-weight: bold;
  170. }
  171. .answer {padding: 5px 0 0 0}
  172.  
  173.  
  174. #info {
  175. margin-top: 0px;
  176. border-left: 0px solid {color:sidebarlinks};
  177. padding: 5px;
  178. background-color: {color:background};
  179. text-align: left;
  180. font-size: 8px;
  181. font-family: tinytots;
  182. text-transform: lowercase;
  183. }
  184.  
  185. #info a {font-size: 8px;}
  186.  
  187. #nts {
  188. width: 500px;
  189. margin-left: 95px;
  190. padding: 10px;
  191. margin-top: 5px;
  192. font-size: 10px;
  193. text-align: left
  194. }
  195.  
  196. #nts img{display: none; border:0px}
  197.  
  198. .tags {color: #888; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  199. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  200.  
  201. #cap {width: 500px; margin-top: -2px;}
  202. .source {display: none;}
  203.  
  204. .notes {width: 530px; padding: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 9px; text-align: center}
  205. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  206. ol.notes li {background-color: {color:post}; margin-bottom: 5px; padding: 5px; }
  207. .notes img{display: none; border:0px}
  208.  
  209. ::-webkit-scrollbar{width:5px;height:5px;}
  210. ::-webkit-scrollbar-button:start:decrement
  211. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  212. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  213. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  214. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  215.  
  216. /* theme */
  217.  
  218. #sidebar {position: fixed; margin: -10px 0px 0px 0px;}
  219.  
  220.  
  221.  
  222.  
  223. #frase1 {margin-left: 32px; margin-top: 267px; width: 186px; height: 20px; text-align: center; background-color: {color:bgfrase}; position: fixed; padding: 5px 0 9px 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; font-size: 10px; font-family: tahoma; color: {color:colorfrase}; z-index: 2; }
  224.  
  225.  
  226.  
  227. #frase2 {position: fixed; margin-left: 219px; margin-top: 6px; width: 210px; height: 30px; text-align: center; background-color: {color:bgfrase}; }
  228.  
  229.  
  230. #titlebar {position: fixed; margin-left: 32px; margin-top: 6px; width: 186px;background-color:{color:bgfrase}; position: fixed; height: 30px; font-size: 8px; text-align: center; text-transform: none; line-height:31px; font-family: tinytots; color: {color:colorfrase}; }
  231.  
  232.  
  233.  
  234. #links2 {width: 208px; float: left; margin-left:220px; margin-top: 55px;background-color: #000000; padding: 0px; text-align: center; position: fixed; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ; }
  235.  
  236. #links2 a {float: left; margin-left: 16px; display: block; letter-spacing: 1px; font-family:tinytots; text-transform:uppercase; font-size:8px; text-align: center; margin-bottom: 5px; width: 75px; }
  237.  
  238. #links2 a:hover{text-align: center; background-color: {color:bgmenuhover}; color:{color:bgcolorhover}; font-weight:bold; letter-spacing: 2px;}
  239.  
  240. #links2:hover{opacity: 0.9;}
  241.  
  242.  
  243.  
  244. #sid{float: left; display: block; height:15px; font-size: 9px; font-family: verdana; position: relative; margin-left: 186px; width: 191px; background-color: {color:bgfrase}; padding: 10px; margin-top: 84px; background-attachment: fixed; height:auto; }
  245.  
  246.  
  247. .ttle {text-align: center; font-family: georgia; font-size: 20px; color: {color:text}; letter-spacing: 1px; height: 30px;}
  248.  
  249. /* imagens */
  250.  
  251. #slideShowContainer{ float: left; margin-top: 37px; margin-left: 32px; height: 229px; width:186px; position: fixed; background-color: {color:borda}; border-right: 1px solid {color:background}; }
  252.  
  253. #slideShow2 {margin-top: -225px; margin-bottom: 5px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  254.  
  255. #slideShow2 img{width: 175px; height: 220px; margin-left: 0px;}
  256. #slideShow2:hover {opacity: 0;}
  257.  
  258. #slideShowContainer2{float: left; margin-top: 0px; margin-left: 185px; height: auto; width:185px; position: fixed; background-color: {color:borda};}
  259.  
  260. #slideShow3 {margin-top: -5px; margin-bottom: 5px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  261.  
  262. #slideShow3 img{width: 175px; height: 220px; margin-left: 0px;}
  263. #slideShow3:hover {opacity: 0;}
  264.  
  265. #slideShow4 {margin-top: 5px; margin-bottom: 5px;}
  266. #slideShow4 img{width: 175px; height: 220px; margin-left: 0px;}
  267.  
  268.  
  269.  
  270.  
  271.  
  272. #simage {margin-bottom:0px; margin-top:13px; }
  273.  
  274. #simage img {border: 1px solid {color:sidebar}; max-width: 68px; margin-left: -4px; height: 100px; text-align:left; width:68px; height: 93px; text-align:left}
  275.  
  276.  
  277.  
  278. #sdpagi{float: left; margin-top: 17px; margin-left: 220px; height: 28px; width:208px; position: fixed; background-color: #transparent;}
  279.  
  280. /* pagination*/
  281.  
  282. #pagination {font-family:georgia; text-align:center; font-size:10px; letter-spacing:1px}
  283.  
  284. /*** Paginação by madlyluv.com ***/
  285. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 6px; text-shadow: 0 1px 1px #fff;}
  286. #paginacaoml a {background: #cor_1; margin: 0 1px 0 0; padding: 2px 4px; color: #cor_2; text-decoration: none;}
  287. #paginacaoml a:hover {background: #cor_3; border: none;}
  288. #paginacaoml span.pagina_atual {background: #cor_4; margin: 0 1px 0 0; padding: 2px 4px; color: #cor_5; text-decoration: none;}
  289. #paginacaoml span.info {background: #cor_6; margin: 0 1px 0 0; padding: 2px 4px; color: #cor_7; text-decoration: none;}
  290.  
  291.  
  292. .sdescri {text-align: justify; overflow: auto; height: 113px; -webkit-border-radius: 0px 0px 0px 0px; font-size: 9px; font-family: verdana; position: fixed; margin-left: 219px; width: 190px; background-color: {color:sidebar}; color: {color:text}; padding: 10px; margin-top: 137px; background-attachment: fixed;}
  293.  
  294. #credit {float: left; margin-top: 260px; margin-left: 220px; width: 205px; background-color:{color:bgfrase}; color: {color:colorfrase}; line-height: 34px; font-size: 8px; font-family:tinytots; text-transform:uppercase; font-size:8px; center;}
  295.  
  296. #credit a{font-size: 9px; color:{color:colorfrase}
  297.  
  298. #tumblr_controls{position: fixed!important}
  299. #tumblr_controls{position: fixed!important}
  300. #tumblr_controls{position: fixed!important}
  301. #tumblr_controls{position: fixed!important}
  302.  
  303. </style>
  304.  
  305. <body>
  306.  
  307. <div id="tudo">
  308.  
  309. <div id="sidebar">
  310.  
  311. <div id="topsib1"></div>
  312.  
  313. <div class="ttle"></div>
  314.  
  315. <div class="sdescri">{description}</div>
  316.  
  317. <div id="titlebar"> {text:frase1}</div>
  318.  
  319. <div id="frase1"> {text:frase2} </div>
  320.  
  321. <div id="frase2"></div>
  322.  
  323.  
  324. <div id="thfoto">
  325.  
  326. <div id="simage">
  327.  
  328.  
  329.  
  330. </div></div>
  331.  
  332.  
  333. <div id="slideShowContainer">
  334. <div id="slideShow4"><img src="{image:imagem2}"></div><div id="slideShow2">
  335.  
  336. <img src="{image:imagem1}"/>
  337. </div></div>
  338.  
  339.  
  340.  
  341. <div id="links2">
  342.  
  343.  
  344. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  345. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  346. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  347. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  348. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  349. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  350. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  351. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  352. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
  353. {block:ifLink10}<a href="{text:Link10}">{text:Link10 Title}</a>{/block:ifLink10}
  354.  
  355.  
  356. </div>
  357.  
  358.  
  359. <div id="credit">theme by: uma-metaleira · <a href="http://lagrimar.tumblr.com">†</a> <a href="http://affectingyou.tumblr.com">†</b></a> <a href="http://l-oveyourself.tumblr.com">†</a> <a href="http://nostalgia-surreal.tumblr.com"†</a> </a>
  360.  
  361. </div>
  362.  
  363. <div id="sdpagi">
  364. <div id="paginacaoml"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  365. {block:JumpPagination length="5"}
  366. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  367. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  368. {/block:JumpPagination}
  369. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  370. </div></div></div>
  371.  
  372. <div id="oquevemnadireita">
  373.  
  374. <div id="topsib2"></div>
  375.  
  376. {block:Posts}
  377. <div class="vicftpost">
  378.  
  379. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  380.  
  381. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  382.  
  383. {block:Photoset}{Photoset-500}{/block:Photoset}
  384.  
  385. {block:Quote}
  386. <div class="oiqqtt">“{Quote}”</div>
  387. {block:Source}<div class="oiqqtts"> — {Source}</div>
  388. {/block:Source}
  389. {/block:Quote}
  390.  
  391. {block:Link}
  392. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  393. {block:Description}{Description}{/block:Description}
  394. {/block:Link}
  395.  
  396. {block:Chat}
  397. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  398. <div class="chat"><ul>{block:Lines}
  399. <li class="person{UserNumber}">{block:Label}
  400. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  401. {/block:Chat}
  402.  
  403. {block:Audio}
  404. <div class="player">{AudioPlayerBlack}</div>
  405. {block:Caption}{Caption}{/block:Caption}
  406. {/block:Audio}
  407.  
  408. {block:Video}{Video-500}{/block:Video}
  409.  
  410.  
  411. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}berrou: {Question}&nbsp;</div>{Answer}{/block:Answer}
  412.  
  413.  
  414. <div id="cap">
  415. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  416. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  417. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  418.  
  419. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  420. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  421. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  422. {/block:ContentSource}</div></div>
  423. <br>
  424.  
  425.  
  426. <div id="info">
  427.  
  428. {block:HasTags}{block:Tags}<b>·</b> <a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  429. {block:Date}{DayOfMonth} {Month} {Year} ON <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} <b>·</b> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{Block:IndexPage} <b>†</b> <a href="{ReblogUrl}" target="_blank"><b>REBLOG THIS SHIT</b></a>{/Block:IndexPage}<br>{block:RebloggedFrom}ORIGINAL <a href="{ReblogRootURL}" title="{ReblogRootTitle}" target="_blank">{ReblogRootName}</a>
  430. </span> <b>·</b> {/block:RebloggedFrom}{block:RebloggedFrom}VIA <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  431.  
  432.  
  433. </div></div>
  434. {/block:Posts}
  435. {block:PostNotes}
  436. <div id="nts"><div id="ntstext">{PostNotes}</div></div>
  437. {/block:PostNotes}
  438.  
  439.  
  440.  
  441.  
  442.  
  443. </div>
  444. </div>
  445. </div>
  446. </div>
  447.  
  448.  
  449.  
  450. </body>
  451.  
  452.  
  453.  
  454.  
  455. </html>
Advertisement
Add Comment
Please, Sign In to add comment