API tools faq
paste
TattyRM

theme 4 pink

TattyRM
Jul 18th, 2015
286
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.57 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------------
  2. Base do theme por Warvada. Modificado e adaptado por Dressby
  3. ----------------------------------------------------------------------------->
  4.  
  5.  
  6.  
  7. <script type=”text/javascript”> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = “escreva_aqui “; tb8_messages[1] = “Keep Distance “; tb8_messages[2] = “escreva_aqui “; tb8_rptType = ‘infinite’; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =”“; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst=”“;tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == ‘finite’) && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout(“tb8_pisi()”, tb8_sp); } tb8_pisi() </script>
  8.  
  9. <head profile="http://gmpg.org/xfn/11">
  10.  
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17. <!-- Appearance -->
  18. <!-- imagens-->
  19. <meta name="image:sidebar" content=""/>
  20.  
  21. <!-- cores-->
  22. <meta name="color:background" content="#fff"/>
  23. <meta name="color:text" content="#222"/>
  24. <meta name="color:links" content="#222"/>
  25. <meta name="color:links hover" content="#000"/>
  26. <meta name="color:menu link" content="#222" />
  27. <meta name="color:menu hover" content="#eee"/>
  28. <meta name="color:menu link hover" content="#fff" />
  29.  
  30. <meta name="text:Link1" content="/" />
  31. <meta name="text:Link1 Title" content="" />
  32. <meta name="text:Link2" content="/" />
  33. <meta name="text:Link2 Title" content="" />
  34. <meta name="text:Link3" content="/" />
  35. <meta name="text:Link3 Title" content="" />
  36. <meta name="text:Link4" content="/" />
  37. <meta name="text:Link4 Title" content="" />
  38. <meta name="text:link5" content="/" />
  39. <meta name="text:Link5 Title" content="" />
  40.  
  41.  
  42.  
  43.  
  44.  
  45. <!--barra de rolagem e grade do theme: nao tire -->
  46. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  47. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  48. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55. </head>
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62. <style type="text/css" media="screen">
  63.  
  64.  
  65.  
  66. /*definições geral (cor do fundo, fonte, tamanho, alinhamento e etc*/
  67. body {background:{color:background}; color:{color:text}; font-family:'corbel'; font-size:11px; text-align:left;}
  68.  
  69.  
  70. /*links (geral)*/
  71. a {color:{color:links}; text-decoration:none;}
  72. a:hover {color:{color:linkshover};}
  73.  
  74.  
  75. /*blockquote dos posts*/
  76. blockquote {margin:10px; background:#fbfbfb; border:1px solid #ddd;}
  77.  
  78.  
  79.  
  80. /*alinhamento dos posts*/
  81. #content {position:absolute; width:650px; margin-left:460px; margin-top:10px ;fixed;}
  82.  
  83.  
  84. /*caixas dos posts*/
  85. .caixa {background:{color:background}; width:250px; margin:3px;}
  86. .caixa img{max-width:250px;}.imaagem img{width:250px;}.vsanna{display:none;}
  87.  
  88.  
  89.  
  90. /*Notes por warvada. Não use sem permissão*/
  91. .caixa .notes {margin-top:0px; margin-left:-5px; width:240px; height:13px; line-height:14px; text-align:right; color:{color:links}; font-size:8px; font-family:'segoe print'; text-transform:lowercase; opacity:0; transition-duration:.8s; transform:rotatex(180deg);}
  92. .notes a{color:{color:links};}
  93. .notes a:hover{color:{color:links hover};}
  94. .caixa:hover .notes {opacity:1; margin-left:0px; transition-duration:.8s; transform:rotatey(0deg);}
  95.  
  96.  
  97. /*titulo dos posts*/
  98. titulo {font-size:12px;text-align:justify;}
  99.  
  100.  
  101. /* Ask por warvada. Não use como base. Não retire os creditos. */
  102. .pergunta{margin-top:0px; width:90%; height:auto; line-height:13px; padding:3px; text-align:left; border-radius:6px; font-size:10px;
  103. border:1px dashed #ddd; /*cor da borda da pergunta*/}
  104. .pergunta a{color:white; /*cor da url de quemm perguntou*/}
  105. .ask-flower1{position:absolute; transform:rotate(1deg); margin-top:-8px; margin-left:220px; font-size:12px; z-index:9;
  106. color:#000; /*cor da flor maior*/}
  107. .ask-flower2{position:absolute; transform:rotate(1deg); margin-top:-3px; margin-left:227px; font-size:10px; z-index:9;
  108. color:#000; /*cor da flor menor*/}
  109. .resposta{margin-top:1px; width:100%; height:auto; padding:3px; font-size:10px; text-align:left;
  110. border-bottom:1px dashed #eee; /*cor da borda da resposta*/}
  111. /* Ask por warvada. Não use como base. Não retire os creditos. */
  112.  
  113.  
  114.  
  115.  
  116. /*Sidebar (alinhamento)*/
  117. .side{position:fixed; margin-top:130px; margin-left:210px; width:170px; height:250px;}
  118.  
  119. /*imagem da sidebar*/
  120. .sideimg img{width:160px; height:190px; margin-top:0px; margin-left:0px;}
  121.  
  122. /*frase */
  123. .desc{position:fixed; margin-left:5px; margin-top:-23px; width:150px; text-align:center; font-size:10px; background:#eee; opacity:.7; transition:.80s;}
  124.  
  125. /*menu*/
  126. .menu{position:fixed; margin-top:0px; margin-left:0px; text-align:center; width:160px; text-align:center; font-size:11px; transition:.80s;}
  127. .menu a{color:{color:menu link};}
  128. .menu a:hover{background:{color:menu hover}; color:{color:menu link hover};}
  129.  
  130.  
  131. #sidebar {position:fixed; width: auto; height:auto; margin-left:300px;margin-top:-60px;}
  132.  
  133.  
  134. #tudo{position:fixed; top:0; left:0; width:10000px; height:10000px;}
  135.  
  136. body, a{cursor:url(http://40.media.tumblr.com/d806bd7fef1fdc0f09673f055a5d4a48/tumblr_inline_nqo7goHFDj1rsc41y_500.png), default !important;}
  137.  
  138. a:hover{cursor:url(http://41.media.tumblr.com/909891a3ab400177331d2c201ae52431/tumblr_inline_nqo7hgTvyZ1rsc41y_500.png), default !important;}
  139.  
  140.  
  141.  
  142.  
  143. /***sidebar em si inteira,FEITO POR DRESSBY****/
  144.  
  145. .sideimg img{width:150px; height:200; margin-top:0px; margin-left:25px;border-top:1px dotted #c1c1c1 ;border-left:1px dotted #c1c1c1;border-right:1px dotted #c1c1c1;}
  146. .frase {color:#c3c3c3;position:fixed; width:145px; margin-left:-15px;height:15px; line-height:15px; margin-top:2px;;font-family: gabriola;font-style:; text-align:right; font-size:16px; ;opacity: 10;transition:0.9s; transform : rotateX(360deg);}
  147. .side:hover .frase {color:#000;position:fixed; width:148px; margin-left:-11px;height:14px; line-height:15px; margin-top:0px;;font-family: 'print segoe';font-style:; text-align:center; font-size:11px; opacity: 0;transition:0.9s; transform : rotateX(360deg);border-bottom:1px solid #fdd; border-bottom: 1px solid #fdd; dotted 1px;}
  148. .side:hover .links{opacity:10; perspective(0px)transform :rotateX(0deg);
  149. -webkit-transform:perspective(0px) transform :rotateX(360deg); margin-left:75px; margin-top:-85px; width:45px; display:block; border-radius:10px; background:# }
  150.  
  151.  
  152.  
  153. /****DETALHE DAS FLORZINHAS NO THEME****/
  154. .desenho{color: #ff99cc ;position:fixed; width:100px; margin-left:140px;height:45px; line-height:15px; margin-top:2px;;font-family: amazed;font-style:; text-align:left; font-size:13px; ;opacity:10;transition: all .8s;
  155. text-transform: ;transform :rotateX(360deg);}
  156. .side:hover .desenho {color: #ff99cc;opacity:0;font-family:;font-style:;margin-top:-22px;text-align:center;transition: all .8s; transform :rotateX(360deg); text-transform: ; margin-left:14px;}
  157.  
  158. /***linzinhos***/
  159. .links{position:fixed; width:45px; text-align:center;height:75px;
  160. background:#fdd;border:2px dotted #ddd ; opacity:0;-moz-transition: all .8s ease-out; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out;display:block;border-radius:5px;}
  161. .links a { margin-left: 0px;font-family:Arial;color:#000;font-style: normal;font-size: 12px; text-align:center;line-height:15px;transition: 0.5s ; height: 50px; width: 45px; border-radius:0px; border-radius:0px; }
  162. .links a:hover{ color:#c1c1c1; margin-left: 0px;font-family:gabriola;
  163. font-style: normal;font-size:16px; text-align:center;line-height:15px;
  164. transition: 0.5s ; height: 15px; width:45px; text-shadow: 0px 0px 1px #000; }
  165.  
  166.  
  167.  
  168. </style>
  169.  
  170.  
  171.  
  172. <body onkeydown="return false">
  173.  
  174.  
  175.  
  176.  
  177.  
  178. <div id=“tudo”></div>
  179.  
  180. <!–Barrinha feita por Warvada. Nem adianta tirar pq eu sei que e minha –>
  181. <div style="position:fixed; top:-1px; left:430px;"><img src="http://goo.gl/GB9lmJ"></div>
  182.  
  183.  
  184.  
  185. <div class="side">
  186. <div class="sideimg"><img src="http://36.media.tumblr.com/4e575328abef479ae121b1ad984a717f/tumblr_nmglekiwU41tg7dx9o6_250.png"></div>
  187. <div class="frase">{description}</div>
  188. <div class="desenho"> <font color= #fdd> ✿ </font> <font color= #fdd> ✿ </font> <font color= #fdd> ✿ </font></div>
  189. <div class="links">
  190. <a href="{text:Link1}">{text:Link1 title} </a>
  191. <a href="{text:Link2}">{text:Link2 title} </a>
  192. <a href="{text:Link3}">{text:Link3 title} </a>
  193. <a href="{text:Link4}">{text:Link4 title} </a>
  194. <a href="{text:Link5}">{text:Link5 title} </a>
  195.  
  196. </div>
  197.  
  198.  
  199.  
  200. </div></div>
  201. </div>
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209. </div></div>
  210.  
  211.  
  212.  
  213.  
  214.  
  215.  
  216. <!--inicio dos posts-->
  217. <div id="content">
  218. {block:Posts}
  219. <div class="caixa">
  220.  
  221.  
  222.  
  223.  
  224. {block:Text}
  225. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  226. {body}
  227. {/block:Text}
  228.  
  229.  
  230.  
  231. {block:Photo}
  232. {LinkOpenTag}
  233. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  234. {/block:Photo}
  235.  
  236.  
  237.  
  238. {block:Photoset}
  239. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  240. {/block:Photoset}
  241.  
  242.  
  243.  
  244. {block:Quote}
  245. {Quote} <br>
  246. {block:Source}{Source}{/block:Source}
  247. {/block:Quote}
  248.  
  249.  
  250.  
  251. {block:Chat}
  252. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  253. {block:Lines}
  254. <div class="chat">
  255. <div class="lines">{block:Label}
  256. <span>{Label}</span>
  257. {/block:Label}
  258. {Line}</div></div>
  259. {/block:Lines}
  260. {/block:Chat}
  261.  
  262.  
  263.  
  264. {block:Link}
  265. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  266. {block:Description}{Description}{/block:Description}
  267. {/block:Link}
  268.  
  269.  
  270.  
  271. {block:Audio}
  272. {AudioPlayer}
  273. {/block:Audio}
  274.  
  275.  
  276.  
  277. {block:Video}
  278. {block:Indexpage}{Video-250}{/block:IndexPage}
  279. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  280. {block:Caption}{Caption}{/block:Caption}
  281. {/block:Video}
  282.  
  283.  
  284.  
  285. {block:Answer}
  286. <div class="pergunta">
  287. <div class="ask-flower1">✿ </div>
  288. <div class="ask-flower2">✿ </div>
  289. <!-- Esse "background:pink;" é a cor da caixa de quem perguntou
  290. Esse "color:white" é a cor da url de quem perguntou -->
  291. <div style="display:inline-block; padding:0 1px 0 1px; border-radius:4px; border:1px dotted rgba(255,255,255,.8); font-family:calibri; font-size:8px; text-transform:uppercase; height:10px; line-height:10px;
  292. background:pink;
  293. color:white; ">{Asker}</div> {Question}</div>
  294.  
  295. <div class="resposta">{Answer}</div>
  296.  
  297. {/block:Answer}
  298.  
  299.  
  300.  
  301.  
  302. <!--notes-->
  303. {block:indexpage}
  304. <div class="notes">
  305. <a href="{permalink}">{NoteCount} notes ✿ </a>
  306. <a href="{ReblogURL}" target="_blank">Reblog ✿ </a>
  307. </div>
  308. {/block:indexpage}
  309.  
  310.  
  311.  
  312.  
  313. <!--bloqueio do via e source -->
  314. <div class="vsanna">
  315. {block:RebloggedFrom}
  316. <a href="{ReblogParentURL}">via</a>
  317. {/block:RebloggedFrom}
  318. {block:ContentSource}
  319. <a href="{SourceURL}">source</a>
  320. {/block:ContentSource}
  321. </div>
  322.  
  323.  
  324.  
  325.  
  326.  
  327. </div>
  328. {/block:Posts}
  329. </div>
  330. <!--fim dos posts-->
  331.  
  332.  
  333.  
  334. <!-- script barra de rolagem e grade (duas ou mais colunas): NÃO RETIRE!-->
  335. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  336. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  337. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  338. <script type="text/javascript">
  339. $(window).load(function () {
  340. $('#content').masonry(),
  341. $('.masonryWrap').infinitescroll({
  342. navSelector : "div#navigation",
  343. nextSelector : "div#navigation a#nextPage",
  344. itemSelector : ".caixa",
  345. bufferPx : 10000,
  346. extraScrollPx: 11000,
  347. loadingImg : "",
  348. loadingText : "<i> </i>",
  349. },
  350. // call masonry as a callback.
  351. function() { $('#content').masonry({ appendedContent: $(this) }); }
  352. );
  353. });
  354. </script>
  355.  
  356. {block:IndexPage}
  357. <div class="column navigation" id="navigation">
  358.  
  359. {block:Pagination}
  360. {block:PreviousPage}
  361. <a href="{PreviousPage}" class="navigate">
  362. {/block:PreviousPage}
  363. {block:PreviousPage}</a>
  364. {/block:PreviousPage}
  365.  
  366. {block:NextPage}
  367. <a href="{NextPage}" class="navigate" id="nextPage">
  368. {/block:NextPage}
  369. {block:NextPage}</a>{/block:NextPage}
  370. {/block:Pagination}
  371.  
  372. </div>
  373. {/block:IndexPage}
  374.  
  375.  
  376. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  377. <div style="position:fixed; bottom:10px; left:1200px;">
  378. <font color="#4682B4"><small></small></font>
  379. <a href="http://dressby.tumblr.com" title="Theme por dressby + Base por Warvada">Dressby</a>
  380. <font color="#ffaecc"><small>✿ </small></font>
  381. </div>
  382. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  383.  
  384. </body>
  385.  
  386.  
  387. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!