Advertisement
brugabriela

thm 01

Mar 4th, 2014
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.72 KB | None | 0 0
  1. <!-- THEME BASE EXPLICATIVO POR FCKRAW.TUMBLR.COM
  2.  
  3. ADAPTADO POR R-EALOVE.TUMBLR.COM , NÃO RETIRE OS CRÉDITOS.
  4.  
  5. -->
  6.  
  7.  
  8.  
  9. <html><head>
  10.  
  11. <!-- DEFAULT -->
  12.  
  13. <meta name="image:sidebar" content="http://static.tumblr.com/bq7lfll/9dhn1wxm5/tumblr_n1f8wfiayy1rbva4oo1_500.jpg" />
  14. <meta name="text:Link1" content="/" />
  15. <meta name="text:Link1 Title" content="link" />
  16. <meta name="text:Link2" content="/" />
  17. <meta name="text:Link2 Title" content="link" />
  18. <meta name="text:Link3" content="/" />
  19. <meta name="text:Link3 Title" content="link" />
  20. <meta name="text:Link4" content="/" />
  21. <meta name="text:Link4 Title" content="link" />
  22. <meta name="text:Link5" content="/" />
  23. <meta name="text:Link5 Title" content="link" />
  24.  
  25.  
  26. <title>{Title}</title><link rel="shortcut icon" href="{FavIcon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <script src="http://static.tumblr.com/kcrxiw3/LDBlqq9ia/jquerry.js"></script> <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script> <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script> <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  29.  
  30.  
  31. <style type="text/css">
  32.  
  33.  
  34.  
  35. /*** CORPO BÁSICO ***/
  36.  
  37. body {background-color: #fff; background-image:url('http://assets.tumblr.com/images/x.gif'); color: #000000;}
  38.  
  39. a {color: #000; text-decoration: none; text-transform: none;}
  40. a:hover {color: #000000;}
  41. p {margin: 6px 0 0 0}
  42.  
  43. blockquote {margin: 0px; padding-left: 0px; }
  44. blockquote img{width: 400px!important; text-align:justify;}
  45.  
  46.  
  47.  
  48.  
  49.  
  50. /*** CONFIGURAÇÕES DOS POSTS ***/
  51.  
  52. #container {width: 400px; margin:70px auto: 70px auto;}
  53. #entry {float:left; margin-top:35px; margin-bottom:-25px; margin-left:481px; width:400px;}
  54.  
  55. .posts {width: 400px; background-color: transparent; padding: 10px; text-align: justify; margin-bottom:0px; position: relative; font-size:0px;}
  56.  
  57. .source {display: none;}
  58. #captt {width: 400px; margin-top: -2px; text-align: center;}
  59.  
  60.  
  61.  
  62.  
  63.  
  64. /*** CONFIGURAÇÕES DAS FONTES ***/
  65.  
  66. h1 {font-family: calibri; font-size: 14px; letter-spacing:0px; line-height: 10px; text-align: center; font-weight: normal;color: #000000; margin-bottom:-15px;}
  67. h1 a {color: #000000;}
  68.  
  69. h2 {font-family: tahoma; font-size: 10px; line-height: 13px; text-align: justify; margin-top:25px; font-weight: normal;color: #000000; margin-bottom:3px;}
  70. h2 a {color: #000000;}
  71.  
  72.  
  73.  
  74.  
  75.  
  76. /*** CONFIGURAÇÕES DAS IMAGENS E PHOTOSETS ***/
  77.  
  78. .image {text-align: left;}
  79. .image img {width: 400px; opacity:0.8; -webkit-filter: grayscale(30%)}
  80. .photoset {width: 400px;opacity:0.8; -webkit-filter: grayscale(30%)}
  81.  
  82.  
  83.  
  84.  
  85.  
  86. /*** CONFIGURAÇÕES DOS QUOTES ***/
  87.  
  88. .quote {font-family: tahoma; font-size: 10px; letter-spacing:0px; line-height: 13px; text-align: justify; font-weight: normal;color: #000000; margin-bottom:5px;}
  89. .sorc {font-family: arial; font-size: 9px; line-height: 9px; padding:3px; text-align: center; font-weight: normal;color: #000000; text-transform: lowercase; background-color: transparent; }
  90. .sorc a {text-transform: lowercase; color:#000000}
  91.  
  92.  
  93.  
  94.  
  95.  
  96. /*** CONFIGURAÇÕES DOS CHATS ***/
  97.  
  98. .chat {text-align: justify; margin-top:-15px; margin-bottom:-15px; font-size: 12px; line-height: 12px; list-style: none;font-family: arial; font-size: 9px; }
  99. .chat ul { list-style: none; padding: 0px; line-height:12px;font-family: arial; font-size: 9px;}
  100. .person1 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
  101. .person1 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
  102. .person2 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
  103. .person2 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
  104.  
  105.  
  106.  
  107.  
  108.  
  109. /*** CONFIGURAÇÕES DOS AUDIOS ***/
  110.  
  111. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px; margin-bottom:-45px;}
  112. .player {position:absolute; z-index:3; background:transparent; margin-top:45px; margin-left:0px;}
  113. .audioplayer {width:25px; height:18px; overflow:hidden; padding:5px; margin-right:11px}
  114. .audioinfo {margin-left:110px; line-height:155%; font-family: tahoma; font-size:9px!important;}
  115. .audiocaption {margin-left:162px;}
  116. .audiocaption img {width:130px!important}
  117. .audiocaption blockquote img {max-width:320px!important}
  118. .audiocaption blockquote blockquote img {max-width:310px!important}
  119.  
  120.  
  121.  
  122.  
  123.  
  124. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS ***/
  125.  
  126. #asker {padding: 3px; text-align: center; background-color: #fff; color:#000; line-height: 10px; font-size:10px; font-family:arial; text-transform:lowercase;}
  127. .answer {line-height: 10px; padding: 2px;color:#000; font-size:9px; font-family:tahoma; line-height:9px; text-align: center; margin-top:-5px; margin-bottom:0px; font-size:9px;}
  128. .answer img {max-width: 400px; }
  129.  
  130.  
  131.  
  132.  
  133.  
  134. /*** INFORMAÇOES DOS POSTS ***/
  135.  
  136. #info {text-align: right; margin-top:0px; font-size: 9px; font-family: tahoma; z-index: 11; letter-spacing:0px; margin-left:0px; width: 400px; margin-bottom: -19px; color:#000;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;opacity:0;}
  137. #info a {font-size:9px; text-transform: lowercase; color:#000; -webkit-transition-duration: 0.4s;}
  138. #info:hover {color:#666}
  139. .posts:hover #info {opacity:9; padding-top:4px; margin-bottom:0px;}
  140.  
  141.  
  142.  
  143.  
  144.  
  145. /*** BARRA DE ROLAGEM ***/
  146.  
  147. ::-webkit-scrollbar{width:4px;height:4px;}
  148. ::-webkit-scrollbar-button:start:decrement
  149. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  150. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  151. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  152. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  153.  
  154. iframe#tumblr_controls { position:fixed;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  155.  
  156. .tumblrAutoPager_page_separator,
  157. .tumblrAutoPager_page_info {display: none;}
  158.  
  159. #tumblr_controls{position: fixed!important}
  160. #tumblr_controls{position: fixed!important}
  161. #tumblr_controls{position: fixed!important}
  162. #tumblr_controls{position: fixed!important}
  163.  
  164.  
  165.  
  166.  
  167.  
  168. /*** SIDEBAR ***/
  169.  
  170. #sidebar {position:fixed; width: auto; height:auto; margin-left:350px;margin-top:48px;}
  171.  
  172.  
  173.  
  174.  
  175.  
  176. /*** IMAGEM DA SIDEBAR ***/
  177.  
  178. #frufru {height:auto; margin-top:0px; position:fixed; text-align:left;}
  179. #frufru img { width:130px; height:172px;}
  180.  
  181.  
  182.  
  183.  
  184.  
  185. /*** DESCRIÇÃO DA SIDEBAR ***/
  186.  
  187. #descryp {z-index:9;background:#ffffff;padding:3px; margin-top:176px; margin-left:0px; padding:2px; text-align:right; position:fixed; font-family:tahoma; font-size:10px; color:#000000; width:120px;}
  188.  
  189.  
  190.  
  191.  
  192.  
  193. /*** LINKS DA SIDEBAR ***/
  194.  
  195. #links {width: 105px; height:24px; margin-top:190px; margin-left:0px; position:fixed; font-family:tahoma; text-align:center;background-color:; #fff;}
  196. #links a {line-height:20px; text-align: left; padding:4px; background-color:#fff; border: 0px solid #eee; color:#000000; font-size:9px; }
  197.  
  198.  
  199.  
  200.  
  201. </style>
  202. <body onkeydown=”return false”>
  203. <body>
  204.  
  205.  
  206. <div id="sidebar">
  207.  
  208. <div id="frufru"><img src="{image:sidebar}"></div>
  209.  
  210. <div id="descryp">teu amor me guia ?</div>
  211.  
  212. <div id="links">
  213. <a href="{text:link1}">{text:link1 title}</a>
  214. <a href="{text:link2}">{text:link2 title}</a>
  215. <a href="{text:link3}">{text:link3 title}</a>
  216. <a href="{text:link4}">{text:link4 title}</a>
  217. <a href="{text:link5}">{text:link5 title}</a>
  218. <a href="http://r-ealove.tumblr.com/">(c)</a>
  219. </div>
  220.  
  221. </div>{block:IfRolagemInfinita}<div class="autopagerize_page_element">
  222. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita} <div id="entry"> <div class="autopagerize_page_element">{block:Posts}<div class="posts">
  223.  
  224. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<h2>{body}</h2>{/block:Text}
  225.  
  226. {block:Photo}<div class="image"><img src="{PhotoURL-400}"></div>{/block:Photo}
  227.  
  228. {block:Photoset}<div class="photoset">{Photoset-400}</div>{/block:Photoset}
  229.  
  230. {block:Quote}<div class="quote">{Quote}</div><br><div class="sorc">{Source}</div>{/block:Quote}
  231.  
  232. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  233.  
  234. {block:Chat}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  235.  
  236.  
  237. {block:Audio}<div class="audio">{block:AlbumArt}<img src="{AlbumArtURL}" width="85px" height="85px" align="left" style="margin-left:0px; -webkit-filter: grayscale(40%); opacity: 0.8; border: 1px solid #ededed; padding: 3px;" />{/block:AlbumArt}
  238. <div class="audioplayer" style="margin-left:50px;">{AudioPlayerWhite}</div>
  239. <div class="audioinfo">
  240. {block:TrackName}Song: {TrackName}{/block:TrackName}<br>
  241. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  242. {block:Album}Album: {Album}{/block:Album}</div></div>{/block:Audio}
  243.  
  244.  
  245. {block:Video}{Video-400}{/block:Video}
  246.  
  247. {block:Answer}<div id="asker"><b>{Asker} :</b> {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  248.  
  249. <div id="captt">
  250.  
  251. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</div></div><br>
  252.  
  253. {block:Date}<div id="info"><left> <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> / {block:Date}{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}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:Date}</div>
  254.  
  255. {/block:Posts}</div></div></div></div></div>
  256.  
  257.  
  258.  
  259. </body>
  260.  
  261. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement