TattyRM

THEME 2 PINK

Jul 18th, 2015
457
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.11 KB | None | 0 0
  1.  
  2.  
  3.  
  4.  
  5. <!-- Appearance -->
  6. <!-- imagens-->
  7. <meta name="image:sidebar" content=""/>
  8.  
  9. <!-- cores-->
  10. <meta name="color:background" content="#fff"/>
  11. <meta name="color:text" content="#222"/>
  12. <meta name="color:links" content="#222"/>
  13. <meta name="color:links hover" content="#000"/>
  14. <meta name="color:menu link" content="#222" />
  15. <meta name="color:menu hover" content="#eee"/>
  16. <meta name="color:menu link hover" content="#fff" />
  17.  
  18. <meta name="text:Link1" content="/" />
  19. <meta name="text:Link1 Title" content="" />
  20. <meta name="text:Link2" content="/" />
  21. <meta name="text:Link2 Title" content="" />
  22. <meta name="text:Link3" content="/" />
  23. <meta name="text:Link3 Title" content="" />
  24. <meta name="text:Link4" content="/" />
  25. <meta name="text:Link4 Title" content="" />
  26.  
  27.  
  28.  
  29.  
  30.  
  31. <!--barra de rolagem e grade do theme: nao tire -->
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  33. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  34. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41. </head>
  42.  
  43. <style type="text/css" media="screen">
  44.  
  45.  
  46.  
  47. /*definições geral (cor do fundo, fonte, tamanho, alinhamento e etc*/
  48. body {background:{color:background}; color:{color:text}; font-family:'corbel'; font-size:11px; text-align:left;}
  49.  
  50.  
  51. /*links (geral)*/
  52. a {color:{color:links}; text-decoration:none;}
  53. a:hover {color:{color:linkshover};}
  54.  
  55.  
  56. /*blockquote dos posts*/
  57. blockquote {margin:10px; background:#fbfbfb; border:1px solid #ddd;}
  58.  
  59.  
  60.  
  61. /*alinhamento dos posts*/
  62. #content {position:absolute; width:650px; margin-left:460px; margin-top:10px ;fixed;}
  63.  
  64.  
  65. /*caixas dos posts*/
  66. .caixa {background:{color:background}; width:250px; margin:3px;}
  67. .caixa img{max-width:250px;}.imaagem img{width:250px;}.vsanna{display:none;}
  68.  
  69.  
  70.  
  71. /*Notes por warvada. Não use sem permissão*/
  72. .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);}
  73. .notes a{color:{color:links};}
  74. .notes a:hover{color:{color:links hover};}
  75. .caixa:hover .notes {opacity:1; margin-left:0px; transition-duration:.8s; transform:rotatey(0deg);}
  76.  
  77.  
  78. /*titulo dos posts*/
  79. titulo {font-size:12px;text-align:justify;}
  80.  
  81.  
  82. /*ESTILO DE ASK FEITO POR LUXUOSEI*/
  83.  
  84. .pergunta2{;color:{color:text};font-family:cambria;font-size:10px;padding:5px;background:;border:1px solid #eee;text-transform:lowercase;padding:px;outline-offset: 1px; outline: dotted 1px #eee;}
  85. .florz{color:{color:ask};font-family:sofia;position:absolute;margin-left:104px;margin-top:-10px;font-size:12px;text-decoration:none;text-decoration:lowercase;font-style:normal;text-shadow:0px 1px 0px #000;background:#fff;}
  86.  
  87.  
  88.  
  89. #sidebar {position:fixed; width: auto; height:auto; margin-left:300px;margin-top:60px;}
  90.  
  91. /*****FEITO POR DRESSBY*****/
  92. #foto {margin-top:60px; margin-left:-65px; margin-bottom:0px; padding:9px;border-left:0px solid {color:bordinha}; height:auto; width:140px; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  93. #foto img {display: inline; height:auto; height:auto; width:145px; ; padding:3px; border:-15px dashed {color:bordinha};transition:All 0.4s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease; outline-offset:-5px; outline: dotted 1px #ddd }
  94. #foto img {opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  95.  
  96.  
  97. #descri {position:fixed; font:12px tahoma;color:{color:descri}; padding: 0px; letter-spacing:px;opacity:1;width:140px;text-align:center;margin-left:-40px;margin-top:-215px;-webkit-transition: all 0.5s ease-out;-webkit-transition: all 0.6s ease-in-out}
  98. #sidebar:hover #descri {margin-top:5px;margin-left:-50px;}
  99.  
  100. /****detalhe do theme****/
  101. #fror {position:fixed; font: 15px arial;color:#fdd; padding: 0px; letter-spacing:-2px;opacity:1;width:25px;text-align:center;margin-left:-60px;margin-top:-218px;-webkit-transition: all 0.5s ease-out;-webkit-transition: all 0.6s ease-in-out}
  102. #sidebar:hover #fror {margin-top:-10px;margin-left:-60px;}
  103.  
  104. /***linkzinhos****/
  105. #links {opacity:0;width:120px;position:fixed;margin-top:-9px; margin-left:-500px;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;text-align:center;text-align:center;}
  106. #links a {font-size:10px;font-family:tahoma; color:{color:links};-webkit-transition: all 0.5s ease-out;-webkit-transition: all 0.6s ease-in-out;letter-spacing:0px;}
  107. #links a:hover{color:#000;/*cor do link hover*/background:#fff;/*cor do bg hover*/-webkit-transition: 0.6s linear;text-shadow: 0px 0px 3px;letter-spacing:1px;}
  108. #sidebar:hover #links {opacity:2;margin-left:-41px}
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  
  116. </style>
  117.  
  118. <body onkeydown="return false">
  119.  
  120. <!–Barrinha feita por Warvada. Nem adianta tirar pq eu sei que e minha –>
  121. <div style="position:fixed; top:-1px; left:450px;"><img src="http://goo.gl/Xmnc2a"></div>
  122.  
  123. <!–Barrinha feita por Warvada. Nem adianta tirar pq eu sei que e minha –>
  124. <div style="position:fixed; top:-1px; left:990px;"><img src="http://goo.gl/Xmnc2a"></div>
  125.  
  126. <div id="sidebar">
  127.  
  128. <div id="foto"><img src="http://40.media.tumblr.com/26960a873027e8aa731008b15e9f5ee0/tumblr_nqthpn0S741uorhkbo7_250.jpg"></div>
  129.  
  130. <div id="fror"> <font color= #ddd> ✿ </font> </div>
  131.  
  132. <div id="descri">{description}</div>
  133.  
  134.  
  135. <div id="links">
  136. <a href="{text:link1}">{text:link1 title}</a>
  137. <a href="{text:link2}">{text:link2 title}</a>
  138. <a href="{text:link3}">{text:link3 title}</a>
  139. <a href="{text:link4}">{text:link4 title}</a>
  140. <a href="{text:link5}">{text:link5 title}</a>
  141.  
  142.  
  143.  
  144.  
  145. </div></div>
  146.  
  147.  
  148.  
  149.  
  150. <!--inicio dos posts-->
  151. <div id="content">
  152. {block:Posts}
  153. <div class="caixa">
  154.  
  155.  
  156.  
  157.  
  158. {block:Text}
  159. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  160. {body}
  161. {/block:Text}
  162.  
  163.  
  164.  
  165. {block:Photo}
  166. {LinkOpenTag}
  167. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  168. {/block:Photo}
  169.  
  170.  
  171.  
  172. {block:Photoset}
  173. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  174. {/block:Photoset}
  175.  
  176.  
  177.  
  178. {block:Quote}
  179. {Quote} <br>
  180. {block:Source}{Source}{/block:Source}
  181. {/block:Quote}
  182.  
  183.  
  184.  
  185. {block:Chat}
  186. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  187. {block:Lines}
  188. <div class="chat">
  189. <div class="lines">{block:Label}
  190. <span>{Label}</span>
  191. {/block:Label}
  192. {Line}</div></div>
  193. {/block:Lines}
  194. {/block:Chat}
  195.  
  196.  
  197.  
  198. {block:Link}
  199. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  200. {block:Description}{Description}{/block:Description}
  201. {/block:Link}
  202.  
  203.  
  204.  
  205. {block:Audio}
  206. {AudioPlayer}
  207. {/block:Audio}
  208.  
  209.  
  210.  
  211. {block:Video}
  212. {block:Indexpage}{Video-250}{/block:IndexPage}
  213. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  214. {block:Caption}{Caption}{/block:Caption}
  215. {/block:Video}
  216.  
  217.  
  218.  
  219. {block:Answer}
  220. <div class="florz">✿<font color="#ddd"> ✿ </font>✿</div> <div class="pergunta2"> <b>{Asker}</b>: {Question}</div>
  221. <div class="resposta">{Answer}</div>
  222. {/block:Answer}
  223.  
  224.  
  225.  
  226.  
  227. <!--notes-->
  228. {block:indexpage}
  229. <div class="notes">
  230. <a href="{permalink}">{NoteCount} notes ✿ </a> .
  231. <a href="{ReblogURL}" target="_blank">Reblog ✿ </a>
  232. </div>
  233. {/block:indexpage}
  234.  
  235.  
  236.  
  237.  
  238. <!--bloqueio do via e source -->
  239. <div class="vsanna">
  240. {block:RebloggedFrom}
  241. <a href="{ReblogParentURL}">via</a>
  242. {/block:RebloggedFrom}
  243. {block:ContentSource}
  244. <a href="{SourceURL}">source</a>
  245. {/block:ContentSource}
  246. </div>
  247.  
  248.  
  249.  
  250.  
  251.  
  252. </div>
  253. {/block:Posts}
  254. </div>
  255. <!--fim dos posts-->
  256.  
  257.  
  258.  
  259. <!-- script barra de rolagem e grade (duas ou mais colunas): NÃO RETIRE!-->
  260. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  261. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  262. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  263. <script type="text/javascript">
  264. $(window).load(function () {
  265. $('#content').masonry(),
  266. $('.masonryWrap').infinitescroll({
  267. navSelector : "div#navigation",
  268. nextSelector : "div#navigation a#nextPage",
  269. itemSelector : ".caixa",
  270. bufferPx : 10000,
  271. extraScrollPx: 11000,
  272. loadingImg : "",
  273. loadingText : "<i> </i>",
  274. },
  275. // call masonry as a callback.
  276. function() { $('#content').masonry({ appendedContent: $(this) }); }
  277. );
  278. });
  279. </script>
  280.  
  281. {block:IndexPage}
  282. <div class="column navigation" id="navigation">
  283.  
  284. {block:Pagination}
  285. {block:PreviousPage}
  286. <a href="{PreviousPage}" class="navigate">
  287. {/block:PreviousPage}
  288. {block:PreviousPage}</a>
  289. {/block:PreviousPage}
  290.  
  291. {block:NextPage}
  292. <a href="{NextPage}" class="navigate" id="nextPage">
  293. {/block:NextPage}
  294. {block:NextPage}</a>{/block:NextPage}
  295. {/block:Pagination}
  296.  
  297. </div>
  298. {/block:IndexPage}
  299.  
  300.  
  301. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  302. <div style="position:fixed; bottom:60px; left:1210px;">
  303. <font color="#4682B4"><small></small></font>
  304. <a href="dressby.tumblr.com" title="Theme por Dressby + Base por Warvada">Dressby</a>
  305. <font color="#ddd"><small>✿</small></font>
  306. </div>
  307. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  308.  
  309. </body>
  310.  
  311. </html>
Advertisement
Add Comment
Please, Sign In to add comment