Advertisement
worenow

Theme 21

Jul 10th, 2014
265
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.48 KB | None | 0 0
  1. <!-- theme de taraddonda base fckraw nao copia q é feio amorr -->
  2.  
  3.  
  4.  
  5. <html><head>
  6.  
  7. <!-- DEFAULT -->
  8.  
  9. <meta name="color:texts" content="#000000" />
  10. <meta name="color:links side" content="#000000" />
  11. <meta name="color:bg" content="#ffffff" />
  12. <meta name="color:posts" content="#ffffff" />
  13. <meta name="color:links side" content="#000000" />
  14. <meta name="color:links side bg" content="#ffffff" />
  15. <meta name="color:links hover" content="#000000" />
  16. <meta name="image:sidebar" content="http://static.tumblr.com/9e9313386beeabc6d29388b56afd0e38/eajns0d/Dhen85b5y/tumblr_static_2safsq75umuc008wc8ogcco4c.jpg" />
  17. <meta name="text:Link1" content="/" />
  18. <meta name="text:Link1 Title" content="bonde" />
  19. <meta name="text:Link2" content="/" />
  20. <meta name="text:Link2 Title" content="sms" />
  21. <meta name="text:Link3" content="/" />
  22. <meta name="text:Link3 Title" content="amor" />
  23. <meta name="text:Link4" content="/" />
  24. <meta name="text:Link4 Title" content="meus" />
  25. <meta name="text:Link5" content="/" />
  26. <meta name="text:Link5 Title" content="puts" />
  27. <meta name="text:Link6" content="/" />
  28. <meta name="text:Link6 Title" content="thmx" />
  29.  
  30.  
  31. <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}
  32.  
  33. <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>
  34.  
  35.  
  36. <style type="text/css">
  37.  
  38.  
  39.  
  40. /*** CORPO BÁSICO ***/
  41.  
  42. body {font-size: 12px; background-color: {color:bg}; background-image:url('http://assets.tumblr.com/images/x.gif'); color: {color:texts};}
  43.  
  44. a {color: {color:texts}; text-decoration: none; text-transform: none;}
  45. a:hover {color: {color:texts};}
  46. p {margin: 6px 0 0 0}
  47.  
  48. blockquote {margin: 0px; padding-left: 0px; }
  49. blockquote img{width: 400px!important; text-align:justify;}
  50.  
  51.  
  52.  
  53.  
  54.  
  55. /*** CONFIGURAÇÕES DOS POSTS ***/
  56.  
  57. #container {width: 400px; margin:100px auto: 70px auto;}
  58. #entry {float:left; margin-top:25px; margin-bottom:-20px; margin-left:480px; width:400px;}
  59.  
  60. .posts {width: 450px; background-color:{color:posts}; padding: 10px; text-align: justify; margin-bottom:0px; position: relative; font-size:12px;}
  61.  
  62. .source {display: none;}
  63. #captt {width: 400px; margin-top: -2px; text-align: center;}
  64.  
  65.  
  66.  
  67.  
  68.  
  69. /*** CONFIGURAÇÕES DAS FONTES ***/
  70.  
  71. h1 {font-family: cambria; font-size: 11px; letter-spacing:0px; line-height: 12px; text-align: center; font-weight: normal;color: {color:texts}; margin-bottom:-15px;}
  72. h1 a {color: {color:texts};}
  73.  
  74. h2 {font-family: arial; font-size: 11px; line-height: 14px; text-align: justify; margin-top:25px; font-weight: normal;color: {color:texts}; margin-bottom:3px;}
  75. h2 a {color: {color:texts};}
  76.  
  77.  
  78.  
  79.  
  80.  
  81. /*** CONFIGURAÇÕES DAS IMAGENS E PHOTOSETS ***/
  82.  
  83. .image {text-align: left;}
  84. .image img {width: 400px; opacity:0.9; -webkit-filter: grayscale(40%)}
  85. .photoset {width: 400px;opacity:0.9; -webkit-filter: grayscale(40%)}
  86.  
  87.  
  88.  
  89.  
  90.  
  91. /*** CONFIGURAÇÕES DOS QUOTES ***/
  92.  
  93. .quote {font-family: calibri; font-size: 12px; letter-spacing:0px; line-height: 13px; text-align: justify; font-weight: normal;color: {color:texts}; margin-bottom:5px;}
  94. .sorc {font-family: calibri; font-size: 10px; line-height: 9px; padding:3px; text-align: right; font-weight: normal;color: {color:texts}; text-transform: uppercase; background-color: transparent; }
  95. .sorc a {text-transform: uppercase; color:{color:links hover}}
  96.  
  97.  
  98.  
  99.  
  100.  
  101. /*** CONFIGURAÇÕES DOS CHATS ***/
  102.  
  103. .chat {text-align: justify; margin-top:-15px; margin-bottom:-15px; font-size: 12px; line-height: 12px; list-style: none;font-family: calibri; font-size: 9px; }
  104. .chat ul { list-style: none; padding: 0px; line-height:12px;font-family: calibri; font-size: 9px;}
  105. .person1 {color: {color:texts}; padding: 2px; font-family: calibri; font-size: 9px;}
  106. .person1 .label {font-style:italic; color:{color:texts};font-family: calibri; font-size: 9px;}
  107. .person2 {color: {color:texts}; padding: 2px; font-family: calibri; font-size: 9px;}
  108. .person2 .label {font-style:italic; color:{color:texts};font-family: calibri; font-size: 9px;}
  109.  
  110.  
  111.  
  112.  
  113.  
  114. /*** CONFIGURAÇÕES DOS AUDIOS ***/
  115.  
  116. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px; margin-bottom:-45px;}
  117. .player {position:absolute; z-index:3; background:transparent; margin-top:45px; margin-left:0px;}
  118. .audioplayer {width:25px; height:18px; overflow:hidden; padding:5px; margin-right:11px}
  119. .audioinfo {margin-left:110px; line-height:155%; font-family: calibri; font-size:9px!important;}
  120. .audiocaption {margin-left:162px;}
  121. .audiocaption img {width:130px!important}
  122. .audiocaption blockquote img {max-width:320px!important}
  123. .audiocaption blockquote blockquote img {max-width:310px!important}
  124.  
  125.  
  126.  
  127.  
  128.  
  129. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS ***/
  130.  
  131. #asker {padding: 3px; text-align: justify; background-color:#ffffff; color:#000}; line-height: 10px; font-size:12px; font-family:calibri; text-transform:lowercase;}
  132. .answer {line-height: 10px; padding: 2px;color:{color:texts}; font-size:12px; font-family:calibri; line-height:9px; text-align: left; margin-top:-5px; margin-bottom:0px; font-size:12px; font-style:italic;}
  133. .answer img {max-width: 400px; }
  134.  
  135.  
  136.  
  137.  
  138.  
  139. /*** INFORMAÇOES DOS POSTS ***/
  140.  
  141. #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:{color:texts};-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;}
  142. #info a {font-size:9px; text-transform: lowercase; color:{color:texts}; -webkit-transition-duration: 0.4s;}
  143. #info:hover {color:{color:links hover}}
  144. .posts:hover #info {opacity:9; padding-top:4px; margin-bottom:0px;}
  145.  
  146.  
  147.  
  148.  
  149.  
  150. /*** BARRA DE ROLAGEM ***/
  151.  
  152. ::-webkit-scrollbar{width:5px;height:5px;}
  153. ::-webkit-scrollbar-button:start:decrement
  154. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  155. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  156. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  157. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  158.  
  159. 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; }
  160.  
  161. .tumblrAutoPager_page_separator,
  162. .tumblrAutoPager_page_info {display: none;}
  163.  
  164. #tumblr_controls{position: fixed!important}
  165. #tumblr_controls{position: fixed!important}
  166. #tumblr_controls{position: fixed!important}
  167. #tumblr_controls{position: fixed!important}
  168.  
  169.  
  170.  
  171.  
  172.  
  173. /*** SIDEBAR ***/
  174.  
  175. #sidebar {position:fixed; width: auto; height:auto; margin-left:215px;margin-top:55px;}
  176.  
  177.  
  178.  
  179.  
  180.  
  181. /*** IMAGEM DA SIDEBAR ***/
  182.  
  183. #foto {height:100auto; margin-top:88px; margin-left:-70px; position:fixed; text-align:left;}
  184. #foto img { width:196px; height:auto;}
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191. /*** DESCRIÇÃO DA SIDEBAR ***/
  192.  
  193. .descri { -moz-transition: all .7s ease-in-out; font-size:9px;text-align:; position:fixed;color:#000;background-color:transparent;font-style:;opACITY:;-webkit-transition-duration: 0.4s; -webkit-transition: all .7s ease-in-out;width:200px; height:10px;margin-top:340px; text-transform:uppercase; line-height:10px;margin-left:-70px; font-family:calibri; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}
  194. .descri a{color:;text-transform:uppercase;display: inline-block;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style:;}
  195.  
  196.  
  197. #sidebar:hover .descri {;margin-top:65px;opacity:100;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.8s ease-out;background-color:transparent}
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204. /*** LINKS DA SIDEBAR ***/
  205. #links {background:transparent;-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;position:fixed;font: 9px caimbra;font-style:italic;color:#fff ;padding: 3px;background-color:transparent;opacity:0;width:163px;text-align:center;margin-left:-30px;margin-top:358px;border-bottom:px solid #000;}
  206. #links a{color: #000;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style:italic;text-transform: uppercase;}
  207. #links a:hover{background-color:;text-shadow: 0px 0px 1px #000000;-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.4s ease-out; color:#888888;}
  208.  
  209. #sidebar:hover #links {;margin-left:-73px;opacity:8;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.8s ease-out;}
  210.  
  211.  
  212.  
  213.  
  214. #maco2 {;margin-left:-70px; margin-top:70px; position:fixed;text-align:left;-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}
  215. #maco2 img { width:200px; height:auto;}
  216. #maco2 a:hover{background-color:transparent;color:#fff;-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.4s ease-out;font-style:italic;}
  217. #sidebar:hover #maco2 {margin-top:342px;opacity:10;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.8s ease-out;}
  218.  
  219.  
  220.  
  221.  
  222.  
  223. </style><body>
  224.  
  225. <div id="sidebar">
  226. <div id="foto"><img src="{image:sidebar}"></div>
  227.  
  228.  
  229.  
  230. <div id="maco2"><img src="https://38.media.tumblr.com/166ca2c7c9cc5cfdc626497e3097638f/tumblr_n8a2gnZsiB1tdxaldo1_400.png"/></div>
  231. <div class="descri">Quero navegar nas águas do teu amar,saber por onde você anda.</div>
  232.  
  233.  
  234.  
  235. <div id="links">
  236. <a href="{text:link1}">{text:link1 title}</a>
  237. <a href="{text:link2}">{text:link2 title}</a>
  238. <a href="{text:link3}">{text:link3 title}</a>
  239. <a href="{text:link4}">{text:link4 title}</a>
  240. <a href="{text:link5}">{text:link5 title}</a>
  241. <a href="{text:link6}">{text:link6 title}</a>
  242. </div>
  243.  
  244. </div>{block:IfRolagemInfinita}<div class="autopagerize_page_element">
  245. <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">
  246.  
  247. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<h2>{body}</h2>{/block:Text}
  248.  
  249. {block:Photo}<div class="image"><img src="{PhotoURL-400}"></div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photo}
  250.  
  251. {block:Photoset}<div class="photoset">{Photoset-400}</div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photoset}
  252.  
  253. {block:Quote}<div class="quote">{Quote}</div><br><div class="sorc">{Source}</div>{/block:Quote}
  254.  
  255. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
  256.  
  257. {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}
  258.  
  259.  
  260. {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}
  261. <div class="audioplayer" style="margin-left:50px;">{AudioPlayerWhite}</div>
  262. <div class="audioinfo">
  263. {block:TrackName}Song: {TrackName}{/block:TrackName}<br>
  264. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  265. {block:Album}Album: {Album}{/block:Album}</div></div>{/block:Audio}
  266.  
  267.  
  268. {block:Video}{Video-400}{/block:Video}
  269.  
  270. {block:Answer}<div id="asker"><b>{Asker}</b> gemeu: {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  271.  
  272. <div id="captt">
  273.  
  274. <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>
  275.  
  276. {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">orgasmo</a>{/block:IndexPage}</div>{/block:Date}</div>
  277.  
  278. {/block:Posts}</div></div></div></div></div>
  279.  
  280.  
  281.  
  282. <div style="display:block;bottom:25px;right:5px;font-size:10px;font-family:calibri;position:fixed;background-color:#eee;padding:3px;border-radius:10px;opacity:9;"><a href="http://worenow.tumblr.com"> <b>worenow</b></a> <font color="#ffffff"></font></a></div></div>
  283.  
  284. </body>
  285. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement