API tools faq
paste
Advertisement
sexlost

06

sexlost
Aug 23rd, 2014
250
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.73 KB | None | 0 0
raw download clone embed print report
  1. <!-- base suffixyou/fckraw
  2. theme por sexlost
  3. detalhes: mectub/raiodluar/perdisawn -->
  4.  
  5.  
  6.  
  7. <html><head>
  8. <!-- DEFAULT -->
  9. <meta name="color:background" content="#ffffff" />
  10. <meta name="color:hover" content="#D02000" />
  11. <meta name="color:text" content="#6a6369" />
  12. <meta name="text:desenhodaside" content="❀" />
  13.  
  14.  
  15.  
  16.  
  17.  
  18. <meta name="image:sidebar" content="http://static.tumblr.com/qhiozyd/yGFn65v1q/loca.jpg" />
  19. <meta name="if:Rolagem infinita" content="1"/>
  20. <meta name="image:background" content=""/
  21.  
  22.  
  23. <meta name="text:Atoa1 Title" content="link" />
  24. <meta name="text:Link1" content="/" />
  25. <meta name="text:Link1 Title" content="link" />
  26. <meta name="text:Link2" content="/" />
  27. <meta name="text:Link2 Title" content="link" />
  28. <meta name="text:Link3" content="/" />
  29. <meta name="text:Link3 Title" content="link" />
  30. <meta name="text:Link4" content="/" />
  31. <meta name="text:Link4 Title" content="link" />
  32.  
  33.  
  34. <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}
  35.  
  36. <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>
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41.  
  42.  
  43. /*** CORPO BÁSICO
  44.  
  45. jamais exclua os px (exemplo:220px)
  46.  
  47. todas as cores precisam ser em código,
  48. tem várias opções nesse site aqui:
  49. http://www.color-hex.com/color/000000
  50.  
  51. - background-color é a cor do fundo do theme
  52. - background-image é a imagem de fundo. se vc quiser colocar um bg, pegue a url (www) e coloque entre os apostrofos
  53. - color é a cor dos textos
  54.  
  55. ***/
  56.  
  57. body {background-color: #fff; background-image:url('http://assets.tumblr.com/images/x.gif'); color: #666;}
  58.  
  59. a {color: #666; text-decoration: none; text-transform: none;}
  60. a:hover {color: #666;}
  61. p {margin: 6px 0 0 0}
  62.  
  63. blockquote {margin: 0px; padding-left: 0px; }
  64. blockquote img{width: 400px!important; text-align:justify;}
  65.  
  66.  
  67.  
  68.  
  69.  
  70. /*** CONFIGURAÇÕES DOS POSTS
  71.  
  72. - todos os width que tem nessa parte correspondem ao tamanho dos posts, no caso, 400px
  73. - margin-top: 35px indica que a distancia do topo até os posts é 35 pixels
  74. - margin-left: 480px indica que a distancia da lateral esquerd até os posts é 480px;
  75.  
  76. ***/
  77.  
  78. #container {width: 400px; margin:70px auto: 70px auto;}
  79. #entry {float:left; margin-top:35px; margin-bottom:-25px; margin-left:480px; width:400px;}
  80.  
  81. .posts {width: 400px; background-color: transparent; padding: 10px; text-align: justify; margin-bottom:0px; position: relative; font-size:0px;}
  82.  
  83. .source {display: none;}
  84. #captt {width: 400px; margin-top: -2px; text-align: center;}
  85.  
  86.  
  87.  
  88.  
  89.  
  90. /*** CONFIGURAÇÕES DAS FONTES
  91.  
  92. - h1 é a fonte do títulos
  93. - h2 é a fonte dos textos
  94.  
  95. - font-family é a fonte
  96. - font-size é o tamanho
  97. - letter-spacing é a distancia das letras
  98. - line-height é a distancia de uma linha pra outr
  99. - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
  100. - color é a cor
  101.  
  102. ***/
  103.  
  104. h1 {font-family: corbel; font-size: 12px; letter-spacing:0px; line-height: 12px; text-align: center; font-weight: normal;color: #696969; margin-bottom:-15px;}
  105. h1 a {color: #696969;}
  106.  
  107. h2 {font-family: corbel; font-size: 12px; line-height: 13px; text-align: justify; margin-top:25px; font-weight: normal;color: #696969; margin-bottom:3px;}
  108. h2 a {color: #696969;}
  109.  
  110.  
  111.  
  112.  
  113.  
  114. /*** CONFIGURAÇÕES DAS IMAGENS E PHOTOSETS
  115.  
  116. - width é o tamanho da imagem, então se os seus posts são 400px, o width da imagem tem que ser 400px
  117. - opacity:0.9 é a transparencia da imagem. coloque um numero de 0 a 1 e veja o resultado (não separe com virgula e sim com ponto)
  118. - 40% é a escala preto e branco, quanto maior o número, mais preto e branco é
  119.  
  120. ***/
  121.  
  122. .image {text-align: left;}
  123. .image img {width: 400px; opacity:0.9; -webkit-filter: grayscale(40%)}
  124. .photoset {width: 400px;opacity:0.9; -webkit-filter: grayscale(40%)}
  125.  
  126.  
  127.  
  128.  
  129.  
  130. /*** CONFIGURAÇÕES DOS QUOTES
  131.  
  132. - quote é a citação
  133. - sorc é quem escreveu
  134.  
  135. - font-family é a fonte
  136. - font-size é o tamanho
  137. - letter-spacing é a distancia entre as letras
  138. - line-height é a distancia entre as linhas
  139. - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
  140. - color é a cor
  141. - text-transform é o que define se as letras vão ser maiúsculas ou minúsculas. uppercase é maiuscula e lowercase, minuscula
  142.  
  143. ***/
  144.  
  145. .quote {font-family: arial; font-size: 9px; letter-spacing:0px; line-height: 13px; text-align: justify; font-weight: normal;color: #696969; margin-bottom:5px;}
  146. .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; }
  147. .sorc a {text-transform: uppercase; color:#696969}
  148.  
  149.  
  150.  
  151.  
  152.  
  153. /*** CONFIGURAÇÕES DOS CHATS
  154.  
  155. - label é o nome da pessoa
  156.  
  157. - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
  158. - font-size é o tamanho da fonte
  159. - line-height é a distancia entre as linhas
  160. - list-style é o que vai deixar com marcadores (none é nenhum marcador; disc é a bolinha; square é o quadradinho)
  161. - font-family é a fonte
  162. - font-style:italic é o que define se será ou não italico. para tirar é só substituir italic por none
  163. - color é a cor
  164.  
  165. ***/
  166.  
  167. .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; }
  168. .chat ul { list-style: none; padding: 0px; line-height:12px;font-family: arial; font-size: 9px;}
  169. .person1 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
  170. .person1 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
  171. .person2 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
  172. .person2 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
  173.  
  174.  
  175.  
  176.  
  177.  
  178. /*** CONFIGURAÇÕES DOS AUDIOS
  179.  
  180. - font-family é a fonte
  181.  
  182. ***/
  183.  
  184. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px; margin-bottom:-45px;}
  185. .player {position:absolute; z-index:3; background:transparent; margin-top:45px; margin-left:0px;}
  186. .audioplayer {width:25px; height:18px; overflow:hidden; padding:5px; margin-right:11px}
  187. .audioinfo {margin-left:110px; line-height:155%; font-family: arial; font-size:9px!important;}
  188. .audiocaption {margin-left:162px;}
  189. .audiocaption img {width:130px!important}
  190. .audiocaption blockquote img {max-width:320px!important}
  191. .audiocaption blockquote blockquote img {max-width:310px!important}
  192.  
  193.  
  194.  
  195.  
  196.  
  197. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS
  198.  
  199. - asker é a pergunta
  200. - answer é a resposta
  201.  
  202. - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
  203. - background-color é a cor do fundo
  204. - color é a cor da fonte
  205. - line-height é a distancia entre uma linha e outra
  206. - font-size é o tamanho da fonte
  207. - font-family é a fonte
  208. - text-transform é o que define se as letras vão ser maiúsculas ou minúsculas. uppercase é maiuscula e lowercase, minuscula
  209. - max-width define o tamanho da imagem quando você mandar uma como resposta, então se os seus posts forem 400px, você deixa como 400px
  210.  
  211. ***/
  212.  
  213. #asker {background-color:#f8f8f8; padding:5px; text-align: justify; color:#666; line-height: 10px; font-size:11px; font-family:corbel; text-transform:;}
  214. .answer {line-height: 5px; padding: 10px;color:#666; font-size:9px; font-family:arial; line-height:10px; text-align: left; margin-top:-5px; margin-bottom:0px; font-size:9px;border-bottom:1px dashed #FFC0CB; border-radius:10px 0px 10px 10px;}
  215. .answer img {max-width: 400px; }
  216.  
  217.  
  218.  
  219.  
  220.  
  221. /*** INFORMAÇOES DOS POSTS
  222.  
  223. - essas informações aparecem quando voce passa o mouse por cima dos posts. é a data, os notes, o reblog e etc. existem outros tipos de informaçoes, se você quiser outro, me fala como quer que eu posso te ajudar a por, se quiser.
  224.  
  225. - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
  226. - font-size é o tamanho da fonte
  227. - fonte family é a fonte
  228. - letter-spacing é a distancia entre as letras
  229. - width: 400px é o tamanho dos posts
  230. - color é a cor
  231.  
  232. ***/
  233.  
  234. #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;}
  235. #info a {font-size:9px; text-transform: lowercase; color:#666; -webkit-transition-duration: 0.4s;}
  236. #info:hover {color:#666}
  237. .posts:hover #info {opacity:9; padding-top:4px; margin-bottom:0px;}
  238.  
  239.  
  240.  
  241.  
  242.  
  243. /*** BARRA DE ROLAGEM
  244.  
  245. - o primeiro width é a grossura da barra de rolagem
  246. - o primeiro height é a grossura da barra de rolagem
  247. - o primeiro background-color é a cor do fundo do theme
  248. - o segundo e o terceiro background-color é a cor da barra
  249.  
  250. ***/
  251.  
  252. ::-webkit-scrollbar{width:5px;height:5px;}
  253. ::-webkit-scrollbar-button:start:decrement
  254. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  255. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  256. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  257. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  258.  
  259. 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; }
  260.  
  261. .tumblrAutoPager_page_separator,
  262. .tumblrAutoPager_page_info {display: none;}
  263.  
  264. #tumblr_controls{position: fixed!important}
  265. #tumblr_controls{position: fixed!important}
  266. #tumblr_controls{position: fixed!important}
  267. #tumblr_controls{position: fixed!important}
  268.  
  269.  
  270.  
  271.  
  272.  
  273. #sidebar {position:fixed; width: 150px; height:150px; margin-left:360px;margin-top:280px; -webkit-transition-duration: 0.4s;}
  274.  
  275. #foto img {display: inline; margin-left:50px; position:fixed; text-align:left;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; margin-top:3px;}
  276. #foto img {width:150px; height:200px; margin-top:-200px;margin-left:-73px;}
  277.  
  278. #foto img:hover { -webkit-filter: blur(1px);}
  279.  
  280. #frasezinha {opacity:10;width:150px;background-color:#;position: fixed;font-style:bold; font-family:corbel; color:#fff; letter-spacing:px; font-size:12px; line-height:px; height:px;text-align:center; color:#000;padding:0px;margin-top:-2px;margin-left:-73px;border-right:px solid #eee; border:px solid #000;border-top:px solid #000; border-left:px solid #ddd;padding-top: 2px;padding-bottom: 4px; text-transform:; opacity:0.9;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out; font-weight:;border-top:1px solid #FF1493;border-width:5px}
  281.  
  282. #sidebar:hover #frasezinha {border-width:22px;border-bottom:3px solid #FF1493 ;border-radius:0px 0px 10px 10px;}
  283.  
  284.  
  285.  
  286. #links {opacity:0;color: ; font-style:;font-family:cambria; background:#; -webkit-border-radius: 00px 00px 00px 00px; background:#ee; font-style:itlic;font-size:9px; margin-top:-1px; margin-left:-215px; position:fixed; line-height: 15px; letter-spacing:px; height: px; z-index:100; text-align:center; font-weight: none; padding:2px; text-shadow: 0px 0px 0px transparent; width: 145px;-webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
  287. #links a {color: #fff;{color:links}; -webkit-border-radius:100px 0x 00px 00px; display:blck; text-transform: uppercase; border-bottom:0px dotted #cccbcb; padding:px; -webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; opacity: 1.7; width: 170px;}
  288. #links a:hover {color:{color:hover};text-shadow: 0px 0px 1px; -moz-opacity:1.0; letter-spacing:px; font-style:italic;; text-transform:upprcase; font-size:px;font-style:ialic;-khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.6s linear; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;}
  289. #sidebar:hover #links {opacity:10;margin-left:-71px;}
  290.  
  291. #sabedots2 {opacity:10;margin-left:2px; margin-top:20px; 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}
  292. #sabedots2 img { width:165px; height:auto;}
  293. #sidebar:hover #sabedots2 {opacity:0;margin-top:400px;}
  294.  
  295. #oizinho {opacity:0;margin-left:66px; margin-top:-208px; background-color:white; 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}
  296. #oizinho img { width:16px; height:auto;}
  297. #sidebar:hover #oizinho {opacity:10;width:30px;transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -webkit-transition-duration: .90s;}
  298.  
  299. #divina {opacity:0;color:#FF1493; font-family:arial; background:#; -webkit-border-radius: 00px 00px 00px 00px; background:#;font-size:20px; margin-top:-208px; margin-left:3px; position:fixed; line-height: 15px; letter-spacing:px; height: px; z-index:100; text-align:center; font-weight: none; padding:2px; text-shadow: 0px 0px 0px transparent; width: 145px;-webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
  300. #sidebar:hover #divina {opacity:10;rotateY(360deg); -webkit-transform: rotateY(360deg); -webkit-transition-duration: .90s;}
  301.  
  302. #sabedots {opacity:0;margin-left:2px; margin-top:-200px; 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}
  303. #sabedots img { width:170px; height:auto;}
  304. #sidebar:hover #sabedots {opacity:10;margin-top:38px;}
  305.  
  306.  
  307.  
  308.  
  309. </style><body>
  310.  
  311.  
  312. <div id="container">
  313. <div id="sidebar">
  314. <div id="tudo">
  315. <div id="foto"><img src="{image:sidebar}"></div>
  316. <div id="sabedots2"><img src="" class="pipi"></div>
  317. <div id="oizinho"><img src=""/></div>
  318. <div id="sabedots"><img src=""/></div>
  319. <div id="frasezinha">{description}</div>
  320. <div id="divina">{text:desenhodaside}</div>
  321. <div id="links">
  322. <a href="{text:Link1}">{text:Link1 Title}</a>
  323. <a href="{text:Link2}">{text:Link2 Title}</a>
  324. <a href="{text:Link3}">{text:Link3 Title}</a>
  325. <a href="{text:Link4}">{text:Link4 Title}</a></div></div>
  326.  
  327.  
  328. </div>{block:IfRolagemInfinita}<div class="autopagerize_page_element">
  329. <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">
  330.  
  331. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<h2>{body}</h2>{/block:Text}
  332.  
  333. {block:Photo}<div class="image"><img src="{PhotoURL-400}"></div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photo}
  334.  
  335. {block:Photoset}<div class="photoset">{Photoset-400}</div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photoset}
  336.  
  337. {block:Quote}<div class="quote">{Quote}</div><br><div class="sorc">{Source}</div>{/block:Quote}
  338.  
  339. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
  340.  
  341. {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}
  342.  
  343.  
  344. {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}
  345. <div class="audioplayer" style="margin-left:50px;">{AudioPlayerWhite}</div>
  346. <div class="audioinfo">
  347. {block:TrackName}Song: {TrackName}{/block:TrackName}<br>
  348. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  349. {block:Album}Album: {Album}{/block:Album}</div></div>{/block:Audio}
  350.  
  351.  
  352. {block:Video}{Video-400}{/block:Video}
  353.  
  354. {block:Answer}<div id="asker"><font color=#FF1493> ♡ </font><b>{Asker}</b> <i>gemeu assim:</i> {Question}<font color=#FF1493> ♡ </font></div><div class="answer">{Answer}</div>{/block:Answer}
  355.  
  356. <div id="captt">
  357.  
  358. <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>
  359.  
  360. {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 <font color=#006400> ↺ </font></a>{/block:IndexPage}</div>{/block:Date}</div>
  361.  
  362. {/block:Posts}</div></div></div></div></div>
  363.  
  364.  
  365.  
  366. </body>
  367. </html>
  368.  
  369. <a style="width:120px; font-size:25px; color:#000000; font-family:corbel;position:fixed;bottom:30px;right:-15px;text-shadow: 0.1em 0.1em 0.2em #000;;" href="http://sexlost.tumblr.com/" title="sexlost"><font color=#FF1493> ✖ </font></a></a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!