Advertisement
mayra1234

Theme 1

Dec 19th, 2014
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.92 KB | None | 0 0
  1. <!--THEME BASE POR FCKRAW, THEME FEITO POR ALTAMADAME-->
  2.  
  3. <html>
  4. <head>
  5.  
  6. <meta name="color:Background" content="#fff" />
  7. <meta name="color:Posts" content="#fff" />
  8. <meta name="color:Scrollbar" content="#f8f8f8" />
  9. <meta name="color:Textos" content="#666" />
  10. <meta name="color:Shadow" content="#Hover" />
  11. <meta name="color:Links" content="#666" />
  12. <meta name="color:Description" content="#666" />
  13. <meta name="if:Rolagem Infinita" content="1"/>
  14. <meta name="image:Sidebar" content="https://secure.static.tumblr.com/6113cfa01af6c29327bf53e6038f87e6/slzv61e/4ETngunfx/tumblr_static_bvt6lwifln48gcwo88ckoswcg.jpg"/>
  15. <meta name="image:Emoji" content="https://secure.static.tumblr.com/acc65f024f9eafa90787326d00440bb8/slzv61e/AP2ngunk5/tumblr_static_cap25cyfedws0g8c0cwg4ogoc.gif"/>
  16. <meta name="image:Background" content=""/>
  17. <meta name="text:Description" content="Ladra de salto, ela sabe como chegar" />
  18.  
  19. <meta name="text:Link1" content="/" />
  20. <meta name="text:Link1 Title" content="link" />
  21. <meta name="text:Link2" content="/" />
  22. <meta name="text:Link2 Title" content="link" />
  23. <meta name="text:Link3" content="/" />
  24. <meta name="text:Link3 Title" content="link" />
  25. <meta name="text:Link4" content="/" />
  26. <meta name="text:Link4 Title" content="link" />
  27.  
  28. <title>{Title}</title>
  29.  
  30. <style type="text/css">
  31.  
  32.  
  33.  
  34. /*** CORPO BÁSICO ***/
  35.  
  36. body {background-color: #fff; background-image:url('http://assets.tumblr.com/images/x.gif'); color: #666;}
  37.  
  38. a {color: #666; text-decoration: none; text-transform: none;}
  39. a:hover {color: #666;}
  40. p {margin: 6px 0 0 0}
  41.  
  42. blockquote {margin: 0px; padding-left: 0px; }
  43. blockquote img{width: 400px!important; text-align:justify;}
  44.  
  45.  
  46. /*** CONFIGURAÇÕES DOS POSTS ***/
  47.  
  48. #container {width: 400px; margin:70px auto: 70px auto;}
  49. #entry {float:left; margin-top:35px; margin-bottom:-25px; margin-left:480px; width:400px;}
  50.  
  51. .posts {width: 400px; background-color: transparent; padding: 10px; text-align: justify; margin-bottom:0px; position: relative; font-size:0px;}
  52.  
  53. .source {display: none;}
  54. #captt {width: 400px; margin-top: -2px; text-align: center;}
  55.  
  56.  
  57. /*** CONFIGURAÇÕES DAS FONTES ***/
  58.  
  59. h1 {font-family: calibri; font-size: 14px; letter-spacing:0px; line-height: 12px; text-align: center; font-weight: normal;color:{color:textos}; margin-bottom:-15px;}
  60. h1 a {color:{color:textos};}
  61.  
  62. h2 {font-family: arial; font-size: 9px; line-height: 13px; text-align: justify; margin-top:25px; font-weight: normal;color: #696969; margin-bottom:3px;}
  63. h2 a {color: #696969;}
  64.  
  65.  
  66. /*** CONFIGURAÇÕES DAS IMAGENS E PHOTOSETS ***/
  67.  
  68. .image {text-align: left;}
  69. .image img {width: 400px; opacity:0.9; -webkit-filter: grayscale(0%)}
  70. .photoset {width: 400px;opacity:0.9; -webkit-filter: grayscale(0%)}
  71.  
  72.  
  73.  
  74.  
  75.  
  76. /*** CONFIGURAÇÕES DOS QUOTES ***/
  77.  
  78. .quote {font-family: arial; font-size: 10px; letter-spacing:0px; line-height: 13px; text-align: justify; font-weight: normal;color: #696969; margin-bottom:5px;}
  79. .sorc {font-family: arial; font-size: 9px; line-height: 9px; padding:3px; text-align: right; font-weight: normal;color: #696969; text-transform: uppercase; background-color: transparent; }
  80. .sorc a {text-transform: uppercase; color:#696969}
  81.  
  82.  
  83. /*** CONFIGURAÇÕES DOS CHATS ***/
  84.  
  85. .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; }
  86. .chat ul { list-style: none; padding: 0px; line-height:12px;font-family: arial; font-size: 9px;}
  87. .person1 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
  88. .person1 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
  89. .person2 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
  90. .person2 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
  91.  
  92.  
  93. /*** CONFIGURAÇÕES DOS AUDIOS ***/
  94.  
  95. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px; margin-bottom:-45px;}
  96. .player {position:absolute; z-index:3; background:transparent; margin-top:45px; margin-left:0px;}
  97. .audioplayer {width:25px; height:18px; overflow:hidden; padding:5px; margin-right:11px}
  98. .audioinfo {margin-left:110px; line-height:155%; font-family: arial; font-size:9px!important;}
  99. .audiocaption {margin-left:162px;}
  100. .audiocaption img {width:130px!important}
  101. .audiocaption blockquote img {max-width:320px!important}
  102. .audiocaption blockquote blockquote img {max-width:310px!important}
  103.  
  104.  
  105. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS ***/
  106.  
  107. #asker {padding: 3px; text-align: justify; background-color: #fff; color:#666; line-height: 10px; font-size:10px; font-family:arial; text-transform:lowercase;}
  108. .answer {line-height: 10px; padding: 2px;color:#666; font-size:9px; font-family:arial; line-height:9px; text-align: left; margin-top:-5px; margin-bottom:0px; font-size:9px;}
  109. .answer img {max-width: 400px; }
  110.  
  111.  
  112. /*** INFORMAÇOES DOS POSTS ***/
  113.  
  114. #info {text-align: right; margin-top:0px; font-size: 9px; font-family: arial; z-index: 11; letter-spacing:0px; margin-left:0px; width: 400px; margin-bottom: -19px; color:#666;-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;}
  115. #info a {font-size:9px; text-transform: lowercase; color:#666; -webkit-transition-duration: 0.4s;}
  116. #info:hover {color:#666}
  117. .posts:hover #info {opacity:9; padding-top:4px; margin-bottom:0px;}
  118.  
  119.  
  120.  
  121.  
  122.  
  123. /*** BARRA DE ROLAGEM ***/
  124.  
  125. ::-webkit-scrollbar{width:5px;height:5px;}
  126. ::-webkit-scrollbar-button:start:decrement
  127. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  128. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  129. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  130. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  131.  
  132. 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; }
  133.  
  134. .tumblrAutoPager_page_separator,
  135. .tumblrAutoPager_page_info {display: none;}
  136.  
  137. #tumblr_controls{position: fixed!important}
  138. #tumblr_controls{position: fixed!important}
  139. #tumblr_controls{position: fixed!important}
  140. #tumblr_controls{position: fixed!important}
  141.  
  142.  
  143. /*** SIDEBAR ***/
  144.  
  145. #sidebar {position:fixed; width: auto; height:auto; margin-left:280px;margin-top:92px;}
  146.  
  147.  
  148. /*** IMAGEM DA SIDEBAR ***/
  149.  
  150. #frufru {height:auto; margin-top:0px; position:fixed; text-align:left;}
  151. #frufru img { width:160px; height:200px; opacity:0.9; -webkit-filter: grayscale(20%)}
  152.  
  153. #emoji{margin-left:-0px;margin-top:201px;position:fixed;text-align:left;moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0.8;}
  154. #emoji img {width:18px; height:18px;}
  155. #sidebar:hover #emoji {opacity:;transform: rotateY(-360deg); -webkit-transform: rotateY(360deg); -webkit-transition-duration: .90s; }
  156.  
  157.  
  158. /*** DESCRIÇÃO DA SIDEBAR ***/
  159.  
  160. #descryp  {opacity:10;width:150px;background-COLOR:transparent;position: fixed;font-style:italic; font-family:corbel; font-size:9px; line-height:12px; height:px;text-align:left;COLOR:{color:description};margin-top:200px;margin-left:20px;-webkit-transition: all 0.5s ease-out;-moz-transition: all  0.9s ease-out;all 0.3s ease-out;padding-bottom:3px;padding-left:2px;max-width:150px;;}
  161.  #sidebar:hover #descryp {opacity:0;margin-left:-50px;}
  162.  
  163. /*** LINKS DA SIDEBAR ***/
  164.  
  165. #links {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;display:navigate; height:25px; width:174px; background-color:transparent; margin-top:30px; margin-left:-1px;font-size:9px;text-align:center;opacity:0;position:fixed;}
  166. #links a {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;font-family:Corbel; font-size:9px; color:{color:links}; padding:3px; }
  167. #links a:hover {text-shadow:0px 0px 8px {color:shadow};}
  168. #sidebar:hover #links {opacity:1;margin-top:210px;}
  169.  
  170.  
  171.  
  172. </style>
  173.  
  174. <body>
  175.  
  176. <div id="sidebar">
  177.  
  178. <div id="frufru"><img src="{image:sidebar}"></div>
  179.  
  180. <div id="emoji"><img src="{image:emoji}"></div> 
  181.  
  182. <div id="links">
  183. <a href="{text:link1}">{text:link1 title}</a></a><small><font color="#FF0000"> ✗</font></small>
  184. <a href="{text:link2}">{text:link2 title}</a></a><small><font color="#FF0000"> ✗</font></small>
  185. <a href="{text:link3}">{text:link3 title}</a></a><small><font color="#FF0000"> ✗</font></small>
  186. <a href="{text:link4}">{text:link4 title}</a>
  187. </div>
  188.  
  189. <div id="description">{text:description}</div>    
  190.    
  191.  
  192.  
  193. </div>
  194.  
  195. </div>{block:IfRolagemInfinita}<div class="autopagerize_page_element">
  196. <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">
  197.  
  198. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<h2>{body}</h2>{/block:Text}
  199.  
  200. {block:Photo}<div class="image"><img src="{PhotoURL-400}"></div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photo}
  201.  
  202. {block:Photoset}<div class="photoset">{Photoset-400}</div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photoset}
  203.  
  204. {block:Quote}<div class="quote">{Quote}</div><br><div class="sorc">{Source}</div>{/block:Quote}
  205.  
  206. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
  207.  
  208. {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}
  209.  
  210.  
  211. {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}
  212. <div class="audioplayer" style="margin-left:50px;">{AudioPlayerWhite}</div>
  213. <div class="audioinfo">
  214. {block:TrackName}Song: {TrackName}{/block:TrackName}<br>
  215. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  216. {block:Album}Album: {Album}{/block:Album}</div></div>{/block:Audio}
  217.  
  218.  
  219. {block:Video}{Video-400}{/block:Video}
  220.  
  221. {block:Answer}<div id="asker"><b>{Asker} asked:</b> {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  222.  
  223. <div id="captt">
  224.  
  225. <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>
  226.  
  227. {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>
  228.  
  229. {/block:Posts}</div></div></div></div></div>
  230.  
  231.  
  232.  
  233. </body>
  234. <a STYLE="width:120px; font-size:10px; color:#8a8a8a; font-family:corbel;position:fixed;font-style:;bottom:40px;right:-17px;text-shadow:0px 0px 10px;" href="http://altamadame.tumblr.com/" title=""> <font color=#f877ac>❀</font></a>
  235. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement